@charset "utf-8";

/*Copyright(C)magazine-data.com*/

body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,
p,blockquote,table,th,td,img{
 margin: 0;
 padding: 0;
 text-decoration: none;
 font-style: normal;
 font-weight: normal;
}
fieldset,img,abbr, acronym,
address,caption,cite,code,dfn,em,
strong,th,var{
 border: 0;
}
dl,dt,dd,ul,ol,li {
 list-style-type: none;
}
address,caption,cite,code,dfn,em,strong,var{
 font-style: normal;
 font-weight: normal;
}
table{
 border-collapse: collapse;
 border-spacing: 0;
}
h1,h2,h3,h4,h5,h6{
 font-size: 1.0em;
}
img{
 vertical-align: top;
}
a{
 outline: 0;
}
body{
 color: #222;
 font-family: "メイリオ","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",sans-serif;
 font-size: 72.5%;
 text-align: center;
}
a:link{
 color: #222;
 text-decoration: none;
}
a:active{
 color: #222;
 text-decoration: none;
}
a:visited{
 color: #222;
 text-decoration: none;
}
/*wrapper*/
#wrap{
 width: 1000px;
 margin: 5px auto 0 auto;
 background-color: #fff;
}
/*header*/
#header{
 width: 960px;
 height: 120px;
 margin: 0 auto;
 padding-top: 5px;
 display: inline-table;
 display: inline-block;
 display: block;
}
#header:after{
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}
#h1_wrap{
 width: 460px;
 float: left;
}
h1{
 width: inherit;
 height: 15px;
 font-size: 12px;
 font-weight: bold;
 letter-spacing: 1px;
}
#logo{
 width: 400px;
 height: 105px;
 margin: 0 auto;
}
#header_text{
 width: 480px;
 height: 120px;
 float: right;
}
#header_text p{
 width: 410px;
 margin: 16px auto 0 auto;
 font-size: 9px;
 text-align: left;
 line-height: 15px;
}
/*main*/
#main{
 width: 960px;
 margin: 0 auto;
 padding-bottom: 25px;
 display: inline-table;
 display: inline-block;
 display: block;
}
#main:after{
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}
/*contents*/
h2{
 width: inherit;
 height: 30px;
 line-height: 30px;
 color: #fff;
 font-size: 12px;
 font-weight: bold;
 letter-spacing: 5px;
}
h3{
 width: inherit;
 height: 30px;
 line-height: 30px;
 color: #fff;
 font-size: 12px;
 font-weight: bold;
 letter-spacing: 5px;
}
#contents{
 width: 780px;
 float: left;
 display: inline-table;
 display: inline-block;
 display: block;
}
#contents:after{
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}
#contents_main{
 width: 600px;
 float: right;
 display: inline-table;
 display: inline-block;
 display: block;
}
#contents_main:after{
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}
#adsense_top{
 width: 600px;
 height: 275px;
 margin: 0 auto;
}
#adsense_top div{
 width: 300px;
 padding-top: 14px;
 float: left;
}
#adsense_top div span{
 line-height: 40px;
 font-size: 11px;
}
#adsense_bottom{
 width: 500px;
 margin: 18px auto 0 auto;
}
#adsense_bottom span{
 font-size: 11px;
}
/*left_box*/
#left_box{
 width: 160px;
 float: left;
 padding-top: 165px;
}
#adsense_side{
 width: inherit;
 margin-top: 42px;
 height: 640px;
}
#adsense_side span{
 line-height: 40px;
 font-size: 11px;
}
#left_box h4{
 width: 160px;
 height: 30px;
 line-height: 30px;
 letter-spacing: 0.5em;
 color: #fff;
 font-size: 12px;
 font-weight: bold;
}
#left_box ul{
 width: 160px;
 padding-bottom: 27px;
}
#left_box ul li{
 width: 160px;
 height: 30px;
 color: #fff;
 line-height: 30px;
 font-size: 12px;
 font-weight: bold;
 letter-spacing: 1px;
}
#left_box ul li a{
 width: 160px;
 height: 30px;
 color: #222;
 line-height: 30px;
 display: block;
}
#left_box ul li a:hover{
 color: #fff;
 background-image: none;
 background-color: transparent;
}
/*menu*/
#menu{
 width: 160px;
 float: right;
}
.pickup{
 width: 160px;
 height: 275px;
 margin: 0 auto;
}
.pickup dt{
 width: 130px;
 height: 66px;
 margin: 0 auto;
 padding-top: 10px;
 line-height: 43px;
 letter-spacing: 2px;
 color: #222;
 font-size: 12px;
 font-weight: bold;
}
.pickup dd{
 margin-bottom: 16px;
 font-size: 12px;
 font-weight: bold;
}
.pickup dd a{
 text-decoration: underline;
}
#menu h4{
 width: 160px;
 height: 30px;
 line-height: 30px;
 letter-spacing: 0.5em;
 color: #fff;
 font-size: 12px;
 font-weight: bold;
}
#menu ul{
 width: 160px;
 padding-bottom: 27px;
}
#menu ul li{
 width: 160px;
 height: 30px;
 color: #fff;
 line-height: 30px;
 font-size: 12px;
 font-weight: bold;
 letter-spacing: 1px;
}
#menu ul li a{
 width: 160px;
 height: 30px;
 color: #222;
 line-height: 30px;
 display: block;
}
#menu ul li a:hover{
 color: #fff;
 background-image: none;
 background-color: transparent;
}
/*search*/
#search{
 width: 700px;
 height: 70px;
 clear: both;
 margin: 0 auto;
}
#search p{
 margin-top: 5px;
 font-size: 11px;
 color: #555;
}
/*footer*/
#footer{
 width: 960px;
 clear: both;
 margin: 0 auto;
 padding: 10px 0 20px 0;
 font-size: 11px;
}
#footer ul{
 display: inline;
 line-height: 24px;
}
#footer li{
 display: inline;
 padding: 0 10px;
}
#privacy_policy{
 margin-top: 7px;
 font-size: 11px;
}
#footer address{
 margin-top: 6px;
 font-weight: bold;
}
/*cat*/
#ranking_table{
 width: 580px;
 margin: 20px auto;
 font-size: 12px;
 text-align: center;
 letter-spacing: 0.1em;
}
#ranking_table th{
 width: 70px;
}
#ranking_table thead tr{
 height: 35px;
 color: #000;
 font-weight: bold;
}
#ranking_table thead td{
 width: 510px;
 font-weight: bold;
}
#ranking_table tfoot tr{
 height: 35px;
}
#ranking_table tfoot td{
 width: 510px;
 height: 30px;
 font-size: 11px;
}
#ranking_table tbody tr{
 height: 100px;
}
#ranking_table tbody th{
 color: #fff;
 font-weight: bold;
 font-style: italic;
}
#ranking_table tbody td{
 width: 255px;
}
#ranking_table tbody td h4{
 width: 100px;
 text-align: center;
 float: left;
}
#ranking_table tbody td h5{
 width: 155px;
 margin-top: 20px;
 font-size: 14px;
 font-weight: bold;
 letter-spacing: 1px;
 text-align: center;
 float: left;
}
#ranking_table tbody td h5 span{
 font-size: 11px;
 font-weight: normal;
}
#ranking_table tbody td h6{
 width: 250px;
 margin: 0 auto;
 font-weight: bold;
 text-align: left;
 text-indent: 60px;
}
#ranking_table tbody td p{
 width: 240px;
 margin: 12px auto 0 auto;
 text-align: left;
 font-size: 11px;
 letter-spacing: 3px;
}
#ranking_text{
 width: 580px;
 margin: 20px auto;
 line-height: 22px;
 font-size: 0.95em;
 text-align: left;
}
#ranking_list{
 width: 560px;
 margin: 0 auto;
 text-align: left;
 display: inline-table;
 display: inline-block;
 display: block;
}
#ranking_list:after{
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}
#ranking_list dt{
 width: 540px;
 margin-bottom: 5px;
 font-size: 12px;
 font-weight: bold;
 float: left;
}
#ranking_list dt a{
 text-decoration: underline;
}
#ranking_list dd{
 width: 536px;
 margin-bottom: 15px;
 line-height: 20px;
 font-size: 11px;
 float: right;
}
#magazine_list{
 width: 600px;
 margin-top: 30px;
 display: inline-table;
 display: inline-block;
 display: block;
}
#magazine_list:after{
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}
#magazine_list dt{
 width: 80px;
 height: 120px;
 font-size: 12px;
 float: left;
}
#magazine_list dd{
 width: 220px;
 height: 120px;
 float: left;
}
#magazine_list dd h4{
 width: 210px;
 height: 23px;
 margin: 0 auto;
 line-height: 23px;
 font-size: 12px;
 font-weight: bold;
 text-align: center;
 display: block;
}
#magazine_list dd h4 a{
 width: 210px;
 height: 23px;
 text-align: center;
 display: block;
}
#magazine_list dd h4 a:hover{
 color: #fff;
 background-image: none;
 background-color: transparent;
}
#magazine_list dd h5{
 width: 200px;
 height: 20px;
 margin: 10px auto 0 auto;
 line-height: 20px;
 text-align: left;
 text-indent: 43px;
 font-size: 12px;
}
#magazine_list dd p{
 width: 200px;
 margin: 6px auto 0 auto;
 text-align: left;
 font-size: 12px;
}
#magazine_list dd p.date{
 margin-top: 16px;
 height: 20px;
 line-height: 20px;
 text-indent: 95px;
}
#magazine_list dd p.price{
 height: 20px;
 line-height: 20px;
 text-indent: 95px;
}
#magazine_list dd p.age{
 margin-top: 15px;
 height: 20px;
 line-height: 20px;
 text-indent: 43px;
}
#magazine_list dd p.style{
 height: 20px;
 line-height: 20px;
 text-indent: 43px;
}
#allul{
 width: 500px;
 margin-top: 25px;
 line-height: 3.0em;
 text-align: left;
 float: right;
 display: inline-table;
 display: inline-block;
 display: block;
}
#allul:after{
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}
#allul li{
 width: 250px;
 float: left;
 font-weight: bold;
 text-indent: 3.0em;
}
#cat_text_long{
 width: 590px;
 margin: 5px auto 0 auto;
 line-height: 21px;
 font-size: 0.95em;
 text-align: left;
}
#cat_review_list{
 width: 580px;
 margin: 30px auto 0 auto;
}
#cat_review_list li{
 width: 580px;
 height: 165px;
 padding-top: 15px;
}
#cat_review_list li img{
 float: left;
}
#cat_review_list li div{
 width: 425px;
 float: right;
}
#cat_review_list li h4{
 height: 35px;
 line-height: 35px;
 font-size: 14px;
 font-weight: bold;
 letter-spacing: 0.2em;
}
#cat_review_list li h4 a{
 text-decoration: underline;
}
#cat_review_list li h4 a:hover{
 text-decoration: underline;
}
#cat_review_list li p{
 line-height: 22px;
 font-size: 12px;
 text-align: left;
}
/*page*/
#magazine{
 width: 600px;
}
#magazine_dbox{
 width: 535px;
 height: 180px;
 margin: 22px auto 0 auto;
 border: 1px solid #ef308a;
 display: inline-table;
 display: inline-block;
 display: block;
}
#magazine_dbox:after{
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}
#magazine_dbox_image{
 width: 200px;
 float: left;
}
#magazine_dbox_image img{
 margin-top: 15px;
}
#magazine_dbox table{
 width: 330px;
 float: right;
}
#magazine_dbox table tr{
 height: 30px;
}
#magazine_dbox table thead td{
 letter-spacing: 1px;
}
#magazine_dbox table tfoot td{
 font-size: 11px;
 color: #555;
}
#magazine_dbox table tbody th{
 width: 88px;
 letter-spacing: 1px;
}
#magazine_dbox table tbody td{
 width: 238px;
}
#magazine dl{
 width: 550px;
 margin: 0 auto 10px auto;
 padding-top: 6px;
 text-align: left;
 display: inline-table;
 display: inline-block;
 display: block;
}
#magazine dl:after{
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}
#magazine dl dt{
 width: 550px;
 margin: 12px auto 0 auto;
 font-weight: bold;
 text-indent: 35px;
 float: left;
}
#magazine dl dd{
 width: 515px;
 margin-top: 3px;
 line-height: 22px;
 float: right;
}
#magazine dl dd a{
 text-decoration: underline;
}
#magazine dl dd span{
 font-size: 11px;
 color: #555;
}
#magazine_no_image_box{
 width: 380px;
 height: 500px;
 margin: 0 auto;
 line-height: 500px;
 font-size: 38px;
 font-weight: bold;
 letter-spacing: 5px;
}
#magazine_page_list{
 width: inherit;
 margin-top: 25px;
}
#magazine_page_list p{
 font-weight: bold;
 line-height: 26px;
 letter-spacing: 3px;
}
#magazine_page_list ul{
 width: 600px;
 padding-top: 10px;
 display: inline-table;
 display: inline-block;
 display: block;
}
#magazine_page_list ul:after{
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}
#magazine_page_list ul li{
 width: 200px;
 line-height: 30px;
 float: left;
}
#magazine_page_list ul li a{
 text-decoration: underline;
}
/*共通*/
.center{
 text-align: center;
}
#none{
 margin: 30px 0;
 font-weight: bold;
 line-height: 2.3em;
 letter-spacing: 0.4em;
}
/*error*/
#error{
 font-weight: bold;
 font-size: 17px;
 margin-top: 80px;
 line-height: 50px;
}
#error_link{
 height: 80px;
 font-weight: bold;
 font-size: 17px;
 margin-top: 30px;
}
#error_link a{
 text-decoration: underline;
}
/*Copyright(C)magazine-data.com*/