/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
	font-size:125%;
    line-height: 1.4;
	background:#ffffff;
	max-width:640px;
	margin:0 auto;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ==========================================================================
   Royal Driving School's custom styles
   ========================================================================== */

/* structures
----------------------------------- */

header{
	margin:0 0 5px;
}

	header .logo{
		font-size:1%;
		display: block;
		border-bottom:2px solid #003473;
		margin:0;
	}
		.logo a{
			display:block;
		}
		header img{
			width:100%;
			height:auto;
			padding:10px 0;
		}

.global-nav{
	margin:0 auto 12px;
	width:99%;
}
	nav ul{
		margin:0;
		padding:0;
		width:100%;
		list-style:none;
	}
		.global-nav li{
			float:left;
			width:16.66%;
			height:auto;
		}
			.global-nav li a{
				display:block;
				text-align:center;
				text-decoration:none;
			}
				.global-nav li img{
					width:98.1%;
					height:auto;
					margin:0 auto;
				}



.pc-site{
	margin:0 auto 15px;
	width:44%;
}
	.pc-site a{
		display:block;
	}
		.pc-site img{
			width:100%;
			height:auto;
		}
			
.campaign ul{
	margin:25px auto 1em;
	width:96.875%;
	padding:0;
	list-style:none;
}
	.campaign li{
		margin:0 0 10px;
	}
		.campaign img{
			width:100%;
			height:auto;
		}

.sns{
	margin:20px 0;
}
	.main .sns ul{
		margin:0 auto;
		padding:0;
		list-style:none;
		text-align:center;
	}
		
		.main .sns li{
			margin:0 0.8%;
			display:inline;
		}
			.main .sns img{
				width:12%;
				height:auto;
			}
			.main .line img{
				width:42%;
			}

footer{
	border-top:1px solid #ccc;
	background:#f5f5f5;
	padding:8px 0;
}
	footer h1{
		margin:0 0 2px;
		font-size:70%;
		font-weight:normal;
		text-align:center;
	}
	.home .copyright,
	.child .copyright{
		font-size:40%;
		margin:0 0 5px;
		text-align:center;
	}




/* specific styles
----------------------------------- */


/* home */

.home header figure{
		margin:0;
		display:block;
	}

.home .global-nav{
	margin:1.6% auto;
	width:98.5%;
}
	.home .global-nav li{
		float:left;
		width:33.3%;
		height:auto;
		margin:0 0 1.6%;
	}
		.home .global-nav li img{
			width:95.2%;
		}
.home .free-dial{
	margin:1.6% auto 1%;
	width:96.875%;
	font-size:70%;
}
	.home .free-dial dd{
		margin:0;
	}
		.home .free-dial img{
			width:100%;
			height:auto;
		}
.home .features{
	margin:1% auto 1.6%;
	padding:0;
	width:96.875%;
	list-style:none;
}
	.home .features li{
		margin:0 0 1.6%;
	}
		.home .features img{
			width:100%;
		}
.home .foreign{
	padding: 13px 0 10px;
    background: rgb(6, 48, 130);
}
	.home .foreign h1{
		background: none;
		line-height: 1.3;
		font-size:0.8em;
		text-align: center;
		color:white;
		padding: 0;
		margin: 0 0 5px;
	}
	.home .foreign h1 span{
		font-size: 0.8em;
		font-weight: normal;
	}
	.home .foreign a{
		color:#333;
		text-decoration: none;
		font-size: 0.8em;
		padding:7px 10px;
		background: #fff;
		border-radius: 5px;
		display: inline-block;
	}
.home .students{
}
	.home .students h1{
		margin:0 0 10px;
		font-size:80%;
		line-height:2;
		text-align:center;
		color:#FFF;
		background: #00af3b;
		
		background: -moz-linear-gradient(top,  #00af3b 0%, #00c53f 60%, #009933 60%, #009933 100%);
		
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00af3b), color-stop(60%,#00c53f), color-stop(60%,#009933), color-stop(100%,#009933));
		
		background: -webkit-linear-gradient(top,  #00af3b 0%,#00c53f 60%,#009933 60%,#009933 100%);
		
		background: -o-linear-gradient(top,  #00af3b 0%,#00c53f 60%,#009933 60%,#009933 100%);
		
		background: -ms-linear-gradient(top,  #00af3b 0%,#00c53f 60%,#009933 60%,#009933 100%);
		
		background: linear-gradient(to bottom,  #00af3b 0%,#00c53f 60%,#009933 60%,#009933 100%);
		
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00af3b', endColorstr='#009933',GradientType=0 );

	}
	.students-nav{
		margin:0 auto 20px;
		width:96.875%;
	}
		.students-nav ul{
			margin:0;
			padding:0;
			list-style:none;
		}
			.students-nav li{
				width:33.3%;
				float:left;
			}
			.fukuyama .students-nav li{
				width:50%;
			}
			.students-nav a{
				display:block;
				width:100%;
				text-decoration:none;
			}
			.students-nav img{
				display:block;
				width:100%;
				height:auto;
			}
	.facebook{
		margin:0 auto 20px;
		width:96.875%;
	}
		.fb-like-box{
			width:100% !important;
		}
			.fb-like-box>span{
				width:100% !important;
			}
				.fb-like-box iframe{
					width:100% !important;
				}
.home aside ul{
	margin:25px auto 10px;
	width:96.875%;
	padding:0;
	list-style:none;
}
	.home aside li{
		margin:0 0 10px;
	}
		.home aside img{
			width:100%;
			height:auto;
		}

.home .camp{		
			margin:0 auto 20px;		
			width:96.875%;		
			}		
			
	.home .camp img{		
				width:100%;		
			}		
					
		.camp-nav{		
			margin:0 auto;		
		}		
			.camp-nav ul{		
				margin:0;		
				padding:0;		
				list-style:none;		
			}		
				.camp-nav li{		
					width:33.3%;		
					float:left;		
				}		
				.camp .camp-nav li{		
					width:50%;		
				}		
				.camp-nav a{		
					display:block;		
					width:100%;		
					text-decoration:none;		
				}		
				.camp-nav img{		
					display:block;		
					width:100%;		
					height:auto;		
				}

/* child */

.child .page-title{
	padding:0 0 0 1em;
	font-size:80%;
	line-height:2;
	position:relative;

	background: #f2f2f2;
	
	background: -moz-linear-gradient(top,  #f2f2f2 0%, #f2f2f2 58%, #ececec 58%, #ececec 100%);
	
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(58%,#f2f2f2), color-stop(58%,#ececec), color-stop(100%,#ececec));
	
	background: -webkit-linear-gradient(top,  #f2f2f2 0%,#f2f2f2 58%,#ececec 58%,#ececec 100%);
	
	background: -o-linear-gradient(top,  #f2f2f2 0%,#f2f2f2 58%,#ececec 58%,#ececec 100%);
	
	background: -ms-linear-gradient(top,  #f2f2f2 0%,#f2f2f2 58%,#ececec 58%,#ececec 100%);
	
	background: linear-gradient(to bottom,  #f2f2f2 0%,#f2f2f2 58%,#ececec 58%,#ececec 100%);
	
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ececec',GradientType=0 );

}
.blue .page-title{
	color:#015DF6;
}
.yellow .page-title{
	color:#F59F00;
}
	.child .page-title:after{
		content:"";
		display:block;
		width:0.3em;
		height:100%;
		position:absolute;
		top:0;
		left:0.3em;
	}
	.blue h1:after{
		background:#015DF6;
	}
	.yellow h1:after{
		background:#F59F00;
	}
	.green h1:after{
		background:#006633;
	}
	.orange h1:after{
		background:#E56431;
	}

	.level2{
		width:96.875%;
		margin:0 auto 1em;
	}
		.level2 h1{
			font-size:70%;
			line-height:1.5;
			margin:0 0 0.5em;
			padding:0 0 1px 1.6em;
			border-bottom:1px solid;
			position:relative;
		}
		.blue .level2 h1{
			border-color:#015df6;
		}
		.yellow .level2 h1{
			border-color:#f59f00;
		}
		.green h1{
			border-color:#006633 !important;
		}
		.orange h1{
			border-color:#E56431 !important;
		}
		.level2 h1:after{
			content:"";
			height:1.5em;
			width:1.5em;
			text-align:center;
			color:#fff;
			position:absolute;
			top:0;
			left:0;
		}

.child p{
	font-size:60%;
	margin:0 0 1em;
}
.child .summary{
	width:96.875%;
	margin:0 auto 1em;
}

.child figure{
	margin:0 0 0.3em;
}
	.child figure img{
		width:100%;
		height:auto;
	}

.child .free-dial{
	margin:0 auto 1em;
	border:1px solid #ccc;
	padding:2.344%;
	width:92.187%;
	background:#f5f5f5;
	border-radius:5px;
}
	.child .free-dial h1{
		margin:0 0 0.8em;
		border-left:0.25em solid #015DF6;
		padding:0 0 0 0.25em;
		font-size:60%;
	}
	.child .free-dial a,
	.child .free-dial img{
		display:block;
	}
	.child .free-dial img{
		width:100%;
		height:auto;
	}

	

/* school */

.school .level1 section:nth-of-type(1) h1:after{
	content:"1";
}
.school .level1 section:nth-of-type(2) h1:after{
	content:"2";
}
.school .level1 section:nth-of-type(3) h1:after{
	content:"3";
}
.school .level1 section:nth-of-type(4) h1:after{
	content:"4";
}
.school .level1 section:nth-of-type(5) h1:after{
	content:"5";
}
.school .level1 section:nth-of-type(6) h1:after{
	content:"6";
}
.school .level1 section:nth-of-type(7) h1:after{
	content:"7";
}


.nursery dl{
	margin:0;
	width:100%;
	display:table;
}
	.nursery dt{
		display:table-cell;
		margin:0;
		padding:0.5em;
		width:38%;
		text-align:center;
		vertical-align:middle;
		font-size:55%;
		font-weight:bold;
		color:#fff;
		background:#006633;
	}
	.nursery dd{
		display:table-cell;
		margin:0;
		padding:0.5em;
		width:62%;
		vertical-align:middle;
		font-size:50%;
	}
		.nursery address{
			padding-left:35px;
			font-style:normal;
			font-size:190%;
			color:#666;
			background:url(../images/fukuyama/school/icon_freedial.gif) no-repeat left center;
			background-size:32px 18px;
		}

.child .map{
	width:96.875%;
	margin:0 auto 1em;
	padding:1em 0 0;
	position:relative;
}
	.map figcaption{
		font-size:60%;
		padding:0 1.6em;
		line-height:1.5;
		color:#fff;
		background:#003473;
		position:absolute;
		top:0;
		left:0;
	}


/* license */


.local-nav{
	margin:0 auto 12px;
	width:99%;
	font-size:60%;
}
.hiroshima .local-nav{
	font-size:80%;
}
	.local-nav li{
		float:left;
		width:14.25%;
		height:auto;
	}
	.hiroshima .local-nav li{
		float:left;
		width:33.32%;
		height:auto;
	}
		.local-nav li a{
			display:block;
			margin:0 auto;
			border:1px solid #ccc;
			width:95%;
			line-height:4em;
			text-align:center;
			text-decoration:none;
			color:#999;
			border-radius:4px;

			background: #f6f6f6;
			
			background: -moz-linear-gradient(top,  #f6f6f6 0%, #f6f6f6 50%, #efefef 50%, #efefef 100%);
			
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(50%,#f6f6f6), color-stop(50%,#efefef), color-stop(100%,#efefef));
			
			background: -webkit-linear-gradient(top,  #f6f6f6 0%,#f6f6f6 50%,#efefef 50%,#efefef 100%);
			
			background: -o-linear-gradient(top,  #f6f6f6 0%,#f6f6f6 50%,#efefef 50%,#efefef 100%);
			
			background: -ms-linear-gradient(top,  #f6f6f6 0%,#f6f6f6 50%,#efefef 50%,#efefef 100%);
			
			background: linear-gradient(to bottom,  #f6f6f6 0%,#f6f6f6 50%,#efefef 50%,#efefef 100%);
			
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#efefef',GradientType=0 );
		}
		.normal .local-nav li:nth-child(1) a,
		.middle .local-nav li:nth-child(2) a,
		.motorcycle .local-nav li:nth-child(3) a,
		.large .local-nav li:nth-child(4) a,
		.special .local-nav li:nth-child(5) a,
		.tractor .local-nav li:nth-child(6) a,
		.second-class .local-nav li:nth-child(7) a,
		.hiroshima.special .local-nav li:nth-child(8) a{
			color:#fff;
			background: #015DF6;
			
			background: -moz-linear-gradient(top,  #015DF6 0%, #015DF6 50%, #014FD1 50%, #014FD1 100%);
			
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#015DF6), color-stop(50%,#015DF6), color-stop(50%,#014FD1), color-stop(100%,#014FD1));
			
			background: -webkit-linear-gradient(top,  #015DF6 0%,#015DF6 50%,#014FD1 50%,#014FD1 100%);
			
			background: -o-linear-gradient(top,  #015DF6 0%,#015DF6 50%,#014FD1 50%,#014FD1 100%);
			
			background: -ms-linear-gradient(top,  #015DF6 0%,#015DF6 50%,#014FD1 50%,#014FD1 100%);
			
			background: linear-gradient(to bottom,  #015DF6 0%,#015DF6 50%,#014FD1 50%,#014FD1 100%);
			
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#015DF6', endColorstr='#014FD1',GradientType=0 );
		}
		.fukuyama .local-nav li:nth-child(4) a{
			line-height:1.5em;
			padding:0.5em 0;
		}
.license .visual{
	width:96.875%;
	margin:0 auto 0.2em;
}
	.license .visual img{
		float:left;
		width:49%;
		height:auto;
	}
	.license .visual img:last-child{
		float:right;
	}
	.license .visual img:first-child{
		float:left;
	}

.license .conditions{
	margin:0;
}
.license .conditions strong{
	color:#cc0000;
	font-weight:normal;
}


.flow{
	font-size:60%;
	margin:0 0 1em;
	border-bottom:1px dashed #999999;
	padding:0 0 1em;
	list-style:none;
	text-align:center;
	line-height:1.7;
	color:#fff;
}
	.flow li{
		background:#666;
		margin:1.7em 0 0;
		position:relative;
	}
	.flow>li:first-child{
		margin-top:1em;
	}
		.flow li:after{
			position:absolute;
			top:-1.7em;
			left:0;
			width:100%;
			height:1.7em;
			content:"";
			background:url(../images/common/icon_arrow-down.gif) no-repeat center center;
			background-size:16px 10px;
		}
		.flow li:first-child:after{
			display:none;
		}
		.flow>li:last-child:after{
			background:url(../images/common/icon_arrow-down-blue.gif) no-repeat center center;
			background-size:16px 10px;
		}
	.flow .prior{
		border:1px solid #999;
		color:#333;
		background:none;
	}
	.flow .test{
		background:#015DF6;
	}
	
		.flow ol,
		.flow ul{
			margin:0;
			padding:0;
			list-style:none;
			background:#fff;
		}
			.flow ul>li{
				float:left;
				margin:0;
				width:48%;
			}
				.flow ul>li:after{
					display:none;
				}
			.normal .first-stage>li:first-child{
				margin-bottom:1.7em;
				position:relative;
			}
				.normal .first-stage small:last-child{
					position:absolute;
					top:auto;
					bottom:-1.7em;
					left:0;
					width:100%;
					height:1.7em;
					text-align:right;
					color:#333;
				}
			.flow ul>li:last-child{
				float:right;
			}
				.flow small{
					display:block;
					font-size:100%;
				}
				.flow ol li:first-child{
					margin:0;
				}
.training-time{
	font-size:60%;
	margin:0 0 1.7em;
}
	.training-time>dt{
		color:#015DF6;
		margin:0 0 1em;
	}
	.training-time dd{
		margin:0;
	}
		.training-time dl{
			margin:0;
		}
			.training-time dl dt{
				display:inline;
				padding:0 0 0 1.4em;
				background:url(../images/common/bullet-circle-blue.gif) no-repeat left center;
				background-size:1em 1em;
			}
				.training-time dl dt:after{
					content:":";
				}
			.training-time dl dd{
				display:inline;
			}


.qualification{
	margin:0;
	padding:0;
	list-style:none;
}
	.qualification li{
		border-bottom:1px solid #d9d9d9;
		padding:0.5em 0;
	}
		.qualification dl{
			margin:0;
		}
			.qualification dt{
				float:left;
				margin:0 2% 0 0;
				padding:0 0 0 1.5%;
				width:25%;
				font-size:70%;
				line-height:1.785em;
				color:#fff;
				background:#666;
				border-radius:4px;
			}
			.qualification dd{
				float:left;
				margin:0;
				padding:0.3em 0 0;
				width:71%;
				font-size:60%;
				line-height:1.3em;
				color:#333;
			}
				.qualification strong{
					font-size:116.7%;
					font-weight:normal;
				}
				.qualification small{
					display:block;
					font-size:83.3%;
				}
				.normal .qualification strong{
					display:block;
					margin:0;
				}
				.large .qualification strong,
				.second-class .qualification strong{
					margin:0 0.5em 0 0;
				}

				.qualification dd dt{
					float:none;
					margin:0;
					padding:0;
					width:auto;
					font-size:100%;
					line-height:1.3em;
					color:#333;
					background:none;
					border-radius:0;
					display:inline;
				}
				.large .qualification dd dt{
					display:block;
				}
					.large .qualification dd dt:before{
						content:"[";
					}
					.large .qualification dd dt:after{
						content:"]";
					}
				.qualification dd dd{
					float:none;
					padding:0;
					width:auto;
					font-size:100%;
					display:inline;
				}
				
				.tractor .qualification dd ul{
					margin:0;
					padding:0;
					list-style:none;
				}
					.tractor .qualification dd li{
						border:none;
						padding:0;
					}

.what-you-need{
	margin:0 0 2em;
	padding:0;
	list-style:none;
	font-size:60%;
}
	.what-you-need li{
		margin:0 0 1em;
		padding:0 0 0 1.5em;
		background:url(../images/common/bullet_check.gif) no-repeat left top;
		background-size:14px 15px;
	}
		.what-you-need small{
			display:block;
			font-size:83.3%;
		}
.prepared{
	margin:0 0 2em;
	padding:0;
	list-style:none;
	font-size:60%;
}
.prepared li{
		margin:0 0 0.5em;
		padding:0 0 0 1.5em;
		background:url(../images/common/bullet_exclamation.gif) no-repeat left top;
		background-size:14px 15px;
}

.license .shortest{
	width:98.4375%;
	margin:0 auto 0.2em;
	padding:0;
	list-style:none;
}
.special .shortest{
	margin:0 auto 0.5em;
	border:1px solid #999;
	padding:0.5em 0;
	width:96.5625%;
	font-size:60%;
	text-align:center;
}
	.license .shortest li{
		float:left;
		width:31.746%;
		margin:0 0.82%;
	}
	.normal .shortest li{
		border:1px solid #999;
		width:48%;
		float:left;
	}
	.normal .shortest li:last-child{
		float:right;
	}
	.normal .type{
		font-size:80%;
		line-height:2;
		float:left;
		margin:0 0.5em -1em;
	}
		.license .shortest dl{
			margin:0;
			border:1px solid #999;
			padding:0.2em 0;
		}
			.license .shortest dt{
				margin:0;
				font-size:65%;
				text-align:center;
			}
			.license .shortest dd{
				margin:0;
				text-align:center;
				font-size:50%;
			}
				.license .shortest strong{
					font-weight:bold;
					display:block;
					font-size:160%;
					color:#004090;
				}
				.normal .shortest strong{
					float:left;
					font-size:100%;
				}
				.special .shortest strong{
					display:inline;
					font-size:133.3%;
					margin-right:0.2em;
				}
					.license .shortest strong .num{
						font-size:137.5%;
					}
					.normal .shortest strong .num{
						font-size:110%;
					}
					.normal .shortest li>span:last-child{
						display:block;
						white-space:nowrap;
						width:70%;
						float:left;
						font-size:80%;
						margin:0 0 0.5em 0.5em;
					}
				.license .shortest sup{
					font-weight:normal;
					font-size:46.2%;
					color:#333;
					position:relative;
					top:-1em;
				}
.license .footnote{
	width:96.875%;
	margin:0 auto 1em;
	padding:0;
	list-style:none;
	font-size:50%;
}

.license .conditions-shortest{
	width:96.875%;
	margin:0 auto 2em;
	font-size:50%;
}
	.license .conditions-shortest dt,
	.license .conditions-shortest dd,
	.license .conditions-shortest ul,
	.license .conditions-shortest li{
		display:inline;
		margin:0;
		padding:0;
	}
	.license .conditions-shortest ul{
		list-style:none;
	}

/* agency */

.agency .level2 ul{
	margin:0;
	padding:0;
	list-style:none;
}
	.agency .level2 li{
		border-bottom:1px solid #d9d9d9;
		padding:0.5em 0;
		background:url(../images/common/bullet-link.png) no-repeat right center;
	}
	.agency .level2 a{
		text-decoration:none;
	}
		.hiroshima.agency .level2 span{
			display:block;
			margin:0 2% 0 0;
			padding:0 0 0 1.5%;
			width:21%;
			font-size:70%;
			line-height:1.785em;
			color:#fff;
			background:#F59F00;
			border-radius:4px;
		}
		.agency .level2 dl{
			margin:0;
		}
			.agency .level2 dt{
				float:left;
				margin:0 2% 0 0;
				padding:0 0 0 1.5%;
				width:21%;
				font-size:70%;
				line-height:1.785em;
				color:#fff;
				background:#F59F00;
				border-radius:4px;
			}
			.agency .level2 dd{
				float:left;
				margin:0;
				width:72%;
				font-size:60%;
				line-height:2.083em;
				color:#333;
			}

				.agency .level2 li li{
					display:inline;
					border-bottom:none;
					padding:0;
					white-space:nowrap;
					background:none;
				}
				.agency .level2 li li:after{
					content:"、";
				}
				.agency .level2 li li:last-child:after{
					content:none;
				}
	
/* form */

.form .lead{
	width:96.875%;
	margin:0 auto 1em;
}
.purpose-use-personal-information{
	margin:0 auto 1em;
	border:1px solid #F59F00;
	padding:0.5em;
	box-sizing:border-box;
	width:96.875%;
	border-radius:5px;
}
.purpose-use-personal-information h1{
	color:#F59F00;
	font-size:80%;
	margin:0 0 0.5em;
	padding-left:0;
	border:none;
}
.purpose-use-personal-information h1:after{
	display:none;
}
.form .note{
	box-sizing:border-box;
	width:96.875%;
	margin:0 auto 1em;
	padding-left:20px;
	font-size:60%;
	line-height:1.6;
}
.require{
	color:#cc0000;
	margin:0 0.5em 0 0;
}

form dl,
.thanks dl{
	width:96.875%;
	margin:0 auto;
}
	form dt,
	.thanks dt{
		font-size:80%;
		font-weight:bold;
		padding:0.3em 0.5em;
		margin:0 0 0.3em;
		background:#f6f6f6;
		border-radius:3px;
		color:#F59F00;
		text-shadow:1px 1px 1px #fff;
	}
	form dd,
	.thanks dd{
		font-size:60%;
		padding:0 0 1.5em;
		border-bottom:1px dashed #dedede;
		margin:0 0 1.5em;
	}
		form dl dl,
		.thanks dl dl{
			width:100%;
			margin:1em 0 0;
		}
			form dd dt,
			form dd dd,
			.thanks dd dt,
			.thanks dd dd{
				font-size:100%;
				border:none;
				margin:0;
				padding:0;
				background:none;
			}
			form dd dt,
			.thanks dd dt{
				font-size:116.7%;
			}
	
input,textarea,select{
	box-sizing:border-box;
	width:100%;
	padding:0.3em;
	border:1px solid #ccc;
	border-radius:4px;
}
.radio{
    list-style: none;
	margin:0;
	padding:0;
}
	.radio li {  
		position: relative;  
		float: left;  
		width: 50%;  
	}  
		.radio label {  
    		display: block;  
    		padding: 0.5em 1em;
			background: rgb(254,255,255);
			
			background: -moz-linear-gradient(top,  rgba(254,255,255,1) 0%, rgba(242,242,242,1) 35%, rgba(239,239,239,1) 100%);
			
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,255,255,1)), color-stop(35%,rgba(242,242,242,1)), color-stop(100%,rgba(239,239,239,1)));
			
			background: -webkit-linear-gradient(top,  rgba(254,255,255,1) 0%,rgba(242,242,242,1) 35%,rgba(239,239,239,1) 100%);
			
			background: -o-linear-gradient(top,  rgba(254,255,255,1) 0%,rgba(242,242,242,1) 35%,rgba(239,239,239,1) 100%);
			
			background: -ms-linear-gradient(top,  rgba(254,255,255,1) 0%,rgba(242,242,242,1) 35%,rgba(239,239,239,1) 100%);
			
			background: linear-gradient(to bottom,  rgba(254,255,255,1) 0%,rgba(242,242,242,1) 35%,rgba(239,239,239,1) 100%);
			
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#efefef',GradientType=0 );
			border: 1px solid #fff;  
			border-radius: 4px 0 0 4px;  
			box-shadow: 0 0 5px #aaa;  
			color: #333;  
			font-weight: bold;  
			text-shadow:1px 1px 1px #fff;
			text-align: center;  
}  
		.radio li:last-child label {  
			border-left: 0;  
			border-radius: 0 4px 4px 0;  
		}  
		input[type="radio"]:checked + label {  
			text-shadow: 0 -1px #fff;  
			background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(100,100,100,.3)), color-stop(1, rgba(255,255,255,0)));  
			color: #F59F00;
		}
		input[type="radio"] {  
			opacity : 0;  
			position: absolute;  
			top: -3px;  
			left: -3px;  
			width: 100%;  
			height: 100%;  
			padding: 0;  
		}  

.submit{
	width:96.875%;
	margin:0 auto 1em;
	padding:0;
	list-style:none;
	font-size:80%;
}
	.submit li{
		float:left;
		width:45%;
	}
	.submit li:last-child{
		float:right;
	}
		.submit input{
			width:100%;
			text-align:center;
			border:1px solid #dedede;
			border-radius:4px;
			text-shadow:1px 1px 1px #fff;
			background: rgb(254,255,255);
			
			background: -moz-linear-gradient(top,  rgba(254,255,255,1) 0%, rgba(242,242,242,1) 35%, rgba(239,239,239,1) 100%);
			
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,255,255,1)), color-stop(35%,rgba(242,242,242,1)), color-stop(100%,rgba(239,239,239,1)));
			
			background: -webkit-linear-gradient(top,  rgba(254,255,255,1) 0%,rgba(242,242,242,1) 35%,rgba(239,239,239,1) 100%);
			
			background: -o-linear-gradient(top,  rgba(254,255,255,1) 0%,rgba(242,242,242,1) 35%,rgba(239,239,239,1) 100%);
			
			background: -ms-linear-gradient(top,  rgba(254,255,255,1) 0%,rgba(242,242,242,1) 35%,rgba(239,239,239,1) 100%);
			
			background: linear-gradient(to bottom,  rgba(254,255,255,1) 0%,rgba(242,242,242,1) 35%,rgba(239,239,239,1) 100%);
			
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#efefef',GradientType=0 );
			box-shadow: 0 0 5px #ccc;  
		
		}

/* error */
.errs{
	width:96.875%;
	margin:0 auto 1em;
	color:#CC0033;
}
	.form .errs h1{
		font-size:80%;
		margin:0 0 1em;
		border:none;
	}
    .form .errs h1:after{
		background:#CC0033;
	}
	.errs ul{
		font-size:60%;
		color:#CC0033;
	}
	.err{
		color:#CC3333;
	}
	input.err,
	select.err,
	textarea.err{
		border:1px solid rgba(255,42,42,0.6);
		background:rgba(255,152,152,0.1);
	}
	
/* thanks */
.thanks .lead{
	width:96.875%;
	margin:2em auto 3em;
	font-size:90%;
	text-align:center;
}

/* camp */
.camp .page-title{
	line-height: 1.5;
    padding: 5px 10px 5px 20px;
    font-size: 75%;
}
.camp .slidetable{
	overflow-x:scroll;
}
.camp .slidetable th,
.camp .slidetable td{
	white-space:nowrap;
}
.camp table{
	font-size:60%;
	border-collapse:collapse;
	width: 100%;
	margin-bottom: 1em;
}
.camp table#course{
	text-align: center;
}
.camp table caption{
	text-align: right;
	font-size:80%;
}
.camp table thead th{
	background-color: #D8F29A;
}
.camp table tbody th{
	background-color: #FFFFF0;
}

.camp table th{
	white-space:nowrap;
}
.camp table th,
.camp table td{
	padding: 7px 10px;
	border: 1px solid #ccc;
	font-weight:normal
}
.camp table ul{
	margin: 0;
	padding: 0;
}
.camp table li{
	list-style:none;
	margin:0px 0 10px;
}
.camp table dd{
	margin:0px;
}
.camp small:before {
    content: "（";
}
.camp small:after {
    content: "）";
}
.camp .contact{
	text-align: center;
	background: #FFE7AF;
	padding: 10px;
}
.camp .contact h2{
	color:red;
	font-size:70%;
}
.camp .contact a.btn{
	margin-bottom: 10px;
}
.camp .contact a.btn.red{
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4), 0 1px 1px rgba(255, 255, 255, 0.5);
	letter-spacing: 0;
	border: none;
	box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.9), inset 0 1px 0 rgba(255, 255, 255, 0.4);
	border-radius: 6px;
	text-decoration: none;
	padding: 15px 40px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #bd0002), color-stop(0.00, #ff6670));
	background: -webkit-linear-gradient(top, #ff6670 0%, #bd0002 88%);
	background: -moz-linear-gradient(top, #ff6670 0%, #bd0002 88%);
	background: -o-linear-gradient(top, #ff6670 0%, #bd0002 88%);
	background: -ms-linear-gradient(top, #ff6670 0%, #bd0002 88%);
	background: linear-gradient(to bottom, #ff6670 0%, #bd0002 88%);
}
.camp img.icon-freedial{
	width: 32px;
	height:auto;
}
.tax-separate {
    color: #c00 !important;
    font-weight: bold;
    margin: 0 0.2em;
}
.camp .campaign{
	padding: 15px;
}
.camp .campaign h2 {
    background: #FFCA81;
    border: none;
    position: relative;
    color: #333;
    padding-left: 6em;
	font-size:70%;
}
.camp .campaign span {
    position: absolute;
    top: -0.5em;
    left: -10px;
    font-size: 0.9em;
    line-height: 1.2;
    transform: rotate(-10deg);
    background: #D31408;
    padding: 0.5em;
    border-radius: 1.1em;
    color: #fff;
}
.camp .campaign strong {
    font-size: 1.25em;
    margin-left: 0.15em;
    margin-right: 0.15em;
    color: #F18101;
}
.camp .campaign img {
    box-shadow: 2px 2px 4px #999;
    width: 100%;
    height: auto;
}
.camp .campaign .col-xs-2 {
    width: 28.865979381443%;
    transform: rotate(-4deg);
	float: left;
}
.camp .campaign .col-xs-5 {
    width: 35.567010309278%;
    transform: rotate(4deg);
    position: relative;
    top: -5px;
	float: left;
}
.camp .campaign .col-xs-5+.col-xs-5 {
    transform: rotate(-3deg);
    top: 10px;
    left: -8px;
	float: left;
}

.camp #combo {
	position: relative;
    margin: 8px 0 20px;
    border: 2px solid #1881CC;
    border-radius: 6px;
}
.camp #combo ul.row>li>dl {
	margin-top:0;
}
.camp #combo>dt {
    color: #fff;
    line-height: 2.25;
    text-align: center;
    font-size: 70%;
	font-weight:bold;
    text-shadow: 2px 2px #007AB7;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background: rgb(125,210,245);
    background: -moz-linear-gradient(top, rgba(125,210,245,1) 0%, rgba(24,129,204,1) 100%);
    background: -webkit-linear-gradient(top, rgba(125,210,245,1) 0%,rgba(24,129,204,1) 100%);
    background: linear-gradient(to bottom, rgba(125,210,245,1) 0%,rgba(24,129,204,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7dd2f5', endColorstr='#1881cc',GradientType=0 );
}
.camp #combo dd,
.camp #single dd {
    margin: 0;
    color: #333;
    font-weight: normal;
	font-size:88%;
}
.camp #combo .row {
    margin: 10px 5px 20px;
    padding-left: 0;
    list-style: none;
    font-size: 0.8em;
	text-align:center;
}
.camp #combo .large, .camp #combo .special {
    margin-bottom: 40px;
}
.camp #combo li>dl {
    padding: 5px;
}
.camp #combo .large>dl,
.camp #combo .special>dl {
    background: #BEF0FB;
}
.camp #combo li>dl>dt {
	color:white;
	font-weight:bold;
    background: #0560BD;
	padding:3px;
	text-align: center;
}
.camp #combo .forklift, .camp #combo .crane {
    margin-bottom: -17px;
}
.camp #combo .forklift>dl {
    background: #FFDCB6;
}
.camp #combo .crane>dl {
    background: #CDFBDE;
}
.camp #combo ul.set {
    margin: 0;
    padding-left: 10px;
    list-style: none;
    position: absolute;
    top: 300px;
    left: 43px;
	width: 90%;
    display: table;
}
.camp #combo ul.set li{
	float:left;
	position: relative;
	width: 30%;
	padding: 0px;
	box-sizing:border-box;
}
.camp #combo ul.set li.col-xs-3{
	top:11px;
	position: relative;
}
.camp #combo ul.set li img{
	width: 100%;
	height:auto;
	vertical-align:middle
}
.camp #single{
	list-style:none;
	margin:0 0 40px 0;
	font-size:70%;
	padding: 0;
}
.camp #single .medium{
	text-align: center;
	margin: 0px 0px;
}
.camp #single li>dl, .camp #combo li>dl {
    background: #FBDBE3;
}
.camp #single li>dl>dt {
    background: #0560BD;
	color:white;
	padding:3px 5px;
}
.camp #single li>dl>dd {
	padding:5px 5px;
}
.camp #single li>dl>dd>dl{
	margin: 0;
}
/*
.camp .col-xs-3 {
    width: 25%;
	float:left;
}
.camp .col-xs-4 {
    width: 33.33333333%;
	float:left;
}*/
.camp .col-xs-6 {
    width: 50%;
	float:left;
	box-sizing:border-box;
	padding:0px 5px;
}
.camp .main .license,
.camp .main .qualif {
    margin: 0 0px 1px;
    display: table;
    font-size:70%;
}
.camp .main .license dt,
.camp .main .qualif dt {
    vertical-align: middle;
    color: #ffffff;
    text-align: center;
}
.camp .main .license dd,
.camp .main .qualif dd {
    font-size: 85%;
    padding: 5px 10px;
    font-weight: normal;
    color: #333;
	margin: 0;
}
.camp .main .license dt {
    background: #4D93DB;
}
.camp .main .license dd {
    background: #D0F6FB;
}
.camp .main .qualif dt {
    background: #FFA649;
}
.camp .main .qualif dd {
    background: #FFF0D2;
}
.camp .main .qualif+hr {
    border-top: 2px dotted #F90;
    height: 0;
    width: 100%;
    display: block;
    margin: 20px 0;
}
.camp .warranty dd{
	margin-bottom: 1em;
}
.camp .precondition img{
    width: 100%;
    height: auto;
    margin-bottom: 10px;
}
.camp .mediumph img{
	float:left;
	width: 100px;
	height:auto;
}
.camp .price dd{
	font-size:170% !important;
	line-height:1 !important;
	padding-top: 5px;
}
.camp .price dd small{
	font-size:12px;
}
.camp .price2{
	font-size:170% !important;
	line-height:1 !important;
	padding-top: 5px;
}
.camp .price2 small{
	font-size:12px;
}
.camp ul.other-link{
	font-size:60%;
	padding: 0;
	margin: 0;
}
.camp ul.other-link li{
	list-style: none;
	padding:0px 10px 5px;
}
.camp ul.other-link li a{
	text-decoration: none;
	color:white;
	padding:8px 10px;
	text-align: center;
	background-color: slategray;
	color:white;
	font-weight: bold;
	display: block;
	border-radius: 5px;
}

/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 35em) {

}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

/*============== foam =============================*/
.foam h1{
  font-size: 20px;
}
.foam h2{
  border-left: solid 10px #0d0086;
  font-size: 18px;
  border-bottom: solid 2px #0d0086;
  margin-bottom: 0;
  padding:0px;
}

.foam dt{
  font-size:18px;
  margin-top:0;
}
  .foam dd{
      font-size:16px;
  }
@media screen and (max-width:1080px){

  .table-bordered th{
      background: #0d0086;
      border: solid 1px #ccc;
      color: #fff;
      padding: 5px;
  }
      .table-bordered tr td{
          border: solid 1px #ccc;
          padding: 5px;
          text-align: center;
      }
}

@media screen and (min-width:1081px){
  .foam-ryo{
      width:700px;
      margin-left: auto;
      margin-right: auto;
  }
  .table-bordered{
      width:100%;
  }
  .table-bordered th{
      background: #0d0086;
      border: solid 1px #ccc;
      color: #fff;
	  padding: 5px;
	  font-size:14px;
  }
      .table-bordered tr td{
          border: solid 1px #ccc;
		  text-align: center;
		  font-size:12px;
      }
  }
/*=== calendar ===*/
.container{
  text-align: center;
}
.container h1{
  font-size: 20px;
}
.container h3{
  font-size: 18px;
}
.table-responsive{
  font-size: 12px;
}
.table-borderedcal{
      width: 100%;
      table-layout: fixed;
      border-collapse: collapse;
      border: 1px solid #000;    
}
.table-borderedcal th {
      padding: 10px;
      font-weight: bold;
      border-top: 1px solid #000;
      border-right: 1px solid #000;
      border-bottom: 1px solid #000;
}
.table-borderedcal tr td{
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
}
.danger{
  background: rgb(247, 198, 65);
}
.sun{
  background: #ffa3a3;
}
.sat {
  background: #8cc2ff;
}