@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 //


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

/*------------------------------
 // 読者の声  h1 タイトル（全て）
------------------------------ */

.voicelistTitle {background: url(img/t_voiceList.jpg) left top no-repeat;}
.voiceTitle {background: url(img/t_voice.jpg) left top no-repeat;}
.voice_confirmTitle {background: url(img/t_voice_confirm.jpg) left top no-repeat;}
.voice_completeTitle {background: url(img/t_voice_complete.jpg) left top no-repeat;}

.rankingTitle {background: url(img/t_ranking.jpg) left top no-repeat;}

.pickupTitle {background: url(img/t_pickup.jpg) left top no-repeat;}

.voicehowtoTitle {background: url(img/t_voicehowto.jpg) left top no-repeat;}


/*-------------------------------------
 // 2: voiceList.html 読者の声 最新一覧
------------------------------------ */

#voiceList {position:relative;}

#voiceList p.toukou{
	position:absolute;
	top:0px;
	left:677px;}

#voiceList p.intro{
	padding-left:10px;}

#voiceList dl{
	border-top:1px dotted #999;
	padding:15px 0 0 0;
	margin:15px 0 0 20px;
	overflow:auto;}

#voiceList dl.last{
	border-bottom:1px dotted #999;
	padding-bottom:15px;}

#voiceList dl dt img,#voice dl dt img{
	float:left;
	border:1px solid #cccccc;}


#voiceList dl dd,#voice dl dd{
	margin-left:120px;
	width:600px;}

#voiceList dl dd h2{
	display:block;
	float:left;}

#voiceList dl dd h3{
	float:left;
	padding:3px 0 0 10px;}

#voiceList dl dd p{margin-top:10px;}

#voiceList dl dd p.continue{
	text-align:right;
	margin-top:7px;
	}


#voiceList dl dd span.date{
	font-weight:bold;
	color:#669900;}
	
/*------------------------------
 // 3: voice.html 読者の声 
------------------------------ */

#topicPath.voice{margin-left:20px;}
	
.promo{
	font-weight:bold;
	color:#C60;
	margin-bottom:10px;}

#voice dl{
	border-top:1px dotted #999;
	padding:15px 0 0 0;
	margin:10px 0 0 20px;
	overflow:auto;}
	
#voice dl dd h2{margin-bottom:10px;
	}

#voice dl dd h3{font-weight:normal;
}

#voice h2.readerVoice{
	background: url(img/readerVoice.gif) left top no-repeat;
	width:772px;
	height:54px;
	text-indent:-9999px;
	margin:10px 0 0 15px;}

#voice p span.date{
	font-weight:bold;
	color:#C60;}

#voice .cnt{
	width:700px;
	border-bottom:1px dotted #999;
	padding:10px 0 10px 0;
	margin:15px 0 0 20px;}
	
#voice p.name{
	text-align:right;
	margin-top:0px;
	}

#voice .howto{
	width:700px;
	margin:0 0 0 50px;}

#voice .howto p img{
	margin:15px 0;}

/*---------------------------------------------
 // 4: voice_confirm.html 読者の声 投稿内容確認
-------------------------------------------- */

#voice p.intro{padding-left:20px;}
	
#voice fieldset{
	border:none;
	font-size:86%;
	margin:0px;
	padding:0px;}

#voice fieldset dl{
	border:none;
	background-color:#ecf7fe;
	margin:15px 0 0 20px;
	padding:10px 20px 0px 15px;
	width:680px;
	}

#voice fieldset dl dt{
	float:left;
	font-weight:bold;
	margin-bottom:10px;
	}

#voice fieldset dl dd{
	margin-left:210px;
	width:440px;
	margin-bottom:10px;
	}

#voice #privacy{margin:15px 0 0 20px;}

#voice #privacy p{
	width:670px;
	margin-bottom:0px;}
#voice #send{
	text-align:center;
	margin:15px auto;}

#voice #send p{
	font-weight:bold;
	padding:10px 0;
	color:#666;}

#voice #send ul li{display:inline;}

#voice #send ul li.mgR{margin-right:15px;}
	
	
/*--------------------------------
 // 5: ranking.html 売行良好本一覧
--------------------------------- */

#ranking h2{
	font-size:100%;
	color:#3caf62;
	margin:0 0 5px 30px;}

table.rank{
	border-collapse:collapse;
	color:#333;
	margin:0 0 50px 30px;
	}

table.rank th.place{
	color:#ea6390;
	vertical-align:top;
	font-size:100%;
	font-weight:bold;
	}
	
table.rank th.title{
	text-align:left;
	padding-left:10px;
	font-size:86%;
	line-height:1.4;
	}

table.rank th,
table.rank td{
	border-bottom:1px solid #d8d8d8;
	padding:5px 0;
	font-weight:normal;}

table.rank td{font-size:86%;}

table th.no1,
table td.no1
{border-top:1px solid #CCC;}

table.rank tr.col{background-color:#f5f5f5;}

table.rank tr.col_no1{background-color:#fefcef;}
	

/*-------------------------------
 // 6: pickup.html ピックアップ
-------------------------------- */

#pickup p.intro{margin-bottom:15px;}

.tokushuTitle{
	width:780px;
	background-color:#f6f6ee;
	overflow:auto;
	}
.tokushuTitle:before,.tokushuTitle:after{display:block;width:780px;height:3px; }
.tokushuTitle:before{content:url(img/pickup_line01.gif);}
.tokushuTitle:after {content:url(img/pickup_line02.gif) ;}

.tokushuTitle .date{
	float:left;
	background:url(img/arrow_orange.gif) 0 4px no-repeat;
	padding-left:10px;
	font-size:86%;
	margin:8px 20px 4px 7px;
	font-weight:bold;}

.tokushuTitle h2{
	font-size:100%;
	margin:6px 0 4px 7px;
	color:#f16d45;}

.tokushuTitle h2 a{color:#f16d45;}
	
.tokushuCnt dl{
	margin:15px 20px 30px;
	overflow:auto;}

.tokushuCnt dl dt{
	float:left;
	text-align:center;
	width:265px;
	}
.tokushuCnt dl dt img{border:1px solid #ccc;}

.tokushuCnt dl dd{
font-size:86%;
margin-left:280px;
	}

p.onlytxt{margin:10px ;}


/*-----------------------------------------
 // 7: pickup_detail.html ピックアップ詳細
---------------------------------------- */

#pickup_detail p.date{
	text-align:right;
	font-size:86%;
	margin:5px 15px 0 0;}

#pickup_detail p.catch{
	font-weight:bold;
	color:#6666cc;}

#pickup_detail .tokushuCnt dl{
	margin:15px 0px 30px;
	padding-bottom:30px;
	overflow:auto;
	border-bottom:1px solid #CCCCCC;}

#pickup_detail p.onlytxt{
	margin:10px 10px 30px 10px ;
	padding-bottom:30px;
	border-bottom:1px solid #CCCCCC;}