@charset 'UTF-8';
/*===========================================================*/
/*== search.css == common layout and module for all pages==*/
/*===========================================================*/







/* searchTop
--------------------------------------------------------------*/
#searchTop #mainContent{
	margin-top:6px;
}
#searchTop #mainContent p{
	font-size:0.8em;
	line-height:1.4;
}
#searchTop #mainContent .orange{
	color:#ff5f00;
	font-weight:bold;
}
#searchTop #mainContent h4{
	margin:15px 0 5px;
}
#searchTop #mainContent .bgGray{
	background-color:#f2f2e9;
	width:591px;
	margin-top:8px;
	padding:10px 0 12px;
}

/*▼ free */
#searchTop #mainContent #free .bgGray{
	padding-left:57px;
	width:534px;
}
#searchTop #mainContent #free .searchBox{
	width:265px;
}
#searchTop #mainContent #free .button{
	vertical-align:bottom;
}

/*▼ shoshi */
#searchTop #mainContent #shoshi .bgGray{
	padding-top:20px;
}
#searchTop #mainContent #shoshi dl{
	margin-bottom:8px;
}
#searchTop #mainContent #shoshi dl dt{
	width:235px;
	text-align:right;
	font-size:12px;
	font-weight:bold;
}
#searchTop #mainContent #shoshi dl dd{
	margin:-18px 0 0 245px;
	font-size:12px;
	font-weight:bold;
}
#searchTop #mainContent #shoshi dl dd input.searchBox{
	width:196px;
}
#searchTop #mainContent #shoshi dl dd input.searchBoxS{
	width:62px;
}
#searchTop #mainContent #shoshi dl#isbn dt{
	width:285px;
}
#searchTop #mainContent #shoshi dl#isbn dd{
	margin:-19px 0 0 294px;
}
*:first-child+html #searchTop #mainContent #shoshi dl#isbn dd{
	margin-top:-21px;
}
#searchTop #mainContent #shoshi ul{
	width:202px;
	margin:0 auto;
	padding-top:5px;
}
#searchTop #mainContent #shoshi ul li{
	float:left;
}
#searchTop #mainContent #shoshi ul li input.clearButton{
	margin-left:7px;
}

/*▼ series */
#searchTop #mainContent #series h5{
	margin:2px 0 5px 14px;
}
#searchTop #mainContent #series .bgGray{
	padding-bottom:5px;
}
#searchTop #mainContent #series ul li{
	background:url(../img/tri_orange.gif) no-repeat 0 2px;
	padding-left:14px;
	width:266px;
	margin:0 0 10px 15px;
	float:left;
	font-size:10px;
}
* html #searchTop #mainContent #series ul li{
	margin-left:10px;
}
#searchTop #mainContent #series ul li a{
	color:#333;
	text-decoration:none;
}

/*▼ shosai */
#searchTop #mainContent #shosai #wakuUpper{
	background:url(../img/waku_orange_upper.gif) no-repeat 0 0;
	width:591px;
	height:3px;
	margin-top:10px;
}
* html #searchTop #mainContent #shosai #wakuUpper{
	overflow:hidden;
}
#searchTop #mainContent #shosai #wakuMiddle{
	border-right:1px solid #ff6913;
	border-left:1px solid #ff6913;
	width:589px;
	padding:13px 0;
	font-size:12px;
}
#searchTop #mainContent #shosai #wakuBottom{
	background:url(../img/waku_orange_bottom.gif) no-repeat 0 0;
	width:591px;
	height:3px;
	margin-bottom:30px;
}
#searchTop #mainContent #shosai #left322{
	width:322px;
	float:left;
	margin-left:10px;
}
* html #searchTop #mainContent #shosai #left322{
	margin-left:5px;
}
#searchTop #mainContent #shosai #left322 h5{
	background:url(../img/bg_gray322.gif) no-repeat 0 0;
	width:312px;
	height:15px;
	font-weight:normal;
	font-size:10px;
	color:#ff5f00;
	padding:2px 0 0 10px;
}
*:first-child+html #searchTop #mainContent #shosai #left322 h5{
	padding-top:3px;
	height:14px;
}
#searchTop #mainContent #shosai #right226{
	width:226px;
	float:right;
	margin-right:10px;
}
* html #searchTop #mainContent #shosai #right226{
	margin-right:5px;
}
#searchTop #mainContent #shosai #right226 h5{
	background:url(../img/bg_gray226.gif) no-repeat 0 0;
	width:216px;
	height:15px;
	font-weight:normal;
	font-size:10px;
	color:#ff5f00;
	padding:2px 0 0 10px;
}
*:first-child+html #searchTop #mainContent #shosai #right226 h5{
	padding-top:3px;
	height:14px;
}
#searchTop #mainContent #shosai #left322 .moreBoxS{
	width:296px;
	margin:8px 0 15px 10px;
}
#searchTop #mainContent #shosai #right226 .moreBoxS{
	width:206px;
	margin:8px 0 15px 10px;
}
#searchTop #mainContent #shosai #kensakuMore ul{
	width:202px;
	margin:0 auto;
}
#searchTop #mainContent #shosai #kensakuMore ul li{
	float:left;
}
#searchTop #mainContent #shosai #kensakuMore ul li input.clearButton{
	margin-left:7px;
}





/* book shosai
--------------------------------------------------------------*/
#bookShosai #mainContent{
	margin-top:6px;
}
* html #bookShosai #mainContent{
	margin-left:14px;
}
#bookShosai #mainContent #bookTit{
	width:591px;
	margin:2px 0 30px;
	overflow:hidden;
}
#bookShosai #mainContent #bookTit dl{
	width:450px;
	float:left;
	line-height:1.4;
}
#bookShosai #mainContent #bookTit dl dt{
	font-size:1.4em;
	font-weight:bold;
	color:#6b2901;
}

#bookShosai #mainContent #bookTit dl dt.subtit{
	font-size:0.9em;
	font-weight:bold;
	color:#6b2901;
}

#bookShosai #mainContent #bookTit dl dd{
	font-size:0.8em;
}
#bookShosai #mainContent #bookTit p{
	width:92px;
	height:65px;
	float:left;
}
#bookShosai #mainContent #pic{
	width:300px;
	float:left;
	text-align:center;
}
#bookShosai #mainContent #pic img{
	border:1px solid #ccc;
}
#bookShosai #mainContent #bookInfo{
	width:238px;
	float:left;
	font-size:0.8em;
	margin-left:18px;
}
#bookShosai #mainContent #bookInfo p{
	margin-bottom:1em;
	line-height:1.4;
}
#bookShosai #mainContent #bookInfo h4{
	font-weight:normal;
	color:#eb7537;
	background:url(../img/dot_shoshi.gif) repeat-x 0 bottom;
	padding-bottom:3px;
	margin-bottom:8px;
	font-size:12px;
}
#bookShosai #mainContent #bookInfo dl{
	line-height:1.6;
}
#bookShosai #mainContent #bookInfo dl dt{
	float:left;
	width:55px;
}
#bookShosai #mainContent #bookInfo #cartOrange{
	vertical-align:top;
}
#bookShosai #mainContent #moreInfo{
	padding-top:30px;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
#bookShosai #mainContent #moreInfo h4{
	margin-bottom:10px;
}
#bookShosai #mainContent #moreInfoContent{
	background-color:#f7f7f2;
	width:571px;
	padding:18px 15px;
	font-size:0.8em;
	line-height:1.8;
}
#bookShosai #mainContent p#back{
	width:156px;
	height:23px;
	margin:20px auto 30px;
}





/* new book
--------------------------------------------------------------*/
#newBook #mainContent h3{
	margin-top:1px;
}





/* list
--------------------------------------------------------------*/
.list #mainContent{
	margin-top:6px;
	font-size:0.8em;
}
.list #mainContent #listMenu{
	background-color:#f2f2e9;
	width:581px;
	height:34px;
	padding:16px 0 0 10px;
	margin-top:5px;
}
.list #mainContent #listMenu p{
	float:left;
	width:186px;
}
.list #mainContent #listMenu #selectForm{
	float:left;
}
.list #mainContent #listMenu ul{
	float:right;
	margin-right:5px;
}
.list #mainContent #listMenu ul li{
	margin-right:5px;
	float:left;
}
.list #mainContent #paging{
	padding:20px 0;
	width:591px;
	text-align:center;
}
.list #mainContent #paging a{
	margin-left:10px;
}
.list #mainContent #paging img{
	margin-left:2px;
	vertical-align:middle;
}
.list #mainContent .list{
	background:url(../img/dot_ccc_1px.gif) repeat-x 0 bottom;
	width:591px;
	overflow:hidden;
	padding-bottom:15px;
	margin-bottom:15px;
}
.list #mainContent .list .listImg{
	width:146px;
	float:left;
}
.list #mainContent .list .listImg img{
	border:1px solid #ccc;
}
.list #mainContent .list .listInfo{
	float:left;
	width:430px;
	margin-left:15px;
}
.list #mainContent .list p.newImg{
	margin-bottom:2px;
}
.list #mainContent .list dl dt a{
	font-size:16px;
	color:#6b2901;
	font-weight:bold;
}
.list #mainContent .list dl dd.series{
	margin-bottom:5px;
}
.list #mainContent .list dl dt{
	margin-bottom:3px;
}
.list #mainContent .list ul li.tyosha,
.list #mainContent .list ul li.date{
	margin-bottom:3px;
}
.list #mainContent .list ul li.listen{
	margin-top:6px;
}
.list #mainContent .list ul li.right{
	text-align:right;
}
.list #mainContent .list ul li.zaiko{
	margin-bottom:2px;
}
.list #mainContent .list ul li.price{
	margin-bottom:4px;
}





/* listImgNone
--------------------------------------------------------------*/
.listImgNone #mainContent{
	margin-top:6px;
	font-size:0.8em;
}
.listImgNone #mainContent #listMenu{
	background-color:#f2f2e9;
	width:581px;
	height:34px;
	padding:16px 0 0 10px;
	margin-top:5px;
}
.listImgNone #mainContent #listMenu p{
	float:left;
	width:186px;
}
.listImgNone #mainContent #listMenu #selectForm{
	float:left;
}
.listImgNone #mainContent #listMenu ul{
	float:right;
	margin-right:5px;
}
.listImgNone #mainContent #listMenu ul li{
	margin-right:5px;
	float:left;
}
.listImgNone #mainContent #paging{
	padding:20px 0;
	width:591px;
	text-align:center;
}
.listImgNone #mainContent #paging a{
	margin-left:10px;
}
.listImgNone #mainContent #paging img{
	margin-left:2px;
	vertical-align:middle;
}
.listImgNone #mainContent .list{
	background:url(../img/dot_ccc_1px.gif) repeat-x 0 bottom;
	width:591px;
	overflow:hidden;
	padding-bottom:15px;
	margin-bottom:15px;
}
.listImgNone #mainContent .list dl{
	display:-moz-inline-box;
	display:inline-block;
	vertical-align:top;
	width:200px;
	/display:inline;
	/zoom:1;
	margin-right:20px
}
.listImgNone #mainContent .list dl dt{
	margin-bottom:3px;
}
.listImgNone #mainContent .list dl dt a{
	color:#6b2901;
}
.listImgNone #mainContent .list dl dd.series{
	margin-bottom:2px;
}
.listImgNone #mainContent .list p.newImg{
	margin-bottom:2px;
}
.listImgNone #mainContent .list ul{
	display:-moz-inline-box;
	display:inline-block;
	width:366px;
	/display:inline;
	/zoom:1;
}
.listImgNone #mainContent .list ul li.tyosha{
	display:-moz-inline-box;
	display:inline-block;
	vertical-align:top;
	width:155px;
	padding-right:10px;
	/display:inline;
	/zoom:1;
	line-height:1.3;
}
.listImgNone #mainContent .list ul li.price{
	display:-moz-inline-box;
	display:inline-block;
	vertical-align:top;
	width:115px;
	/display:inline;
	/zoom:1;
	line-height:1.3;
}
* html .listImgNone #mainContent .list ul li.price{
	font-family:"ＭＳ Ｐゴシック";
}
.listImgNone #mainContent .list ul li.stock{
	display:-moz-inline-box;
	display:inline-block;
	vertical-align:bottom;
	width:72px;
	text-align:right;
	/display:inline;
	/zoom:1;
}
.listImgNone #mainContent .list ul li > div{
	display:block;
}







/* result error
--------------------------------------------------------------*/
#resultError #mainContent h3{
	margin-top:6px;
}
#resultError #main{
	background-color:#feefe8;
	text-align:center;
	margin-top:25px;
	margin-bottom:400px;
	padding-bottom:22px;
}
#resultError #main p{
	line-height:2.4;
	margin-bottom:10px;
	font-size:0.8em;
}
#resultError #main h4 a{
	font-size:12px;
}





/* contact
--------------------------------------------------------------*/
#contact #content ul{
	width:592px;
	margin:30px auto 20px;
}
* html #contact #content ul{
	margin-bottom:10px;
}
#contact #content ul li{
	font-size:0.8em;
	line-height:3.0;
}
* html #contact #content ul li{
	margin-bottom:15px;
}
#contact #content ul li input{
	margin-right:5px;
}
#contact #content h3{
	width:592px;
	margin:0 auto 15px;
}
#contact #content table{
	width:592px;
	margin:auto;
	border-collapse:collapse;
	font-size:12px;
}
#contact #content table tr{
	border-bottom:1px dotted #ccc;
}
#contact #content table tr.borderNone{
	border:0;
}
#contact #content table tr.borderNone th,
#contact #content table tr.borderNone td{
	border:0;
}
#contact #content table tr th{
	font-weight:normal;
	background-color:#e8f5f6;
	padding:13px 0 13px 10px;
	/border-bottom:1px dotted #ccc;
}
#contact #content table tr td{
	background-color:#f8f8f0;
	padding:13px 0 13px 10px;
	border-left:1px solid #fff;
	/border-bottom:1px dotted #ccc;
}
#contact #content .textBox{
	width:18em;
}
#contact #content .textBox2{
	width:25em;
}
#contact #content p{
	background:url(../img/upper.gif) no-repeat 0 0;
	width:572px;
	background-color:#e8f5f6;
	margin:20px auto 0;
	font-size:0.8em;
	padding:10px;

}
#contact #content #bottom{
	background:url(../img/bottom.gif) no-repeat 0 0;
	width:592px;
	height:5px;
	margin:0 auto 30px;
}
* html #contact #content #bottom{
	margin-bottom:20px;
}
#contact #content .align_center{
	color:#666;
	font-size:0.8em;
	margin:0 0 20px 0;
	line-height:2.8;
}
#contact #content .button{
	margin-left:8px;
}