/***********************************************/
/* styles-site.css                             */
/* bookmailclub                                */
/***********************************************/

/***********************************************/
/* XHTML tag styles                            */
/***********************************************/

*{
}
body {
	color:#000000;
	font-size:small;
	background-color: #eee;
	background-image:url(../images/common/back.gif);
	margin: 0; 	padding:0;
}

a         { text-decoration: none; }
a:link    { color: #993300; }
a:visited { color: #CC3300; }
a:hover   { color: #CC3300; text-decoration: underline; }
a:active  { color: #CC3300; }

.clear{ clear:both;}
.errors{ color: #ff0000;}

h1, h2, h3,h4 {
	margin: 0; padding: 0;
	font-weight: normal;
}
h2{
	padding-bottom:10px;
}
h4.boximage{
	padding:5px;
	background:#B4AA8B;
	border:2px solid #705b4f;
}
div { margin: 0; padding: 0;}
form { display:inline; }
img{ border:none; }
input.push{ /* ボタン系フォームで余白を多めに取りたいもの */
	margin-top:20px;
	margin-bottom:10px;
}

.here{ /*　アクセシビリティ用 */
	margin: 0px; padding: 0px;
	clear: both;
}
.lb{ /* layout box */
	margin:0;
	padding:0;
	top0;left:0;
	position:relative;
	border:0;
	width:100%;
}

/******* 　サイトの全体枠　 *******/
#container {
	background-color: #fff;
	margin: 0 auto;
	padding: 0;
	width: 798px;
	border-style:solid;
	border-color:#3E322A;
	border-width:0 1px 1px 1px;
}

/******* コンテンツのハコ全体 *******/
#contents{
	width:798px;
	margin:0;
	padding:0;
	clear:both;
}

/******* コンテンツのハコ  右側 *******/
#center {
	float:right;
	width: 592px;
	margin:0 8px 0 0;
	padding:0;
/* overflow: hidden; */
}

/******* 各コンテンツのハコ *******/
.content {
	margin:0;
	padding: 0;
	width: 592px;
}
#right {
	background-color: #fff;
	float: left;
	width: 190px;
	overflow: hidden;
	margin:0;
	padding:0;
}

/******* 画面上部のステータス枠 *******/
div.state{
	color:#A84D1B;
	background-image:url(../images/header/stateback.gif);
	background-repeat:no-repeat;
	margin: 4px 0 0 0;
	padding: 0px 15px 0 0;
	text-align: right;
	height: 37px;
}
div.state img{
	margin: 0;
	padding: 0;
	float:right;
	border: none;
}
div.state p{
	font-size: small;
	text-align: right;
	line-height: 37px;
	vertical-align: middle;
	margin: 0 10px 0 0;
	padding: 0;
	float:right;
}
div.state a#document {
	clear:both;
	}

div.p2{ /* h2 の下につくパラグラフの集まり */
	margin:5px 0 20px 0;
	padding:5px 5px 5px 20px;
	border-bottom:1px dotted #999999;
}
div.p2#noborder{ /* h2 の下につくパラグラフの集まり */
	border:none;;
}
div.p3{ /* h3 の下につくパラグラフの集まり */
	margin:5px 0 15px;
	padding:10px 5px 15px 20px;
	border-bottom:1px dotted #999999;
}

/******* 書籍のリストスタイル１ トップページなど用 *******/
.booklist{
	font-size:small;
	margin:5px 0 1px 10px;
	width:97%;
	border-bottom:1px dotted #999999;
}
.booklist td{
	padding: 3px;
}
.booklist .info{ background:#ccc; }
.booklist .info .bookimg{
	background:#fff;
	padding:0 2px 3px 1px;
	width:80px;
	vertical-align: top;
}
.booklist .info .bookimg img { border:none; }
.booklist .info .title{
	font-size:medium;
}
/******* ちょっと保留.booklist .info .title a:link { color: #000; } *******/
.booklist .info .price{
	white-space: nowrap;
	text-align:right;
	width:25%;
}
.booklist .info span.price{
	color:#f33;
}
.booklist .story{
	line-height:1.3em;
}
.booklist .more{
	font-size:x-small;
	text-align:right;
}

.booklist .intro_title{
	line-height:1.3em; font-size:large; color:#333333; background-color:#FCD86D;
}

.booklist .intro_subtitle{
	font-size:medium; padding:5px; background-color:#CCCCCC; letter-spacing:1px;
}

/******* 署名用 *******/
table#sine{ margin:13px; margin-bottom:100px;}
table#sine h5{ line-height:140%; letter-spacing:1px; font-weight:normal; color:#666666;}
table#sine td{ line-height:140%; letter-spacing:1px; font-weight:normal; color:#000000; font-size:medium;}



/******* イントロ頭のボタン *******/
div#intro_button{ margin:13px; float:left;}
div#intro_button img{ margin:5px;}

/******* 書籍のリストスタイル２ 書籍検索結果など用 *******/
.resultrap{
	padding:5px 0 5px 0;
	border-top:1px dotted #999999;
	border-bottom:1px dotted #999999;none
}
.resultrap#noborder{
	border-top: none;
	border-bottom: none;
}
.bsresult{
}
.bsresult th{
	background:#ffffcc;
	padding:3px;
}
.bsresult td{
	padding:3px;
	vertical-align: top;
}

.booklist2{
	font-size:x-small;
	margin:5px 0 1px 10px;
	width:97%;
}
.booklist2 td{
	padding:3px;
}
.booklist2 .title{
	font-size:medium;
	background:#ccc;
}
.booklist2 .bookimg{
	margin-right: 10px;
}
.booklist2 .price{
	text-align:right;
}
.booklist2 span.price{
	color:#900;
}
.booklist2 .story{
	line-height:1.3em;
}
.booklist2 .more{
	font-size:xx-small;
	text-align:right;
	padding-right:5px;
}

/******* 書籍のリストスタイル３ 書籍検索結果など用 *******/
.booklist3{
	font-size:x-small;
	margin:0;
}
.booklist3 td{
	padding:2px;
	vertical-align: top;
}
.booklist3 .title{
	font-size:small;
}
.booklist3 .bookimg{
	margin-right: 10px;
}
.booklist3 .price{
}
.booklist3 span.price{
}

td.intro{
	vertical-align:top;
	font-size:x-small;
	padding: 5px;
}
.booklist3 .tdlabel{
	white-space: nowrap;
}


/******* 出版社・書店のリストスタイル１ 会員リスト用 *******/
.memberlist{
	font-size:small;
	margin:5px 0 0 0;
	padding:0 0 5px 0;
	width:98%;
	border-bottom:1px dotted #999999;
}
.memberlist .bookimg{ width:170px; }
.memberlist .title,
.memberlist .hp{
	background-color:#ccc;
	padding:0 2px 0 3px;
}
.memberlist .hp{ text-align:right; }
.memberlist .zip{ vertical-align:top; padding-top:3px; }
.memberlist .adrs{ width: 80%; }

/******* ログインのフォーム *******/
.p3 table.login{
	margin-top:10px;
	margin-right:auto;
	margin-bottom:10px;
	margin-left:auto;
}
.p3 table.login .label{
	text-align:right;
	padding-right:1em;
}
.p3 table.login .limit{
	color:#f33;
	padding-left:1em;
	width:10em;
}
.p3 table.login .inbtn{
	text-align:center;
	padding:1em;
}

img#entryok{
	margin-top:5px;
}


/******* パスワード変更のフォーム *******/
.p2 table.repass{
	margin:10px auto;
	width:500px;
}
.p2 table.repass .label{
	font-size:medium;
	font-weight:bold;
	padding-right:1em;
	width:9em;
	white-space: nowrap;
}
.p2 table.repass .limit{
	color:#f33;
	padding-left:1em;
	width:9em;
	white-space: nowrap;
}
.p2 table.repass .inp{
	text-align:center;
}
.p2 table.repass .nulline{
	padding:0;
	height:3px;
}
.p2 table.repass #passone{
	vertical-align:middle;
	background:#cccc99;
}
.p2 table.repass #passtwo{
	vertical-align:middle;
	background:#d2c6a2;
}
.p2 table.repass #passthree{
	vertical-align:middle;
	text-align:center;
	height:60px;
}




/******* 問合せ先の受け付け時間帯テーブル *******/
.p3 table.contact2bmc{
	margin-top:20px;
	margin-right:auto;
	margin-bottom:20px;
	margin-left:auto;
}
.p3 table.contact2bmc th{
	text-align:right;
	background:#D2C6A2;
	padding:3px 5px;
	vertical-align:top;
}
.p3 table.contact2bmc .day{
	background:#ffc;
	text-align:center;
}
.p3 table.contact2bmc td{
	padding:3px 5px;
}


/******* ログインメニューのテーブル *******/
.inform#loginmenu{
	margin-top:10px;
	margin-right:auto;
	margin-bottom:20px;
	margin-left:auto;
	width:80%;
}
.inform .loginmenu{
	margin:auto;
	width:100%;
}
.inform .loginmenu td{
	width:50%;
	vertical-align:middle;
	padding:5px;
	border-bottom:1px dotted #999999;
}
.inform .loginmenu td img{
	vertical-align:middle;
	margin:3px 5px;
	padding:0;
}
.inform .loginmenu a:hover{
	text-decoration:none;
}



/******* 検索画面等のハコ *******/
div.inform{
	border:2px solid #705b4f;
	margin:5px 0 0 0;
}
div.inform#readerdetail{
	border:none;
}
div.inform img{ /* 茶色いハコの中の文字タイトル画像 */
	padding-top:5px;
	padding-left:3px;
}
div.inform .flimit{
	color:#f00;
}
div.inform .bookinfo{
	margin:10px 20px 10px 20px;
	padding-bottom:5px;
}

div.inform tablel{
	font-size:small;
	width:100%;
}
div.inform table td.tdlabel,
div.inform table td.tdval{
	font-size:small;
	text-align:right;
	vertical-align:top;
	border-bottom:1px dotted #000;
	padding:13px 10px 0 20px;
}
div.inform table td.tdlabel{
	white-space:nowrap;
}
div.inform table td.tdval{
	text-align:left;
}
div.inform table td.tdform{
	font-size:small;
	vertical-align:top;
	border-bottom:1px dotted #000;
	padding:10px 10px 10px 0;
}
div.insubmit{
	text-align:center;
	margin:5px 0 20px 0;
}

div.inform table td.tdlabellarge,
div.inform table td.tdvallarge{
	font-size:medium;
	text-align:right;
	vertical-align:top;
	border-bottom:1px dotted #000;
	padding:11px 10px 0 0px;
}
div.inform table td img.tdvallarge-img{
    border:0px;
    padding:0px;
    margin: 0;
    vertical-align:bottom;
}
div.inform table td.tdlabellarge{
	white-space:nowrap;
}
div.inform table td.tdvallarge{
	text-align:left;
}

table.resulttable{
	border-collapse:collapse;
	border-color:#705b4f;
	border-style:solid;
	border-width:2px;
}
table.resulttable .price,
table.resulttable .count
{ text-align:right;
}
table.resulttable th,
table.resulttable .liketh{
	font-size:x-small;
	font-weight:bold;
	background-color:#ffc;
	padding:7px 2px;
}
table.resulttable .liketh{
	text-align:right;
	padding-right: 1em;
}
table.resulttable td,
table.resulttable .payout{
	font-size:x-small;
	padding:3px;
}
table.bsresult{ /* おまけ */
	border-collapse:collapse;
	border-color:#705b4f;
	border-style:solid;
	border-width:2px;
}


/******* 009 *******/
div.bookinfo .isbn{
	text-align:right;
	padding:0 5px 3px 0;
}
div.bookinfo .price{
	text-align:right;
	padding:5px 3px 0 0;
}
div.bookinfo .book{
	background-color:#E4D7B0;
	border:2px solid #705B4F;
	padding:5px 0 5px 15px;
}
div.bookinfo .book p{
	margin:0;padding:0;
}
div.bookinfo .book p.title{
	font-size:medium;
	font-weight:bold;
}
div.bookinfo #writer{
	font-weight:bold;
}
div.bookinfo #decoder{
	font-weight:bold;
}
div.story{
	margin:0;
	padding:10px 20px 20px 20px;
	border-top:1px dotted #000;
}
#readerdetail div.story{
	border-bottom:1px dotted #000;
	font-size:medium;
}



/******* 処理手続きの画像 *******/
.osintro{
	margin-left:310px;
	margin-bottom:10px;
}


/******* 配本依頼のボタンまわり *******/
.ordertd{
	color:#f00;
	font-size:x-small;
	padding-top:20px;
}


.content p {
	color: #666666;
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	font-weight: normal;
	line-height: 150%;
	text-align: left;
	margin-bottom: 10px;
	}

.content blockquote {
	line-height: 150%;
	}

.content li {
	line-height: 150%;
	}

.content h2 {
	color: #666666;
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	
	text-align: left;
	font-weight: bold;
	
	
	margin-bottom: 10px;
	
	}

.content h3 {
	color: #666666;
	font-family: Verdana, Arial, sans-serif;
	font-size: small;
	
	text-align: left;
	font-weight: bold;
	
	
	margin-bottom: 10px;
	
	}

.content p.posted {
	color: #999999;
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	border-top: 1px solid #999999;
	text-align: left;
	margin-bottom: 25px;
	line-height: normal;
	padding: 3px;
	}



/******* このページのトップへ *******/
.content p.go2top{
	font-size:midium;
	font-weight:bold;
	vertical-align:middle;
	text-align:right;
	margin:5px 0;
	padding-left:350px;
}
.content p.go2top a {
	color:#000;
	text-decoration:none;
}




.sidebar {
	margin: 0;
	padding: 0 0 0 8px;
}
.sidebar ul{
	margin:0;
	padding:0;
	list-style-type:none;
	font-size: 0;	/* win IE line-height bug fs,lh,va */
	line-height: 0;
	vertical-align: bottom;
}
.sidebar ul li{
	margin:0 0 3px 0;
	padding:0;
	border: none;
	font-size: 0;	/* win IE line-height bug fs,lh,va */
	line-height: 0;
	vertical-align: bottom;
}
.sidebar ul li img{
	border:none;
}

.sidebar .defbanner a{
	border-style:solid;
	border-width:0 0 0 7px;
	border-color:#9D7C6E;
	padding-left:3px;
	display:block;
}

.sidebar #bmcbanner img{
	margin:4px 0 4px 0;
	padding-left:3px;
	border-style:solid;
	border-width:0 0 0 7px;
	border-color:#EAB804;
}




.sidebar #mlinfo{
	width:175px;
	font-size:x-small;
	line-height:1.1em;
	border:1px solid #705B50;
	margin-bottom:2px;
}
.sidebar #mlinfo .mlinfotext{
	margin:5px 0 0 3px;
}
.sidebar #mlinfo .free{ color:#ff0000; }
.sidebar #mlinfo form{ display:inline; }
.sidebar #mlinfo table{ width:100%; }

.sidebar #mlinfo table .finput{
	margin:auto;
}
.sidebar #mlinfo table .finput input{
	margin:auto;
	width:95%;
}
.sidebar #mlinfo table .fbtn{
	text-align:right;
	padding-left:100px;
}

.sidebar #mlinfo #mljoin{
	border-bottom:1px dotted #000;
}




#footer {
	width:100%;
	margin-top:10px;
}
#footer a{border:none; margin:0;padding:0;}
#footer img{ border:none; margin:0;padding:0;}
#footer td{
	line-height:0;
	font-size:1pt;
	vertical-align:top;
}
#fnavi{
	background-image: url(../images/footer/footer-bg.gif);
	background-repeat:no-repeat;
	width:798px;
	height:90px;

}
#fnavi table{
	margin-top: 24px;
}
#footer #linktable{
	height:50px;
}
#footer #linktable td{
	line-height:0;
	font-size:1pt;
	vertical-align:top;
}
#footer #copyright{
	color:#ffffff;
	background-color:#3D3129;
	font-family:osaka,Arial,"MS P ゴシック",monospace;
	font-size:small;
	line-height: 20px;
	vertical-align: middle;
	margin:0;
	padding-left:12px;
	height:39px;
	border-left:1px solid #3E322A;
	border-right:1px solid #3E322A;
}

#trademark {
	color:#ffffff;
	background-color:#3D3129;
	font-family:'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝','MS PMincho',serif;
	font-size:x-small;
	line-height: 20px;
	vertical-align: middle;
	margin:0;
	padding:0;
}

/******* トップページのみ *******/
#aboutbmcimg{
	padding-bottom:10px;
}

input,
textarea,
select,
.checkbox,
.radiobtn{
	background:#ffc;
}
.checkbox,
.radiobtn{
	color:#ffc;
}

/** for bbs **/
.articlelist .subject {
	font-size: 16px;
	font-weight: bold;
}

.articlelist .author {
	display: inline;
	text-decoration: underline;
}

.articlelist .postdatetime {
	display: inline;
	text-decoration: underline;
}

.articlelist .article-content {
	padding: 8px 20px 8px 20px;
}

.articlelist form {
	display: inline;
}

/********************* メールフォーム **********************/

table#maillist{ width:97%; margin:5px 0 1px 10px; border-bottom:1px dotted #999999;}
table#maillist td.intro_title{line-height:1.3em; font-size:large; color:#333333; background-color:#FCD86D; width:30%; text-align:right; padding:3px; vertical-align:top;}
table#maillist td.dit{line-height:1.3em; width:70%; padding:3px;}
table#maillist td.dit textarea.hon{ width:350px; height:100px; padding:3px;}
table#maillist td.submit{ text-align:right; padding:3px;}
table#maillist td.submit input{ border:1px solid #333333;}






/********************* end **********************/