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

/*----------------------商品メインコンテンツ詳細（トップ頁<index.php>、通常3カテゴリー頁<book.php,cd.php,dvd.php>）共通▼▼▼--------------------------*/
.main_contents{
	float:right;
	width:810px;
	height:100%;
}
.main_contents h2{/*商品カテゴリータイトル*/
	height:35px;
	line-height:37px;
	font-weight:bold;
	text-indent:1em;
	color:#030;
	text-shadow:2px 2px 2px #CCC;
	background: rgb(204,204,204);
	background: -moz-linear-gradient(top,  rgba(204,204,204,1) 0%, rgba(255,255,255,1) 50%, rgba(204,204,204,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(204,204,204,1)), color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(204,204,204,1)));
	background: -webkit-linear-gradient(top,  rgba(204,204,204,1) 0%,rgba(255,255,255,1) 50%,rgba(204,204,204,1) 100%);
	background: -o-linear-gradient(top,  rgba(204,204,204,1) 0%,rgba(255,255,255,1) 50%,rgba(204,204,204,1) 100%);
	background: -ms-linear-gradient(top,  rgba(204,204,204,1) 0%,rgba(255,255,255,1) 50%,rgba(204,204,204,1) 100%);
	background: linear-gradient(to bottom,  rgba(204,204,204,1) 0%,rgba(255,255,255,1) 50%,rgba(204,204,204,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#cccccc',GradientType=0 );
}
.main_contents h2 span{/*商品カテゴリータイトル*/
	color:#C00;
	font-weight:bold;
}
table.new_tb{/*商品一覧*/
	width:810px;
	background:#fff;
}
table.new_tb td{/*商品単品スペース*/
	width:160px;
	padding:10px 10px 5px 10px;
	border:1px solid #ccc;
}
table.new_tb td p{/*商品単品画像*/
	width:110px;
	margin:0 auto;
}
table.new_tb td p a:hover{/*商品単品画像*/
	opacity:0.8;
}
table.new_tb td dt{/*商品単品名全体*/
	color:#339;
}
table.new_tb td dt span.linage{/*商品単品名３行指定*/
	height:3em;
	display:block;
}
table.new_tb td dt span.line{/*参考価格打消し線*/
	text-decoration: line-through;
}
table.new_tb td dd{/*商品単品名プライス*/
	text-align:right;
}
table.new_tb td dd span{/*商品単品名プライス*/
	font-size:16px;
	font-weight:bold;
	color:#C00;
}





/*--------------------ランキング頁単独メインコンテンツ詳細(3カテゴリー<book_rank.php>,<cd_rank.php>,<dvd_rank.php>)共通▼-----------------------*/

.main_contents .ranking_ct h2{
	height:45px;
	line-height:47px;
	font-weight:bold;
	text-indent:1em;
	font-size:20px;
	color:#030;
	text-shadow:2px 2px 2px #CC9;
	background: #aaa655;
	background: -moz-linear-gradient(top,  #aaa655 1%, #ffffcc 50%, #aaa655 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#aaa655), color-stop(50%,#ffffcc), color-stop(100%,#aaa655));
	background: -webkit-linear-gradient(top,  #aaa655 1%,#ffffcc 50%,#aaa655 100%);
	background: -o-linear-gradient(top,  #aaa655 1%,#ffffcc 50%,#aaa655 100%);
	background: -ms-linear-gradient(top,  #aaa655 1%,#ffffcc 50%,#aaa655 100%);
	background: linear-gradient(to bottom,  #aaa655 1%,#ffffcc 50%,#aaa655 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aaa655', endColorstr='#aaa655',GradientType=0 );
}
.main_contents h2 strong{
	color:#C00;
	font-weight:bold;
	font-size:30px;
}
table.ranking_tb{
	width:810px;
	background:#fff;
}
table.ranking_tb td{
	width:160px;
	padding:10px 10px 5px 10px;
	border:1px solid #ccc;
}
table.ranking_tb td .left_top{
	position:relative;
}
table.ranking_tb td span.number{
	position:absolute;
	top:3px;
	left:3px;
	z-index:100;
}
table.ranking_tb td p a{
	float:right;
}
table.ranking_tb td p a:hover{
	opacity:0.8;
}
table.ranking_tb td dl{
	clear:both;
}
table.ranking_tb td dt{
	color:#339;
}
table.ranking_tb td dt span.linage{/*商品名３行指定*/
	height:3em;
	display:block;
}
table.ranking_tb td dt span.line{/*参考価格打消し線*/
	text-decoration: line-through;
}
table.ranking_tb td dd{
	text-align:right;
}
table.ranking_tb td dd span{
	font-size:16px;
	font-weight:bold;
	color:#C00;
}





/*--------ヘッダー（無料会員登録頁<entry.php>、会員ログイン頁<login.php>、会員情報登録頁<registration.php>、

購入リクエスト頁<request.php>、パスワードの再設定Ａ頁<reminder.php>、パスワードの再設定Ｂ頁<reset_pass.php>、お届け先情報頁<order_step02.php>）共通▼------*/

.header{
	width:100%;
	height:110px;
}
.header h1.title{
	width:1154px;
	height:150px;
	background: url(../images/title.jpg) no-repeat 0 0;
	margin:0 auto;
}
.header h1.title a{
	width:1154px;
	height:150px;
	display:block;
	text-indent:-9999px;
}
.entry_container{
	width:1000px;
	height:100%;
	margin:0 auto;
	padding-top:10px;
}
.form_content{
	width:940px;
	background:#fff;
	padding:20px 30px 20px 30px;
	margin:0 auto;
}
h1.entry_title{
	font-size:16px;
	margin-bottom:10px;
	border-bottom:1px dotted #ccc;
}
h1.entry_title span{
	font-size:36px;
	font-weight:bold;
	color:#C00;
	text-shadow:#ccc 3px 3px 3px;
	letter-spacing:0.1em;
}
/*-------------ヘッダー▲--------------*/





/*----------------無料会員登録頁<entry.php>、会員ログイン頁<login.php>、パスワードの再設定Ａ<reminder.php>,Ｂ<reset_pass.php>頁▼------------------*/
.input{
	width:460px;
	height:170px;
	float:left;
}
.input_style{
	height:24px;
	margin:10px auto 10px auto;
	padding:0 5px 0 5px;
}
p.address{
	font-size:16px;
}
p.pass{/*会員ログイン頁<login.php>のみ*/
	font-size:16px;
}
.rule{/*無料会員登録頁<entry.php>のみ*/
	width:460px;
	height:270px;
	float:right;
}
.rule h2{/*無料会員登録頁<entry.php>のみ*/
	font-size:12px;
}
.rule h2 span{/*無料会員登録頁<entry.php>のみ*/
	font-weight:bold;
	color:#030;
}
.rule div.box{/*無料会員登録頁<entry.php>のみ*/
	width:420px;
	height:200px;
	margin-top:10px;
	overflow-y:scroll;
	border:1px solid #333;
	padding:0 10px 0 30px;
}
.rule div.box dl dt{/*無料会員登録頁<entry.php>のみ*/
	text-indent:-2em;
	font-weight: bold;
	line-height:2em;
}
.btn a{/*無料会員登録<entry.php>、会員ログイン頁<login.php>のみ*/
	clear:both;
	width:400px;
	height:70px;
	margin:20px auto 0 auto;
	border-radius:10px;
	border:2px solid #C00;
	box-shadow:#ccc 3px 3px 3px;
	display:block;
	text-align:center;
	font-size:30px;
	font-weight: bold;
	color:#fff;
	line-height:70px;
	text-shadow:#600 3px 3px 3px;
	letter-spacing:0.1em;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #feceb4), color-stop(0.50, #f17431), color-stop(0.50, #ea5506), color-stop(1.00, #fd9c68));
	background: -webkit-linear-gradient(top, #feceb4 0%, #f17431 50%, #ea5506 50%, #fd9c68 100%);
	background: -moz-linear-gradient(top, #feceb4 0%, #f17431 50%, #ea5506 50%, #fd9c68 100%);
	background: -o-linear-gradient(top, #feceb4 0%, #f17431 50%, #ea5506 50%, #fd9c68 100%);
	background: -ms-linear-gradient(top, #feceb4 0%, #f17431 50%, #ea5506 50%, #fd9c68 100%);
	background: linear-gradient(to bottom, #feceb4 0%, #f17431 50%, #ea5506 50%, #fd9c68 100%);
}
.btn a:hover{/*無料会員登録<entry.php>、会員ログイン頁<login.php>のみ*/
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fd8f9b), color-stop(0.50, #f55), color-stop(0.50, #f60000), color-stop(1.00, #ffa7b0));
	background: -webkit-linear-gradient(top, #fd8f9b 0%, #f55 50%, #f60000 50%, #ffa7b0 100%);
	background: -moz-linear-gradient(top, #fd8f9b 0%, #f55 50%, #f60000 50%, #ffa7b0 100%);
	background: -o-linear-gradient(top, #fd8f9b 0%, #f55 50%, #f60000 50%, #ffa7b0 100%);
	background: -ms-linear-gradient(top, #fd8f9b 0%, #f55 50%, #f60000 50%, #ffa7b0 100%);
	background: linear-gradient(to bottom, #fd8f9b 0%, #f55 50%, #f60000 50%, #ffa7b0 100%);
}
.comment{
	text-align:center;
	font-size:14px;
	margin-top:-10px;
}
.comment a:hover{/*会員ログイン頁<login.php>のみ*/
	color:#C00;
	text-decoration:underline;
}

#email{/*パスワードの再設定Ａ<reminder.php>，Ｂ<reset_pass.php>頁のみ*/
	height:24px;
	margin:10px auto 10px auto;
	padding:0 5px 0 5px;
}
#btn_send a{/*パスワードの再設定Ａ<reminder.php>，Ｂ<reset_pass.php>頁のみ*/
	clear:both;
	width:400px;
	height:70px;
	margin:20px auto 0 auto;
	border-radius:10px;
	border:2px solid #C00;
	box-shadow:#ccc 3px 3px 3px;
	display:block;
	text-align:center;
	font-size:30px;
	font-weight: bold;
	color:#fff;
	line-height:70px;
	text-shadow:#600 3px 3px 3px;
	letter-spacing:0.1em;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #feceb4), color-stop(0.50, #f17431), color-stop(0.50, #ea5506), color-stop(1.00, #fd9c68));
	background: -webkit-linear-gradient(top, #feceb4 0%, #f17431 50%, #ea5506 50%, #fd9c68 100%);
	background: -moz-linear-gradient(top, #feceb4 0%, #f17431 50%, #ea5506 50%, #fd9c68 100%);
	background: -o-linear-gradient(top, #feceb4 0%, #f17431 50%, #ea5506 50%, #fd9c68 100%);
	background: -ms-linear-gradient(top, #feceb4 0%, #f17431 50%, #ea5506 50%, #fd9c68 100%);
	background: linear-gradient(to bottom, #feceb4 0%, #f17431 50%, #ea5506 50%, #fd9c68 100%);
}
#btn_send a:hover{/*パスワードの再設定Ａ<reminder.php>，Ｂ<reset_pass.php>頁のみ*/
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fd8f9b), color-stop(0.50, #f55), color-stop(0.50, #f60000), color-stop(1.00, #ffa7b0));
	background: -webkit-linear-gradient(top, #fd8f9b 0%, #f55 50%, #f60000 50%, #ffa7b0 100%);
	background: -moz-linear-gradient(top, #fd8f9b 0%, #f55 50%, #f60000 50%, #ffa7b0 100%);
	background: -o-linear-gradient(top, #fd8f9b 0%, #f55 50%, #f60000 50%, #ffa7b0 100%);
	background: -ms-linear-gradient(top, #fd8f9b 0%, #f55 50%, #f60000 50%, #ffa7b0 100%);
	background: linear-gradient(to bottom, #fd8f9b 0%, #f55 50%, #f60000 50%, #ffa7b0 100%);
}


/*パスワードの再設定Ｂ<reset_pass.php>頁のみ*/
table.reset_form{
	width:940px;
}
table.reset_form caption{
	text-align:left;
	margin-bottom:10px;
}
table.reset_form th{
	background:#f1f1f1;
	border:1px solid #ccc;
	padding:10px;
}
table.reset_form td{
	padding:20px 0 20px 10px;
}
table.reset_form #pass1{
	width:200px;
	height:24px;
	padding:0 5px 0 5px;
	float:left;
}
table.reset_form #pass2{
	width:200px;
	height:24px;
	padding:0 5px 0 5px;
	float:left;
}
table.reset_form td p{
	font-size:12px;
	margin-left:10px;
	float:left;
}

/*------------------------------------認証頁<certify.php>▼------------------------------------------*/
h2.certify_title{
	text-align:center;
	font-size:24px;
	font-weight:bold;
}
p.enter{
	text-align:center;
	font-size:14px;
	margin:20px auto 20px auto;
}
p.enter span{
	color:#C00;
	font-weight:bold;
}
h2.content_title{
	font-size:18px;
	font-weight:bold;
	border-top:1px dotted #ccc;
	line-height:2em;
	padding-top:20px;
}
table.content{
	border:1px solid #ccc;
	height:100px;
	width:940px;
	font-size:14px;
}
table.content tr.border{
	border-top:1px dotted #ccc;
}
table.content td{
	padding:10px;
	text-indent:50px;
}
table.content td span{
	color:#C00;
	font-weight:bold;
}
table.content td strong{
	font-weight:bold;
}
p.comment2{
	margin-top:20px;
	font-size:14px;
}
ul.domain li{
	margin-top:10px;
	text-indent:1em;
	font-size:14px;
}
ul.domain li a:hover{
	color:#C00;
	text-decoration:underline;
}
p.goto_top{
	margin-top:70px;
	text-align:center;
	font-weight:bold;
	font-size:14px;
}
p.goto_top a:hover{
	color:#C00;
	text-decoration:underline;
}




/*------------------------------------会員登録完了頁<finish.php>▼------------------------------------------*/

h2.finish_title{
	text-align:center;
	font-size:24px;
	font-weight:bold;
}
p.comment3{
	font-size:14px;
	text-align:center;
	padding-top:20px;
	margin-bottom:50px;
}




/*------------------会員情報登録頁<registration.php>、購入リクエスト頁<request.php>、お届け先情報頁<order_step02.php>▼--------------------*/

.form_content table.form{
	width:940px;
	border:1px solid #999;
}
.form_content table.form th{
	width:200px;
	border-bottom:1px solid #999;
	background:#f1f1f1;
}
.form_content table.form td{
	width:740px;
	padding:15px 0 15px 15px;
	border-bottom:1px solid #999;
}
.form_content table.form td#set_pass #pass1{
	margin-bottom:5px;
}
.form_content table.form td#set_address #set_zip{
	float:left;
	margin:0 10px 5px 0;
}
.form_content table.form td#set_address .note{
	clear:both;
	margin-top:5px;
}
.flow{/*ショッピングカート、お届け先情報、入力内容の確認、ご注文の完了頁*/
	margin-bottom:20px;
}




/*-------------------------------商品詳細（単品）頁<product.php>▼------------------------------------*/

section.product_data{
	width:770px;
	min-height:750px;
	padding:20px;
	background:#fff;
}
.product_data h2.product_title{
	font-size:18px;
	background:#fff;
	height:none;
	line-height:1.5em;
	font-weight:bold;
	text-indent:0em;
	color:#333;
	text-shadow:none;
	border-bottom:dotted #ccc 1px;
}
.product_data h2.product_title span{
	font-size:14px;
	background:#C06;
	padding:2px 7px 2px 7px;
	margin-right:10px;
	color:#fff;
}
.product_data .data{
	width:770px;
	margin-top:20px;
}
.data .product_ph{
	width:250px;
	height:300px;
	float:left;
}
.data table.order{
	width:500px;
	float:right;
	font-size:14px;
	color:#000;
}
.data table.order th,td{
	border:1px solid #ccc;
	font-weight:normal;
	padding:10px;
}
.data table.order th{
	background:#f0fff0;
}
.data table.order th.b_txt{
	background:#FFC;
	color:#F00;
}
.data table.order td.b_txt{
	background:#FFC;
	color:#f00;
	font-weight:bold;
	font-size:18px;
}
.product_data .cart{
	width:770px;
	height:70px;
	background:#f1f1f1;
	margin-top:10px;
}
.cart span{
	float:left;
	font-size:18px;
	margin:20px 10px 0 20px;
}
#quant{
	width:50px;
	height:25px;
	font-size:18px;
	margin-top:20px;
}
p.cart_bt{
	float:right;
	margin:-40px 5px 0 0;
}
p.cart_bt a:hover{
	opacity:0.8;
}
.product_data dl.data2,dl.data3{
	margin-top:20px;
}
.product_data dl.data2 dt,dl.data3 dt{
	font-size:14px;
	font-weight:bold;
	border-left:10px solid #999;
	border-bottom:1px dotted #999;
	margin-bottom:5px;
	text-indent:0.5em;
}
.product_data dd{
	width:750px;
	margin:0 auto;
}




/*-------------------------------ショッピングカート頁<order_step01.php>▼------------------------------------*/
table.cart{
	width:940px;
}
table.cart th{
	height:40px;
	font-size:14px;
	border:1px solid #ccc;
	background:#f1f1f1;
}
table.cart td.product_ttl{
	width:500px;
	font-size:16px;
	font-weight:bold;
}
table.cart td.product_ttl a{
	color:#339;
}
table.cart td.product_ttl a:hover{
	text-decoration:underline;
}
table.cart tr td{
	text-align: center;
	font-size:14px;
	height:50px;
}
table.cart tr td p{
	float:left;
}

table.cart tr td span.price{
	font-size:16px;
	font-weight:bold;
	float:right;
}
table.cart tr td span.price strong{
	font-size:36px;
	font-weight: bold;
	color:#C00;
}
ul li.btn01 a{/*<order_step03.php>も共通*/
	float:left;
	width:400px;
	height:70px;
	margin:20px auto 0 auto;
	border-radius:10px;
	border:2px solid #C00;
	box-shadow:#ccc 3px 3px 3px;
	display:block;
	text-align:center;
	font-size:30px;
	font-weight: bold;
	color:#fff;
	line-height:70px;
	text-shadow:#600 3px 3px 3px;
	letter-spacing:0.1em;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #feceb4), color-stop(0.50, #f17431), color-stop(0.50, #ea5506), color-stop(1.00, #fd9c68));
	background: -webkit-linear-gradient(top, #feceb4 0%, #f17431 50%, #ea5506 50%, #fd9c68 100%);
	background: -moz-linear-gradient(top, #feceb4 0%, #f17431 50%, #ea5506 50%, #fd9c68 100%);
	background: -o-linear-gradient(top, #feceb4 0%, #f17431 50%, #ea5506 50%, #fd9c68 100%);
	background: -ms-linear-gradient(top, #feceb4 0%, #f17431 50%, #ea5506 50%, #fd9c68 100%);
	background: linear-gradient(to bottom, #feceb4 0%, #f17431 50%, #ea5506 50%, #fd9c68 100%);
}
ul li.btn01 a:hover{/*<order_step03.php>も共通*/
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fd8f9b), color-stop(0.50, #f55), color-stop(0.50, #f60000), color-stop(1.00, #ffa7b0));
	background: -webkit-linear-gradient(top, #fd8f9b 0%, #f55 50%, #f60000 50%, #ffa7b0 100%);
	background: -moz-linear-gradient(top, #fd8f9b 0%, #f55 50%, #f60000 50%, #ffa7b0 100%);
	background: -o-linear-gradient(top, #fd8f9b 0%, #f55 50%, #f60000 50%, #ffa7b0 100%);
	background: -ms-linear-gradient(top, #fd8f9b 0%, #f55 50%, #f60000 50%, #ffa7b0 100%);
	background: linear-gradient(to bottom, #fd8f9b 0%, #f55 50%, #f60000 50%, #ffa7b0 100%);
}
ul li.btn02 a{/*<order_step03.php>も共通*/
	float:right;
	width:400px;
	height:70px;
	margin:20px auto 0 auto;
	border-radius:10px;
	border:2px solid #C00;
	box-shadow:#ccc 3px 3px 3px;
	display:block;
	text-align:center;
	font-size:30px;
	font-weight: bold;
	color:#fff;
	line-height:70px;
	text-shadow:#600 3px 3px 3px;
	letter-spacing:0.1em;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #feceb4), color-stop(0.50, #f17431), color-stop(0.50, #ea5506), color-stop(1.00, #fd9c68));
	background: -webkit-linear-gradient(top, #feceb4 0%, #f17431 50%, #ea5506 50%, #fd9c68 100%);
	background: -moz-linear-gradient(top, #feceb4 0%, #f17431 50%, #ea5506 50%, #fd9c68 100%);
	background: -o-linear-gradient(top, #feceb4 0%, #f17431 50%, #ea5506 50%, #fd9c68 100%);
	background: -ms-linear-gradient(top, #feceb4 0%, #f17431 50%, #ea5506 50%, #fd9c68 100%);
	background: linear-gradient(to bottom, #feceb4 0%, #f17431 50%, #ea5506 50%, #fd9c68 100%);
}
ul li.btn02 a:hover{/*<order_step03.php>も共通*/
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fd8f9b), color-stop(0.50, #f55), color-stop(0.50, #f60000), color-stop(1.00, #ffa7b0));
	background: -webkit-linear-gradient(top, #fd8f9b 0%, #f55 50%, #f60000 50%, #ffa7b0 100%);
	background: -moz-linear-gradient(top, #fd8f9b 0%, #f55 50%, #f60000 50%, #ffa7b0 100%);
	background: -o-linear-gradient(top, #fd8f9b 0%, #f55 50%, #f60000 50%, #ffa7b0 100%);
	background: -ms-linear-gradient(top, #fd8f9b 0%, #f55 50%, #f60000 50%, #ffa7b0 100%);
	background: linear-gradient(to bottom, #fd8f9b 0%, #f55 50%, #f60000 50%, #ffa7b0 100%);
}
h2.important{
	width:918px;
	border:6px solid #CCC;
	padding:5px;
	margin-top:50px;
}
h2.important strong{
	height:30px;
	line-height:30px;
	text-align:center;
	font-weight:bold;
	background:#FF0;
	display:block;
	letter-spacing:0.2em;
	margin-bottom:5px;
}
h2.important p{
	font-size:14px;
	
}
h2.important p span{
	font-weight:bold;
	color:#C00;
}


.data table.buyprice{
	width:750px;
	float:right;
	font-size:14px;
	color:#000;
}
.data table.buyprice th,td{
	border:1px solid #ccc;
	font-weight:normal;
	padding:10px;
}
.data table.buyprice th{
	background:#f0fff0;
}
.data table.buyprice th.b_txt{
	background:#FFC;
	color:#F00;
}
.data table.buyprice td.b_txt{
	background:#FFC;
	color:#f00;
	font-weight:bold;
	font-size:18px;
}