@charset "UTF-8";

/* common
--------------------------------------------------------------------------------------------------------------*/
body {background: #f00 url(img/bg.jpg) repeat-x 0 0;}
#titleimg {height: 141px;}
#main {margin-top: 0;}
#titleimg p#b_screen {display: none;}


/* topics
--------------------------------------------------------------------------------------------------------------*/
#topics {
	background: #fcfdff;
	border: 10px solid #ffe39b;
	border-top: none;
	margin-bottom: 20px;
	padding: 20px;
}

#topics .TopicsTit {
width:auto;
padding:5px;
background-color:#efefef;
border:solid #ccc 1px;
}

#topics .TopicsTit h3{
font-size:116%;
font-weight:bold;
border-left: solid 15px #eb7a00;
padding-left:10px;
}

#topics dl.dlStyle01, #topics dl.dlStyle02 {
font-size:93%;
border-top: dotted 1px #ccc;
margin-top:10px;
}
#topics dl.dlStyle01 {
width:450px;
float:left;
}
#topics dl.dlStyle02 {
width:370px;
float:right;
}

#topics dl.dlStyle01 dt {
float:left;
width:13em;
font-weight:bold;
padding:5px 0;
}
#topics dl.dlStyle01 dd  {
border-bottom: dotted 1px #ccc;
padding:5px;
}
#topics dl.dlStyle02 dt {
float:left;
width:9em;
font-weight:bold;
padding:5px 0;
}
#topics dl.dlStyle02 dd  {
border-bottom: dotted 1px #ccc;
padding:5px;
}
/* toplist
--------------------------------------------------------------------------------------------------------------*/
#toplist {
}
#toplist { zoom:1; }
#toplist:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }

#toplist dl {
	float: left;
	background: url(img/bgdl.gif) no-repeat left bottom;
	border-top: 5px solid #ffe39b;
	width: 210px;
	margin-right: 20px;
	padding: 0 0 25px;
}
	#toplist dl dt {
		border-left: 5px solid #ffe39b;
		border-right: 5px solid #ffe39b;
		width: 200px;
		height: 28px;
		text-indent: -9999px;
	}
		#toplist dl dt a {
			display: block;
			width: 200px;
			height: 28px;
		}
	#toplist dd {
		background: #fff;
		height: 147px;
		padding: 0 5px;
	}
	#toplist dl ul {
		padding: 5px 0 0 15px;
	}
		#toplist dl ul li {
			margin-bottom: 3px;
			font-size: 93%;
		}
			#toplist dl ul li a {
				background: url(img/ya.gif) no-repeat left center;
				padding-left: 15px;
			}

/* dl01 */
#toplist dl.dl01 dd {background: url(img/dl01.jpg) no-repeat 0 0;}
#toplist dl.dl01 dt {background: url(img/dltit.gif) no-repeat 0 0;}

/* dl02 */
#toplist dl.dl02 dd {background: url(img/dl02.jpg) no-repeat 0 0;}
#toplist dl.dl02 dt {background: url(img/dltit.gif) no-repeat -200px 0;}

/* dl03 */
#toplist dl.dl03 dd {background: url(img/dl03.jpg) no-repeat 0 0;}
#toplist dl.dl03 dt {background: url(img/dltit.gif) no-repeat -400px 0;}

/* dl04 */
#toplist dl.dl04 {margin-right: 0;}
#toplist dl.dl04 dd {background: url(img/dl04.jpg) no-repeat 0 0;}
#toplist dl.dl04 dt {background: url(img/dltit.gif) no-repeat -600px 0;}

/* dl05 */
#toplist dl.dl05 dd {background: url(img/dl05.jpg) no-repeat 0 0;}
#toplist dl.dl05 dt {background: url(img/dltit.gif) no-repeat 0 -28px;}

/* dl06 */
#toplist dl.dl06 dd {background: url(img/dl06.jpg) no-repeat 0 0;}
#toplist dl.dl06 dt {background: url(img/dltit.gif) no-repeat -200px -28px;}

/* dl07 */
#toplist dl.dl07 dd {background: url(img/dl07.jpg) no-repeat 0 0;}
#toplist dl.dl07 dt {background: url(img/dltit.gif) no-repeat -400px -28px;}

/* dl08 */
#toplist dl.dl08 {margin-right: 0;}
#toplist dl.dl08 dd {background: url(img/dl08.jpg) no-repeat 0 0;}
#toplist dl.dl08 dt {background: url(img/dltit.gif) no-repeat -600px -28px;}

/* dl09 */
#toplist dl.dl09 dd {background: url(img/dl09.jpg) no-repeat 0 0;}
#toplist dl.dl09 dt {background: url(img/dltit.gif) no-repeat 0 -56px;}

/* dl10*/
#toplist dl.dl10 dd {background: url(img/dl10.jpg) no-repeat 0 0;}
#toplist dl.dl10 dt {background: url(img/dltit.gif) no-repeat -200px -56px;}

/* dl11 */
#toplist dl.dl11 dd {background: url(img/dl11.jpg) no-repeat 0 0;}
#toplist dl.dl11 dt {background: url(img/dltit.gif) no-repeat -400px -56px;}

/* dl12 */
#toplist dl.dl12 {margin-right: 0;}
#toplist dl.dl12 dd {background: url(img/dl12.jpg) no-repeat 0 0;}
#toplist dl.dl12 dt {background: url(img/dltit.gif) no-repeat -600px -56px;}
