@charset "utf-8";
/* CSS Document */

html, body{margin:0; padding:0; width:100%; height:100%; font-size:12px; -webkit-text-size-adjust:100%; font-family:"ヒラギノ角ゴシック ProN",Helvetica;line-height:16px; color:#777; background-color:#fff;}
a img {border:0;}
a:link, a:active, a:visited, a:hover {color: #000; text-decoration: none;}
li{list-style:none;}


#wrapper{width:100%;}
header{width:100%; float:left;padding:7px 0 0 0;}
span.logo{width:33%;float:left;display:block; padding-left:2%; height:80px;}
span.logo img{height:80px;}
span.btn_wrap{width:61%; float:left; padding-right:1%;}
span.btn_wrap p{float:right;margin:10px 0 15px 0; padding:0;}
span.btn_wrap p img{height:60px; margin:0 0 4px 10px; float:left;vertical-align:middle;}

nav li, nav li a:link, nav li a:active, nav li a:visited, nav li a:hover{color:#fff; list-style:none;}
nav{width:100%; float:left; display:block; margin:0; padding:0;}
nav ul{width:100%;padding:0; margin:0;display:block; overflow:hidden;}
nav li{background:#000;width:20%; text-align:center;color:#fff; letter-spacing:-1px; list-style:none; float:left;display:block;}
nav li a.cate{border-right:1px solid #fff; display:block;padding:12px 0;}
nav li a.cate2{display:block;padding:12px 0;}
#rolling{width:100%; float:left; margin:10px 0 0 0;}
#search_box{width:100%; clear:both; text-align:center;}
.search_form{width:80%;height:30px;clear:both;margin:0 auto;}
.search_form1{width:80%;height:30px;clear:both;margin:0 auto;padding:20px 0px 0px 0px;}
.sch1{width:70%;padding:6px 4px 4px 4px;height:17px;border:1px solid #c0c0c0;background:#f2f2f2;float:left;margin:0 0 0 3%;}
.sch2{float:left;margin:0 0 0 2%;height:29px;width:20%;background:#000;border:0;color:#FFF;text-align:center;font-weight:bold;	line-height:28px;}
.sch3{padding:6px 4px 4px 4px; height:17px; margin-bottom:4px; border:1px solid #c0c0c0; background:#f2f2f2;}
#keyword{width:90%;clear:both;font-size:12px;line-height:20px; text-align:center; margin:0; padding:0 5% 0 5%;}
#keyword a{margin:0 2px 0 0; text-decoration:underline;}
#ichioshi{width:100%; clear:both; margin:10px 0 0 0;}

#event_contents{width:100%; clear:both; text-align:center;}
#event_contents img{width:100%;}
#event_contents p{padding:15px 0;}

.title{width:98%;background:#000;color:#FFF;margin:20px 0 10px 0;padding:6px 0 6px 2%;clear:both; text-align:left;}
.title1{width: 98%;background: #000;color: #FFF;margin: 20px 0 10px 0;padding: 6px 0 6px 2%;clear: both;text-align: left;}
p.title2{width:98%;color:#000;margin:0 0 1px 0;padding:10px 0 10px 2%;clear:both; text-align:left;background:#e1e1e1;}
p.title2 a{width:100%; clear:both;}
p.title3{width:98%;color:#000;margin:0 0 1px 0;padding:10px 0 10px 2%;clear:both; text-align:left;background:#e1e1e1;}

#ichioshi ul{width:100%; clear:both; padding:0; margin:0;}
#ichioshi li img{width:98%; margin:0 0 5px 0; padding:0 1% 0 1%;}
#weekly_rank{width:100%; clear:both;}
#weekly_rank ul{width:100%; margin:0 auto; padding:0 1% 0 1%;}
#weekly_rank li{width:32%; float:left; text-align:center; margin:0 1% 0 0;}
#weekly_rank li img{ width:100%;}
.more_view{
	padding-right: 8px;
	text-align: center;
	color: #000;
}
.more_view a{display:block; width:100%; padding:10px 0; text-decoration:underline; color:#000; clear:both;}
#newitem_wrap{width:100%; clear:both;}
#recommend{width:100%; clear:both; text-align:center;}
.top_rec{width:100%; clear:both;font-size:11px;}
.top_rec img{width:98%;padding:0 1% 0 1%;}
.top_rec1 img{width:98%;padding:0 1% 0 1%;}
ul.rec_item{width:100%;  clear:both; padding:0;font-size:11px;}
li.left_rec{width:48%; float:left;margin:10px 0 10px 0;list-style:none; padding:0 1% 0 1%;}
li.right_rec{width:48%; float:right;margin:10px 0 10px 0;list-style:none;padding:0 1% 0 1%;}
li.left_rec img, li.right_rec img{width:100%;padding:0;}  

#stylebook{width:100%; clear:both; text-align:center;}
#stylebook ul{width:100%; padding:0; margin:0; clear:both;}
li.left_stb{width:50%; float:left; list-style:none; margin-bottom:10px;}
li.right_stb{width:50%; float:right;list-style:none;margin-bottom:10px;}
li.left_stb img, li.right_stb img{width:96%; padding:0 2% 0 2%;}


#hotkeyword{width:100%; clear:both;}
#hotkeyword dl{padding:0; margin:0; width:100%; clear:both;}
#hotkeyword dt{width:45%; float:left; margin-bottom:10px;}
#hotkeyword dt img{width:96%; padding:0 0 0 4%;}
#hotkeyword dd{width:53%; float:right; padding-top:3px; margin:0;}
span.key_txt{color:#666; letter-spacing:-1px; font-size:11px;}
p.bottom_line{ height:1px; background:#e7e7e7 none;clear:both;}

#pickup_wrap{width:100%; clear:both;}

#mail_warpper{width:80%; clear:both; margin:0 auto;border:1px solid #e1e1e1; border-top:none;}
p.mailform_title{background:#000;color:#fff; font-weight:bold; text-align:center; padding:8px 0;}
.mail_form{margin:0 auto; text-align:center;}
p.mail_txt{color:#fc5997; font-weight:bold; padding:10px 0 0 0;}
p.mail_txt2{font-size:10px; letter-spacing:-1px;}

#bottom_accordion{width:100%; clear:both; margin:10px 0 0 0}
#category {background:#fff;clear:both; width:100%;}
#category ul{clear:both; width:100%; padding:0; margin:0;}
li.category{width:50%;text-align:center;float:left;list-style:none;}
li.category img{width:95%;border:1px solid #eee;margin:3px 0 3px 0;}

footer{width:100%; clear:both; padding:0; margin:10px 0 0 0;}
p.footer_btn{ width:80%; margin:5px auto;background:#000; text-align:center; clear:both;padding:10px 0;}
p.footer_btn a{color:#FFF;}
p.footer_btn img{vertical-align:middle;}
p.footer_txt{background:#000; padding:5px 0;font-size:9px; color:#ccc; text-align:center;}



a.notice{color:#FF0; padding:8px 10px; background:#F00; font-size:14px; text-align:center; font-weight:bold; text-decoration:none;}


#notice{width:94%; clear:both; padding:10px 0; margin:0 auto;}



.overflow{
	position:relative;
	margin-bottom:36px;
}
.overflow div{
	width:100%;
	height:0px;
	background-color:#fff;
	display:block;
	position:absolute;
	bottom:45px;
	left:0;
	background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1));/* IE10+, W3C */
}
.overflow div a{
	display:block;
	width:320px;
	height:30px;
	line-hight:30px;
	text-align:center;
	margin:32px auto;
	font-size:16px; text-decoration:none; border-radius:4px;
	background-color:#000; 
	color:#fff;
	padding:10px 0 0 0;
}