@charset "utf-8";
/* 
CSS Information
 File name:      system.css
 Author:         Administrator
 Style Info:     /system.html
----------------------------------------------------- */
/* CSS override and Class setting
***********************************/
#content > section {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #e1e1e1;
}

/* #system
***********************************/
.trans_free strong {
	font-size: 116%;
	font-weight: bold;
	color: #900;
}

.trans_free span {
	font-weight: bold;
	color: #B26B11;
}

#price .trans_free {
	padding: 10px;
	border: 1px solid #ddd;
	margin-bottom: 15px;
}

#price .course {
	margin-bottom: 15px;
	background: #F3ECE2;
}

#price .course.standard {background: #F3ECE2;}
#price .course.all {background: #E3F2EE;}
#price .course.combi {background: #FFE8E8;}
#price .course.strech {background: #FDF8C4;}
#price .course.refle {background: #e8fada;}
#price .course.option {background: #F5EDEB;}


#price .course .ttl {
	padding: 8px 15px;
	border-top: 3px solid #000;
	background: rgba(0,0,0,0.1);
	font-size: 108%;
	font-weight: bold;
	color: #fff;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}

#price .course .inner {
	padding: 10px 20px;
}

#price .course table {
	width: 100%;
	margin: 20px 0;
	-webkit-box-shadow: 0 0 0 10px #fff;
	box-shadow: 0 0 0 10px #fff;
}

#price .course th,
#price .course td {
	width: 15%;
	padding: 5px;
	background: #f9f9f9;
	border: 1px solid #ddd;
	text-align: center;
	vertical-align: middle;
}

#price .course tr th:nth-child(2) {
	background: #ffc578;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffc578), color-stop(100%,#fb9d23));
    background: -webkit-linear-gradient(top, #ffc578 0%,#fb9d23 100%);
    background: linear-gradient(to bottom, #ffc578 0%,#fb9d23 100%);
}

#price .course tr th:nth-child(3) {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfff4), color-stop(40%,#dfe5d7), color-stop(100%,#b3bead));
    background: -webkit-linear-gradient(top, #fcfff4 0%,#dfe5d7 40%,#b3bead 100%);
    background: linear-gradient(to bottom, #fcfff4 0%,#dfe5d7 40%,#b3bead 100%);
}

#price .course:not([class*="option"]) tr td:nth-child(2) {
	background: #FFECD0;
}

#price .course td:not([class*="exp"]) {
	color: #605040;
	font-weight: bold;
	text-shadow: 2px 1px 2px rgba(0,0,0,0.4);
}

#price .course td.exp {
	width: 30%;
	font-size: 85%;
	text-align: left;
	vertical-align: top;
}

#delivery #map {
	width: 100%;
	height: 400px;
	margin: 15px 0;
}

.refle a {
	color: #66a79f;
}
#price .course.refle tr th {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfff4), color-stop(40%,#dfe5d7), color-stop(100%,#b3bead));
    background: -webkit-linear-gradient(top, #fcfff4 0%,#dfe5d7 40%,#b3bead 100%);
    background: linear-gradient(to bottom, #fcfff4 0%,#dfe5d7 40%,#b3bead 100%);
}
#price .course.refle tr td:nth-child(2) {
	background: #f9f9f9;
}

.course.option span {
	font-size: 85%;
}