/* ### Default ### */
.d-table{
	display: table;
	width: 100%;
}
.d-table-cell{
	display: table-cell;
	vertical-align: middle;
}
.bg-blue{
	background: #09C;
}
.bg-orange{
	background: #F60;
}
.bg-grey{
	background: #666;
}
.txt-orange{
	color: #F60;
}
.txt-red{
	color: #e60039;
}
.txt-green{
	color: #3cc464;
}
.txt-grey{
	color: #333;
}
.txt-bold{
	font-weight: bold;
}
.center{
	text-align: center;
}
.fs14{
	font-size: 14px;
}
.fs16{
	font-size: 16px !important;
}
.fs75p{
	font-size: 75%;
}
.w90p{
	width: 90%;
}
.w100{
	width: 100px;
}
.w150{
	width: 150px;
}
.w160{
	width: 160px;
}
.w40p{
	width: 40%;
}
.mt05{
	margin-top: 5px;
}
.mt05{
	margin-top: 5px;
}
.mt10{
	margin-top: 10px !important;
}
.mt15{
	margin-top: 15px !important;
}
.mt20{
	margin-top: 20px;
}
.mt30{
	margin-top: 30px;
}
.mb0{
	margin-bottom: 0 !important;
}
.mb05{
	margin-bottom: 5px;
}
.mb08{
	margin-bottom: 8px !important;
}
.mb10{
	margin-bottom: 10px !important;
}
.mb15{
	margin-bottom: 15px !important;
}
.mb17{
	margin-bottom: 17px !important;
}
.mb20{
	margin-bottom: 20px !important;
}
.mb40{
    margin-bottom: 40px;
}
.mb50{
    margin-bottom: 50px;
}
.ml05{
	margin-left: 5px;
}
.ml10{
	margin-left: 10px;
}
.ptb14{
	padding: 14px 0 !important;
}
.pt15{
	padding-top: 15px !important;
}
.pl10{
	padding-left: 10px;
}
.breadcrumb h1{
    line-height: 26px;
}
.btn-green,
.btn-green:focus {
	color: #fff;
	padding: 6px 12px;
	font-size:12px;
	font-weight: bold;
	background: #51b11d;
	border: 2px solid #51b11d;
	outline: none;
}
.btn-green:hover{
	color: #fff;
}
.page-contents .sub-title-blue {
    margin-bottom: 20px;
    padding: 5px;
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    background: #187ecc;
}
.dot-arrow{
	background:url('../img/element/dot01.gif') 3px 3px no-repeat;
	padding-left: 10px;
}
.streak {
    text-decoration: line-through;
}
/* ### End of Default ### */


/* ### Shop Guide ### */
/* --- Shipping Time --- */
.shipping-time{
}

.shipping-time:after{
	clear: both;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}

	.shipping-time .ship-detail{
		border: 1px solid #ccc;
		float: left;
		font-size: 12px;
		margin: 15px;
		text-align: center;
		width: 438px;
	}

	.shipping-time .ship-detail:nth-child(2n+1){
		clear: both;
	}

		.shipping-time .ship-detail p{
			margin-bottom: 0;
		}

		.shipping-time .ship-detail .upper-box{
			padding: 5px;
		}

			.shipping-time .ship-detail .upper-box .head{
				color: #fff;
				display: table;
				height: 100px;
				margin-bottom: 10px;
				width: 100%;
			}

			.shipping-time .bottomleft .upper-box .head{
				height: 75px;
			}

				.shipping-time .ship-detail .upper-box .head p{
					display: table-cell;
					vertical-align: middle;
				}

			.shipping-time .ship-detail .upper-box .content{
				padding: 0 5px;
			}

			.shipping-time .ship-detail .upper-box .border-line{
				border-top: 1px dotted #ccc;
				margin-top: 10px;
				padding: 10px 5px 0;

				-moz-box-sizing: content-box;
				-webkit-box-sizing: content-box;
				box-sizing: content-box;
			}

				.shipping-time .ship-detail .upper-box .content a{
					display: block;
				}

				.shipping-time .topleft .upper-box .bto{
					height: 230px;
				}

				.shipping-time .topleft .upper-box .nouki-graph{
					height: 338px;
				}

				.shipping-time .topleft .upper-box .pc-koubou{
					display: table;
					height: 45px;
					width: 416px;
				}

				.shipping-time .topright .upper-box .content{
					display: table;
					width: 100%;
				}

					.shipping-time .topright .upper-box .content > div{
						display: table-cell;
						vertical-align: middle;
					}

				.shipping-time .topright .upper-box .iiyama{
					height: 180px;
				}

				.shipping-time .topright .upper-box .pc-parts{
					height: 100px;
				}

				.shipping-time .topright .upper-box .nantena{
					height: 120px;
				}

		.shipping-time .ship-detail .bottom-box{
		}
			.shipping-time .ship-detail .bottom-box > div{
				border-top: 1px solid #ccc;
				display: table;
				width: 100%;
			}

			.shipping-time .ship-detail .bottom-box table{
				border-top: 1px solid #ccc;
				width: 100%;
			}

				.shipping-time .ship-detail .bottom-box table th,
				.shipping-time .ship-detail .bottom-box table td{
					border-left: 1px solid #ccc;
				}

				.shipping-time .ship-detail .bottom-box table th:first-child,
				.shipping-time .ship-detail .bottom-box table td:first-child{
					border-left: none;
				}

				.shipping-time .ship-detail .bottom-box table th{
					background: #f5f5f5;
					height: 30px;
					font-weight: bold;
					text-align: center;
				}

				.shipping-time .ship-detail .bottom-box table td{
					border-top: 1px solid #ccc;
				}

			.shipping-time .topleft .bottom-box > div{
				height: 45px;
			}

				.shipping-time .topleft .bottom-box > div > p{
					display: table-cell;
					vertical-align: middle;
				}

			.shipping-time .topleft .bottom-box table{
			}


			.shipping-time .topright .bottom-box > div{
				height: 170px;
			}

				.shipping-time .topright .bottom-box > div > div{
					display: table-cell;
					vertical-align: middle;
				}

/* --- End of Shipping-time --- */

/* --- List Guide --- */
.list-guide{
	font-size: 12px;
}

	.list-guide ul li{
		border-bottom: 1px dotted #187ecc;
		margin-top: 3px;
		padding: 3px 0;
	}
/* --- End of List Guide --- */

/* --- Step Guide --- */
.step-guide{
	font-size: 12px;
}

	.step-guide dl{
		margin-bottom: 20px;
	}

		.step-guide dl dt{
			color: #F60;
			font-size: 14px;
			font-weight: bold;
		}

		.step-guide dl dd{
		}

			.step-guide dl dd .step-title{
				font-size: 14px;
				font-weight: bold;
				margin: 12px 0;
			}

			.step-guide dl dd p{
				margin-bottom: 0;
			}

			.step-guide dl dd table{
				width: 100%;
			}

			.step-guide .step01 dd table{
				border: 1px solid #ccc;
			}

				.step-guide .step01 dd table tr th,
				.step-guide .step01 dd table tr td{
					border-left: 1px solid #ccc;
					padding: 10px;
					width: 20%;
				}

				.step-guide .step01 dd table tr th:first-child,
				.step-guide .step01 dd table tr td:first-child{
					border-left: none;
				}

				.step-guide .step01 dd table tr th{
					border-bottom: 1px solid #ccc;
					background: #E3E3E3;
					font-weight: bold;
				}

				.step-guide .step03 dd table tr td + td{
					padding: 10px;
				}

			.step-guide dl dd .txt-box{
				border: 1px solid #e60039;
				display: inline-block;
				padding: 5px;
				width: auto;
			}

				.step-guide dl dd .txt-box ul{
					margin-bottom: 0;
				}

/* --- End of Step Guide --- */

/* --- Step Manual --- */
.step-manual{
	font-size: 12px;
}

	.step-manual p,
	.step-manual ul{
		margin: 0;
		padding: 0;
	}

	.step-manual .manual{
		margin-top: 20px;
	}

	.step-manual .manual:first-child{
		margin-top: 0;
	}

		.step-manual .manual .step-title{
			font-size: 14px;
			font-weight: bold;
			margin-bottom: 5px;
		}

			.step-manual .manual .step-title span{
				font-weight: normal;
				font-size: 12px;
			}

		.step-manual .manual .payment-table{
			border: 1px solid #3cc464;
			width: 480px;
		}

			.step-manual .manual .payment-table td{
				padding: 10px;
				text-align: left;
				width: 270px;
			}

				.step-manual .manual .payment-table td a{
					font-weight: bold;
				}

				.step-manual .manual .payment-table td img{
					margin-bottom: 15px;
				}

			.step-manual .manual .payment-table td + td{
				width: auto;
			}

				.step-manual .manual .payment-table td + td img{
					margin-bottom: 0;
				}

		.step-manual .manual .credit-table{
			border: 1px solid #ccc;
			width: 80%;
		}

			.step-manual .manual .credit-table th,
			.step-manual .manual .credit-table td{
				border-left: 1px solid #ccc;
				padding: 5px 10px;
				text-align: center;
				width: 9%;
			}

			.step-manual .manual .credit-table th:first-child,
			.step-manual .manual .credit-table td:first-child{
				border-left: none;
				width: 10%;
			}

			.step-manual .manual .credit-table th{
				background: #F60;
				border-bottom: 1px solid #ccc;
				font-size: 14px;
				font-weight: bold;
			}

/* --- End of Step Manual --- */

/* --- Payment Guide --- */
.pay-guidewrap{
	font-size: 12px;
}

	.pay-guidewrap p,
	.pay-guidewrap ul{
		margin: 0;
	}

	.pay-guidewrap .for-customer .pay-guide,
	.pay-guidewrap .receipt-issued .pay-guide{
	}

		.pay-guidewrap .for-customer .pay-guide .guide-title,
		.pay-guidewrap .receipt-issued .pay-guide .guide-title{
			font-size: 14px;
			font-weight: bold;
		}

	.pay-guidewrap .for-customer .pay-label,
	.pay-guidewrap .receipt-issued .pay-label{
		font-size: 14px;
		font-weight: bold;
	}

	.pay-guidewrap .for-customer{
		margin-bottom: 15px;
	}

	.pay-guidewrap .receipt-issued{
	}

		.pay-guidewrap .receipt-issued .pay-guide{
			margin-bottom: 15px;
		}

			.pay-guidewrap .receipt-issued .pay-guide ul li ul{
				padding-left: 15px;
			}
/* --- End of Payment Guide --- */

/* --- 3hosyou --- */
.hosyou-guidewrap{
	font-size: 12px;
}

	.hosyou-guidewrap p,
	.hosyou-guidewrap ul,
	.hosyou-guidewrap dl{
		margin-bottom: 0;
	}

		.hosyou-guidewrap .hosyou-guide{
		}

			.hosyou-guidewrap .hosyou-guide .hosyou{
				margin-top: 20px;
			}

			.hosyou-guidewrap .hosyou-guide .hosyou h3:before{
				background:url('../img/element/dot_dot.gif') 0 0 repeat;
				height: 16px;
				content: " ";
				display: block;
				margin-bottom: 8px;
			}

				.hosyou-guidewrap .hosyou-guide .hosyou h3{
					color: #187ecc;
					font-size: 16px;
					font-weight: bold;
					margin-bottom: 10px;
				}

				.hosyou-guidewrap .hosyou-guide .hosyou .hosyou-links{
				}

					.hosyou-guidewrap .hosyou-guide .hosyou .hosyou-links li{
						margin-top: 5px;
					}

					.hosyou-guidewrap .hosyou-guide .hosyou .hosyou-links li:first-child{
						margin-top: 0;
					}
/* --- End of 3hosyou --- */

/* ### End of Shop Guide ### */

/* support page > */
.info-support{
    font-size: 13px;
}
    .info-support .support-link{
        display: block;
        padding: 5px 0;
        border-bottom: 1px dotted #ddd;
    }
    .info-support b.mt30{
        display: block;
    }
/* < support page */

/* guarantee page > */
.shop-guide-guarantee{
    font-size: 13px;
}
    .shop-guide-guarantee img.ctr{
        display: block;
        margin: 0 auto;
    }
    .shop-guide-guarantee b.red{
        color: #ff0000;
    }
    .shop-guide-guarantee b.mb5{
        margin-bottom: 5px;
        display: block;
    }
/* < guarantee page*/


/* FAQ */
.info-support .support-link a,
.faq-list li a.icon-q{
	display: inline-block !important;
}
/* End of FAQ */


/* agree page >>> */
.agree-table{
    border-top: 1px solid #ccc;
    margin: 20px 0;
}
    .agree-table td{
        padding: 5px 0;
        vertical-align: top;
    }
    .agree-table td:first-child{
        text-align: right;
        font-weight: bold;
    }
    .agree-table tr{
        border-bottom: 1px solid #ccc;
    }
    .agree-table td.blue{
        font-weight: normal;
        color: #fff;
        text-align: center;
        background: #187ecc;
    }
.in-title{
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 8px;
}
.info-outlet .in-title {
    padding-top: 10px;
}
[name=hyouki] {
    display: block;
    position: relative;
    top: -110px;
}
/* <<< agree page */

/* Outlet >>> */
.shop-outlet-button {
    padding: 10px;
    text-align: center;
    border: 2px solid #006699;
}
    .shop-outlet-button a{
        color: #006699;
        font-size: 24px;
        font-weight: bold;
    }
/* <<< Outlet */

/* doui >>>*/
.shop-doui-box{
    padding: 10px;
    border: 1px solid #000;
}
    .shop-doui-box .red{
        color: red;
        font-weight: bold;
    }
/* <<< doui*/

/* driver >>> */
.shop-driver{
}
    .shop-driver > h2{
        font-size: 15px;
        margin-bottom: 15px;
    }
    .shop-driver h4{
        font-size: 13px;
        margin-top: 15px;
    }
/* <<< driver */

/* affiliate >>> */
.info-affiliate-ilustration{
    width: 70%;
    margin: 0 auto 40px auto;
    font-size: 15px;
}
    .info-affiliate-ilustration td:first-child{
        text-align: center;
    }
    .info-affiliate-ilustration td{
        padding: 20px;
    }
    .info-affiliate-ilustration .number{
        color: #187ecc;
        font-weight: bold;
        float: left;
    }
    .info-affiliate-border{
        margin-bottom: 30px;
    }
    .info-affiliate-border td{
        padding: 10px;
        border: 1px solid #000;
    }
    .info-affiliate-borderb{

    }
    .info-affiliate-borderb li{
        border-bottom: 1px solid #ccc;
        padding: 5px;
    }
/* <<< affiliate */


/* Secure-Wrap */
.secure-wrap{
	font-size: 13px;
}

	.secure-wrap dl{
		margin-bottom: 20px;
	}

		.secure-wrap dl dt{
			margin-bottom: 10px;
		}

		.secure-wrap dl dd{
			border: 1px solid #ccc;
			display: inline-block;
			padding: 10px;
			width: 60%;
		}

			.secure-wrap dl dd p{
				margin-bottom: 0;
			}

			.secure-wrap dl dd ul{
				margin-bottom: 0;
			}

				.secure-wrap dl dd > ul > li{
					margin-top: 10px;
				}
				
				.secure-wrap dl dd > ul > li:first-child{
					margin-top: 0;
				}

					.secure-wrap dl dd ul li ul{
						margin: 10px 0;
					}

					.secure-wrap dl dd ul li:first-child p{
						margin-top: 0;
					}

						.secure-wrap dl dd ul li ul li{
							background:url('../img/element/dot01.gif') 10px 2px no-repeat;
							padding-left: 20px;
						}
/* End of Secure-Wrap */

/* Yu Packet */
.packet-wrap{
	font-size: 13px;
}
	.packet-wrap p{
		margin-bottom: 0;
	}

	.packet-wrap .packet-container{
		margin-top: 20px;
	}
	.packet-wrap .packet-container:first-child{
		margin-top: 0;
	}

		.packet-wrap .packet-container .packet-title{
			color: #1873cc;
			font-size: 16px;
			font-weight: bold;
			margin-bottom: 10px;
		}

		.packet-wrap .packet-container dl{
			margin-bottom: 0;
		}

			.packet-wrap .packet-container dl dt{
				font-size: 14px;
			}

			.packet-wrap .packet-container dl dd{
			}

				.packet-wrap .packet-container ul{
					padding-left: 15px;
				}

					.packet-wrap .packet-container ul li{
						border-bottom: 1px dotted #187ecc;
						list-style: disc;
						padding: 5px 0;
					}

.btn.btn-link-blue {
    background: #187ecc;
    color: #fff;
}
.btn.btn-link-blue:hover {
    text-decoration: underline;
}
/* End of Yu Packet */