@charaset "UTF-8";
/*---------------------
　骨格2 640系
---------------------*/
#main2{
width:640px;
margin-left:10px;
float:left;/*これを入れないとfooterが重なる*/
}
*html #main2{display:inline;}/*IE6バグ用*/

#right2{
float:left;
width:170px;
margin-left:10px;
}

/*---------------------
　骨格3 640系(=メニュー左)
---------------------*/

#main3{
width:640px;
margin-left:190px;
float:left;/*これを入れないとfooterが重なる*/
}
*html #main3{display:inline;}/*IE6バグ用*/

#left2,#left3{
float:left;
width:170px;
margin-left:-820px;
}

#main3 #waku_top,#main3 #waku_mid,#main3 #waku_btm{
width:640px;}

/*---------------------
　waku640系　
---------------------*/

#main2 #waku_top,
#main3 #waku_top{
		width:640px;
		height:25px;
		background:url(../img/waku/waku_top2.png) no-repeat;
		margin:0px;
}


/*waku_mid設定*/
#main2 #waku_mid,
#main3 #waku_mid,
#waku_mid
{
		width:640px;
		height:auto;
		margin:0px;
}

#main2 #waku_mid,
#main3 #waku_mid{
		background:url(../img/waku/waku_mid2.png) repeat-y;
}
#main_boks #waku_mid{
		background:url(../img/waku/waku_mid3.png) repeat-y;
}


#main2 #waku_btm,
#main3 #waku_btm,
#waku_btm{
width:640px;
height:20px;
margin-top: 0;
margin-right: 0;
margin-bottom: 10px;
margin-left: 0;
}

#main2 #waku_btm,
#main3 #waku_btm{
background:url(../img/waku/waku_btm2.png) no-repeat;
}
#waku_btm{
background:url(../img/waku/waku_btm3.png) no-repeat;
}
/*---------------------
　H2部　
---------------------*/

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

#main2 #waku_mid h2 ,
#main3 #waku_mid h2{
	position:relative;
}

#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-weight:normal;
		background:url(../img/h2/deco01w.png) no-repeat 1px 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*/


/*---------------------
　H3部　
---------------------*/

#waku_mid section h3{
		margin:0px 20px 10px 25px;
		font-size:18px;
		font-size:1.8rem;
		font-weight:normal;
		color:firebrick;
		background:url(../img/list/shiori.png) no-repeat left -50%;
		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);
		
*/
}


/*---------------------
　bok系　
---------------------*/
#main2 #waku_mid .bok_cel h3{
	background-image:none;
}

/*★hedding変更に伴い追加　上記のh1はのちに削除*/
#main2#waku_mid section h3.bok_ttl{
	margin:0px 20px 10px 25px;
	background-image:none;
	padding-left:0px;
}

/*---------------------
　H4系　
---------------------*/

#main2 #waku_mid h4 a{
		margin:0px 20px 10px 30px;
		font-size:16px;
		font-weight:normal;
		}		


/*---------------------
　p系　
---------------------*/
p{
	margin:0px 30px 0px 30px;
	padding-bottom:10px;
	line-height:200%;
}


#main_boks #waku_mid p:first-child{
		padding-top:15px!important;
		}

/*---------------------
　番号付lst
---------------------*/

	ol.lst{margin-left:25px;}
	ol.lst 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.lst li a{color:olivedrab;}
	ol.lst li a:hover{color:crimson;}

/*---------------------
　注釈のインデント
---------------------*/
#waku_mid .tyu{
text-indent:-0.7em;
padding-left:1em;
font-size:12px!important;
color:#666!important;
padding-bottom:5px;
}
p.tyu a{color:#999;text-decoration:none;}

}
/*---------------------
　waku_nai_list（w590=main2）系　
---------------------*/
#waku_mid li{
	list-style-type: none;
	}	

#waku_mid li a{
	color:forestgreen;
	padding-left:14px;
	font-size:14px;
	margin:0px 0px 0px 25px;
	display:block;
	text-decoration:none;
	background-image:url(../img/box_list_grn.gif);
	background-repeat:no-repeat;
	background-position: 0px 4px;
	height:20px;
	line-height:20px;
	}

#waku_mid li a:hover{
	color:#ff0000;
	background-image:url(../img/box_list_red.gif);		
	}

.sdy_mnu {margin-bottom:10px;}
.sdy_mnu li{width:auto;float:left;margin-bottom:10px;}



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

img.cent{
margin-top: 0px;
margin-right: auto;
margin-bottom: 5px;
margin-left: auto;
}

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

/*---------------------
　イメージボックス
　(w640では、左右のマージが違うためにここに作成)
---------------------*/

#waku_mid .img_box_r{
	margin:5px 35px 10px 10px;/*topの5pxは右のpとのバランス*/
	float:right;
	width:auto;
}

#main_boks #waku_mid .img_box_l{
	margin:0px 20px 10px 20px;/*topの5pxは右のpとのバランス*/
	float:left;
	width:auto;
}

#waku_mid .img_box_r p{
	font-size:12px;
	color:#666;
	margin:3px 0 0 0;
}

/*---------------------
　水平線(コンテンツページ用)
---------------------*/
hr{
border-style:dashed;
border-width:1px;
margin:5px 30px 15px 25px;
border-color: #fff #fff #666 #fff;
background-color:#fff;
}
/*---------------------
　書籍購入ボタンNEO
---------------------*/

.bok_shops{
	width:auto;
	height:auto;
	position: relative;
	overflow: hidden;
	//border:solid 1px #999;
	//background-color:#efefef;
}
.bok_shops .wp{
	height:auto;
	float: left;
	position: relative;
	left: 55%;
	width:auto;
}
.bok_shops .wp div{
	width:100px;height:30px;
	margin-right:7px;
	position: relative;
	left: -50%;
	float: left;
}
.wp div a{
	display:block;
	width:100px;height:30px;
}
.wp div a:hover{text-decoration:none;}
.bok_shops .wp div:last-child{
	margin-right:0px;
}


.btn_amazon a		{background:url(../books/img/btn/amazon/m/off.png) no-repeat;}
.btn_amazon a:hover	{background:url(../books/img/btn/amazon/m/on.png) no-repeat;}

.btn_kino a			{background:url(../books/img/btn/kino/m/off.png) no-repeat;}
.btn_kino a:hover	{background:url(../books/img/btn/kino/m/on.png) no-repeat;}
.btn_kino img		{display:inline !important;}			

.btn_e-hon a		{background:url(../books/img/btn/e-hon/m/off.png) no-repeat;}
.btn_e-hon a:hover	{background:url(../books/img/btn/e-hon/m/on.png) no-repeat;}

.btn_j-pub a		{background:url(../books/img/btn/j-pub/m/off.png) no-repeat;}
.btn_j-pub a:hover	{background:url(../books/img/btn/j-pub/m/on.png) no-repeat;}

.btn_maruzen a		{background:url(../books/img/btn/maruzen/m/off.png) no-repeat;}
.btn_maruzen a:hover	{background:url(../books/img/btn/maruzen/m/on.png) no-repeat;}

.btn_honto a		{background:url(../books/img/btn/honto/m/off.png) no-repeat;}
.btn_honto a:hover	{background:url(../books/img/btn/honto/m/on.png) no-repeat;}
.btn_honto_ng a		{background:url(../books/img/btn/honto/m/ng.png) no-repeat;}


/*---------------------
　ブックセル
---------------------*/
.bok_cel{
	width:auto;
	height:auto;
	border:solid 1px #ccc;
	margin:10px 25px;
}

/*ie6用*/ 
*html .bok_cel{
	height:410px;
}

/*ie6 ie7用*/ 
.bok_cel{
	/height:410px;}
	
.cel_l{
	
width:293px;
height:80px;
border-right:dashed 1px #ccc;
border-bottom:dashed 1px #ccc;
float:left;

}

.cel_r{
width:293px;
height:80px;
border-bottom:dashed 1px #ccc;
float:right;
}
.cel_l:nth-last-child(2) {border-bottom:none;}
.cel_r:last-child{border-bottom:none;}

.bok_icon{display:block;margin:5px !important;float:left;}
#main2 #waku_mid section .bok_cel h3{
	font-weight:normal;
	color:forestgreen!important;
	margin:5px 0px 0px 65px !important;
	padding-left:0px;
	line-height:20px;
}
#waku_mid .bok_cel p{
	font-size:12px !important;
	color:#666;
	margin:0px 5px 0px 65px !important;
	line-height:18px;
}
/*↓上記のbok_iconとは違うので注意！*/
.bok_icn{
	float:left;
	margin-left:20px;
	margin-right:7px;
}

.cel_l a,.cel_r a{display:block;}
.cel_l a:hover,.cel_r a:hover{text-decoration:none;}


/*---------------------
　記事下のおすすめ書籍
---------------------*/

div#bok_recom{
	width:535px;
	height:120px;
	margin:0px auto;
}

#bok_recom div{
	float:left;
	height:115px;
}


#bok_recom .bok{
	width:82px;
	margin:0px;
}
#bok_recom .bok img{
	border:solid 1px #999;
}
#bok_recom .cap{
	width:175px;
	margin-left:8px;
	font-size:12px;
	line-height:16px;
	color:#666;
}
#bok_recom .cap a{
	font-size:14px;
	display:block;
	line-height:20px;
	}


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

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

.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;
color:#333;
}
.neo_table caption{
	text-align:left;
	font-size:14px;
	color:#666;
}

.sep{border-collapse:separate;}
/*↑立体感を出したい場合*/
/*---------------------
　パネル
---------------------*/
.pnl_ttl{text-align:right;color:#ddd;font-size:12px;margin:0px 30px 0px 25px;}
/*---------------------
　kiji_nai_koe
---------------------*/
div#waku_mid div.koe{
	width:415px;
	height:auto;
	margin-left:195px;
	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 span{color:indianred;}

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;
}


