@charset "shift_jis";

/* =========================================================

freepage2011.css

	#flame_w950 (yoiehon)
	#special_template

========================================================= */
/* #flame_w950--------------------------------------------------------- */
#flame_w950{width: 950px;margin: 0 auto;position: relative;z-index: 2;}
#flame_w950 .wrap{width:910px;margin: 0 20px;padding-bottom: 20px;}
#flame_w950 .wrap .section{margin-bottom: 20px;}
/* list */
#flame_w950 ul.tab{width: 910px;padding: 0;}
#flame_w950 ul.tab li{list-style-type: none;width: 190px;height: 40px;float: left;font-weight: bold;font-size:120%;color: #333333;}
#flame_w950 ul.tab li.last{width: 150px;}
#flame_w950 ul.tab li a{background: url(/img/campaign/yoiehon/yoiehon_tab.jpg);display: block;line-height: 40px;	text-align: center;text-decoration: none;color: #FFF;}
#flame_w950 ul.tab li a.selected{background: url(/img/campaign/yoiehon/yoiehon_tab_selected.jpg);text-decoration: none;color: #E36B1C;cursor: default;}
#flame_w950 .pannel{clear: both;padding: 0;}
#flame_w950 .pannel div{padding: 30px 30px 0 35px;color: #333;}
#flame_w950 .pannel{width: 910px;padding: 0 0 20px 0;}
#flame_w950 .pannel ul{width: 850px;overflow: hidden;}
/*7columns*/
#flame_w950 .pannel ul li{width: 110px;text-align: center;line-height: 1.3;padding: 0 5px 10px 5px;display: inline-block;/display: inline;/zoom: 1;vertical-align: top;}
/*8columns*/
#flame_w950 .ichiran ul li{width: 95px;padding: 0 5px 10px 5px;}
#flame_w950 div.pannel ul li dl dd img{margin-bottom: 5px;}
#flame_w950 .pannel ul li dl dd.chosha{margin-bottom: 2px;}
#flame_w950 .pannel ul li dl dt{font-weight: bold;margin-bottom: 5px;}
#flame_w950 .pannel ul li dl dt span{font-size: 80%;color: #925308;}
/* #special_template--------------------------------------------------------- */
#special_template {width: 950px;margin: 0 auto;}
#special_template #wrap {width: 950px;}
#special_template #wrap h1 {text-align: center;}
#special_template #wrap p.lead {text-align: center;font-weight: bold;padding: 10px 0;}
#special_template #wrap #main {width: 950px;}
#special_template #wrap #main:after {content: ".";display: block;clear: both;height: 0;visibility: hidden;}
#special_template #wrap #main #side {width: 198px;border: 1px solid #333;margin-right: 20px;float: left;}
#special_template #wrap #main #side h2 {background-color: #55295b;color: #FFF;font-weight: bold;font-size: 120%;	padding: 5px 8px;margin-bottom: 10px;}
#special_template #wrap #main #side h3 {font-weight: bold;font-size: 110%;margin: 0 10px 10px 10px;padding : 3px 10px 1px 10px;border-left: solid 5px #55295b;background: #eaedf7;}
#special_template #wrap #main #side .section {margin-bottom: 20px;}
#special_template #wrap #main #side dl {padding:5px 10px;}
#special_template #wrap #main #side dl dt {	text-align: center;font-weight: bold;line-height: 1.3;padding-bottom: 2px;}
#special_template #wrap #main #side dl dd {text-align: center;padding-bottom: 2px;}
#special_template #wrap #main #container {width: 728px;float: right;}
#special_template #wrap #main #container .index {margin-bottom: 10px;text-align: center;background: #f8f4e6;padding: 5px 20px 5px 20px;}
#special_template #wrap #main #container .index :after {content: ".";display: block;clear: both;height: 0;visibility: hidden;}	
#special_template #wrap #main #container .index ul {margin: 0 0 0 0px;width: 710px;}
#special_template #wrap #main #container .index ul li {	margin-right: 20px;	float: left;background:url(https://www.honyaclub.com/img/usr/link_ic01.gif) no-repeat 0% 50%;padding: 0px 0px 0px 8px;}
#special_template #wrap #main #container .section {	margin-bottom: 20px;}
#special_template #wrap #main #container .section h2 {background-color: #55295b;color: #FFF;font-weight: bold;	font-size: 120%;margin-bottom: 10px;padding: 5px 8px;}
#special_template #wrap #main #container .section ul.goods {width: 730px;}
#special_template #wrap #main #container .section ul.goods :after {content: ".";display: block;clear: both;	height: 0;visibility: hidden;}
#special_template #wrap #main #container .section ul.goods li {width: 335px;height: 200px;padding: 0 10px;float: left;}
#special_template #wrap #main #container .section ul.goods li :after {content: ".";display: block;clear: both;height: 0;visibility: hidden;}
#special_template #wrap #main #container .section ul.goods li .imgL {width: 120px;margin-right: 10px;float: left;}
#special_template #wrap #main #container .section ul.goods li dl {width: 205px;float: left;}
#special_template #wrap #main #container .section ul.goods li dl dt {font-weight: bold;line-height: 1.4;font-size: 110%;}
#special_template #wrap #main #container .section ul.goods li dl dd.auhor {line-height: 1.4;}
/*通常価格*/
#special_template #wrap #main .section .price {}
/*割引価格*/
#special_template #wrap #main .section .teika {font-size: 80%;text-decoration: line-through;line-height: 1.3;}
#special_template #wrap #main .section .offprice {color: #F00;font-weight: bold;line-height: 1.3;}
#special_template #wrap #main .section .off {color: #f00;font-size:110%;font-weight:bold;line-height: 1.3;}
#special_template #wrap #main #container .section p.othergoods {text-align: right;clear: both;}
#special_template #wrap #main #container .ad_special {margin-bottom: 20px;border: 1px solid #e4d2d8;padding: 10px;background: #fdeff2;text-align: center;}
/* #dempagumi--------------------------------------------------------- */
.background_all {background: #fff4f8;}
#special_template #dempagumi {background: #FFF;line-height: 1.4;}
#special_template #dempagumi .section {	margin-bottom: 40px;}
#special_template #dempagumi h2 {background: url(../img/special/dempagumi/dempagumi_img_bg3.gif);padding-left: 10px;height: 50px;line-height: 50px;font-weight: bold;font-size: 150%;margin-bottom: 20px;color: #FFF;}
#special_template #dempagumi h3 {background: url(../img/special/dempagumi/dempagumi_img_bg2.gif);padding-left: 10px;height: 36px;line-height: 36px;font-weight: bold;font-size: 130%;margin-bottom: 20px !important;border: none !important;color: #FF0;}
#special_template #dempagumi #main h4 {font-weight: bold;font-size: 120%;border-bottom: 4px solid #FFF580;margin-bottom: 10px;background: none;}
#special_template #dempagumi .detail h4 {margin: 0 0 10px 0;padding-top: 20px;font-weight: bold;font-size: 120%;	line-height: 1;}
#special_template #dempagumi h5 {background: #E8E8E8;font-weight: bold;padding: 4px;margin-bottom: 20px;}
#special_template #dempagumi .index {width: 920px;margin: 0 20px 22px 20px;font-weight: bold;}
#special_template #dempagumi .index ul li a {color: #FFF;}
#special_template #dempagumi .index ul:after {content: ".";display: block;clear: both;height: 0;visibility:hidden;}
#special_template #dempagumi .index ul li {background: url(../img/special/dempagumi/dempagumi_img_bg3.gif);	width: 169px;height: 25px;line-height: 25px;float: left;padding-left: 5px;margin: 0 8px 8px 0;border: 1px solid FFC4DB;}
#special_template #dempagumi .index ul li a {display: block;width: 169px;height: 25px;text-decoration: none;}
#special_template #dempagumi .index ul li:hover {opacity:0.7;filter: alpha(opacity=70);-ms-filter: "alpha( opacity=70 )";background: url(../img/special/dempagumi/dempagumi_img_bg3.gif);}
#special_template #dempagumi #relative .section ul.relative_goods {width: 960px;margin: 0 10px 0 20px;}
#special_template #dempagumi #relative .section ul.relative_goods li {width: 175px;}
#special_template #dempagumi #relative .section ul.relative_goods li dl {width: 85px;}
#special_template #dempagumi .section table.tsBooks {width: 950px;margin-bottom: 30px;}
#special_template #dempagumi .section table.tsBooks p.member {background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(left,  #ffffff 0%, #ffc4db 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #ffffff 0%,#ffc4db 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #ffffff 0%,#ffc4db 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #ffffff 0%,#ffc4db 100%); /* IE10+ */
	background: linear-gradient(to right,  #ffffff 0%,#ffc4db 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffc4db',GradientType=1 ); /* IE6-9 */
	font-weight: bold;
	width: 300px;
	height:70px;
	font-size: 110%;
}
#special_template #dempagumi .section table.tsBooks .bookreview {margin-top: 10px;width: 300px;line-height: 1.4;}
#special_template #dempagumi .section table.tsBooks .bookreview .imgL {float: left;width: 90px;padding: 0 10px 10px 0;}
#special_template #dempagumi .section table.tsBooks .bookreview dl {float: left;width: 200px;padding-bottom: 10px;}
#special_template #dempagumi .section table.tsBooks .bookreview dl dt {font-weight: bold;font-size: 110%;}
#special_template #dempagumi p.p_button {background: #EB005F;width: 100%;height:50px;line-height: 50px;font-weight: bold;text-align: center;font-size: 150%;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}
#special_template #dempagumi p.p_button a {color: #FFF;text-decoration: none;display: block;}
#special_template #dempagumi p.p_button a:hover {background: #ff267e;-webkit-border-radius: 5px;-moz-border-radius: 5px;}
#special_template #dempagumi p.p_button.size_s {height:40px;line-height: 40px;font-size: 110%;margin-top: 10px;}
#special_template #dempagumi .price1 {text-decoration:line-through;	font-size: 90%;	}
#special_template #dempagumi .price2 {color: #F00;font-weight: bold;}
#special_template #dempagumi table.campaign_towel td {vertical-align: middle;}
/* #relative 5colums========================================================= */
#relative .section ul.relative_goods {width: 980px;margin-bottom: 20px;}
#relative .section ul.relative_goods li {width: 180px;margin: 0 10px 20px 0;display: inline-block;/display: inline; /zoom: 1;vertical-align: top;}
#relative .section ul.relative_goods li:after  {content: ".";display: block;clear: both;height: 0;visibility: hidden;}
#relative .section ul.relative_goods li .book_img {	float: left;width: 80px;margin-right: 10px;}
#relative .section ul.relative_goods li dl {float: left;width: 90px}
#relative .section ul.relative_goods li dl dd.book_lead {font-weight: bold;line-height: 1.1;margin-bottom: 3px;	color: #925308;}
#relative .section ul.relative_goods li dl dt {	font-weight: bold;font-size: 110%;line-height: 1.2;margin-bottom: 2px;}
#relative .section ul.relative_goods li dl dd.book_author {margin-bottom: 2px;line-height: 1.2;}
#relative .section ul.relative_goods li dl dd.book_review {font-size: 90%;line-height: 1.2;}
#relative .section ul.relative_goods li dl dd.price {line-height: 1.2;}
#relative .section ul.relative_goods li dl dd.price1 {text-decoration: line-through;font-size: 90%;	line-height: 1.2;margin-bottom: 2px;}
#relative .section ul.relative_goods li dl dd.price2 {color: #F00;line-height: 1.2;}
/* =========================================================
#comic
========================================================= */
#comic{width: 950px;margin: 0 auto;position: relative;z-index: 2;}
/* bg01 ----------------------------------------*/
#comic #bg01{background: no-repeat url(../img/campaign/kbluefes13/bg01.jpg);width:950px;height: 905px;position:relative;padding:0;margin:10px 0 45px 0;}
#comic #bg01 .set1{position:absolute;left: 90px;top: 16px;}
#comic #bg01 .set2{position:absolute;left: 558px;top: 24px;}
#comic #bg01 .set3{position:absolute;left: 22px;top: 63px;}
#comic #bg01 .set4{position:absolute;left: 491px;top: 74px;}
#comic #bg01 .set5{position:absolute;left: 22px;top: 224px;}
#comic #bg01 .set6{position:absolute;left: 381px;top: 255px;}
#comic #bg01 .set7{position:absolute;left: 866px;top: 265px;}
#comic #bg01 .set8{position:absolute;left: 22px;top: 293px;}
#comic #bg01 .set9{position:absolute;left: 853px;top: 226px;}
/*---------------------------------------*/
#comic #wrapper{width: 950px;padding: 25px 0 30px 0;margin: 0 0 30px 0;background-image: url(../img/campaign/kbluefes13/back.gif);background-repeat:repeat;}
#comic .contents{width: 910px;margin: 0 0 0 20px;padding: 0 0 0 0;background-color: #FFF;}
/*magazine-------------------------------------------*/
#comic .contents .magazine{width: 911px;margin: 0 auto 0;clear:both;overflow:hidden;padding: 0 0 30px 0;}
#comic .contents .magazine .magazineList1{width: 225px;float:left;margin:18px 0 0 0px;padding-left:40px;}
#comic .contents .magazine .magazineList1 .sentence01{padding:27px 0 0 0px;}
#comic .contents .magazine .magazineList1 .sentence02{padding:19px 0 0 0px;}
#comic .contents .magazine .magazineList1 .sentence03{padding:21px 0 0 0px;}
#comic .contents .magazine .right{width: 600px;float:left;margin: 0 0px 0 0;padding: 0 0 0px 15px;}
#comic .contents .magazine .mag_btn{width: 150px;float:left;margin: 18px 0px 0px 0 ;}
#comic .contents .magazine .btn{width: 150px;float:left;margin: 0 0 30px 0;}
#comic .contents .magazine .hp_btn{clear:both;overflow:hidden;text-align:right;margin: 0 0 10px 0px;padding: 0 9px 0 0;}
/*book-------------------------------------------*/
#comic .contents .book{width: 912px;margin: 0 auto 0;clear:both;overflow:hidden;padding: 0 0 25px 0;}
/* book01------------------------------------- */
#comic .contents .book .book01{width: 912px;clear:both;overflow:hidden;margin: 20px 0 0 0px;}
#comic .contents .book .book01 .right{width: 900px;float:left;margin: 0 0 0 18px;}
#comic .contents .book .book01 .right .bookList{clear:both;overflow:hidden;margin: 0;}
#comic .contents .book .book01 .right .bookList ul{clear:both;overflow:hidden;}
#comic .contents .book .book01 .right .bookList ul.topspace{padding-top:30px;}
#comic .contents .book .book01 .right .bookList li{float:left;width:120px;text-align:center;font-size:12px;line-height:1.4;padding:0 25px 0px 0;}
#comic .contents .book .book01 .right .bookList li dl dd{margin-bottom:11px;}
#comic .contents .book .book01 .right .bookList li dl dt{font-weight:bold;margin:13px 0 3px 0;}
/* campaignDetail------------------------------------- */
#comic .contents .section{width:770px;margin:50px 0 0 65px;padding-bottom:30px;}
#comic .contents .section table.campaignDetail{width: 100%;}
#comic .contents .section table.campaignDetail tr th,table.campaignDetail tr td{border: 1px solid #CCC;padding: 5px 8px;}
#comic .contents .section table.campaignDetail tr th{width: 120px;background-color: #EEEEEE;font-weight: bold;vertical-align: middle;line-height: 1.0;}
/* comic_store------------------------------------- */
#comic_store{width: 950px;margin: 0 auto;position: relative;z-index: 2;}
#comic_store .campaign_store{width: 950px;margin:0 auto;}
#comic_store .campaign_store table{width:950px;border-collapse:collapse;border-spacing:0;margin:0 0 30px;}
#comic_store .campaign_store table th{background-color: #EEEEEE;font-size: 110%;font-weight: bold;line-height: 1;padding: 7px;text-align: center;vertical-align: middle;}
#comic_store .campaign_store table tr th, #comic_store .campaign_store table tr td{border: 1px solid #CCCCCC;padding: 5px;}
/*tittle--------------------------------------------------*/
#comic_store .campaign_store .heading01{background:  url(../img/campaign/kbluefes13/ttl_bg.gif)no-repeat scroll 0 0 transparent;border-bottom: 2px solid #004697;clear: both;line-height: 1.2;margin:30px 0 20px 0;}
#comic_store .campaign_store .heading01 .heading-inner{background: url(../img/campaign/kbluefes13/ttl_bg2.gif) no-repeat scroll 100% 0 transparent;display: block;padding: 8px 10px 5px 20px;}
#comic_store .campaign_store .heading01 .heading-txt{font-size: 115%;font-weight: bold;}