/*base*/

/* 各ブラウザの標準スタイルの破棄'
---------------------------------------------------------------------------- */
body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dt, dd, li, table, th, td, form, select, option, address, pre, strong, em, script {padding:0;margin:0;font-size:inherit;font-style:normal;font-weight:normal;text-decoration:none;}
img {border:0;}
ul {list-style-type:none;}
html{font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";font-size:75%;}

*{margin:0;padding:0;}
body{margin:0px;padding:0px;background:url(../image/body_bk.gif) no-repeat top center fixed #d9d9d9;font-family:verdana,helvetica,arial;text-align:center;}
img{border:0px none;}
br{letter-spacing:0px;}


/*link*/

a{text-decoration:underline;color:#0033ff;}
a:visited{text-decoration:underline;color:#0033ff;}
a:hover{text-decoration:underline;color:#6699ff;}


/*layout*/

#container{margin:0 auto;width:980px;background:url(../image/container_bk.gif) repeat-y;}

#header{position:relative;text-align:left;background:url(../image/header_bk.gif) no-repeat top center;height:162px;}
#headerbanner{position:absolute;top:35px;left:470px;}

#content{width:950px;margin:0 auto;background:url(../image/content_bk.gif) no-repeat top center;}

#topleft{float:left;margin:0 0 0 15px;width:720px;text-align:left;}
* html #topleft{float:left;margin:15px 0 0 15px;width:190px;text-align:left;}
#topleft p{margin:10px 5px;font-weight:bold;color:#FFF;}
#topleft p strong{color:#ffff00;font-weight:bold;}
#topcm{margin-top:12px;}

#topcenter{float:left;margin:15px 0 0 12px;width:490px;}

#topright{float:left;margin:0 0 0 15px;width:190px;text-align:left;}
#topright img{margin-bottom:5px;}

#bottomdash{clear:both;text-align:center;padding-top:15px;}
#bottomdash_small{clear:both;text-align:center;margin-top:5px;margin-bottom:-5px;padding-top:10px;background:#e60012;}

#footer{text-align:center;clear:both;height:130px;font-size:10px;color:#FFF;background:url(../image/footer_bk.gif) no-repeat bottom center;position:relative;}
#footerbanner{padding-top:25px;text-align:center;}
#footerbanner img{margin:0 2px;}
#footer p{padding-top:15px;}


#toptameshi{margin-bottom:15px;border-bottom:4px solid #f05f09;background:url(../../image/toptameshi_bk.gif) repeat-y;width:489px;color:#ffff66;text-align:left;}
#toptameshi table{margin-top:8px;margin-left:13px;width:470px;}
.toptameshidetail{vertical-align:top;}
.toptameshidetailbl{border-left:1px dotted #ffff66;padding-left:8px;}
.toptameshidetail p{font-size:10px;}
.toptameshidetail p strong{font-weight:bold;font-size:12px;}
.toptameshiicon{margin:6px 1px;}
.toptameshipic{margin-left:22px;margin-top:2px;margin-bottom:8px;}
p.tameshibtn{background:url(../image/tameshi_btn.gif) no-repeat;text-align:center;font-size:12px;font-weight:bold;width:183px;height:29px;clear:both;padding-top:6px;margin-left:21px;display:block;}
p.tameshibtn a{display:block;width:183px;height:29px;}

#toptameshi p.tameshibtn{background:url(../image/tameshi_btn_s.gif) no-repeat;text-align:center;font-size:12px;font-weight:bold;width:143px;height:29px;clear:both;padding-top:6px;margin-left:1px;display:block;}
#toptameshi p.tameshibtn a{display:block;width:143px;height:29px;}

#toptameshi p.tameshibtn2{background:url(../image/tameshi_btn.gif) no-repeat;text-align:center;font-size:12px;font-weight:bold;width:183px;height:29px;clear:both;padding-top:6px;margin-left:21px;display:block;}
#toptameshi p.tameshibtn2 a{display:block;width:183px;height:29px;}

p.toptameshilink{clear:both;text-align:center;padding:8px 12px 12px 12px;font-weight:bold;font-size:12px;}

#toptameshi a{color:#ffff66;}
#toptameshi a:visited{color:#ffff66;}
#toptameshi a:hover{color:#ff9900;}

p.tameshibtn a{color:#ffff66;}
p.tameshibtn a:visited{color:#ffff66;}
p.tameshibtn a:hover{color:#ff9900;}


.pageTop{clear:both;text-align:right;padding:15px;}



#content.topcontent{}
#tophead{position:relative;height:402px;}
#tophead #topmagazine{position:absolute;top:3px;left:12px;border:4px solid #fabe00;}
#tophead .flexslider{width:640px;height:350px;position:absolute;top:40px;left:292px;}

#toplineup{background:#f05f09;padding-bottom:2px;text-align:left;margin:0 15px;}
#toplineup ul li{float:left;margin:2px 0 0 2px;width:457px;height:107px;position:relative;}
#toplineup ul li .btntameshi{position:absolute;right:0;bottom:0;display:none;}
#toplineup ul li.none{background:#701414;}

.toplineupbtn {
	position:absolute;
	top:0;
	right:0;
	background:#de2f04;
	width:100px;
	height:107px;
	text-align:center;
}

.toplineupbtn img {
	margin-top:2px;
}

.toplineupbtn img:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}

.toplineupicon {
	position:absolute;
	bottom:0px;
	left:2px;
}

#topnews {
	background:#f05f09;
	margin:15px;
	text-align:left;
	padding-bottom:5px;
}

#topnews ul {
	margin:0 10px;
	width:600px;
	height:64px;
	overflow-y:scroll;
}

#topnews ul li {
	background:url(../../image/topnews_arrow.gif) no-repeat 7px 7px #e94c07;
	margin:1px;
	padding:2px 2px 2px 18px;
	color:#ffff66;
	width:267px;
	float:left;
}









#topcomics{background:#f05f09;margin-top:10px;position:relative;padding-bottom:2px;}
#topcomicsbtn{position:absolute;right:8px;top:8px;}
#topcomicsnew01{position:absolute;left:115px;top:28px;}

#topcomics ul{margin:3px 0 0 5px;}
#topcomics ul li{float:left;margin:2px 8px;width:162px;height:325px;position:relative;background:url(../../image/topcomics_bk.jpg) no-repeat;}
#topcomics ul li.new{background:url(../../image/topcomics_bk_new.jpg) no-repeat;}
#topcomics ul li h3{font-weight:bold;color:#ffcc00;padding:4px 5px 0 5px;}
#topcomics ul li.new h3{color:#ffff00;}
#topcomics ul li p{margin:0;font-weight:normal;color:#FFF;padding:2px 5px 0 5px;color:#FFF;font-size:10px;}
#topcomics ul li .topcomicspic{margin:4px 0 0 4px;}
#topcomics ul li .topcomicstameshi{position:absolute;left:6px;bottom:5px;}
#topcomics ul li .topcomicsfeature{position:absolute;right:10px;bottom:5px;}

#toptwitter{margin-top:10px;}

.toppagetop{position:absolute;top:20px;right:40px;}

.topcomicsnewrb{position:absolute;right:-5px;bottom:107px;}