@charset "utf-8";

/*
===== CONTENTS =========================================

 // Site Outline //

	Site Name:  河出書房新社
	URL:  http://www.kawade.co.jp/


 // Font-size Adjustment //

	71% = 10px
	86% = 12px
	100% = 14px
	114% = 16px
	129% = 18px


 // CSS Index //
 
 detail.html
 series.html


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




/*------------------------------
 // detail.html
    1: topicPath
------------------------------ */


	
#topicPath dl dt,
#topicPath dl dd.genre{
	float:left;}

#topicPath ol li{
	list-style:none outside;
	display:inline;}
	

/*------------------------------
 // 2: base
------------------------------ */

#detail{width:780px;}

#detail #title{
	background: url(img/dot_gray.gif) top left repeat-x;
	border-bottom:1px dotted #CCC;
	padding:15px 0 12px 0;
	margin:10px 0;}

#detail #title h1{
	color:#68aa11;
	font-size:114%;
	line-height:1.4;
	}

.layout{clear:both;}

.social_btn {
margin: 0px 0px 0px 0px;
padding: 0px;
}

.social_btn .hatena {
float: right;
margin: 0px 0px 10px 0px;
padding: 0px;
display: inline;
}

.social_btn .mixi {
float: right;
margin: 0px 10px 10px 0px;
padding: 0px;
display: inline;
}

.social_btn .facebook {
float: right;
margin: 0px 0px 10px 0px;
padding: 0px;
display: inline;
width: 110px;
}

.social_btn .twitter {
float: right;
margin: 0px 0px 10px 0px;
padding: 0px;
display: inline;
}

.social_btn .google {
float: right;
margin: 0px 0px 10px 0px;
padding: 0px;
display: inline;
}

/*------------------------------
 // 3: databox_right
------------------------------ */

#databox_right{
	width:540px;
	float:right;}

.bookdata{
	border-bottom:1px dotted #CCC;
	margin-bottom:10px;
	padding-bottom:10px;}

.bookdata p.mg{
	margin-top:15px;}

.bookdata #correction{
	margin-top:15px;}

.bookdata dl dt.publication,
.bookdata dl dt.review1{
	width:60px;
	height:15px;
	text-indent:-9999px;
	padding-left:10px;
	float:left;}

.bookdata dl dt.prize{
	width:118px;
	height:15px;
	text-indent:-9999px;
	padding-left:10px;}
	
.bookdata dl dt.publication{background:url(img/mark_publication.gif) 0 3px no-repeat;}

.bookdata dl dt.prize{background:url(img/mark_prize.gif) 0 3px no-repeat;}

.bookdata dl dt.review1{background:url(img/mark_review.gif) 0 3px no-repeat;}

/*価格・在庫・買物カゴに入れる*/
#databox_right #pricebox{
	width:540px;
	height:60px;
	background:url(img/bg_price.jpg) 0 0 no-repeat;
	font-size:86%;
	}

#pricebox #pricedata{
	float:left;
	margin:13px 0 0 26px;}

#pricedata p.zaiko{
	color:#C00;}

#pricedata p.price{font-weight:bold;}

#pricebox p.shopping{float:right;}

#pricebox p.shoppingpre{
	float:right;
	height: 60px;
	line-height: 60px;
	text-align: center;
	margin-right: 20px;
	color:#CC0000;}


/*オンライン書店で購入する*/

#onlinestore{
	background-color:#e3f1f2;
	padding:15px 20px 14px;
	font-size:86%;
	margin:15px 0;}

#onlinestore h4,#digitalcnt h4{
	width:161px;
	height:13px;
	text-indent:-9999px;}

#onlinestore h4.store{background:url(img/online_store.gif) 0 0 no-repeat;}
#onlinestore h4.stock{background:url(img/online_stock.gif) 0 0 no-repeat;clear:both;}


#onlinestore p, #digitalcnt p{text-indent:-9999px;}

#onlinestore p a, #digitalcnt p a{
	display:block;
	width:80px;
	height:30px;
	float:left;
	margin:7px 5px 15px 0;}

#onlinestore p a.amazon {background:url(img/store_amazon_off.gif) 0 0 no-repeat;}
#onlinestore p a.rakuten {background:url(img/store_rakuten_off.gif) 0 0 no-repeat;}
#onlinestore p a.kinokuniya {background:url(img/store_kinokuniya_off.gif) 0 0 no-repeat;}
#onlinestore p a.sevennet {background:url(img/store_7net_off.gif) 0 0 no-repeat;}
#onlinestore p a.honto {background:url(img/store_honto_off.gif) 0 0 no-repeat;}
#onlinestore p a.e-hon {background:url(img/store_e-hon_off.gif) 0 0 no-repeat;}
/*#onlinestore p a.bookliner {background:url(img/store_bookliner_off.gif) 0 0 no-repeat;}*/
#onlinestore p a.honyaclub {background:url(img/store_honyaclub_off.gif) 0 0 no-repeat;}
#onlinestore p a.amazon:hover {background:url(img/store_amazon_on.gif) 0 0 no-repeat;}
#onlinestore p a.rakuten:hover {background:url(img/store_rakuten_on.gif) 0 0 no-repeat;}
#onlinestore p a.kinokuniya:hover {background:url(img/store_kinokuniya_on.gif) 0 0 no-repeat;}
#onlinestore p a.sevennet:hover {background:url(img/store_7net_on.gif) 0 0 no-repeat;}
#onlinestore p a.honto:hover {background:url(img/store_honto_on.gif) 0 0 no-repeat;}
#onlinestore p a.e-hon:hover {background:url(img/store_e-hon_on.gif) 0 0 no-repeat;}
#onlinestore p a.honyaclub:hover {background:url(img/store_honyaclub_on.gif) 0 0 no-repeat;}
/*#onlinestore p a.bookliner:hover {background:url(img/store_bookliner_on.gif) 0 0 no-repeat;}*/
	
#onlinestore ul{margin-top:5px;}

#onlinestore ul li{
	display:inline;
	margin-right:5px;}

/*デジタルコンテンツを購入する*/ 

#digitalcnt{
	background-color:#f7ebd4;
	padding:15px 20px 14px;
	font-size:86%;}

#digitalcnt h4.digital{background:url(img/online_digital.gif) 0 0 no-repeat;}

#digitalcnt p a.spacetowm {background:url(img/store_spacetown_off.gif) 0 0 no-repeat;}
#digitalcnt p a.pdabook {background:url(img/store_padbook_off.gif) 0 0 no-repeat;}
#digitalcnt p a.rakutenicb {background:url(img/store_rakuten_off.gif) 0 0 no-repeat;}
#digitalcnt p a.papyless {background:url(img/store_papyless_off.gif) 0 0 no-repeat;}
#digitalcnt p a.spacetowm:hover {background:url(img/store_spacetown_on.gif) 0 0 no-repeat;}
#digitalcnt p a.pdabook:hover {background:url(img/store_padbook_on.gif) 0 0 no-repeat;}
#digitalcnt p a.rakutenicb:hover {background:url(img/store_rakuten_on.gif) 0 0 no-repeat;}
#digitalcnt p a.papyless:hover {background:url(img/store_papyless_on.gif) 0 0 no-repeat;}

#databox_right .bookcnt{
	border-top:1px dotted #CCC;
	padding-top:15px;
	font-size:86%;}
	
#databox_right .bookcnt h3.author,
#databox_right .bookcnt h3.voice,
#databox_right .bookcnt h3.report{
	width:166px;
	height:18px;
	text-indent:-9999px;
	padding-bottom:7px;}
#databox_right .bookcnt h3.author{background:url(img/d_title_author.gif) 0 0 no-repeat;}
#databox_right .bookcnt h3.voice{background:url(img/d_title_voice.gif) 0 0 no-repeat;
float:left}
#databox_right .bookcnt h3.report{background:url(img/d_title_report.gif) 0 0 no-repeat;}

#databox_right .bookcnt p.voiceall a{
	display:block;
	background:url(img/d_title_voiceall_off.gif) 0 0 no-repeat;
	width:178px;
	height:14px;
	float:right;
	text-indent:-9999px;}

#databox_right .bookcnt p.voiceall a:hover{
	background:url(img/d_title_voiceall_on.gif) 0 0 no-repeat;}

#databox_right .bookcnt p{
	margin-bottom:20px;}
	

/*------------------------------
 // 4: databox_right switch_tab
------------------------------ */

#databox_right .tab {
	padding-top: 20px;
	font-size:86%;
}

#databox_right .tabTittle li {
	float:left;
}

#databox_right ul.tabTittle {
	border-bottom:1px dotted #CCC;
	margin-bottom:10px;
}


#databox_right .tabTittle li a{
	height:33px;
	margin-left: 10px;
}

#databox_right .tab h4.bunko,
#databox_right .tab h4.comment{
	width:96px;
	height:17px;
	text-indent:-9999px;}

#databox_right .tab h4.bunko{background:url(img/d_title_bunko.gif) 0 0 no-repeat; }
#databox_right .tab h4.comment{background:url(img/d_title_comment.gif) 0 0 no-repeat; }

/* この本の内容
--------------------*/

#databox_right .tt01 a{
	outline:none;
	background:url(img/m_t_bookcontent_on.jpg) no-repeat top left;
	display:block;
	width: 121px;
	text-indent: -9999px;
}

#databox_right .tt01 a:hover {
	background:url(img/m_t_bookcontent_off.jpg) no-repeat top left;
}

#databox_right .tt01 a.selected{background:url(img/m_t_bookcontent_off.jpg) no-repeat top left;}

ul li#bookcnt p{margin-bottom:25px;}


/* 目次・収録作品
--------------------*/

#databox_right .tt02 a{
	outline:none;
	background:url(img/m_t_mokuji_on.jpg) no-repeat top left;
	display:block;
	width: 129px;
	text-indent: -9999px;
}

#databox_right .tt02 a:hover {
	background:url(img/m_t_mokuji_off.jpg) no-repeat top left;
}

#databox_right .tt02 a.selected{
	background:url(img/m_t_mokuji_off.jpg) no-repeat top left;
}

ul li#mokuji h5{
	font-weight:normal;
	font-size:100%;}
ul li#mokuji p{margin-bottom:10px;}


/*------------------------------
 // 5: 感想投稿フォーム
------------------------------ */

#reportbox{
	background-color:#eeeeee;
	font-size:86%;
	line-height:1.2;}

#reportbox #step01{
	padding:20px;}

#reportbox #step02{
	clear:both;
	padding:10px 0 ;
	border-top:1px dotted #FFF;}


#reportbox fieldset {
	border:none;
	margin:0;
	padding:0;
}

#reportbox input,
#reportbox textarea{
	border-top:1px solid #aaadb2;
	border-left:1px solid #dcdfe6;
	border-right:1px solid #dcdfe6;
	border-bottom:1px solid #e2e9ef;
	margin-bottom:10px;
	}

#reportbox .left{
	width:210px;
	float:left;}

#reportbox .right{
	float:right;}
	
#reportbox .open{
	margin-left:20px;
	float:left;}


#reportbox input.txt01{width:200px;}
#reportbox input.txt02{width:60px;}
#reportbox textarea.txt03{width:270px;
height:150px;
font-size:100%;}

#reportbox input.send{
	border:none;
	margin-left:140px;
	}

#reportbox .linenone{
	border:none;}

	

/*------------------------------
 // 6: databox_left
------------------------------ */

#databox_left{width:220px;
font-size:86%;
float:left;}

#databox_left p.bookcover{
	border:1px solid #CCC;}

#databox_left #bookinfo{
	border-right:1px dotted #CCC;
	padding-right:17px;
	margin:16px 0 40px 0;}
	

/* litebox サブイメージ画像
--------------------*/
#litebox img{
	border:1px solid #CCC;
	margin-right:-4px;}
	


/* 立ち読み
--------------------*/

#bookinfo p{
	margin-top:10px;}

#bookinfo p.read a{
	display:block;
	width:200px;
	height:34px;
	background:url(img/btn_tatiyomi01_off.jpg) 0 0 no-repeat;
	text-indent:-9999px;
	margin:10px 0;}
#bookinfo p.read a:hover{
	background:url(img/btn_tatiyomi01_on.jpg) 0 0 no-repeat;}
	
#bookinfo p.read_bunko a{
	display:block;
	width:200px;
	height:24px;
	background:url(img/btn_tatiyomi02_off.jpg) 0 0 no-repeat;
	text-indent:-9999px;}
#bookinfo p.read_bunko a:hover{
	background:url(img/btn_tatiyomi02_on.jpg) 0 0 no-repeat;}
	
	
#bookinfo h3.relpage,
#bookinfo h3.pub,
#bookinfo h3.review{
	width:135px;
	height:15px;
	text-indent:-9999px;
	margin-top:15px;}

#bookinfo h3.relpage{background:url(img/d_title_relpage.gif) 0 0 no-repeat;
margin-bottom:5px;}
#bookinfo h3.pub{background:url(img/d_title_publication.gif) 0 0 no-repeat;}
#bookinfo h3.review{background:url(img/d_title_comment.gif) 0 0 no-repeat;}


/* 関連本
--------------------*/

#relatedbook{
	background-color:#eeeeee;
	padding:15px 10px;
	overflow:auto;
	position:relative;}

#relatedbook h3.relbook{
	width:91px;
	height:18px;
	text-indent:-9999px;
}

#relatedbook p.listall{
	position:absolute;
	top:15px;
	left:165px;
}

/*#relatedbook h3.relbook,
#relatedbook p.relbookall a{
	width:40px;
	height:18px;
	display:block;
	text-indent:-9999px;
}*/

#relatedbook h3.relbook{
	background:url(img/d_title_relbook.gif) 0 0 no-repeat;
	float:left;}

/*#relatedbook p.relbookall a {
	background:url(img/d_title_relbookall_off.gif) 0 0 no-repeat;
	float:right;}

#relatedbook p.relbookall a:hover {
	background:url(img/d_title_relbookall_on.gif) 0 0 no-repeat;}*/

#relatedbook .rellist{
	padding-top:10px;
	overflow:auto;}
	
#relatedbook .rellist h4{
	margin-bottom:3px;}

#relatedbook .rellist img{
	border:1px solid #dddddd;
	margin-right:10px;
	float:left;}

#relatedbook .rellist .reldata{
	margin-left:110px;}


/*------------------------------
 // shinkan.html
    1: shinkan
------------------------------ */

#shinkan{}