@charset "utf-8";
#editor.special .wapper-special{width: 960px;padding: 20px;margin-bottom: 20px; text-align:left; font-size:14px;}
#main-contents{ font-size:14px;}
#main-contents h4 {
    border-left: none;
    margin-bottom:0;
    padding-left: 0;
}
/* CSS Document */
#mainpict {
	width:692px;
	background-image:url(/share/sp/orebarca/images/main_pic.jpg);
	margin-bottom:25px;
}

#mainpict h2, #mainpict p, #purchaseBox p, .purchaseBtn span, #contents h3 span, #contents ul#gnavi li span, #profile h4 span, #wrapper_P2 h2 p, #wrapper_P3 h2 p, .illustBox p,.bookinfo .bookcover span,.bookinfo .bookdetail .copy span,.bookinfo .bookdetail .title span,.bookinfo .bookdetail ul,.bookinfo .bookdetail .navbtn span,.navnext span,#mainContents #youtube span,#support li span,#profile h4 span,#rightColumn .bnr span{
	display:none
}

/*
 本購入エリア
 *********************************************/
#purchaseBox {
	background-color:#1f2a66;
	width:225px;
	background-repeat:no-repeat
}
#purchaseBox .purchase_cover {
	margin-top:32px;
	margin-left:11px;
	background-image:url(/share/sp/orebarca/images/purchase_cover.jpg);
	width:171px;
	height:236px;
}
#purchaseBox .purchase_cover a {
	width:171px;
	height:236px;
}
#purchaseBox .purchase_price {
	background-image:url(/share/sp/orebarca/images/purchase_price.gif);
	width:117px;
	height:31px;
	margin:12px 46px 15px 50px;
	background-repeat:no-repeat
}
#selectShops {
	margin:0px 30px 9px 32px
}
.purchaseBtn a {
	width:172px;
	height:41px;
	background-image:url(/share/sp/orebarca/images/purchase_btn.gif);
}
.purchaseBtn a:hover {
	background-position:left -41px;
}





/* コーナーナビゲーション
*********************************************/
#contents{ padding-top:40px;}
#lead{}

.lead{ line-height:1.5; width:870px; margin-left:23px; }
/* .jichobnr a{ display:block; background-image:url(/share/sp/orebarca/images/jicho_bnr.gif); width:226px; height:118px; float:right; }
.jichobnr a:hover{ background-position:left -118px;}*/
#mainContents{width:918px; height:1190px; }

#mainContents #leftColumn{width:675px;float:left; border-right:#d4d4d9 solid 1px;  }
#mainContents #support{ width:657px; background-image:url(/share/sp/orebarca/images/support_bg.jpg); height:1010px; background-repeat:no-repeat; background-position:left 66px;position:relative; top:0; left:0}

#mainContents #support h3 {
background-position:left top;
background-repeat:no-repeat;
background-image:url(/share/sp/orebarca/images/support_h3.gif);
width:647px; height:46px;
background-color:#FFF;
}

#mainContents #support li {
	position:absolute;
	background-repeat:no-repeat;
	background-position:left top;
}
#mainContents #support li.nolink{ height:56px;}
#mainContents #support li#list01{
	background-image:url(/share/sp/orebarca/images/list01.jpg);
	width:261px;
	top:153px;
	left:99px
}
#mainContents #support li#list02{
	background-image:url(/share/sp/orebarca/images/list02.jpg);
	width:245px;
	top:215px;
	left:44px}
#mainContents #support li#list03{
	background-image:url(/share/sp/orebarca/images/list03.jpg);
	width:296px;
	top:279px;
	left:166px
}
#mainContents #support li#list04{
	background-image:url(/share/sp/orebarca/images/list04.jpg);
	width:295px;
	top:344px;
	left:201px
}
#mainContents #support li#list05{
	background-image:url(/share/sp/orebarca/images/list05.jpg);
	width:301px;
	top:409px;
	left:272px
}
#mainContents #support li#list06{
	background-image:url(/share/sp/orebarca/images/list06.jpg);
	width:346px;
	top:476px;
	left:180px
}
#mainContents #support li#list07{
	background-image:url(/share/sp/orebarca/images/list07.jpg);
	width:326px;
	top:549px;
	left:221px;
	z-index:999
}
#mainContents #support li.link a{ display:block; }
#mainContents #support li#list08 {
	width:434px;
	height:87px;
	top:590px;
	left:153px
}
#mainContents #support li#list08 a{width:434px;height:87px;
	background-image:url(/share/sp/orebarca/images/list08.jpg);
}
#mainContents #support li#list08 a:hover{ background-position:left -87px;}



#mainContents #support li#list09 {
	width:443px;
	height:93px;
	top:682px;
	left:137px;
}
#mainContents #support li#list09 a{width:443px;height:93px;
	background-image:url(/share/sp/orebarca/images/list09.jpg);
}
#mainContents #support li#list09 a:hover{ background-position:left -93px;}


#mainContents #support li#list10 {
	width:379px;
	height:92px;
	top:787px;
	left:232px;
}
#mainContents #support li#list10 a{width:379px;height:92px;
	background-image:url(/share/sp/orebarca/images/list10.jpg);
}
#mainContents #support li#list10 a:hover{ background-position:left -92px;}

#mainContents #support li#list11 {
	width:304px;
	height:62px;
	top:929px;
	left:339px;
}
#mainContents #support li#list11 a{width:304px;height:62px;
	background-image:url(/share/sp/orebarca/images/list11.jpg);
}
#mainContents #support li#list11 a:hover{ background-position:left -62px;}




#mainContents #rightColumn{ float:right; width:226px;}
#mainContents #rightColumn p.bnr a{ display:block; width:226px; height:130px; background-position:left top; background-repeat:no-repeat; margin-bottom:20px;}
#mainContents #rightColumn p.bnr a:hover{ background-position:left -130px;}
#mainContents #rightColumn p#kubo a{ background-image:url(/share/sp/orebarca/images/kubo_bnr.gif); }
#mainContents #rightColumn p#hamada a{ background-image:url(/share/sp/orebarca/images/hamada_bnr.gif); }


#mainContents #rightColumn h3{ background-image:url(/share/sp/orebarca/images/link_h3.gif); width:138px; height:33px; background-repeat:no-repeat; margin:10px 0 20px 0}
#mainContents #rightColumn #relatedlink{ line-height:1.2}
#mainContents #rightColumn #relatedlink dt{ margin-bottom:10px; font-weight:bold; color:#1f2a66}
#mainContents #rightColumn #relatedlink dd{ margin-bottom:20px;}
/*
 プロフィール
 *********************************************/
#profile {
	margin-top:30px;
	width:613px;
	float:left;
	padding-left:23px;
	position:relative; top:0; left:0
}
#profile h4{ background-image:url(/share/sp/orebarca/images/profile_name.gif); background-position:left top; background-repeat:no-repeat; margin-bottom:18px;width:389px; height:34px;}
#profile p{ line-height:1.5; font-size:93%}

#profile .interview a{
	display:block;
	background-image:url(/share/sp/orebarca/images/kubo_bnr.gif);
	width:206px;
	height:48px;
	position:absolute;
	top:11px;
	left:426px
}
#profile .interview a:hover{ background-position:left -48px;}


/*改修_2016.10:購入ボタン改修*/
#book { float:left; background:#202a67; width:226px; height:436px; text-align:center;}
#book img { vertical-align:bottom;}
#book a.cover { width:162px;margin-top:40px; background-color:#fff}
#book a.cover img{box-shadow: 2px 3px 3px 0px rgba(0, 0, 0, 0.15);}
#book .price {margin-top:25px; color:#fff}
#book .book_btn { width:172px; margin-top:15px; background-color:#fff}
a.m_o{display:block; margin-left:auto; margin-right:auto}
a:hover.m_o img{opacity: 0.7;filter: alpha(opacity=70);}
/*改修_2016.10ここまで*/



/*common部分*/
#header {
	background-repeat:no-repeat
}
#mainpict {
	float:left;
	height:436px;
}/*本購入エリア*********************************************/
#purchaseBox {
	float:right;
	height:436px;
}
/*#purchaseBox .purchase_cover a {
	display:block;
}*/

#selectShops {
	width:170px;
	font-size:90%;
}
.purchaseBtn a {
	display:block;
	background-position:left top;
	margin:auto
}/*ColorBox Core Style:The following CSS is consistent between example themes and should not be altered.*/
#colorbox, #cboxOverlay, #cboxWrapper {
	position:absolute;
	top:0;
	left:0;
	z-index:9999;
	overflow:hidden;
}
#cboxOverlay {
	position:fixed;
	width:100%;
	height:100%;
}
#cboxMiddleLeft, #cboxBottomLeft {
	clear:left;
}
#cboxContent {
	position:relative;
}
#cboxLoadedContent {
	overflow:auto;
}
#cboxTitle {
	margin:0;
}
#cboxLoadingOverlay, #cboxLoadingGraphic {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
	cursor:pointer;
}
.cboxPhoto {
	float:left;
	margin:auto;
	border:0;
	display:block;
}
.cboxIframe {
	width:100%;
	height:100%;
	display:block;
	border:0;
}/* User Style:Change the following styles to modify the appearance of ColorBox.  They areordered & tabbed in a way that represents the nesting of the generated HTML.#cboxCurrent{position:absolute;top:-20px;right:0px;color:#ccc;}*/
#cboxOverlay {
	background:#000;
}
#colorbox {
}
#cboxContent {
	margin-top:20px;
}
.cboxIframe {
	background:#fff;
}
#cboxError {
	padding:50px;
	border:1px solid #ccc;
}
#cboxLoadedContent {
	border:5px solid #000;
	background:#fff;
}
#cboxTitle {
	position:absolute;
	top:-20px;
	left:0;
	color:#ccc;
}
#cboxCurrent {
	direction:none;
}
#cboxSlideshow {
	position:absolute;
	top:-20px;
	right:90px;
	color:#fff;
}
#cboxPrevious {
	position:absolute;
	top:50%;
	left:5px;
	margin-top:-32px;
	background:url(/share/sp/common/images/controls.png) no-repeat top left;
	width:28px;
	height:65px;
	text-indent:-9999px;
}
#cboxPrevious:hover {
	background-position:bottom left;
}
#cboxNext {
	position:absolute;
	top:50%;
	right:5px;
	margin-top:-32px;
	background:url(/share/sp/common/images/controls.png) no-repeat top right;
	width:28px;
	height:65px;
	text-indent:-9999px;
}
#cboxNext:hover {
	background-position:bottom right;
}
#cboxLoadingOverlay {
	background:#000;
}
#cboxLoadingGraphic {
	background:url(/share/sp/common/imagesloading.gif) no-repeat center center;
}
#cboxClose {
	position:absolute;
	top:5px;
	right:5px;
	display:block;
	background:url(/share/sp/common/images/controls.png) no-repeat top center;
	width:38px;
	height:19px;
	text-indent:-9999px;
}
#cboxClose:hover {
	background-position:bottom center;
}
#contents {
	padding-top:20px;
}
#contents .lead {
	padding-top:20px;
	margin-bottom:30px;
	padding:0 10px 20px;
}
.hide {
	display:none
}