/*スマホ版：レイアウトに関するCSS*/

@charset "UTF-8";

html{
				height:100%;
				margin:0;
				padding:0;
}

body			{
				height:100%;
				margin:0;
				padding:0;
				background-color: #f4f4f4;
				}

#all			{
	position:relative;
	min-height: 100%;
	bottom:0;
				background-color: #f4f4f4;
				}

#header_area			{
				width:508px;
				/*height: 70px;*/
				margin: 0px auto 0px;
				padding:2px 0px 0px 0px;
				background-color: #ffffff;
				/*border-radius:8px;*/
				text-align: center;
				froat:center;
				border-top:solid 3px #0000bd;
				position:relative;
				z-index:2;
				}

#header			{
				width: 100%;
				margin: 0px auto 0px;
				padding: 5px 0 0;
				z-index:2;
				}

#header_logo			{
				float:center;
				margin: 10px 0;
}

#header_logo img			{
				width:90%;
}

#header_title			{
				float:left;
				margin: 0px 0 0 20px;
}

#header_ad			{
				float:right;
				margin: 0px 20px 0px;
				font-size: 13px;
}



#main_menu_area			{
				width:508px;
				margin: 0px auto 0px;
				padding:0px 0px 0px 0px;
				background: #0000bd;
				/*border-radius:8px;*/
				text-align: center;
				froat:center;
				position:relative;
				z-index:2;
				}
#main_menu			{
				display:none;
				width: 100%;
				margin: 0px auto 0px;
				background-color:#FFCA00;
				float:center;
				text-align: center;
				color: #ffffff;
				/*border-left:solid 1px #aaf;*/
				border-right:solid 1px #aaf;
				}

.menu_td			{
				width: 150px;
				}


.menu_eng{
				font-size: 10px;
				color: #ffffff;
				line-height:100%;
}

#contents_area {
	padding-bottom:200px;
}

#topimage_area			{
				width:508px;
				max-height:600px;
				margin:0px 0px 0px 0px;
				padding: 0px 0px 0px 0px;
				background-color: #000;
				font-size: 10px;
				text-align:center;
				position:relative;
				z-index:0;
}

#topimage_area	img		{
				width:100%;

}

#topimage			{
				width:100%;
				float:center;
				position:relative;
				z-index:0;
}

#category_image_area			{
				width:508px;
				max-height:400px;
				margin: -130px 0px 0px 0px;
				padding: 0px 0px 0px 0px;
				background-color: #000000;
				font-size: 10px;
				text-align:center;
				position:relative;
				z-index:0;
}

#category_image_area	img		{
				margin-top:0px;
				/*max-width:100%;*/
}

#category_image			{
				width:100%;
				float:center;
				position:relative;
				z-index:0;
}

#category_header_area			{
				width:508px;
				padding:0px 0px 0px 0px;
				background-color: #e0e0e0;
				position:relative;
				z-index:1;
				}

#category_header			{
				width: 100%;
				margin: 0px auto 0;
				padding:15px 20px 10px;
				text-align: left;
				font-size:20px;
				line-height: 100%;
				font-weight : normal;
				color: #000;
				}

#category_header_pointer			{
				width: 100%;
				margin: 0px auto 0;
				padding:0px 0px;
				text-align: left;
				font-size:13px;
				line-height: 100%;
				font-weight : normal;
				color: #0000bd;
				}

#sub_menu_area			{
				width:508px;
				padding:10px 0px 5px;
				background: #fff;
				position:relative;
				z-index:0;
				}
#sub_menu			{
				width: 100%-80px;
				margin: 0px auto 0px;
				padding:0px 20px;
				text-align: left;
				color: #333;
				}

#third_menu			{
				margin: 0px 0px;
				padding:6px 15px 4px;
				float:right;
				background: #e8e8e8;
				text-align: left;
				}

#main_area			{
				width:508px;
				margin: 0px auto 0;
				padding:20px 0px 20px 0px;
				background-color: #f4f4f4;
				/*background-color: #f0f0f0;*/
				/*background-color: #ffca00;*/
				float: center;
				text-align: center;
				position:relative;
				z-index:1;
				}

#main			{
				width: 100%;
				margin: 0px auto 0;
				padding:0px 0px;
				/*padding:0px 0px;
				background-color: #ffffff;*/
				text-align: left;
				/*border-left:solid 1px #888;*/
				}

#top_main_left_pain			{
				width:508px;
				float:left;
				margin: 0 20px 0 0px;
				padding:0px;
				border: 0px solid gray;
				border-collapse: collapse;
				text-align: left;
				}

#top_main_right_pain			{
				width:508px;
				float:left;
				margin: 0 0 0 00px;
				padding:0px;
				border: 0px solid gray;
				border-collapse: collapse;
				text-align: left;
				}

#main_left_pain			{
				width:508px;
				float:left;
				margin: 0 0px 0 0px;
				padding:0px;
				border: 0px solid gray;
				border-collapse: collapse;
				text-align: left;
				}

#main_right_pain			{
				width:508px;
				float:left;
				margin: 0 0 0 00px;
				padding:0px;
				border: 0px solid gray;
				border-collapse: collapse;
				text-align: left;
				}

.content_area			{
				width:100%-16px;
				margin:0px 0px 20px 0px;
				/*padding:0px;*/
				padding:15px 25px;
				background-color: #ffffff;
				border:0px solid #0000bd;
				font-size: 14px;
				color: #333333;
				text-align:left;
}

.top_content_area			{
				width:100%-20px;
				margin:0px 0px 20px 0px;
				/*padding:0px;*/
				padding:10px 10px 10px;
				background-color: #ffffff;
				border:0px solid #0000bd;
				font-size: 14px;
				color: #333333;
				text-align:left;
				line-height: 180%;
				border:solid 0px #ccc;
}

.top_content_area table			{
				font-size: 14px;
				line-height: 160%;
}

.top_content_title_blue			{
				width:100%-24px;
				padding:12px 12px 8px;
				background-color: #0000bd;
				color: #fff;
				font-size: 18px;
				line-height: 100%;
}

.top_content_title_white			{
				width:100%-24px;
				padding:18px 15px 2px;
				background-color: #fff;
				color: #0000bd;
				font-size: 20px;
				line-height: 100%;
}

.category_title			{
				margin: 0px;
				padding: 0px 0px;
				text-align: left;
				font-size: 13px;
				font-weight: normal;
				color: #0000bd;
				line-height: 100%;
				}

.category_title_head			{
				color: #FFCA00;
				}

.submenu			{
				width: 130px;
				float:left;
				margin: 0px;
				padding:0px;
				border: 0px solid #001e3d;
				border-collapse: collapse;
				background-color: #ffffff;
				text-align: left;
				font-size: 12px;
				line-height: 180%;
				}

.submenu_category			{
				width: 140px;
				float:left;
				margin: 5px 0px;
				padding:3px 8px;
				background-color: #ffe0a0;
				text-align: left;
				font-size: 12px;
				line-height: 180%;
				}

.submenu ul{
				margin:0px;
				margin-left:-40px;
}

.submenu li{
				list-style-type: none;
				border-bottom:  1px solid #ffffff;
}

.submenu li a:link			{
				padding:4px 8px;
				display: block;
				width: 150px;
				text-decoration:none;
				color:#001e3d;
				background-color: #f0f0f0;
				border-bottom: 0px solid #888888;

}

.submenu li a:hover			{
				text-decoration:none;
				color:#c80000;
				background-color: #fcfcfc;
}

.content_table			{
				background-color: #ccc;
				font-size: 13px;
				line-height: 160%;
}
.content_table	tr		{
				background-color: #ffffff;
				text-align: center;
}
.content_table	th		{
				background-color: #0000bd;
				color:#ffffff;
				font-weight:normal;
}
.content_table	td		{
}

.content_table_textalign_left			{
				background-color: #fff;
				font-size: 14px;
				line-height: 160%;
}

.content_table_textalign_left	tr		{
				background-color: #ffffff;
}
.content_table_textalign_left	th		{
				background-color: #0000bd;
				color:#ffffff;
				font-weight:normal;
}
.content_table_textalign_left	td		{
				color:#333333;
}


.column_gray	{
				background-color:#f8f8f8;
}

.content_frame			{
				width:100%-16px;
				margin:0px 0px 10px 0px;
				padding:10 12px 8;
				background-color: #ffffff;
				border:2px solid #0000bd;
				font-size: 14px;
				color: #333333;
				text-align:left;
				line-height: 160%;
}

.member_profile_table			{
				margin:0px 0px 0px -1px;
				background-color: #fff;
}
.member_profile_table	tr		{
				background-color: #f0f0f0;
				text-align: left;
}
.member_profile_table	th		{
				background-color: #111111;
				color:#ffffff;
				font-weight:bold;
}
.member_profile_table	td		{
				color:#333333;
}

#footer_area			{
	position:absolute;
	bottom:0;
	width:508px;
}

#footer_link_area			{
				display:none;
				width: 100%;
				margin: 0 auto;
				padding:15 0px;
				background-color: #ccc;
				text-align: center;
				font-size: 10px;
				}

#footer_link			{
				width: 100%-40px;
				float:center;
				margin: 0 auto;
				padding:10px 0px 10px 0px;
				text-align: left;
				font-size: 12px;
				color:#ffffff;
				float: center;
				}

#footer_ad_area			{
				width: 100%;
				margin: 0 auto;
				padding:15px 0px;
				/*background-color: #aaa;*/
				background-color: #ccc;
				text-align: center;
				font-size: 10px;
				border-top:solid 4px 0000bd;
				}

#footer_ad			{
				width: 100%-40px;
				float:center;
				margin: 0 auto;
				padding:10px 20px 10px;
				text-align: left;
				font-size: 12px;
				color:#fff;
				}

.footer_banner			{
				float:left;
				margin-right: 20px ;
				padding:0px;
				}

#footer_bottom_area			{
				width: 100%;
				margin: 0 auto;
				padding:20 0px 40;
				background-color: #333;
				text-align: center;
				font-size: 10px;
				}

#footer_bottom			{
				width: 100%-40px;
				margin: 0 auto 0;
				padding:0px 20px 0px;
				text-align: left;
				font-size: 12px;
				color:#fff;
				line-height:150%;
				}

#footer_left			{
				float:left;
				font-size: 12px;
				line-height:100%
				}

#footer_right			{
				float:right;
				font-size: 12px;
				line-height:100%
				}

#footer_right a			{
				color:#fff;
}

#footer_menu			{
				font-size: 11px;
				line-height:170%
				}

#footer_menu	a		{
				color:#111111;
				}

.footer_menu_category			{
				font-size: 12px;
				line-height:180%;
				color:#ffffff;
				}

.footer_menu_category_head			{
				font-size: 9px;
				line-height:180%;
				color:#dd1122;
				}

.link_button			{
				color:#fff;
}

.link_button a			{
				margin:0px 0px 2px 0;
				padding:10px 10px;
				display: block;
				color:#ffffff;
				font-size: 14px;
				line-height:160%;
				background-color: #0000bd;
				border-radius: 3px;        /* CSS3草案 */  
				-webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
				-moz-border-radius: 3px;   /* Firefox用 */
}

.link_button a:link			{
				display: block;
				text-decoration:none;
				color:#fff;
}

.link_button a:hover			{
				display: block;
				text-decoration:none;
				opacity:0.8;
				color:#fff;
}

.link_button a:visited			{
				display: block;
				text-decoration:none;
				color:#fff;
}


#main_menu_sp			{
				/*display: none;*/
}

#page_date			{
				float:right;
				font-size: 13px;
				line-height:100%;
				color:#333;
				}

/*上に戻るボタンに関するCSS：ここから*/

#pageTop {
				position: fixed;
				bottom: 20px;
				right: 20px;
}
 
#pageTop a {
				display: block;
				z-index: 999;
				padding: 2px 0 0 0px;
				border-radius: 20px;
				width: 140px;
				height: 30px;
				font-size: 13px;
				background-color: #0000bd;
				color: #fff;
				font-weight: bold;
				text-decoration: none;
				text-align: center;
}
 
#pageTop a:hover {
				text-decoration: none;
				opacity: 0.7;
}

/*上に戻るボタンに関するCSS：ここまで*/

.whatsnew_line			{
				padding:5 0px 5 0;
				border-top:solid 1px #ccc;

}

.whatsnew_line_header			{
				float:left;
				background:#fff;

}

.headline_date		{
				float:left;
				width:95px;
				margin:0px 0px 0px 0;
				padding:2px;
				font-size:14px;
				text-align:left;
				line-heigt:100%;
}

.whatsnew_category		{
				float:left;
				width:100px;
				margin:0px 10px 0px 0;
				padding:1px;
				background:#0000bd;
				color:#fff;
				font-size:11px;
				text-align:center;
				line-heigt:100%;
}

.whatsnew_title		{
				clear:both;
				padding:2px;
				font-size:14px;
				text-align:left;
				line-heigt:150%;
}