
/*------カート画面 》お客様情報入力 》入力確認 》終了のナビ-------*/

.navi{
	text-align: center;
}

.navi ul{
	list-style: none;
	padding-left: 0;
	width: 420px;
	margin: 20px auto 20px auto;
	
}

.navi ul li{
	height: 28px;
	float:left;
	padding-top: 12px;
}

.navi ul li.current{
	background-color: #FEC896;
	font-weight: bold;
}

.navi ul li.others{
	background-color: #f8f8f8;
	
}

.navi ul li.ya{
	width: 20px;
}

.navi ul li.cart,
.navi ul li.confirm,
.navi ul li.thanks{
	width: 80px;
}

.navi ul li.enter{
	width: 120px;
}

/*------カート部分-------*/

.cart_tb{ 
	margin: 0 auto;
	border-collapse:collapse;
}
.cart_tb td{ 
	border:1px solid #999999;
	border-collapse:collapse;
}

.img{
	vertical-align:middle;
}

.hd_row td{
	font-weight: bold;
}

/*------cart.html-------*/

.muryo{
	width: 512px;
	margin: 10px auto;
}


.buttons{
	width: 512px;
	margin: 10px auto 10px auto;
}

.prev_button{
	width: 40%;
	float: left;
	text-align: left;
}

.func_button{
	width: 60%;
	float: right;
	text-align: right;
}


/*------enter.html-------*/

.table_fo td:nth-child(1){
	background-color: #d8d8d8;
	font-weight: bold;
}

.aste{
	color: #cc3300;
	font-weight: normal;
}

/*------confirm.html-------*/

.kakunin,.chumon{
	margin-top: 15px;
}

.onaji{
	width: 512px;
	margin: 5px auto;
}

/*------thanks.html-------*/

.thanks h1{
	text-align: center;
	font-size: 13px;
}

.thanks p{
	width: 512px;
	margin: 0 auto;
}

/*------部品-------*/

.e{
	color: #cc3300;
}

.btn_enter{
	padding: 8px 15px;
	background-color: #6bad42;
	border-radius: 4px;
	border-style: solid;
	border-color: #395E24;
	border-width: 1px;
	color: #ffffff;
	font-weight: bold;
}

.att{
	margin: 0 auto;
	width: 512px;
}

.midasi{
	margin: 20px auto 3px auto;
	width: 512px;
	font-weight: bold;
}

.center{
	text-align: center;
}

/*------以下はスマートフォン用の表示-------*/

@media screen and (max-width:600px){

	/*------ナビゲーション-------*/
	
	
	.navi{
		display: none;
	}
	
	.main_cart{
		margin-top: 30px;
	}
	
	/*------入力フォーム-------*/
	
	input[type=text],textarea{
		border: 1px solid #C9D1DC;
	}

	select{
		border: 1px solid #C9D1DC;
	}
	
	.table_fo td:nth-child(1){
		background-color: #ffffff;
	}

	.table_fo {
		width: 90%;
		border-width: 0px;
	}

	.table_fo tr,
	.table_fo th,
	.table_fo td {
		display: block;
		width: auto;
		padding: 2px;
		border-width: 0px;
	}
	
	.table_fo tr{
		margin-bottom: 15px;
	}

	.table_fo th {
		padding-bottom: 0;
	}

	.table_fo input[type='text'],
	.table_fo textarea {
		width: 100%;
	}
	

	/*------カート部分-------*/

	.cart_tb{
		width: 95%;
	}
	
	.cart_tb tr.hd_row{
		display: none;
	}
	
	.cart_tb tr.hd_row td{
		border-width: 0px;
	}

	.cart_tb tr.item_row:nth-child(2) td:nth-child(1) { 
		border-right: 1px dotted #cccccc;
		border-bottom: 1px dotted #cccccc;
		border-top-width: 0px;
		border-left-width: 0px;
		
	}
	.cart_tb tr.item_row:nth-child(2) td:nth-child(2) { 
		border-right: 1px dotted #cccccc;
		border-bottom: 1px dotted #cccccc;
		border-left: 1px dotted #cccccc;
		border-top-width: 0px;
	}
	.cart_tb tr.item_row:nth-child(2) td:nth-child(3) { 
		border-right: 1px dotted #cccccc;
		border-bottom: 1px dotted #cccccc;
		border-left: 1px dotted #cccccc;
		border-top-width: 0px;
	}
	.cart_tb tr.item_row:nth-child(2) td:nth-child(4) { 
		border-right: 1px dotted #cccccc;
		border-bottom: 1px dotted #cccccc;
		border-left: 1px dotted #cccccc;
		border-top-width: 0px;
	}
	.cart_tb tr.item_row:nth-child(2) td:nth-child(5) { 
		border-bottom: 1px dotted #cccccc;
		border-left: 1px dotted #cccccc;
		border-top-width: 0px;
		border-right-width: 0px;
	}
	
	.cart_tb tr.item_row:nth-child(n+3) td:nth-child(1) { 
		border-right: 1px dotted #cccccc;
		border-bottom: 1px dotted #cccccc;
		border-top: 1px dotted #cccccc;
		border-left-width: 0px;
	}
	.cart_tb tr.item_row:nth-child(n+3) td:nth-child(2) { 
		border-right: 1px dotted #cccccc;
		border-bottom: 1px dotted #cccccc;
		border-left: 1px dotted #cccccc;
		border-top: 1px dotted #cccccc;
	}
	.cart_tb tr.item_row:nth-child(n+3) td:nth-child(3) { 
		border-right: 1px dotted #cccccc;
		border-bottom: 1px dotted #cccccc;
		border-left: 1px dotted #cccccc;
		border-top: 1px dotted #cccccc;
	}
	.cart_tb tr.item_row:nth-child(n+3) td:nth-child(4) { 
		border-right: 1px dotted #cccccc;
		border-bottom: 1px dotted #cccccc;
		border-left: 1px dotted #cccccc;
		border-top: 1px dotted #cccccc;
	}
	.cart_tb tr.item_row:nth-child(n+3) td:nth-child(5) { 
		border-bottom: 1px dotted #cccccc;
		border-left: 1px dotted #cccccc;
		border-top: 1px dotted #cccccc;
		border-right-width: 0px;
	}
	
	.cart_tb tr.subtotal_row td:nth-child(1) { 
		border-right: 1px dotted #cccccc;
		border-bottom: 1px dotted #cccccc;
		border-top: 1px dotted #cccccc;
		border-left-width: 0px;
		text-align: left;
	}
	.cart_tb tr.subtotal_row td:nth-child(2) { 
		border-left: 1px dotted #cccccc;
		border-bottom: 1px dotted #cccccc;
		border-top: 1px dotted #cccccc;
		border-right-width: 0px;
	}
	
	.cart_tb tr.tax_row td:nth-child(1) { 
		border-right: 1px dotted #cccccc;
		border-bottom: 1px dotted #cccccc;
		border-top: 1px dotted #cccccc;
		border-left-width: 0px;
		text-align: left;
	}
	.cart_tb tr.tax_row td:nth-child(2) { 
		border-left: 1px dotted #cccccc;
		border-bottom: 1px dotted #cccccc;
		border-top: 1px dotted #cccccc;
		border-right-width: 0px;
	}
	
	.cart_tb tr.wari_row td:nth-child(1) { 
		border-right: 1px dotted #cccccc;
		border-bottom: 1px dotted #cccccc;
		border-top: 1px dotted #cccccc;
		border-left-width: 0px;
		text-align: left;
	}
	.cart_tb tr.wari_row td:nth-child(2) { 
		border-left: 1px dotted #cccccc;
		border-bottom: 1px dotted #cccccc;
		border-top: 1px dotted #cccccc;
		border-right-width: 0px;
	}

	.cart_tb tr.subtotal2_row td:nth-child(1) { 
		border-right: 1px dotted #cccccc;
		border-bottom: 1px dotted #cccccc;
		border-top: 1px dotted #cccccc;
		border-left-width: 0px;
		text-align: left;
	}
	.cart_tb tr.subtotal2_row td:nth-child(2) { 
		border-left: 1px dotted #cccccc;
		border-bottom: 1px dotted #cccccc;
		border-top: 1px dotted #cccccc;
		border-right-width: 0px;
	}
	
	.cart_tb tr.postage_row td:nth-child(1) { 
		border-right: 1px dotted #cccccc;
		border-bottom: 1px dotted #cccccc;
		border-top: 1px dotted #cccccc;
		border-left-width: 0px;
		text-align: left;
	}
	.cart_tb tr.postage_row td:nth-child(2) { 
		border-left: 1px dotted #cccccc;
		border-bottom: 1px dotted #cccccc;
		border-top: 1px dotted #cccccc;
		border-right-width: 0px;
	}
	
	.cart_tb tr.tesu_row td:nth-child(1) { 
		border-right: 1px dotted #cccccc;
		border-bottom: 1px dotted #cccccc;
		border-top: 1px dotted #cccccc;
		border-left-width: 0px;
		text-align: left;
	}
	.cart_tb tr.tesu_row td:nth-child(2) { 
		border-left: 1px dotted #cccccc;
		border-bottom: 1px dotted #cccccc;
		border-top: 1px dotted #cccccc;
		border-right-width: 0px;
	}
	
	.cart_tb tr.total_row td:nth-child(1) { 
		border-right: 1px dotted #cccccc;
		border-bottom: 1px dotted #cccccc;
		border-top: 1px dotted #cccccc;
		border-left-width: 0px;
		text-align: left;
	}
	.cart_tb tr.total_row td:nth-child(2) { 
		border-left: 1px dotted #cccccc;
		border-bottom: 1px dotted #cccccc;
		border-top: 1px dotted #cccccc;
		border-right-width: 0px;
	}

	.cart_tb tr.item_row td:nth-child(1){
		width: 10%;
	}
	.cart_tb tr.item_row td:nth-child(2) {
		width: 40%;
	}
	.cart_tb tr.item_row td:nth-child(3) {
		width: 20%;
	}
	.cart_tb tr.item_row td:nth-child(4) {
		width: 10%;
	}
	.cart_tb tr.item_row td:nth-child(5) {
		width: 20%;
	}
	
	.cart_tb tr.item2_row:nth-child(2) td:nth-child(1) { 
		border-right: 1px dotted #cccccc;
		border-bottom: 1px dotted #cccccc;
		border-top-width: 0px;
		border-left-width: 0px;
		
	}
	.cart_tb tr.item2_row:nth-child(2) td:nth-child(2) { 
		border-right: 1px dotted #cccccc;
		border-bottom: 1px dotted #cccccc;
		border-left: 1px dotted #cccccc;
		border-top-width: 0px;
	}
	.cart_tb tr.item2_row:nth-child(2) td:nth-child(3) { 
		border-right: 1px dotted #cccccc;
		border-bottom: 1px dotted #cccccc;
		border-left: 1px dotted #cccccc;
		border-top-width: 0px;
	}
	.cart_tb tr.item2_row:nth-child(2) td:nth-child(4) { 
		border-bottom: 1px dotted #cccccc;
		border-left: 1px dotted #cccccc;
		border-top-width: 0px;
		border-right-width: 0px;
	}

	.cart_tb tr.item2_row:nth-child(n+3) td:nth-child(1) { 
		border-right: 1px dotted #cccccc;
		border-bottom: 1px dotted #cccccc;
		border-top: 1px dotted #cccccc;
		border-left-width: 0px;
	}
	.cart_tb tr.item2_row:nth-child(n+3) td:nth-child(2) { 
		border-right: 1px dotted #cccccc;
		border-bottom: 1px dotted #cccccc;
		border-left: 1px dotted #cccccc;
		border-top: 1px dotted #cccccc;
	}
	.cart_tb tr.item2_row:nth-child(n+3) td:nth-child(3) { 
		border-right: 1px dotted #cccccc;
		border-bottom: 1px dotted #cccccc;
		border-left: 1px dotted #cccccc;
		border-top: 1px dotted #cccccc;
	}
	.cart_tb tr.item2_row:nth-child(n+3) td:nth-child(4) { 
		border-bottom: 1px dotted #cccccc;
		border-left: 1px dotted #cccccc;
		border-top: 1px dotted #cccccc;
		border-right-width: 0px;
	}

	.cart_tb tr.item2_row td:nth-child(1){
		width: 40%;
	}
	.cart_tb tr.item2_row td:nth-child(2) {
		width: 20%;
	}
	.cart_tb tr.item2_row td:nth-child(3) {
		width: 10%;
	}
	.cart_tb tr.item2_row td:nth-child(4) {
		width: 20%;
	}
	
	/*------カートの下の部分-------*/
	
	.muryo{
		width: 95%;
	}
	
	.btn{
		padding: 14px 15px;
		background-color: #999999;
		border-radius: 4px;
		border-style: solid;
		border-color: #666666;
		border-width: 1px;
		box-shadow: 1px 1px 1px 1px #888888 inset;
		color: #ffffff;
		text-decoration: none;
		font-weight: bold;
	}
	.btn_enter{
		padding: 14px 15px;
		background-color: #6bad42;
		border-radius: 4px;
		border-style: solid;
		border-color: #395E24;
		border-width: 1px;
		box-shadow: 1px 1px 1px 1px #5B9539 inset;
		color: #ffffff;
		text-decoration: none;
		font-weight: bold;
	}
	
	.buttons{
		width: 95%;
	}

	/*------部品-------*/
	
	.midasi{
		width: 95%;
		background-color: #999999;
		text-shadow: 0 1px #ffffff;
		font-weight: bold;
		text-align: left;
		background-color: #d9d9d9;
		padding: 3px;
	}
	
	.att{
		width: 95%;
	}

	.onaji{
		width: 95%;
	}
	
	.thanks p{
		width: 95%;
	}


}
