@charset "UTF-8";


/* for list page : Base Detail  */

.list_tit{ font-size:90%;}

.cate{clear:both; margin-bottom:10px;}

.cate h2{
	width:535px; height:17px;}

.cate ul{ float:left; width:175px; padding-top:5px;}
.cate ul li{ padding-bottom:3px;}
.cate ul.ul_left{ width:160px!important;}

.cate h3{
	width:auto; height:23px;
	margin-bottom:5px;
	padding:5px 0 0 26px;
	color:#FFFFFF;
	font-size:100%;}

.cate .lineup{ border:1px solid #ccc; margin:0 0 10px; clear:both;}
.cate .lineup dt{
	border-bottom:1px solid #ccc;
	height:22px;
	font-size:100%; font-weight:bold;
	padding:5px 10px 1px 8px;}
.cate .lineup dt a{
		background:url(../images/arrow02.gif) no-repeat 0em 0.2em;
		padding:0 0 0 16px;}
.cate .lineup dd{ padding: 0 10px 5px;}
.cate .lineup dd p{ line-height:1.3em;}

.date dl{ clear:both;}
.date dl dt{ padding:0px!important;}
.date dl dd{ padding:0 10px 0 0!important;}
.date dl dt,
.date dl dd{color:#548EB7; font-size:inherit!important; font-weight:normal!important;
			border:none!important; display:inline!important;
			background:none!important;}


.icon,.icon ul{ clear:both; width:520px!important;}

.icon ul li{ float:left; height:13px; width:auto; padding:5px 3px 0px 0;}

.icon ul li.icon01{ background:url(../images/icon_01.gif) no-repeat; width:26px!important;}
.icon ul li.icon02{ background:url(../images/icon_02.gif) no-repeat; width:46px!important;}
.icon ul li.icon03{ background:url(../images/icon_03.gif) no-repeat; width:46px!important;}
.icon ul li.icon04{ background:url(../images/icon_04.gif) no-repeat; width:46px!important;}
.icon ul li.icon05{ background:url(../images/icon_05.gif) no-repeat; width:66px;}
.icon ul li.icon06{ background:url(../images/icon_06.gif) no-repeat; width:46px;}


/* Kind distinction ______________________________________________________ */
/* ======================================================================= */


#fun #header{border-bottom:5px solid #F47554;}
#fun .cate .lineup dt{
	background: url(../images/cate01_bg.gif) repeat-x;}
#fun .cate h2{
	background: url(../images/cate01_tit.gif) no-repeat;}
#fun .cate h3{
	background: url(../images/cate01_listtit.gif) no-repeat;}

#category #header{border-bottom:5px solid #A06BA9;}
#category .cate .lineup dt{
	background: url(../images/cate02_bg.gif) repeat-x;}
#category .cate h2{
	background: url(../images/cate02_tit.gif) no-repeat;}
#category .cate h3{
	background: url(../images/cate02_listtit.gif) no-repeat;}

#speed .cate .lineup dt{
	background: url(../images/cate03_bg.gif) repeat-x;}
#speed .cate h2{
	background: url(../images/cate03_tit.gif) no-repeat;}
#speed .cate h3{
	background: url(../images/cate03_listtit.gif) no-repeat;}


#search .cate .lineup dt{
	background: url(../images/search_bg.gif) repeat-x;}
#search .cate h2{
	background: url(../images/search_tit.gif) no-repeat;}
#search .cate h3{padding:5px 0 0 5px!important;
	background: url(../images/search_listtit.gif) no-repeat;}




/* Recommend present corner */

.rec_present div.in{
	border-bottom:1px solid #5FA0CA;
	border-left:1px solid #5FA0CA;
	border-right:1px solid #5FA0CA;
	height:1%;
	background-color:#F7FBFE;
	padding:0 10px;}

.rec_present h3{ background:url(../images/recommend_present.gif) no-repeat; height:30px; width:205px;}
.rec_present ul li div{ padding:15px 0; clear:both;}
.rec_present ul li img{ float:left; border:1px solid #5A9EC8;}
.rec_present li {clear:both; padding:0 0 0 5px; background: url(../images/bar_menudot.gif) no-repeat 0 0;}
.rec_present li.none{ background:none;}
.rec_present li p{ width:100px; padding-left:10px;  float:left;}


/* ------------*/
.icon ul li,#menubar h3{text-indent:-9999px; overflow:hidden;}