@charset "utf-8";
/* CSS Document */

/*
==============================================

 entry.html
 history.html
 login.html
 login_bookstore.html
 payment.html
 orderend.html
 maypage/index.html

==============================================
*/

/*各ページのトップタイトル*/
.member-title_bg {
	width: 713px;
	height: 45px;
	background: url(img/title_search_bg.jpg) no-repeat;
	margin:11px 0 0 0;
	padding-left:15px;
	clear: both;
}

.member-title_bg h1{
	padding:9px 0 0 8px;
	float:left;}

.titleMember, .titlePassword,
.titleOrderend, .titleHistory,
.titleLogin, .titlePayment,
.titleSecession, .titleLogin_store,
.titleOrder, .titlePurchase,
.titleAddress, .titleBookstore,.titleMypage,
.titleChange,.titleMylist,.titleEntryend,
.titleEntryconfirm,.titleEntrychangeconf,
.titleEntrychangecomp,.titleSecessioncomp,
.titlePasswordend,.titleEntrychange{
	width: 250px;
	height: 22px;
	margin: 9px 0 0 0;
	text-indent: -9999px;
	font-size: xx-small;}

.titleMember{
	background: url(img/top-title_member.gif) no-repeat;}
.titlePassword{
	background: url(img/top-title_password.gif) no-repeat;}
.titlePasswordend{
	background: url(img/top-title_passwordEnd.gif) no-repeat;}	
.titleOrderend{
	background: url(img/top-title_orderend.gif) no-repeat;}
.titleHistory{
	background: url(img/top-title_history.gif) no-repeat;}
.titleLogin{
	background: url(img/top-title_memberlogin.gif) no-repeat;}
.titlePayment{
	background: url(img/top-title_payment.gif) no-repeat;}
.titleSecession{
	background: url(img/top-title_secession.gif) no-repeat;}
.titleSecessioncomp{
	background: url(img/top-title_secessioncomp.gif) no-repeat;}	
.titleLogin_store{
	background: url(img/top-title_bookstorelogin.gif) no-repeat;}
.titleOrder{
	background: url(img/top-title_order.gif) no-repeat;}
.titlePurchase{
	background: url(img/top-title_purchase.gif) no-repeat;}
.titleAddress{
	background: url(img/top-title_address.gif) no-repeat;}
.titleBookstore{
	background: url(img/top-title_bookstore.gif) no-repeat;}
.titleMypage{
	background: url(img/title_mypage.gif) no-repeat;}
.titleMylist{
	background: url(img/title_mylist.gif) no-repeat;}
.titleChange{
	background: url(img/top-title_infochange.gif) no-repeat;}
.titleEntryend{
	background: url(img/top-title_entryend.gif) no-repeat;}
.titleEntryconfirm{
	background: url(img/top-title_entryconfirm.gif) no-repeat;}
.titleEntrychangeconf{
	background: url(img/top-title_entrychangeconfirm.gif) no-repeat;}
.titleEntrychangecomp{
	background: url(img/top-title_entrychangecomp.gif) no-repeat;}
.titleEntrychange{
	background: url(img/top-title_entrychange.gif) no-repeat;}
	
	
	

p.flow{
	margin:7px 0 0 10px;}
	
p.explaintxt{
	margin:8px 0 10px 3px;}
p.comment{
	font-weight:normal;
	line-height:1.5;
	margin-top:8px;
	font-size:93%;}
.center{
	width:550px;
	margin:0 auto;}
.center p{
	text-align:left;}
	

/*ベージュbox*/
.basket01{
	border:1px solid #E2E2C0;
	border:1px solid #E2E2C0;
	background-color:#F3F3E6;
	margin:0 0 10px 0;
	padding:10px 0 10px 0;}

/*グレーbox*/
.basket02{
	border:1px solid #E2E2C0;
	background:url(img/d_other_bg.gif) top left repeat-y; 
	margin:10px 0 20px 0;
	padding:5px 0 10px 0;
	text-align:center;}

/*会員登録*/
table#memberForm{
	margin:0px auto 10px auto;}

table#memberForm th,
table#memberForm2 th{
	text-align:left;
	padding-left:15px;
	}

table#memberForm th,
table#memberForm td{
	color:#666666;
	border-bottom:1px dotted #666666;
	padding-top:10px;
	padding-bottom:13px;
	}

table#memberForm2{
	margin:0px auto;}

table#memberForm2 th,
table#memberForm2 td{
	color:#666666;
	padding-top:10px;
	}

.mtext01{width: 113px;}
.mtext02{width: 285px;}
.mtext03{width: 215px;}

.redbox{
	border-top:1px solid #DDB6AC;
	border-left:1px solid #DDB6AC;
	border-bottom:1px solid #990000;
	border-right:1px solid #990000;
	width:535px;
	margin:10px auto;
	padding:10px;}
.red_k{color:#B00000;
	font-weight:bold;
	font-size:11px;}

#oderNo{
	color:#666666;
	font-weight:bold;
	text-align:center;
	}
/*会員登録 onlineshop会員規約 同意欄*/
#onlineRule{
	text-align:center;
	margin:20px 20px 5px 0;}


/*会員登録 ログイン login.html*/
table#memberLogin{
	margin:0 0 10px 115px;}
table#memberLogin th,
table#memberLogin td{padding-top:10px;
color:#666;
text-align:right;
	}

/*書店様向け ログイン login_bookstore.html*/
#storeLogin p{
	font-weight:bold;
	color:#666;
	margin:5px 0;}
#storeLogin img{
	margin:10px 0px 5px 0px;}



.list-title_bg2 {
	width: 713px;
	height: 34px;
	background: url(img/title_list_bg.jpg) no-repeat;
	clear: both;
	margin:15px 0 0 0;
}

.title_storeTopics,.title_customerAddress,
.title_customerInfo,.title_customerPay,.title_delivery{
	width: 713px;
	height: 34px;
	text-indent: -9999px;
	font-size: xx-small;}

.title_storeTopics{
	background:url(img/title_storeTopics.gif) 15px 30% no-repeat;}
.title_customerAddress{
	background:url(img/title_customerAddress.gif) 15px 30% no-repeat;}
.title_customerInfo{
	background:url(img/title_customerInfo.gif) 15px 30% no-repeat;}
.title_customerPay{
	background:url(img/title_customerPay.gif) 15px 30% no-repeat;}
.title_delivery{
	background:url(img/title_delivery.gif) 15px 30% no-repeat;}

.title_dataDl{
	width: 428px;
	height: 34px;
	text-indent: -9999px;
	font-size: xx-small;
	background:url(img/title_data_dl.jpg) left top no-repeat;}

.title_dataTopics{
	width: 265px;
	height: 34px;
	text-indent: -9999px;
	font-size: xx-small;
	background:url(img/title_topics.jpg) left top no-repeat;}
	


/*history.html 注文履歴ポイント*/

table#history{
	margin:0px auto 10px auto;
	background-image:url(../cmn/img/box_gray_bg.jpg);
	border-collapse:collapse;
	border-bottom:1px solid #E6E6CA;
	clear:both;}

table#history th{
	text-align:center;
	background-color:#27393F;
	color:#FFF;
	border:1px solid #CCCCCC;
	}

table#history td{
	border-left:1px solid #E6E6CA;
	border-right:1px solid #E6E6CA;}

table#history td.left{
	padding:4px 0px 4px 10px;}

table#history td.right{
	text-align:right;
	padding:4px 7px 4px 0px;}

dl#point{
	width:300px;
	border:1px solid #cccccc;
	float:right;
	margin:10px 0;
	}

dl#point dt, dl#point dd{
	height:30px;
	font-weight:bold;
	text-align:center;	
	padding-top:10px;
	}

dl#point dt{
	background-color:#27393F;
	color:#FFF;
	width:149px;	
	float:left;
	}

#pager_history{
	text-align:center;}

/*payment.html お支払方法選択*/

h2#pay01,h2#pay02{
	width:130px;
	height:20px;
	text-indent:-9999px;
	margin-top:15px;}

h2#pay01{
	background:url(img/pay_credit.gif) left top no-repeat;}
h2#pay02{
	background:url(img/pay_point.gif) left top no-repeat;}

ul#pay,ul#payPoint{
	margin:5px 0 7px 12px;}

ul#pay li,ul#payPoint li{
	background:url(img/mark_hisigata.gif) 0 5px no-repeat;
	padding:0 0 5px 13px;}
	
ul#payIn{
	margin:0 0 5px 15px;
	}

ul#payIn li{
	background:url(img/mark_circle.gif) 0 7px no-repeat;
	padding-left:9px;
	line-height:1.0;
	}

.usePoint{
	font-weight:bold;
	color:#666;}

.myPoint{
	font-size:118%;}

.paybox{
	border:1px solid #E2E2C0;
	border:1px solid #E2E2C0;
	background-color:#F3F3E6;
	margin:5px 0 10px 0;
	padding:10px 20px 10px 15px;
	line-height:1.4;}

.paychoice{
	font-weight:bold;
	color:#666;
	font-size:93%;}

p.pay{
	line-height:1.5;
	margin:7px 0 5px 0;}

p.pay_range{
	margin:5px 0 5px 22px;}

/*orderconfirm.html ご注文内容確認*/

table#shopping{
	margin:0px auto 15px auto;
	border-collapse:collapse;
	}

table#shopping th{
	background-color:#27393F;
	color:#FFF;
	padding:5px 0px 5px 7px;
	}

table#shopping td{
	border-bottom:1px solid #cccccc;
	line-height:1.4;
	padding:8px 10px 8px 5px;
}

table#shopping td a{
	font-weight:bold;}

table#total{
	float:right;
	border-collapse:collapse;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	margin:0 0 20px 15px;
	}
table#total th{
	border-bottom:1px solid #cccccc;
	background-color:#27393F;
	color:#FFF;
	padding:4px 0px 3px 40px;}

table#total td{
	border-bottom:1px solid #cccccc;
	padding:4px 30px 3px 0px;}

table#total td.total{
	font-weight:bold;
	color:#666;}

table#total td.number{
	padding-left:42px;}

.goshopping{
	clear:both;
	margin:15px 180px 0 0;
	text-align:right;
	}
.goshopping img{
	margin:0 20px 8px 0;}

.changeBtn01{
	margin-top:40px;
	margin-left:50px;
	}

.changeBtn02{
	text-align:right;
	margin-right:30px;}

/*買物カゴ cart.html*/

#suryo{
	padding-right:240px;
	font-size:81%;
	position:relative;}
#suryo img{
	position:absolute;
	top:0px;
	left:395px;}

#onlineshop{
	}

#onlineshop p.shop{
	font-weight:bold;
	color:#26393F;
	}
#onlineshop ul{
	width:568px;
	margin:5px 0 0 70px;
	}

#onlineshop ul li{
	width:127px;
	height:32px;
	display:inline;
	float:left;
	padding-top:7px;
	padding-right:10px;}

/*delivery.html お届け先入力*/

.jyusho{
	width:670px;
	margin-left:20px;
	padding:5px 0 8px 0;
	border-bottom:2px solid #C2C19E;}

.btline{
	border-bottom:2px solid #C2C19E;}
.desiredDate{
	font-weight:bold;
	color:#666;}


/*bookstore.html 書店様向け*/

#dlarea{
	margin-top:10px;}

#dlarea_l{
	float:left;}

#dlarea_L{
	float:right;}

#dlarea_l img{
	margin:10px 0 0 10px;}

#month{
	font-size:87%;
	}

#month p{
	line-height:1.8;}

.btn_dl{
	margin-bottom:7px;}
	
.dlyear{
	font-weight:bold;
	color:#666;}

.dlbox{
	width:410px;
	float:right;
	padding-left:20px;
	padding-right:20px;}
	

/*書店様向けTOPICS*/
#bkstore_R{
	width:265px;
	float:right;
	margin-top:10px;}

table#bksTopics{
	margin:0px auto 10px auto;}


table#bksTopics th,
table#bksTopics td{
	color:#666666;
	border-bottom:1px dotted #666666;
	padding-top:10px;
	padding-bottom:13px;
	font-weight:normal;
	line-height:1.2;
	vertical-align:top;}

	
/*データダウンロード*/

#bkstore_L{
	width:428px;
	float:left;
	margin-top:10px;}
	
.dlinfo{
	width:397px;
	margin:8px 0 7px 14px;
	padding:4px 0 15px 0;
	border-bottom:1px dotted #666666;
	overflow:auto;
}
	
.dlinfo img{
	float:right;
	border:1px solid #cccccc;}
	
p.volume{
	text-align:right;
	font-size:75%;
	color:#39575F;
	}

.dlinfo .dlinfo_l h3{
	margin:3px 0;}

.dlinfo .dlinfo_l{
	width:230px;
	float:left;
	padding-right:8px;
	line-height:1.5;
	}


.dlinfo .tag_pop,
.dlinfo .tag_ordersheet,
.dlinfo .tag_perapan,
.dlinfo .tag_catalog,
.dlinfo .tag_other{
	width: 70px;
	height: 17px;
	margin-right: 7px;
	text-indent: -9999px;
	display: block;
	float:left;
}

.dlinfo .tag_pop{
	background: url(img/tag_pop.jpg) no-repeat;}
.dlinfo .tag_ordersheet{
	background: url(img/tag_ordersheet.jpg) no-repeat;}
.dlinfo .tag_perapan{
	background: url(img/tag_perapan.jpg) no-repeat;}
.dlinfo .tag_catalog{
	background: url(img/tag_catalog.jpg) no-repeat;}
.dlinfo .tag_other{
	background: url(img/tag_other.jpg) no-repeat;}

/*ベージュbox basket01の幅*/
.download{
	width:426px;
	margin-top:10px;}
.topics{
	width:265px;}

#pager_download{
	text-align:center;}

#dlType{
	text-align:center;
	background-color:#C2C19E;
	height:28px;
	font-weight:bold;
	color:#FFF;
	padding-top:7px;
	margin-bottom:10px;
	font-size:87%;}

/* maypage>index.html */

.mypageBox{
	border:1px solid #E2E2C0;
	background:url(img/d_other_bg.gif) top left repeat-y; 
	margin:10px 0 10px 0;
	padding:15px 0 15px 20px;}
	
.btnBox{
	float:right;
	margin-right:16px;	
	}