#sub-image {position:relative;height:180px;}
#sub-image .bg-image {position:absolute;top:19px;left:15px;}
#sub-image .pankuzu {position:absolute;top:28px;left:56px;font-size:10px;width:500px;letter-spacing:0em;}
#sub-image .pankuzu li {margin:0 10px 0 0;float:left;}
#sub-image .pankuzu li.yaji {background-image:url('../img/ico_arrow.gif');background-repeat:no-repeat;background-position:left 5px;padding-left:10px;}
#sub-image .text {position:absolute;top:97px;left:56px;font-size:11px;width:390px;letter-spacing:0em;line-height:130%;}

/* ログイン画面 */
#right_contents h2 {padding:10px 0 0 0;}
#right_contents .login-box {width:715px;}
#right_contents .text {padding:20px 0px 20px 15px;}
#right_contents .bg-login {background-image:url('img/bg_login.jpg');background-repeat:no-repeat;background-position:left top;width:715px;height:150px;position:relative;}
#right_contents .bg-login .mail_login {position:absolute;top:30px;left:87px;}
#right_contents .bg-login dl dt, #right_contents .bg-login dl dd {float:left;}
#right_contents .bg-login .pass {position:absolute;top:71px;left:87px;}
#right_contents .bg-login dl dt {width:127px;}
#right_contents .bg-login dl dd input {width:430px;padding:3px 5px;}
#right_contents .bg-login .auto {position:absolute;top:116px;left:256px;}
#right_contents .login-btn {text-align:center;margin:21px 0 0 0;}
#right_contents .text a {color:#924440;font-weight:bold;}
#right_contents .merit {text-align:center;}
#right_contents .new {text-align:center;margin:40px 0 70px 0;}
#right_contents .att_text {padding:10px 0 0 20px;}

/* パスワード再発行 */
.info-table { width:680px;margin:20px 0 20px 10px; }
.info-table th { width: 150px;border:1px solid #333333;padding:7px;background-color:#EEEEEE; }
.info-table td { border:1px solid #333333;padding:7px; }
.info-table td p { color:#CC0000; }
.info-table input { width:490px;padding:3px; }
.info-table input.radio-btn {width:30px;padding:0;}
.info-table select { padding:3px; }
.info-table input.size100 { width:100px; }
.info-table input.size30 { width:30px; }
.info-table input.size200 { width:200px; }
.info-table input.size-reset { width:100%; }
.info-table2 { width:680px;margin:20px 0 20px 10px; }
.info-table2 th { width: 150px;border:1px solid #333333;padding:7px;background-color:#EEEEEE; }
.info-table2 td { border:1px solid #333333;padding:7px; }
.info-table2 td p { color:#CC0000; }
.info-table2 input { padding:3px; }
.info-table2 input.size30 { width:30px; }
.info-table2 select { padding:3px; }
.btn { width:100%;text-align:center;margin-bottom: 100px; }
.att { color: #CC0000; }
.submit-btn { padding:3px; }

.bg-mypage {background-image:url('img/bg_mypage.jpg');background-repeat:repeat-x;background-position:left bottom;width:700px;padding:0 0 10px 0;}
.info-table3 {width:595px;margin:22px 0 0 57px;}
.info-table3 th {width:20%}

.info-table4 {margin:25px 0 0 0;width:715px;}
.info-table4 th {padding:0 0 6px 0}
.info-table4 td {padding:8px 0 8px 10px;border-top:#CCCCCC 1px solid;border-bottom:#CCCCCC 1px solid;}
.info-table4 td.left-border {background-image:url('../cart/img/bar_t65.jpg');background-repeat:no-repeat;background-position:right center;}
.info-table4 td p.price {font-size:14px;text-align:right;padding:0 10px 0 0;}

.info-table5 {width:715px;margin:25px 0 15px 0;}
.info-table5 th {border:1px solid #333333;padding:7px;background-color:#EEEEEE;text-align:center;}
.info-table5 td {width:50%;text-align:center;border:1px solid #333333;padding:7px;}

#right_contents .thanks {width:715px;text-align:center;margin:75px 0 0 0;}
#right_contents .thanks-text {padding:50px 0 0 120px;}

.info-table6 {width:700px;margin:25px 0 15px 0;}
.info-table6 th {border:1px solid #333333;padding:7px;background-color:#EEEEEE;text-align:center;}
.info-table6 td {border:1px solid #333333;padding:7px;}
.info-table6 td.date {text-align:center;}
.info-table6 td.num {text-align:right;}
.info-table6 td.price {text-align:right;}

.cart_table {width:700px;}
.cart_table th {border:2px solid #FFFFFF;background-color:#669999;padding:4px 0 4px 0;font-weight:normal;text-align:center;color:#FFFFFF;}
.cart_table td {padding-top:4px;padding-left:10px;padding-bottom:4px;border:2px solid #FFFFFF;}
.cart_table td.image_cell {padding-left:0;}
.cart_table tr.even td {background-color:#ECE8D5;}
.cart_table tr.odd td {background-color:#F5F2E3;}
.col_center {text-align:center;padding-left:4px !important;padding-right:4px;}
.total_price {background-color:#C2D8D8 !important;color:#333333 !important;}
.price_disp {text-align:right;padding-right:4px;background-color:#D6E4E4;}
.num_change {text-align:right;padding-top:5px;padding-right:28px;}
.hinban {letter-spacing:0.1em;width:370px;}
.border_none {border:0 !important;}
.item_name p {float:left;}
.image {width:110px;text-align:center;height:75px;}
.item_name .text {width:260px;}
.btn_box {padding-top:20px;width:700px;text-align:center;}
ul.pankuzu li {float:left;}
.no_item {padding-top:15px;padding-left:15px;}
.title {clear:both;padding-top:2px;padding-bottom:9px;}
.del_btn {background-image:url('../img/delete.jpg');width:40px;height:24px;border:0;}
.num_change input {vertical-align:middle;}
input.off {color:#999;}
.ssl_table {margin:0 0 0 292px;}



@media (max-width:767px){
	#right_contents .login-box{
		width: 100%;
	}
	#right_contents .bg-login{
		width: 100%;
		height: auto;
		border: 4px solid #DBD5C7;
		background: #F2F1ED;
		padding: 20px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	#right_contents .bg-login .mail_login,
	#right_contents .bg-login .pass{
		position: static;
		display: block;
		margin: 0 auto 20px;
	}
	#right_contents .bg-login dl dt,
	#right_contents .bg-login dl dd{
		float: none;
		display: block;
		width: 100%;
	}
	#right_contents .bg-login dl dd input{
		width: 100%;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		border: 1px solid #ddd;
	}
	#right_contents .bg-login .auto{
		position: static;
	}
	#right_contents .merit img{
		max-width: 100%;
		height: auto;
	}
	.info-table,
	.info-table tbody,
	.info-table tr,
	.info-table th,
	.info-table td{
		display: block;
		width: 100% !important;
		font-size: 12px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		text-align: left;
	}
	.info-table{
		width: auto !important;
		margin: 20px 10px;
		border-bottom: 1px solid #333;
	}
	.info-table td{
		border-top: none;
		border-bottom: none;
	}
	.info-table input{
		width: 100%;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding: 5px;
		line-height: 120%;
		font-size: 12px;
		border: 1px solid #ddd;
	}
	.info-table input.size200{
		width: 100%;
		margin: 0 auto 10px;
	}
	.info-table input.size100{
		width: 28%;
	}
	.info-table select{
		border: 1px solid #ddd;
		width: 100%;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.info-table input.name{
		width: 40%;
	}
	.info_table input.name:nth-of-type(2){
		margin-right: 6%;
	}
	.btn{
		margin-bottom: 20px;
	}
	.btn input[type="submit"]{
		border: 1px solid #fff;
		color: #fff;
		background: #544530;
		padding: 1em 2em;
		font-size: 12px;
		border-radius: 0;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.ssl_table{
		margin: 0 auto;
	}
	#right_contents .thanks{
		width: auto;
		margin: 40px 10px 0;
	}
	#right_contents .thanks img{
		max-width: 100%;
		height: auto;
	}
	#right_contents .thanks-text{
		padding: 40px 0 0;
		margin: 0 15px;
	}
	.bg-mypage{
		width: 100%;
		background: none;
	}
	.info-table3{
		display: block;
		width: auto;
		margin: 20px auto 0;
	}
	.info-table3 tbody,
	.info-table3 tr,
	.info-table3 th{
		display: block;
		width: 100%;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.info-table3 tr{
		letter-spacing: -0.4em;
	}
	.info-table3 th{
		text-align: center;
		display: inline-block;
		letter-spacing: normal;
		width: 50%;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding: 0 0 20px;
	}
	#right_contents .att_text{
		padding: 20px 15px;
	}
	
	
	.info-table2,
	.info-table6,
	.cart_table{
		display: block;
		width: auto;
		margin: 20px 10px;
		font-size: 12px;
	}
	.info-table2 thead,
	.info-table6 thead,
	.cart_table thead{
		display: none;
	}
	.info-table2 tbody,
	.info-table6 tbody,
	.cart_table tbody{
		display: block;
		width: auto !important;
		overflow-x: auto;
		white-space: nowrap;
	}
	.info-table2 th,
	.info-table6 th,
	.cart_table th{
		display: block;
		width: auto !important;
		padding: 15px;
		border: 1px solid #040404;
		border-left: none;
		border-right: none;
		border-bottom: 0;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.info-table2 tr,
	.info-table6 tr,
	.cart_table tr{
		display: block;
		margin: 0;
		border-bottom: 1px solid #040404;
		border-right: 1px solid #040404;
	}
	.info-table2 td,
	.info-table6 td,
	.cart_table td{
		display: block;
		border: 1px solid #040404;
		border-right: none;
		border-bottom: 0;
		padding: 15px;
		text-align: center;
	}
	.info-table2 tbody>tr>td:nth-child(1){
		background: #040404;
		color: #fff;
	}
	.info-table2 tbody>tr>td:nth-child(2):before{
		content: '【お名前】';
		font-weight: bold;
		display: block;
	}
	.info-table2 tbody>tr>td:nth-child(3):before{
		content: '【住所】';
		font-weight: bold;
		display: block;
	}
	.cart_table thead tr{
		border-bottom: 1px solid #fff;
	}
	.cart_table thead th{
		border: 1px solid #fff;
		border-bottom: none;
	}
	.cart_table td .image{
		width: auto;
		margin: 0 auto;
		height: auto;
	}
	.cart_table tbody>tr>td:nth-child(2):before{
		content: '【商品名】';
		font-weight: bold;
		display: block;
	}
	.cart_table tbody>tr>td:nth-child(3):before{
		content: '【単価】';
		font-weight: bold;
		display: block;
	}
	.cart_table tbody>tr>td:nth-child(4):before{
		content: '【数量】';
		font-weight: bold;
		display: block;
	}
	.cart_table tbody>tr>td:nth-child(5):before{
		content: '【金額】';
		font-weight: bold;
		display: block;
	}
	#right_contents .cart_table .item_name p{
		padding: 0;
		width: auto;
		float: none;
		word-wrap: break-word;
		word-break: break-all;
	}
	#right_contents .cart_table .item_name p>a{
		word-wrap: break-word;
		word-break: break-all;
	}
	.spin_box{
		width: auto;
		text-align: center;
	}
	.cart_table tfoot{
		display: block;
		width: 100%;
		letter-spacing: -0.4em;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		border-left: 1px solid #040404;
		border-top: none;
	}
	.cart_table tfoot>tr{
		display: inline-block;
		margin: 0;
		letter-spacing: normal;
		width: 33.3333%;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.cart_table tfoot>tr>th{
		border-top: 0;
	}
	.cart_table tfoot>tr>td{
		border-left: 0;
	}
	.cart_table tfoot>tr>td:first-child{display: none;}
	
	#right_contents form{
		display: block;
		text-align: center;
	}
	#right_contents form input[type="submit"]{
		display: inline-block;
		font-size: 12px;
		line-height: 100%;
		border-radius: 0;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border: 1px solid #ddd;
		padding: 10px 20px;
		background: #544530;
		color: #fff;
	}
	.info-table2+input[type="submit"]{
		padding: 20px;
	}
	
	table.history tr.head{
		display: none;
	}
	table.history tr{
		display: block;
		letter-spacing: -0.4em;
		text-align: left;
	}
	table.history tr.product{
		margin: 0 auto 20px;
	}
	table.history .maker,
	table.history .model,
	table.history .num,
	table.history .link{
		display: inline-block;
		letter-spacing: normal;
		width: 50%;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		text-align: left;
	}
	table.history .name{
		display: block;
		letter-spacing: normal;
		text-align: left;
	}
	table.history .link{
		position: relative;
		padding: 10px;
	}
	table.history .link input{
		border: none;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		opacity: 0;
	}
	table.history .maker:before{
		content: '【メーカー】';
		display: block;
	}
	table.history .model:before{
		content: '【型番】';
		display: block;
	}
	table.history .name:before{
		content: '【商品名】';
		display: block;
	}
	table.history .num:before{
		content: '【購入個数】';
	}
	table.history .link:before{
		content: '商品ページへ';
		display: block;
		background: #008C8D;
		color: #fff;
		text-align: center;
		padding: 5px;
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
	}
}