/* 
--------------------------------------------------------------------------
01. Rayout
02. Header
03. Column
04. Column - mainArea */@import url("mainarea.css");/*
05. Column - sideArea
06. footer
07. Font
--------------------------------------------------------------------------
*/


body {
margin:0;
padding:0;
text-align:center;
font-family: Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
background:url(../images/bg_body.gif) top left repeat-x;
}





/* 01. Rayout
----------------------------------------------------------------------- */

#container {
	width:950px;
	margin:0 auto;
	text-align:left;
	font-size: 12px;
	line-height: 140%;
}

#header {
width:950px;
}

#column {
width:950px;
}

#column #mainArea {
width:700px;
float:left;
padding:0 0 10px 0;
}

#column #sideArea {
width:225px;
float:right;
text-align:left;
padding:0 0 10px 0;
}

#column #footer {
width:950px;
clear:both;
background:url(../images/bg_footer.gif) top left repeat-x;
}





/* 02. Header
----------------------------------------------------------------------- */

#header h1 {
	width:391px;
	height:48px;
	display:block;
	float:left;
	margin:25px 0 0 0;
}

	#header h1 a:hover img {
	opacity:0.75;
	filter: alpha(opacity=75);
	-ms-filter: "alpha( opacity=75 )";
	}

#header .banner_h {
width:468px;
height:60px;
float:right;
margin:16px 0 13px 0;
}

#header ul.g_navi {
width:950px;
height:70px;
clear:both;
display:block;
margin:0;
padding:0;
list-style:none;
background:url(../images/g_navi_m.gif) top left repeat-x;
}

#header ul.g_navi li {
float:left;
margin:0;
padding:0;
}

#header ul.g_navi li a:hover img {
opacity:0.0;
filter: alpha(opacity=0);
-ms-filter: "alpha( opacity=0 )";
}





/* 03. Column
----------------------------------------------------------------------- */





/* 04. Column - mainArea
----------------------------------------------------------------------- */

.descriptionA {
width:auto;
margin:0 0 20px 0;
padding:15px 18px 18px 18px;
background:url(../images/bg_description_a.gif) bottom left repeat-x;
}

	.descriptionA p {
	font-size:14px;
	line-height:20px;
}

.descriptionB {
width:auto;
margin:0 0 20px 0;
padding:12px 18px 15px 18px;
background:url(../images/bg_description_b.gif) bottom left repeat-x;
}

	.descriptionB p { font-size:14px; line-height:22px; }

.descriptionC {
width:auto;
margin:0 0 20px 0;
padding:15px 18px 18px 18px;
background:url(../images/bg_description_c.gif) bottom left repeat-x;
}

	.descriptionC dl {
	width:auto;
	margin:0;
	padding:0;
	}
	
	.descriptionC dl dt {
	margin:0;
	padding:10px 0 20px 0;
	text-align:center;
	}
	
	.descriptionC dl dd {
	margin:0;
	padding:0;
	font-size:12px;
	line-height:18px;
	text-align:left;
	}

.descriptionTable {
width:auto;
margin:0 0 20px 0;
padding:0;
background:url(../images/bg_description_table.gif) bottom left repeat-x;
}

.descriptionD {
width:auto;
margin:0 0 20px 0;
padding:15px 15px 15px 15px;
border-top:1px solid #cccccc;
background:url(../images/bg_description_d.gif) bottom left repeat-x;
}

	.descriptionD p { font-size:14px; line-height:22px; }
	




/* 05. Column - sideArea
----------------------------------------------------------------------- */

#sideArea dl.osusume {
width:225px;
margin:0 0 10px 0;
padding:0;
background:url(../images/bg_osusume_01.gif) top left repeat-y;
text-align:center;
}

	#sideArea dl.osusume dt {
	margin:0;
	padding:0;
	line-height:0;
	}
	
	#sideArea dl.osusume dd.banner {
	margin:0;
	padding:0 0 15px 0;
	text-align:center;
	background:url(../images/bg_osusume_03.gif) top left repeat-x;
	}
	
	#sideArea dl.osusume dd.txt {
	margin:0;
	padding:0 20px 15px 20px;
	font-size:12px;
	line-height:18px;
	color:#333333;
	background:url(../images/bg_osusume_02.gif) bottom left repeat-x;
	}
	
		#sideArea dl.osusume dd.txt a { color:#FF0000; text-decoration:underline; font-weight:bold }
		#sideArea dl.osusume dd.txt a:hover { color:#ff0808; text-decoration:none; }

#sideArea ul.killer {
	width:auto;
	margin:0 0 10px 0;
	padding:5px;
	list-style:none;
	font-size:0;
	line-height:0;
	background:url(../images/bg_killer.gif) top left no-repeat;
}

	#sideArea ul.killer li {
	margin:0 0 5px 0;
	padding:0;
	}
	
	#sideArea ul.killer li.b {
	margin:0 0 20px 0;
	}

		#sideArea ul.killer li a:hover img {
		opacity:0.0;
		filter: alpha(opacity=0);
		-ms-filter: "alpha( opacity=0 )";
		}

#sideArea .s_naviA,
#sideArea .s_naviArank,
#sideArea .s_naviB { margin:0 0 10px 0; }

#sideArea .s_naviA {
width:auto;
padding:10px 13px;
background:url(../images/bg_side_navi_01.gif) bottom left repeat-x;
}

	#sideArea .s_naviA p {
	font-size:12px;
	line-height:18px;
	margin-bottom:5px;
	padding-bottom:5px;
	background:url(../images/line_b.gif) bottom left repeat-x;
	}

#sideArea .s_naviArank {
width:auto;
padding:0 3px 3px 3px;
background:url(../images/bg_side_navi_01.gif) bottom left repeat-x;
}

	#sideArea .s_naviArank ul.rank {
	width:auto;
	margin:0;
	padding:0;
	list-style:none;
	}
	
	#sideArea .s_naviArank ul.rank li {
	margin:0;
	padding:9px 0 8px 45px;
	font-size:12px;
	line-height:18px;
	border-bottom:1px dotted #cccccc;
	}

	.ranking01 { background:url(../images/rank_side_01.gif) top left repeat; }
	.ranking02 { background:url(../images/rank_side_02.gif) top left repeat; }
	.ranking03 { background:url(../images/rank_side_03.gif) top left repeat; }

	#sideArea .s_naviArank .next {
	padding:5px;
	text-align:right;
	}
	
		#sideArea .s_naviArank .next a {
		width:105px;
		height:20px;
		margin:0 0 0 104px;
		display:block;
		background:url(../images/button_side_next_m.gif) top left repeat;
		}

		#sideArea .s_naviArank .next a:hover img {
		opacity:0.0;
		filter: alpha(opacity=0);
		-ms-filter: "alpha( opacity=0 )";
		}

#sideArea .s_naviB {
width:auto;
padding:10px 13px;
background:url(../images/bg_side_navi_02.gif) bottom left repeat-x;
}

#sideArea .s_naviA ul.normal,
#sideArea .s_naviB ul.normal {
width:auto;
margin:0;
padding:0;
list-style:none;
}

#sideArea .s_naviA ul.normal li,
#sideArea .s_naviB ul.normal li {
font-size:12px;
line-height:160%;
margin:0;
padding:0 0 0 20px;
background:url(../images/bg_list_s.gif) top left repeat;
}

	#sideArea .s_naviA ul.normal li a,
	#sideArea .s_naviB ul.normal li a {
	color:#333333;
	text-decoration:none;
	}
	
	#sideArea .s_naviA ul.normal li a:hover,
	#sideArea .s_naviB ul.normal li a:hover {
	color:#4e6eca;
	text-decoration:underline;
	}






/* 06. footer
----------------------------------------------------------------------- */

#column #footer .pagetop {
width:135px;
height:25px;
display:block;
float:right;
}

#column #footer .pagetop a {
width:135px;
height:25px;
display:block;
color:#ffffff;
font-size:12px;
text-align:center;
line-height:25px;
text-decoration:none;
}

	#column #footer .pagetop a:hover {
	background:url(../images/pagetop_m.gif) top left repeat;
	text-decoration:none;
	}

#column #footer .copy {
width:950px;
clear:right;
padding:10px 0 0 0;
color:#333333;
font-size:12px;
text-align:right;
line-height:40px;
}





/* 07. Font
----------------------------------------------------------------------- */

h2 {
width:700px;
margin:0 0 10px 0;
padding:0;
font-size:14px;
color:#ffffff;
text-indent:40px;
line-height:40px;
background:url(../images/bg_h2.gif) top left repeat-x;
}

	h2.desc { margin:0; padding:0 0 2px 0; }

h3 {
width:700px;
margin:0 0 10px 0;
padding:0 0 2px 0;
font-size:12px;
color:#333333;
text-indent:35px;
line-height:38px;
background:url(../images/bg_h3.gif) top left repeat-x;
}

	h3.desc		{ margin:0; padding:0 0 4px 0; }
	h3.table	{ margin:0; }

.top_ranking {
width:700px;
margin:0;
padding:0 0 2px 0;
font-size:12px;
font-weight:normal;
color:#333333;
text-indent:30px;
line-height:28px;
background:url(../images/bg_h4.gif) top left repeat-x;
}

h4 { font-size:12px; margin:0; padding:0; line-height:12px; }


h4.info {
width:225px;
height:32px;
color:#FFF;
font-size:12px;
margin:0;
padding-left:35px;
line-height:30px;
background:url(/images/sst_11.gif) no-repeat;
}

p,br {
	font-size:12px;
	text-align:10px;
	line-height:10px;
	color:#333333;
	margin:0;
	padding:0;
}

a {
color:#284497;
text-decoration:underline;
}

a:hover {
color:#4e6eca;
text-decoration:underline;
}

	.blankLink {
	padding:0 0 0 15px;
	line-height:20px;
	background:url(../images/bg_blank.gif) top left repeat-y;
	}

hr {
clear:both;
width:700px;
height:0;
margin:0;
padding:10px 0 11px 0;
border: 0px none;
background:url(../images/line_hr.gif) bottom left repeat-x;
}

	* html hr{
	border-top:#cccccc 1px dotted;
	margin:5px 0 5px 0;
	}
	*:first-child+html hr{ /* for IE7 */
	border-top:#cccccc 1px dotted;
	margin:5px 0 5px 0;
	} 

.u_line_g {	background:url(../images/line_g.gif) bottom left repeat-x; }
.l_space_10 {
	margin:0 5px 0 5px;
}
.clear { clear:both; }

img { border:0; }

.yellow{background:#FDFC77; }
.red {
	color:#FF0000;
	font-size: 16px;
	font-weight: bold;
}
.blue { color:#0000FF; }
.skyblue { color:#11A7CC; }



.text10 { font-size:10px}