@charset "utf-8";

@import url(../../common/css/default.css);
@import url(/common/header/css/header.css);
@import url(/common/login/css/login.css);
@import url(/common/footer/css/footer.css);

ul,ul li{list-style:none;}

#wrap{clear:both;width:920px;margin:0 auto;padding:5px 0 30px 0;}
#wrap {*height:1%;}
#wrap:after {content:" "; display:block; clear:both; height:0; visibility:hidden;} 
#header{height:106px;}

#wrap .main_login{width:204px;height:238px;float:left;}

#pagination{padding:0;margin:0;}
#promotion{ position:relative; display:inline;float:right;margin:0 0 6px 11px;height:232px;width:705px;background:url(../img/bg_promotion.gif) no-repeat left top;}

.promotion01{float:left;padding-right:5px;}
.pormotion02{float:left;width:166px;padding:12px 5px 0 0;}
.pormotion02 h2{float:left;padding-left:4px;}
.pormotion02 ul{float:right;height:13px;padding-right:2px;}
.pormotion02 ul li{float:left;padding-left:1px;}
.pormotion02 ul li button{display:block;width:13px;height:13px;border:none;background:url(../img/btn_topic.gif) left top no-repeat; cursor:pointer;}
.pormotion02 ul li button.on{display:block; background:url(../img/btn_topic_on.gif) left top no-repeat;}
.pormotion02 p{ position:relative;clear:both;widtn:166px;height:157px;padding-top:0px;}
.pormotion02 p img{position:absolute;left:0;top:5px;}
	
.main_search{float:left; display:inline;width:685px;hieght:30px;padding:5px 0 0 15px;}
.main_search select{width:149px;}
.main_search input{width:368px;height:17px;padding:3px 0 0 3px;border:1px solid #4e4e4e;}
.main_search img{vertical-align:middle;}

.game_link{clear:both;float:left; display:inline;width:920px;height:206px;padding:0 0 20px 0;}
.game_link li{float:left;}
.game_link li img{vertical-align:top;}

/* contents */
.contents_extra{float:left;width:204px;}

.news_list{clear:both;float:left;margin-top:10px;padding:12px 9px 7px 8px;border:1px solid #e5e5e5;}
.news_list h2{float:left;width:185px;padding:0 0 8px 0;border-bottom:1px solid #f2f2f2;}
.news_list h2 img{float:left;}
.news_list h2 a img{float:right;margin-top:4px;}
.news_list ul{clear:both;float:left;width:185px;padding-top:15px;}
.news_list ul li{padding:1px 0 6px 18px;background:url(../img/icon_dot.gif) no-repeat 4px 4px;}
.news_list ul li a{color:#858585!important;font-family:"ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3";}
.news_list ul li.news{background:url(../img/icon_news.gif) no-repeat left 1px;}
.news_list ul li.update{background:url(../img/icon_update.gif) no-repeat left 1px;}

.hot_issue{float:left;width:448px;height:142px;margin:0 0 18px 21px;padding:5px 5px 13px 15px;border:1px solid #ededed;background:#f7f7f7;}
.hot_issue p{width:448px;text-align:right;}
.hot_issue dl dt a{color:#666;}
.hot_issue dl dt.img{float:left;padding-right:13px;}
.hot_issue dl dt.img img{border:1px solid #bebebe;}
.hot_issue dl dt.tit{float:left;width:285px;padding-bottom:11px;font-size:13px!important;font-weight:bold;line-height:16px;}
.hot_issue dl dt.tit img{vertical-align:middle;margin-right:8px;}
.hot_issue dl dd a{color:#666!important;}
.hot_issue dl dd{float:left;width:285px;line-height:16px;}

.hot_item{float:left;width:203px;margin-left:21px;padding:0 0 12px 0;}
.hot_item h2{padding:0 0 8px 0;margin-bottom:10px;border-bottom:2px solid #ccc;}
.hot_item p{text-align:center;}
.hot_item p img{vertical-align:middle;margin-right:-3px;}

.contents_extra .banner01{margin-top:0 !important;}
.contents_extra .banner01 img{margin:0 0 10px 0;}

.banner01 img{float:left;margin-top:10px; vertical-align:middle;display:block;}

.line{padding-right:21px;border-right:1px solid #ededed;}

.main_contents{position:relative;float:left;width:203px;padding-left:21px;}
.main_contents h2{float:left;width:203px;margin-bottom:16px;padding:0 0 5px 0;border-bottom:2px solid #cccccc;}
.main_contents h2 img{float:left;}
.main_contents h2 a img{float:right;}
.main_contents h3{float:left;width:203px;padding:0 0 6px 0;}
.main_contents h3 img{float:left;}
.main_contents h3 span{float:right;}
.main_contents h3 span img{margin-left:4px;}

.section01{position:relative;clear:both;padding:9px;border:1px solid #e5e5e5;}
.section01 h3{padding-bottom:8px;}
*html .section01 p{clear:both;margin-top:-11px;}
.section01 strong{display:block;margin-top:-2px;padding:8px;background:#f2f2f2;}
.section01 p a{color:#666;}
.section01 p a:hover{border:none;}
.section01 div.icon{position:absolute;left:9px;top:30px;}
*html .section01 div.icon{position:relative;top:0;left:0;width:100px;}
*html .section01 div.icon img{display:block;}

.section02 {*height:1%;}
.section02:after {content:" "; display:block; clear:both; height:0; visibility:hidden;} 
.section02{width:203px;margin-bottom:11px;}
.section02 dl{clear:both;*height:1%;}
.section02 dl:after {content:" "; display:block; clear:both; height:0; visibility:hidden;} 
.section02 dl dt a{color:#666;}
.section02 dl dt.img{float:left;padding-right:9px;}
.section02 dl dt.tit{float:left;width:104px;padding:3px 0 0 0;font-weight:bold;line-height:16px;}
.section02 dl dt.tit img{vertical-align:middle;margin-right:8px;}
.section02 dl dd a{color:#999!important;}
.section02 dl dd{float:left;width:103px;line-height:16px;}
.section02 div.shop_icon{position:absolute;left:21px;top:52px;height:11px;}

.section03{clear:both;float:left;position:relative;width:203px;}
.section03 div{float:left;display:inline;width:90px;text-align:center;line-height:16px;}
.section03 div.first {margin-right:11px;padding-right:12px;background:url(../img/bg_bar.gif) no-repeat right top;}
*html .section03 div.first {margin-right:10px;padding-right:10px;background:url(../img/bg_bar.gif) no-repeat right top;}
.section03 div img{}
.section03 div a{float:left;width:90px;margin-bottom:7px;color:#666;}
.section03 div.shop_icon{position:relative;width:50px;text-align:left;margin-bottom:-30px;}
.section03 div.shop_icon02{position:relative;width:50px;text-align:left;margin-bottom:-30px;}

/*blog club list*/
.section04{float:left;padding-bottom:15px;}
.section04 ul{clear:both;float:left;width:203px;}
.section04 ul li{position:relative;float:left;width:203px;line-height:22px;text-align:left;}
.section04 ul li.img a{padding:0!important;}
.section04 ul li a:link,
.section04 ul li a:active,
.section04 ul li a:visited{padding-left:6px;color:#666;background:url(../img/icon_arrow2.gif) no-repeat left 4px;}
.section04 ul li a:hover{padding-left:6px;color:#ff4400!important;background:url(../img/icon_arrow.gif) no-repeat left 4px;}

.section04 ul li a.on:link,
.section04 ul li a.on:active,
.section04 ul li a.on:visited,
.section04 ul li a.on:hover{padding-left:6;color:#ff4400!important; text-decoration:underline!important;background:url(../img/icon_arrow.gif) no-repeat left 4px;}