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

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

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

#left3{
float:left;
width:160px;
margin-left:-770px;
}



/*---------------------
　waku590系　
---------------------*/

#waku_top{
		width:590px;
		height:25px;
		background:url(../img/waku/waku_top2.gif) no-repeat;
		margin:0px;

}



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


#waku_btm{
		width:590px;
		height:20px;
		background:url(../img/waku/waku_btm2.gif) no-repeat;
		margin:0 0 10px 0;

}

.waku_waku{ 
	width:auto;
	height:40px;
	margin:0px 30px 20px 25px;
	padding:3px;
	color:#fff;
	text-align:center;
	background:url(../img/h2/bgl.png) no-repeat;
}
#waku_mid h2{border:none;}
#waku_mid h3{
		margin:0px 20px 10px 25px;
		font-size:16px;
		font-weight:normal;
		}

#waku_mid h3 img{
		margin:0px 20px 15px 0px;
		}

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

#waku_mid p{
		margin:0px 30px 0px 25px;
		padding-bottom:7px;
		}

.hr_neo{
	margin-left:25px;
	margin-right:25px;
}

/*---------------------
　本紹介　
---------------------*/

#waku_mid .bok_box{
	margin:5px 8px 10px 5px;/*topの5pxは右のpとのバランス*/
	float:left;
	width:175px;
/*width:auto;にするとIE6 7で回り込みしない*/
	
}

#waku_mid .bok_box img{margin:0px auto;}/*w=196 w=140 が入る*/

#waku_mid .bok_box p{
width:175px;
	text-align:center;
	line-height:18px;
	font-size:12px;
	margin:5px auto;/*上記の#waku_mid_p を上書き*/
}


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

#waku_mid p.img_cap{
	font-size:12px;
	width:550px;
	margin:0px 20px 10px 25px;
	color:#666;
	line-height:16px;
}



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

/*width:auto;にするとIE6 7で回り込みしない*/
	
}

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

}


#waku_mid .img_box_l img,#waku_mid .img_box_r img{
	margin:0px auto;
	/*border:solid 1px #999;*/
}

#waku_mid .img_box_l p,#waku_mid .img_box_r p{
	width:auto;
	text-align:center;
	line-height:18px;
	font-size:12px;
	margin:2px auto;/*上記の#waku_mid_p を上書き*/
}



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

.bookshop{width:590px;height:30px;text-align:right;clear:left;}
.bookshop div{float:right;margin-left:10px;}
.bookshop a{
	display:block;
	width:110px;
	height:30px;
	}

.bookshop_j a{
	display:block;
	width:140px;
	height:30px;
	}

.bookshop a:hover,.bookshop_j a:hover{text-decoration:none;}

.btn_amazon a		{background-image:url(../books/img/btn/amazon.gif);}
.btn_amazon a:hover	{background-image:url(../books/img/btn/amazon_on.gif);}

.btn_kino a			{background-image:url(../books/img/btn/kino.gif);}
.btn_kino a:hover	{background-image:url(../books/img/btn/kino_on.gif);}
.btn_kino img		{display:inline !important;}			

.btn_boople a		{background-image:url(../books/img/btn/boople.gif);}
.btn_boople a:hover	{background-image:url(../books/img/btn/boople_on.gif);}

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

.bok_shops{
	width:auto;
	height:auto;
	position: relative;
	overflow: hidden;
}
.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:30px;
}


.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:268px;
height:80px;
border-right:dashed 1px #ccc;
border-bottom:dashed 1px #ccc;
float:left;

}
.cel_r{
width:268px;
height:80px;
border-bottom:dashed 1px #ccc;
float:right;
}

.cel_end{
border-bottom:none;
}
.bok_icon{display:block;margin:5px !important;float:left;}
.bok_cel h3{font-weight:normal;margin:5px 0px 3px 65px !important;}
.bok_cel p{font-size:12px !important;color:#666666;margin:0px 5px 5px 65px !important;}

/*---------------------
　トリプル写真
---------------------*/
#waku_mid .pict_tri,
#waku_mid .pict_4
{width:535px;margin:10px auto;height:auto;}

#waku_mid .pict_tri img,#waku_mid .pict_tri p
{width:169px;float:left;margin:0 14px 3px 0;font-size:12px;line-height:14px;}

#waku_mid .pict_4 img,#waku_mid .pict_4 p
{width:120px;float:left;margin:0 14px 3px 0;font-size:12px;line-height:16px;}

#waku_mid .pict_tri img.end,#waku_mid .pict_tri p.end,
#waku_mid .pict_4 img.end,#waku_mid .pict_4 p.end
{margin-right:0px!important;}

/*---------------------
　neo_table微調整
---------------------*/
.neo_table{margin:10px 30px 10px 25px;}