@charset "utf-8";

/*---------- フレーム ----------*/

#inframe {
	width: 710px;
	margin: 0px 0px 0px 0px;
	padding: 5px;
	border-top: 5px solid #999999;
	border-bottom: 5px solid #999999;
	background-color: #FFFFFF;
}

#inframe2 {
	width: 880px;
	margin: 0px 0px 0px 0px;
	padding: 10px;
	border-top: 5px solid #999999;
	border-bottom: 5px solid #999999;
	background-color: #FFFFFF;
}

#insubti {
	width: 710px;
	height: 29px;
	margin: 0px auto 0px auto;
	padding: 0px;
	background:url(../images/com/in_subti_bg.gif) no-repeat;
}

#inbooksubti {
	width: 710px;
	margin: 0px auto 0px auto;
	padding: 0px;
	background:url(../images/com/kobetu_ti.gif);
}

#inbookpadi {
	padding: 0px 0px 0px 12px;
	color: #FFFFFF;
	font-weight: bold;
}

#inbookpadi2 {
	width: 716px;
	margin: 0px auto 0px auto;
	padding: 0px;
	background:url(../images/com/in_frametop_nbg.gif) no-repeat #497CB3;

}

#inbookpadbotimg {
	width: 716px;
	margin: 0px auto 0px auto;	
	display:block;
	vertical-align:bottom;
}

#inbookpadti {
	padding: 5px 0px 10px 24px;
	color: #FFFFFF;
	font-size:16px;
	font-weight: bold;
}

#insubtipad {
	padding: 6px 0px 0px 14px;
	color: #FFFFFF;
	font-weight: bold;
}


#inylsubti {
	width: 710px;
	height: 29px;
	margin: 0px auto 0px auto;
	padding: 0px;
	background:url(../images/com/graph_subt.gif) no-repeat;
}

#inylsubtin {
	width: 710px;
	height: 29px;
	margin: 0px auto 0px auto;
	padding: 0px;
}

#ingraphsubti {
	width: 710px;
	height: 29px;
	margin: 0px auto 0px auto;
	padding: 0px;
	background:url(../images/com/result.gif) no-repeat;
}

#insearchsubti {
	width: 710px;
	height: 29px;
	margin: 0px auto 0px auto;
	padding: 0px;
	background:url(../images/com/search_subt.gif) no-repeat;
}
/*---------- LL別検索 ----------*/
#inllsubti {
	width: 880px;
	height: 29px;
	margin: 0px auto 0px auto;
	padding: 0px;
	background:url(../images/com/ll_subt.gif) no-repeat;
}

#inllsubtipad {
	padding: 6px 0px 0px 120px;
	color: #FFFFFF;
	font-weight: bold;
	float: left;
	font-size: 0.9em;
}

#inllsubtiswitch {
	display:block;
	width: 200px;
	height: 29px;
	padding: 0px;
	margin: 0px;
	float: right;
	color: #fffbf0;
}

.iconin {
	padding: 46px 6px 6px 6px;
	font-size:11px;
	line-height: 10px;
}


/*---------- 本詳細 ----------*/

#bookexp {
	width: 680px;
	margin: 10px auto 10px auto;
	padding: 0px;
}

#bookimg {
	width: 195px;
	margin: 0px;
	padding: 0px;
	float: left;
	background:url(../images/com/in_bookbg.gif) no-repeat;
}

#bookbut {
	width: 195px;
	height: 52px;
	margin: 5px 0px 0px 0px;
	background:#FFFFFF;
}

#booktxt {
	width: 475px;
	margin: 0px;
	padding: 0px;
	float:right;
}

#booktxttop{
	width: 465;
	margin: 0px;
	padding: 5px;
}

#booktxttop{
	width: 465;
	margin: 0px;
	padding: 5px;
}

.booktxtleft{
	margin: 0px;
	padding: 0px 20px 5px 0px;
	float: left;
}

.booktxtleft2{
	margin: 0px;
	padding: 0px 5px 0px 10px;
	float: left;
}

#bookcopy {
	text-align:center;
	font-size:12px;
	line-height: 12px;
}


#bookimgpos {
	padding: 10px 0px 0px 8px;
}

#bookbuy {
	width: 475px;
	margin: 10px 0px 0px 0px;
	background-color: #ECE9E9;
}

#bookllboxspace {
	margin: 5px 0px 0px 0px;
}

#bookllbox {
	width: 443px;
	margin: 0px;
	padding: 0px;
	border: solid 2px #F7AF4B;

}
	

/*---------- 本詳細2 ----------*/

#bookp2 {
	width: 680px;
	margin: 10px auto 20px auto;
	background-color: #BBD1DF;
}

#bookp2but {
	width: 334px;
	height: 44px;
	margin: 0px auto 0px auto;
	padding: 4px 0px 4px 0px;
}

#bookp2head {
	width: 868px;
	height: 32px;
	margin: 0px auto 10px auto;
}

#bookp2ti {
	width: 868px;
	margin: 10px auto 10px auto;
	background-color: #ECE9E9;
}

#bookp2title {
	padding: 10px 0px 10px 0px;
	font-size:14px;
	text-align:center;
	color: #246895;
}

#bookp2sound {
	width: 255px;
	height: 39px;
	margin: 0px auto 0px auto;
	background:url(../images/com/kobetu_soundbg2.gif) no-repeat;
}

#bookp2soundpos {
	padding: 7px 0px 0px 0px;
}

.bookp2pic {
	width: 870px;
	margin: 10px auto 10px auto;
}

.mihiraki {
	width: 870px;
	margin: 10px auto 10px auto;
	padding: 0px;
	background:url(../images/com/b2_bg.gif) repeat-y;
}

.mihimg {
	width: 850px;
	padding: 0px 10px 0px 10px;
	border: 0px;
}

/*---------- ǂ݁ER[i[ ----------*/

#corner {
	width: 700px;
	margin: 10px auto 0px auto;
	padding: 0px;
}

/*---------- YL別検索 ----------*/

#indylsubti {
	width: 880px;
	height: 29px;
	margin: 0px auto 0px auto;
	padding: 0px;
	background:url(../images/com/yl_subt.gif) no-repeat;
}

#yllllist {
	margin: 10px auto 0px auto;
	padding: 0 10px;
	list-style: none;
}

#yllllist .yllist{
	height: 120px;
	margin: 20px 0;
	padding: 0px;
	border-bottom: 3px solid silver;
}

#yllllist .lllist{
	height: 120px;
	margin: 20px 0;
	padding: 0px;
	border-bottom: 3px solid silver;
}

.yllllevel {
	margin: 0px;
	padding: 10px 0px 0px 14px;
	float: left;
}

.llnewbook {
	width: auto;
	margin: 0px;
	height: 80px;
	
	float: left;
	
}

.ylllimg {
	padding: 1px 10px 0px 0px;
	float: right;
}

.yllimgtn {
	margin: 0px;
	padding: 0px 0px 0px 5px;
	float: left;
	vertical-align: top;
}

#ylsbook1 {
	width: 700px;
	margin: 5px auto 0px auto;
	padding: 0px;
	background:url(../images/com/yls_b1.gif) repeat-y;
	line-height: 12px;
} 

#ylsarea {
	width: 698px;
	margin: 5px auto 0px auto;
	padding: 0px;
}

#ylsarea #ylsgraph {
	width: 598px;
	height: 380px;
	margin: 0px;
	background:url(../books/images/yls_graph.gif) no-repeat;
	float: left;
}

#ylsarea #ylsgraphpos {
	width: 558px;
	height: 380px;
	padding: 5px 0px 0px 35px;
}

#ylsarea #ylsright {
	width: 98px;
	float: right;
	line-height: 12px;
}

.ylsr {
	margin: 0px 0px 3px 0px;
}
	

/*---------- YL ----------*/

#inylsubtipad {
	padding: 6px 0px 0px 120px;
	color: #FFFFFF;
	font-weight: bold;
	float: left;
	font-size: 0.9em;
}

#ingpad {
	padding: 6px 0px 0px 200px;
	color: #FFFFFF;
	font-weight: bold;
	float: left;
}

#inylsearchpad {
	padding: 6px 0px 0px 105px;
	color: #FFFFFF;
	font-weight: bold;
	float: left;
}

#ingraphsubtipad {
	padding: 6px 0px 0px 10px;
	color: #FFFFFF;
	font-weight: bold;
	float: left;
}

#inylsubtipadr {
	padding: 6px 10px 0px 0px;
	color: #FFFFFF;
	float: right;
}

.ylevel {
	margin: 10px 0px 0px 5px;
	padding: 0px;
	height: 25px;
	background: url(../images/com/yl_level.gif) left no-repeat;
}

.yleveltxt {
	padding: 4px 0px 0px 10px;
	font-size:16px;
	color: #FF6500;
}

/*---------- 検索リスト ----------*/

.listresep {
	width: 710px;
	margin: 10px auto 0px auto;
	padding: 5px 0px 0px 0px;
	background:url(../images/com/list_sepbar.gif) no-repeat top;
}

.listrebox {
	width: 690px;
	margin: 10px auto 2px auto;
	padding: 0px;
}

.listretitle {
	height: 16px;
	margin: 0px;
	padding: 1px 0px 0px 10px;
	background:url(../images/com/list_titleicon.gif) no-repeat left;
	font-size:14px;
}

.listreimg {
	width: 55px;
	margin: 0px;
	padding: 0px;
	float: left;
}

.listreright {
	width: 630px;
	margin: 0px;
	padding: 0px;
	float: right;
}

.listregreybox {
	width: 630px;
	padding: 0px;
	margin: 0px;
	background: #E9E9E9;
}

.listrelevel {
	padding: 3px;
	margin: 0px;
	float: left;
}

.listrecata {
	padding: 3px;
	margin: 0px;
	float: right;
}

.listreexpbox {
	width: 630px;
	margin: 5px 0px 0px 0px;
	padding: 0px;
}

.listrecopy {
	width: 160px;
	margin: 0px;
	padding: 0px;
	float: left;
}

.listretxt {
	width: 463px;
	margin: 0px;
	padding: 0px;
	border: solid 1px #E9E9E9;
	float: right;
}

.listretxtpad {
	padding: 5px;
}

.listrecyan {
	color: #39A4A6;
	font-weight:bold;
}

.listregreen {
	color: #75AA35;
	font-weight:bold;
}

.listreblue {
	color: #3A96E5;
	font-weight:bold;
}
	

/*
.ylevelcc {
	width: 710px;
	height: 26px;
	margin: 5px auto 0px auto;
	padding: 0px;
	background:url(../images/com/yl_cc.gif) no-repeat;
}

.ylevelcc2 {
	width: 710px;
	margin: 5px auto 0px auto;
	padding: 0px;
	background:url(../images/com/yl_cc2.gif) repeat-y;
	line-height: 14px;
}

.ylevel1 {
	width: 208px;
	margin: 0px;
	padding: 5px 0px 0px 4px;
	float:left;
}

.ylleve1img {
	margin: 0px 0px 5px 0px;
	padding: 0px;
	float:left;
}

.ylevel1c {
	width: 140px;
	margin: 0px;
	padding: 5px 5px 0px 0px;
	
	float:right;
}

.ylevel2 {
	width: 51px;
	margin: 0px;
	padding: 5px 0px 0px 4px;
	float:left;
}

.ylevel3 {
	width: 124px;
	margin: 0px;
	padding: 5px 0px 0px 4px;
	text-align:center;
	float:left;
}

.ylevel4 {
	width: 244px;
	margin: 0px;
	padding: 5px 0px 0px 9px;
	float:left;
}
*/


/*--------------------*/


.ycenter {
	text-align:center;
}

.ybutarea {
	width: 710px;
	height: 40px;
	margin: 2px auto 0px auto;
	background: #B9B9B9;
}

.ybutpos {
	padding: 5px 5px 0px 0px;
}

.ybut {
	height: 30px;
}

.ybut a{
	display:block;
	width: 189px;
	height: 30px;
	overflow:hidden;
	background:url(../images/com/but_read.gif);
	float: right;
}

.ybut a:hover{
 background-position: 0px -30px;
}

.ybut span{
	display:none;
}

/*---------- oŎЃTCg ----------*/

#puborder {
	padding: 5px;
	text-align:center;
}

.publist {
	width: 690px;
	height: 21px;
	margin: 0px auto 14px auto;
	background:url(../images/com/pub_linkbar.gif) no-repeat;
}

.publistpad {
	padding: 2px 0px 0px 16px;
}

/*---------- wTCgXg ----------*/

#pubarea {
	width: 716px;
	margin: 10px auto 0px auto;
	padding : 0px;
}

.pubareabg {
	width: 170px;
	height: 114px;
	margin: 4px;
	padding: 0px;
	background:url(../images/com/buy_bg.gif);
	float: left;
}

.pubareabg2 {
	width: 170px;
	height: 114px;
	margin: 4px;
	padding: 0px;
	float: left;
}

/*---------- XjO`FbN ----------*/

#scexparea {
	width: 690px;
	margin: 5px auto 0px auto;
	padding: 0px;
	background: #E8E8E8;
}

#listflash {
	width: 600px;
	height: 202px;
	margin: 20px auto 20px auto;
	padding: 0px;
}

/*---------- ジャンル別 ----------*/
#incatasubti {
	width: 710px;
	height: 29px;
	margin: 0px auto 0px auto;
	padding: 0px;
	background:url(../images/com/cata_subt.gif) no-repeat;
}

#incatasubtipad {
	padding: 10px 0px 0px 126px;
	color: #FFFFFF;
	font-weight: bold;
	float: left;
	font-size: 0.7em!important;
}

#cataarea {
	width: 688px;
	height: 496px;
	margin: 20px auto 0px auto;
	padding: 0px;
	background:url(../books/images/cata_graph.gif) no-repeat;
}

#catagraph {
	width: 540px;
	margin: 0px;
	padding: 3px 0px 0px 145px;
}

#cataarea2 {
	width: 676px;
	height: 589px;
	margin: 20px auto 0px auto;
	padding: 0px;
	background:url(../images/cata/ll_cata_graph4.gif) no-repeat;
}

#catagraph2 {
	width: 528px;
	margin: 0px;
	padding: 3px 0px 0px 145px;
}

/*---------- 書籍検索画面 ----------*/

#searcharea {
	width: auto;
	margin: 16px 0px 10px 0px; 
}

/*---------- YL/LLグラフ画面 ----------*/

#graphbg{
	width: 648px;
	height: 496px;
	margin: 0px;
	padding: 0px;
	background:url(../images/com/graph_bg.gif) no-repeat;
}

/*---------- 次前ページリンク ----------*/

.navpage {
	padding: 5px 0px 5px 0px;
	text-align:center;
}

.navpage a{
	text-decoration:none;
}

.navpage a:hover{
	text-decoration:underline;
}

/*---------- 背景ブランク ----------*/

#inframeblank {
	width: 720px;
	margin: 10px 0px 0px 0px;
	padding: 10px;
	border-top: 5px solid #999999;
	border-bottom: 5px solid #999999;
	background-color: #FFFFFF;
	
}

/*---------- サイトの活用法 ----------*/

#qaarea{
	width: 618px;
	margin: 0px auto 0px auto;
	padding: 0px;
	border: solid 2px #5188ED;
}

.qwlist{
	padding: 0px 0px 0px 50px;
	list-style:none;
	line-height: 32px;
}

.qwlistimg{
	background:url(../images/com/q_s.gif) no-repeat center left;
	padding: 0px 0px 0px 24px;
}

.qabox {
	width: 718px;
	margin: 10px auto 0px auto;
	background: #FFF9DC;
}

.qaboxq {
	background:url(../images/com/q_l.gif) no-repeat center left;
	padding: 0px 0px 0px 28px;
	font-size: 16px;
	color: #5188ED;
}

.qaboxa {
	background:url(../images/com/qa_a.gif) no-repeat center left;
	padding: 0px 0px 0px 28px;
	font-size: 14px;
	color: #FF4D11;
}

.qaboxtxt {
	padding: 0px 28px 0px 28px;
	/*line-height: 16px;*/
}