@charaset "UTF-8";


/*---------------------
　waku系　
---------------------*/

#waku_top{
		width:460px;
		height:20px;
		background:url(../img/waku/waku_top.png) no-repeat;
		margin:0px;
		font-size:1px;/*IE6バグ用（＝下に空白ができる） 本体には を挿入している。*/
}

#waku_mid{
		width:460px;
		height:auto;
		background:url(../img/waku/waku_mid.png) repeat-y;
		margin:0px;
}	

#waku_btm{
		width:460px;
		height:20px;
		background:url(../img/waku/waku_btm.png) no-repeat;
		margin:0 0 10px 0;
}

.waku_waku{ 
	width:auto;
	height:40px;
	margin:0px 25px 20px 20px;
	padding:3px;
	color:#fff;
	text-align:center;
}

#waku_mid .waku_waku h2{
		width:auto;
		height:37px;
		line-height:42px;
		color:#FFF;
		text-align:center;
		border:solid 1px #fff;
		font-size:20px;
	font-size:2.0rem;
		font-weight:normal;
		background:url(../img/h2/deco01.png) no-repeat 3px 1px;
}

#waku_mid h2 a{
	color:#fff;
}

/* IE6-7用上書き指定 */
*html #waku_mid h2 {
		line-height:45px;
}
*:first-child+html #waku_mid h2{padding-top:2px;} /*IE7*/


 

#waku_mid section h3{
		margin:0px 20px 10px 20px;
		font-size:18px;
		font-size:1.8rem;
		font-weight:normal;
		color:firebrick;
		background:url(../img/list/shiori.png) no-repeat left 0%;
		padding-left:38px;
/*	↓結構綺麗です。どこかで使えるかも
	background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#fbe7e9))!important;
	linear-gradient
	background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#fbe7e9))!important;
	background:-webkit-linear-gradient(top, #fff, #fbe7e9)!important;
	background:   -moz-linear-gradient(top, #fff, #fbe7e9);
	background:     -o-linear-gradient(top, #fff, #fbe7e9);
	background:        linear-gradient(top, #fff, #fbe7e9);
		
*/
}		


p{
margin:0px 25px 0px 20px;
padding-bottom:10px;
line-height:200%;
	}
#waku_mid span.mk{color:orangered;background-color:#ffc;}

#waku_mid section:last-child p:last-child{
	margin-bottom:0px;
}
#waku_mid blockquote{
margin: 0px 25px 0px 20px;}
blockquote.tyu{font-size:12px;font-size:1.2rem;	text-indent:-1rem;
	padding-left:1rem;
	color:#999!important;
	padding-bottom:5px;
}

#waku_mid section h4{
	margin-left:20px;
	font-weight:normal;
	color:royalblue;
	width:415px;
	overflow:hidden;
	font-size:16px;
	font-size:1.6rem;
	height:20px;
	margin-bottom:10px;
}
/*---------------------
　水平線(コンテンツページ用)
---------------------*/
hr{
border-style:dashed;
border-width:1px;
margin:5px 25px 15px 20px;
border-color: #fff #fff #666 #fff;
background-color:#fff;
}

/*---------------------
　list lnk
---------------------*/

ul.lnk{
	margin-left:20px;
}
ul.lnk li{
	list-style-type: none;
	padding-bottom:5px;
}
ul.lnk li a{
	color:forestgreen;
	padding-left:14px;
	font-size:14px;
	font-size:1.4rem;
	margin:0px;
	display:block;
	text-decoration:none;
	background-image:url(../img/list/grn.png);
	background-repeat:no-repeat;
	background-position:left center;
}
ul.lnk li a:hover{
	color:#ff0000;
	background-image:url(../img/list/red.png);
}

/*---------------------
　番号付lst
---------------------*/
	ol {margin-left:20px;}
	ol li{
		font-size:14px;
		font-size:1.4rem;
		margin-left:35px;
		margin-bottom:10px;
		margin-right:25px;
		color:#333;
		line-height:1.8em;
		color:olivedrab;
}
	ol li a{color:olivedrab;}
	ol li a:hover{color:crimson;}
/*---------------------
　waku_nai_list系 &bull系　
---------------------*/
#waku_mid ul.list{
	margin-left:40px;
	margin-right:25px;
	color:#333;
	}
#waku_mid ul.list li{
list-style-position:outside;
list-style-type:disc;
margin-bottom:10px;
font-size:14px;
	font-size:1.4rem;

}
#waku_mid ul.list li a{margin-left:0px;padding-left:0px;background-image:none;}




/*---------------------
　kiji_nai_koe
---------------------*/
div#waku_mid div.koe{
	width:415px;
	height:auto;
	margin-left:20px;
	padding-bottom:15px;
}
div#waku_mid div.koe div.top{
	background:url(../img/koe/top3.png) no-repeat;
	height:10px;
}
div#waku_mid div.koe div.mid{
	background:url(../img/koe/mid3.png) repeat-y;
}
div#waku_mid div.koe div.btm{
	background:url(../img/koe/btm3.png) no-repeat;
	height:10px;
}
div#waku_mid div.koe p{margin-left:10px;margin-right:10px;color:maroon;}
div#waku_mid div.koe p.whois{
	padding-bottom:0px;
	width:390px;
	text-align:right;
	color:#666;
	font-size:12px;
	font-size:1.2rem;
	line-height:1.4rem;
}

div#waku_mid div.koe div.mid hr{
	margin:0px 7px 5px 7px;
	border-color: #f7f7e8 #f7f7e8 #babab0 #f7f7e8;
	background-color:#f7f7e8;
}

div#waku_mid div.koe .mid p span.px12 {color: indianred;}


/*---------------------
　注釈のインデント
---------------------*/
/* */
#waku_mid p.tyu{
text-indent:-1.0rem;
padding-left:1.0rem;
	font-size:1.2rem;
font-size:1.2rem;

color:#999!important;
padding-bottom:5px;
}
p.tyu a{color:#999;text-decoration:none;}

/*---------------------
　img_cent系　
---------------------*/
#waku_mid img{
	display:block;
}

#waku_mid img.cent{
margin-top: 0px;
margin-right: 25px;
margin-bottom: 5px;
margin-left: 20px;
}

#waku_mid p.img_cap{
	font-size:12px;	font-size:1.2rem;
	margin:0px 25px 10px 20px;
	text-align:right;
	color:#666;
	line-height:16px;
}


/*---------------------
　イメージボックス
---------------------*/

#waku_mid .img_box_l{
	margin:5px 10px 3px 20px;/*topの5pxは右のpとのバランス*/
	float:left;
	width:auto;
/*width:auto;にするとIE6 7で回り込みしない
各ページで上書き指定する*/
}

#waku_mid .img_box_r{
	margin:5px 20px 3px 10px;/*topの5pxは右のpとのバランス*/
	float:right;
	width:auto;/*画像サイズにあわせて書きかえ*/
/*width:auto;にするとIE6 7で回り込みしない。
各ページで上書き指定する*/
}

#waku_mid .img_box_l img,#waku_mid .img_box_r img{
	margin:0px 0px 3px 0px;
	border:solid 1px #ccc;
}

div#waku_mid .img_box_l p,#waku_mid .img_box_r p{
	width:100%;;
	line-height:16px;
	font-size:12px;	font-size:1.2rem;
	margin:0px!important;/*#waku_mid_p を上書き*/
	color:#666;
	padding-top:0px;
	text-align:center;
}

/*---------------------
　dl.tango
---------------------*/
dl.tango{
	margin-left:20px;
	font-size:14px;
	font-size:1.4rem;
	margin-right:25px;
	line-height:1.8em;
}
dl.tango dt{
	font-size:16px;	font-size:1.6rem;
	color:royalblue;
}
dl.tango dd{
	color:#666;
	padding-bottom:10px;
}


/*---------------------
　Neo_table
---------------------*/
.neo_table{
color:#666;
border:solid 1px #999;
border-collapse:collapse;
border-spacing:1px;
/*↑IE未対応*/
/*background-color:#efefef;*/
margin-left:20px;
margin-right:25px;
}

.neo_table thead th{text-align:center;}
.neo_table th{
padding:3px;
border-right:solid 1px #999;
border-bottom:solid 1px #999;
background-color:#efefef;
font-weight:normal;
font-size:14px;	font-size:1.4rem;
text-align:left;
background-color:beige;
text-align:center;
}


.neo_table td{padding:3px;
border-top:solid 1px #ccc;
border-right:solid 1px #999;
border-bottom:solid 1px #999;
border-left:solid 1px #ccc;
background-color:#FFF;
font-size:14px;	font-size:1.4rem;
}

.sep{border-collapse:separate;}
/*↑立体感を出したい場合*/

/* /文中の表ここまで*/
							
/*---------------------
　table th
---------------------*/	
th.th_cent{text-align:center;}

/*---------------------
　centerタグ→ADSで使用
---------------------*/	
center{margin:10px auto;}



/*---------------------
　side_term
---------------------*/
div.side_term{
	width:170px;
	height:auto;
}
div.side_term div.top{
	background:url(../img/side_term/top.png) no-repeat;
	height:10px;
}

div.side_term dt{line-height:1.0;}
div.side_term dt span{font-size:12px;	font-size:1.2rem;line-height:0.9em!important;color:#666;}


div.side_term div.mid{
	background:url(../img/side_term/mid.png) repeat-y;
}
div.side_term div.mid dl img{margin:5px 10px 0px 10px;}
div.side_term div.mid dt{margin:0 10px;font-size:15px;font-size:1.6rem;}
div.side_term div.mid dt div{font-size:10px;font-size:1.0rem;color:#999;line-height:12px;}
div.side_term div.mid dd{
	color:#666;
	margin:5px 10px 0px 10px;
	font-size:12px;	font-size:1.2rem;
	line-height:23px;
}

div.side_term div.mid dd div.tyu{
	margin-left:-8px;
	font-size:11px;
	line-height:16px;
	color:#999;
	text-indent:-1.0em;
	padding-left:1.0em;
}


div.side_term hr{
border-style:dashed;
border-width:1px;
margin:10px 0px;
border-color: #fff #fff #999 #fff;
background-color:#fff;
}


 div.btm{
	background:url(../img/side_term/btm.png) no-repeat;
	height:10px;
}
div.side_term .tyu ul li{
	padding-left:10px;
	list-style:none;
font-size:12px;font-size:1.2rem;
}
/*---------------------
　引用系
---------------------*/
q::before{content:none;}
q::after{content:none;}



/*---------------------
　サイドブック
---------------------*/
.side_book{
width:165px;
border: 1px solid #ccc;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin-bottom:15px;
}

.side_book h3 {
margin:10px auto 8px auto;
font-weight:normal;
width:145px;
text-shadow: 1px 1px 0px white;	
}
.side_book h4{
	width:145px;
	font-size:12px;
	font-size:1.2rem;
	margin:0px auto 8px auto;
	color:royalblue;
	line-height:16px;
}

.side_book h3 a span{
	font-size:12px;
	font-size:1.2rem;
}
.side_book img{
	display:block;
	margin:0px auto 10px auto;
}
.side_book p{
	color:#333;
	text-shadow: 1px 1px 0px white;	
	text-align:justify;
	text-justify:inter-word;
	margin:5px 10px 0px 10px;
	margin:0.5rem 1.0rem 0rem 1.0rem;
	padding-bottom:0px;
	line-height:180%;
	font-size:12px;
	font-size:1.2rem;
}

.side_book hr{
	border-style:dashed;
	border-width:1px;
	margin:7px 3px;
	border-color: #fff #fff #666 #fff;
}

a.to_detail{margin:7px auto;font-size:12px;	font-size:1.2rem;}
.p_p{
	font-size:12px;
	font-size:1.2rem;
}
a.to_detail{
	display:block;
	width:96%;
	text-align:right;
	font-size:14px;	font-size:1.4rem;
}


/*---------------------
　書籍購入ボタン
---------------------*/

.bokshop_side{
	width:165px;
	margin:0px auto 10px auto;
}

.bokshop_side li{
	float:left;
	list-style-type:none;
	margin:5px 0px 3px 7px;
}
.bokshop_side li a{
	display:block;
	width:72px;
	height:20px;
	}

.bokshop_side a:hover{text-decoration:none;}
	ul.bokshop_side li.amazon a{background-image:url(../books/img/btn/amazon/s/off.png);}
	ul.bokshop_side li.amazon a:hover{background-image:url(../books/img/btn/amazon/s/on.png);}
	
	ul.bokshop_side li.maruzen a{background-image:url(../books/img/btn/maruzen/s/off.png);}
	ul.bokshop_side li.maruzen a:hover{background-image:url(../books/img/btn/maruzen/s/on.png);}
	
	ul.bokshop_side li.honto a{background-image:url(../books/img/btn/honto/s/off.png);}
	ul.bokshop_side li.honto a:hover{background-image:url(../books/img/btn/honto/s/on.png);}
	
	ul.bokshop_side li.kino a{background-image:url(../books/img/btn/kino/s/off.png);}
	ul.bokshop_side li.kino a:hover{background-image:url(../books/img/btn/kino/s/on.png);}
	
	ul.bokshop_side li.e-hon a{background-image:url(../books/img/btn/e-hon/s/off.png);}
	ul.bokshop_side li.e-hon a:hover{background-image:url(../books/img/btn/e-hon/s/on.png);}


/*---------------------
　パネル
---------------------*/
.pnl_ttl{text-align:right;color:#ddd;font-size:12px;margin:0px 25px 0px 20px;}