@charset "UTF-8";

/*-----------------------------------------
　検索ボックス
-----------------------------------------*/
div#sch_box{
	width:770px;
	background-color:#efefef;
	border:solid 1px #333;
	margin:10px auto;
}
div#sch_box form{margin:10px;}

/*-----------------------------------------
　ふきだし
-----------------------------------------*/

p#hukidashi{
width:590px;
margin-top:10px;
background:#ff9;
padding:8px;
font-size:14px;
line-height:24px;
border-radius: 10px;		/* CSS3草案 */  
-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */  
-moz-border-radius: 10px;	/* Firefox用 */  
}

div#chara{
position:relative;
width:730px;
}
div#chara img{
position:absolute;
right:0px;bottom:-61px;
}

/*-----------------------------------------
　div#main_bok
-----------------------------------------*/

div#main_bok{
	width:750px;
	margin-left:20px;

}


/*-----------------------------------------
　検索結果リスト
-----------------------------------------*/
table#result{
width:100%;
margin-top:10px;
border:solid 1px #ccc;
border-collapse:collapse;
}
table#result th{
text-align:left;
}
table#result tr#res_header th{
text-align:center;
font-size:14px;
font-weight:normal;
}
table#result tr.clickable:hover{
cursor:pointer;
}

.col01{width:500px!important;}
.col02{width:150px!important;}
.col03{width:100px!important;}
table#result th,table#result td{border:solid 1px #ccc;padding:3px;}
table#result tr.clickable:hover{background:#e5f5fb;color:#009;}


a.name_bok:hover{
	/*text-decoration:underline;
	color:darkred;*/
}
table#result .nam_goods{
	font-size:14px;
}

table#result a{/*リンクされた文字*/
    color:#1a0dab;
    font-style:normal;
    text-decoration:none;
}
table#result a:link {/*未訪問のリンク*/
    color:#1a0dab;
    font-style:normal;
    text-decoration:none;
}
table#result a:visited {/*訪問後のリンク*/
    color:#609;
    text-decoration:underline;
}
table#result a:active {/*クリック中*/
    text-decoration:none;
}



table#result td.price{text-align:right;}
table#result div.cat{font-size:12px;color:#006621;}
table#result td.comp{font-size:14px;color:#999;text-align:center;}
table#result td.price{font-size:14px;color:#999;text-align:center;}

/*---------------------
　カテゴリの区切り等
---------------------*/
div#waku_mid h2{margin-bottom:20px;}
div#waku_mid h3{margin-bottom:10px;}

/*---------------------
　書籍情報テーブル(tokutyo)
---------------------*/
div.tokutyo{
width:100%;
text-align:right;
height:20px;
}
div.tokutyo img{
margin-left:3px;
}

/*---------------------
　書籍情報テーブル
---------------------*/
img.kamoku_bar{
	display:block;
	margin-bottom:10px;
}
table.info_tbl{
border:1px;
border:solid 1px #333;
border-collapse:collapse;
width:100%;
position:relative;
}
.col1{width:80px!important;}
.col2{width:490px!important;}
.col3{width:180px!important;}
.info_tbl th,.info_tbl td{
	border:1px;
	border:solid 1px olivedrab;
}
.info_tbl th:not(:target) {
	text-align:left\9; /* IE9 */
}

.info_tbl th{
	font-size:14px;
	color:#fff;
	background:url('../img/bg/th.png') repeat;
	text-align:center;
}




/*---------------------
　書籍情報テーブル(基本情報部分)
---------------------*/

.info_tbl td.base_info{
	vertical-align:top;

	position:relative!important;
}
.info_tbl td.base_info div.base_info_in{
	position:relative;
	height:252px;/*これを間違えると本画像の上下に隙間が生じる*/
	width:100%;
}



.info_tbl h4{
	font-size:24px;
	font-weight:normal;
	color:darkslategray;
	margin:3px 10px 7px 10px;
	text-shadow: -1px -1px 2px #fff, 1px 1px 2px #999;
	line-height:26px;
}
.info_tbl h4 span{
	font-size:16px;
}

* .info_tbl h4{margin-bottom:0px;}/*IE6*/
*:first-child+html .info_tbl h2{margin-bottom:0px;} /*IE7*/
.info_tbl h4 {margin-bottom/*\**/: 0px\9; } /* for IE8 */


td.base_info hr{
	border-style:dashed;
	border-width:1px;
	margin:0px 5px;
	border-color: #fff #fff #666 #fff;
	background-color:#fff;
}
.base_info p.one_com{
	margin:10px;
	color:saddlebrown;
	line-height:20px;
	font-size:14px;
}
.base_info div.bok_info{
	color:#666;
	font-size:14px;
	position:absolute;
	left:10px;
	bottom:10px;
}
.base_info div.lt_box{
	position:absolute;right:3px;bottom:5px;

}
.base_info div.lt_box img{
	display:block!important;
	border:solid 1px #ccc!important;
	float:left;
	margin:0px 3px;
}

.info_tbl td.bok_img img{
	display:block;
}



/*---------------------
　書籍情報テーブル(おすすめポイント)+声
---------------------*/
td.com_pc p{
	font-size:0.9em;
	line-height:1.8em;
	color:#666;
	margin:10px 10px 5px 10px;
}


td.koe p{
	font-size:0.9em;
	line-height:2.0em;
	color:olivedrab!important;
	width:98%;
	margin:10px 10px 5px 10px;
}
td.koe p span{color:#999;text-indent:10px;}
/*---------------------
　.info_tbl_list系　
---------------------*/
.info_tbl li{
	list-style-type: none;
	font-size:14px;
	margin-bottom:5px;
	}	

.info_tbl li a{
	color:#F22700;
	padding-left:18px;
	font-size:14px;
	margin:0px 0px 0px 5px;
	display:block;
	text-decoration:none;
	background-image:url(../img/li/ya_red.png);
	background-repeat:no-repeat;
	background-position: center left;
	height:20px;
	line-height:20px;
	}
.info_tbl li a:hover{
	text-decoration:underline;
	___background-image:url(../img/box_list_red.gif);		
	}

/*---------------------
　書籍購入ボタン
---------------------*/
.bookshop{height:30px;}
.bookshop div{float:left;margin:7px 0px 7px 10px;}
.bookshop div img{margin:0px!important;}
.bookshop a{
	display:block;
	width:100px;
	height:30px;
	font-size:0px;
	color:#fff;
	}
.bookshop a:hover{
	text-decoration:none;
}
.info_tbl td .btn_amazon a{background-image:url(../img/btn/amazon.png);} .info_tbl td .btn_amazon a:hover{background-image:url(../img/btn/amazon_on.png);} .info_tbl td .btn_honto a{background-image:url(../img/btn/honto.png);} .info_tbl td .btn_honto a:hover{background-image:url(../img/btn/honto_on.png);} .info_tbl td .btn_maruzen a{background-image:url(../img/btn/maruzen.png);} .info_tbl td .btn_maruzen a:hover{background-image:url(../img/btn/maruzen_on.png);} .info_tbl td .btn_kino a{background-image:url(../img/btn/kino.png);} .info_tbl td .btn_kino a:hover{background-image:url(../img/btn/kino_on.png);} .info_tbl td .btn_e-hon a{background-image:url(../img/btn/e-hon.png);} .info_tbl td .btn_e-hon a:hover{background-image:url(../img/btn/e-hon_on.png);} 
.bookshop div img{visibilty:hidden!important;margin:0px!important;display:inline!important;float:left!important;}
.btn_amazon img{float:left!important;}/*これがないとIEでレイアウトが乱れる*/
/*---------------------
　このページのトップへ
---------------------*/
p.to_top{width:100%;text-align:right;margin-top:5px;margin-bottom:10px;}


/*---------------------
　その他の書籍
---------------------*/

div.etc_cel{
	width:100%;
	height:145px;
	position:relative;
	margin:10px 0px;
	border:solid 1px #ccc;
	padding-top:5px;
}
div.etc_cel img{
	display:block;
	float:left;
	margin-right:12px;
	margin-bottom:5px;
	margin-left:5px;
}
div.etc_cel h2{
	font-size:16px;
	font-weight:normal;
	color:#039;
	margin-bottom:5px!important;
}

div.etc_cel p.pub{
	color:#999;
	font-size:12px;
	margin-bottom:5px;
}
div.etc_cel p.one_com{
	font-size:12px;
	color:saddlebrown;
	margin-right:7px;

}
.kamoku_bar_etc{
	margin-top:15px;
}

div.etc_cel hr{
margin:5px 0px;
}
div.etc_cel hr:last-child{
visibility:hidden;
}


/*---------------------
　その他の書籍の書籍購入ボタン
---------------------*/

.bookshop_s{

	height:20px;
	text-align:right;
	position:absolute;
	bottom:5px;
	right:7px;
}



.bookshop_s div{float:right;margin-right:10px;}
.bookshop_s a{
	display:block;
	width:72px;
	height:20px;
	}
.bookshop_s .btn_amazon a{background:url(../img/btn/amazon_s.png) no-repeat;} .bookshop_s .btn_amazon a:hover{background-image:url(../img/btn/amazon_s_on.png);text-decoration:none;} .bookshop_s .btn_kino a{background:url(../img/btn/kino_s.png) no-repeat;} .bookshop_s .btn_kino a:hover{background-image:url(../img/btn/kino_s_on.png);text-decoration:none;} .bookshop_s .btn_maruzen a{background:url(../img/btn/maruzen_s.png) no-repeat;} .bookshop_s .btn_maruzen a:hover{background-image:url(../img/btn/maruzen_s_on.png);text-decoration:none;} .bookshop_s .btn_honto a{background:url(../img/btn/honto_s.png) no-repeat;} .bookshop_s .btn_honto a:hover{background-image:url(../img/btn/honto_s_on.png);text-decoration:none;} .bookshop_s .btn_e-hon a{background:url(../img/btn/e-hon_s.png) no-repeat;} .bookshop_s .btn_e-hon a:hover{background-image:url(../img/btn/e-hon_s_on.png);text-decoration:none;}