@charset "UTF-8";
ul,li { margin: 0; padding: 0; }
li { list-style-type: none; }
h1,h2{ color: #484848; font-size: 13px; margin: 0; padding: 0; }
h1{margin-top: 10px;}

/*div#contents{ width: 700px; float: left; margin-bottom: 10px; }
div#contents:after {content : ""; display : block; height : 0; clear : both; }*/
#index div#header #mailmagazine_banner { display:none;}

div#topnavi{
	clear:both;
	width: 100%;
	margin-top: 5px;
	padding-top: 10px;
	border-top: 1px solid #131083;
	height:80px;
}
div#topnavi ul{margin-left: 50px;}

div#topnavi p{ color: #131083; font-size: 11px; margin: 0; }
div#topnavi li { width: 230px; float: left; margin-right: 5px; }
div#topnavi li#topnavi3 { margin-right: 0; }
div#topnavi li a { background-image: url(../img/topnavi.jpg); text-indent: -9999px; width: 228px; height: 38px; overflow: hidden; border: solid 1px #131083; display: block; }
div#topnavi li#topnavi2 a { background-position: -228px 0; }
div#topnavi li#topnavi3 a { background-position: -456px 0; }
div#topnavi li a:hover { background-position: 0 -38px; }
div#topnavi li#topnavi2 a:hover { background-position: -228px -38px; }
div#topnavi li#topnavi3 a:hover { background-position: -456px -38px; }

/*div#topnavi p{
	color: #131083;
	font-size: 11px;
	margin: 0;
	line-height: 13px;
}
div#topnavi ul { margin-bottom: 20px; }
div#topnavi li { width: 160px; margin-bottom: 10px; }
div#topnavi li#topnavi3 { margin-right: 0; }
div#topnavi li a { background-image: url(../img/topnavi.jpg); background-position: -10px 0;text-indent: -9999px; width: 158px; height: 38px; overflow: hidden; border: solid 1px #131083; display: block; }
div#topnavi li#topnavi2 a { background-position: -238px 0; }
div#topnavi li#topnavi3 a { background-position: -466px 0; }
div#topnavi li a:hover { background-position: -10px -38px; }
div#topnavi li#topnavi2 a:hover { background-position: -238px -38px; }
div#topnavi li#topnavi3 a:hover { background-position: -466px -38px; }*/

div#main{ width: 520px; float: left; margin-left: 5px;}
/*
div#books_intro1{ margin:0; padding:0; line-height: 0.5em;}
div#books_intro2{ margin:0; padding:3px 0; border-left: #CCC 1px solid; border-right: #CCC 1px solid; border-bottom: #CCC 1px solid; margin-bottom: 8px;}

div.books_intro_book{ margin:3px 3px 3px 3px; padding:5px 3px; width: 500px; border-bottom: #CCC 1px dotted; clear: both;}
div.books_intro_book img{ float:left; margin-right:6px;}
div#books_intro2 div.books_intro_book:last-child{ border:none;}
*/

div#books_intro1{ margin:0; padding:0; line-height: 0.5em;}
div#books_intro2{ border-left: #CCC 1px solid; border-right: #CCC 1px solid; border-bottom: #CCC 1px solid; margin-bottom: 5px;}

div.books_intro_book{ margin:3px; padding:3px; width: 240px; float:left;}
div.books_intro_book img{ float:left; margin-right:4px;}
div.book_kansyuu{ margin:3px; padding:3px; width: 240px; float:right; background:url(../img/top_book_kansyu_title2.png) 0 0 no-repeat; overflow:visible; padding-left:126px; margin-left:126px; margin-right:17px;}

div#topfb{width: 260px; text-align:center; padding:0px; border:0px solid #CCC; margin-bottom: 5px; }

div#renew_msg { font-size:1em; width: 500px; background-color: #f48255; margin:5px 0; padding: 4px 10px; }

div#news { width: 530px; background-color: #ffba00; background-image: url(../img/wn_bk.gif); background-repeat: no-repeat; background-position: right bottom; clear: both; padding-bottom: 10px; }
div#news h2 { background-image: url(../img/tit_wn.gif); text-indent: -9999px; width: 530px; height: 28px; overflow: hidden; }
div#news dl { margin-top: 10px; margin-left: 10px; }
div#news dt { width: 40px; float: left; clear: left; }
div#news dd {  width: 420px; float: left; }
div#news:after {content : ""; display : block; height : 0; clear : both; }

div.blog{ color: #131083; width: 260px; float: left; background-color: #e4f5ff ;  margin-bottom: 10px;}
div.blog dl { margin-top: 10px; margin-right: 5px; margin-left: 5px; }
div.blog dt { color: #09f; font-size: 11px; }
div.blog dd { margin: 0 0 3px 15px; padding: 0; }
div#blog_sushi{margin-right: 10px}
div.blog h2 a{ width: 260px; height: 33px;  text-indent: -9999px; overflow: hidden; display: block;}
div#blog_sushi h2 a{ background-image: url(../img/tit_sushizukan.gif);  }
div#blog_zanmai h2 a{ background-image: url(../img/tit_zanmai.gif);  }

div#rightnavi{ width: 260px; float: right;}
div.right_col_title{width: 100%; line-height: 30px; text-indent: 4px; font-weight: bold; color:#FFF; background-color:#6577a7;}
div#ads_right{ margin-top:0; margin-left:20px; }
div.box_side{ margin-bottom:15px;}

div#slideshow {
	position:relative;
	height:280px;
	overflow: hidden;
	margin-bottom: 8px;
}
div#slideshow img {
	position:absolute;
	top:0;
	left:0;
	z-index:8;
	width: 530px;
}
div#slideshow img.active { z-index:10;}
div#slideshow img.last-active {z-index:9;}

/*ランキング*/
div#ranking_wrap{ width:100%; border: 1px solid #cccccc;}
div#ranking_title{ width: 169px; min-height:230px; margin:0 1px 0 0; float:left; padding:2px 3px; background:url(/common/img/top/top_ranking_title.png) top left no-repeat; border:none;}
div.rankings{width: 169px;  margin-bottom:.8em; float:left; padding:2px 1px; background-color:#FFFFFF; margin: 1px; min-height:230px;}
div.rankings p.title{ margin:0; padding:3px 2px 1px; font-size:12px;background-color:#edeace; color:#000;}
div.rankingsSyu{ width: 100%; }
div.rankingsSyu ul { width: 167px; clear: both; float:left; position:relative; margin:3px 1px;}
div.rankingsSyu ul li{ padding: 0; vertical-align:middle; float:left; }
div.rankingsSyu div.rankingsyubox{ width: 169px; height: 70px; margin-right: 0; text-align: center; text-indent:0;}
div.rankingsSyu div.rankingsyubox p {margin:2px 0 ;}

div.rankingsSyu div.p1 {width: 33px; height: 33px; margin-bottom:1px; padding: 2px 2px 1px 0; display:float; float:left;}
div.rankingsSyu div.p1 div{width: 33px; height: 33px; position: relative; overflow: hidden; }
div.rankingsSyu div.p1 p{width: 33px; height: 33px; font-size: 0.85em; position: relative; text-align:center;  display:table-cell;  vertical-align: middle;  layout-grid-line: 0px;}
div.rankingsSyu div.p1 p img{height: 33px; width:auto; line-height:141px; position: relative; margin: auto auto; text-align: center; display:inline-block; border:1px solid #CCC;}
div.rankingsSyu div.photo_title { width:110px; line-height:1.36em; padding-top: 2px; padding-left:2px; height:auto;}
span.rank_num1,
span.rank_num2,
span.rank_num3,
span.rank_num4,
span.rank_num5 {border-radius: 2px; padding:1px 4px; color:#777777; font-size:11px;}
span.rank_num1 { background-color:#bdb258; color:#FFFFFF;}
span.rank_num2 { background-color:#979797; color:#FFFFFF;}
span.rank_num3 { background-color:#a09857; color:#FFFFFF;}
span.rank_num4, span.rank_num5 { background-color:#ededed; color:#000000;}



li.rankingsyubox:hover {border:0; /* IE6 needs this to show large image */	z-index:1;}
li.rankingsyubox a span { 	position:absolute;	visibility:hidden;}


/* banner*/
div.ad_banner {
	border:1px solid #CCCCCC;
}
h4.official_sponcer{
	margin-top:0; width: 795px; line-height: 30px; text-indent: 4px; font-weight: bold; color:#FFF; background-color:#E08C1D; margin-bottom:0.3em; margin-left:5px; }
div.bannerarea_top_middle {position:relative; margin:0; margin-bottom:5px; margin-left:5px;}
div.bannerarea_top_middle div.banner_top_middle{border:1px solid #DDDDDD; width:390px; margin:0; padding:0; height:90px;}
div.bannerarea_top_middle div.banner_top_middle_left{ float:left;}
div.bannerarea_top_middle div.banner_top_middle_right{ float:right;}

/*SOCIAL BUTTONS*/
div#headerLeadTop{ margin-top:2px;}
div#headerLeadTop #lead1{margin-top:2px;}
div#headerLeadTop .socialButtons{	padding: 1px 3px;	text-align: right;	height:23px;}
div#headerLeadTop .socialButtons ul{	margin-top:4px;}
div#headerLeadTop .socialButtons ul li{	display:block;	float:right;	margin-left:0.4em;}