/* ボディ */
body{
	margin: 0 ;
	padding: 0 ;
	font-size: 13px;
	line-height: 1.618;
	font-family: sans-serif;
	background-color: #eceeee;
	color: #4d4d4d;
}

/* ############# floating contacdt ############# */
.floating-form{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.floating-form {
	margin:0;
	width: 300px;
	padding: 20px 20px 10px 20px;
	background: #F9F9F9;
	border: 1px solid #ddd;
	right: 10px;
	position: fixed;
	box-shadow: -2px -0px 8px rgba(43, 33, 33, 0.06);
	-moz-box-shadow: -2px -0px 8px rgba(43, 33, 33, 0.06);
	-webkit-box-shadow:  -2px -0px 8px rgba(43, 33, 33, 0.06);
}

.floating-form .contact-opener {
	margin: 0;
	width: 100px;
	line-height: 0;
	overflow:hidden;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	transform-origin: right bottom;
	transform: translateX(-100%) rotate(-90deg);

	background-color: rgba(46,120,163,1);
	padding: 15px;
	color: #fff;
	cursor: pointer;
	border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
}
.floating-form-heading{
	font-weight: bold;
	border-bottom: 2px solid #ddd;
	margin-bottom: 10px;
	font-size: 15px;
	padding-bottom: 3px;
}
.floating-form label{
	display: block;
	margin: 0px 0px 15px 0px;
}
.floating-form label > span{
	width: 70px;
	font-weight: bold;
	float: left;
	padding-top: 8px;
	padding-right: 5px;
}
.floating-form span.required{
	color:red;
}

.floating-form  .long{
	width: 120px;
}
.floating-form select.select-field,
.floating-form input.input-field,
.floating-form .textarea-field{
	width: 100%;

}

.floating-form input.input-field,
.floating-form .tel-number-field,
.floating-form .textarea-field,
.floating-form .select-field{
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out; 
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	border: 1px solid #C2C2C2;
	box-shadow: 1px 1px 4px #EBEBEB;
	-moz-box-shadow: 1px 1px 4px #EBEBEB;
	-webkit-box-shadow: 1px 1px 4px #EBEBEB;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	padding: 7px;
	outline: none;
	font-size: 90%;
}
.floating-form .input-field:focus,
.floating-form .tel-number-field:focus,
.floating-form .textarea-field:focus,  
.floating-form .select-field:focus{
	border: 1px solid #0C0;
}
.floating-form .textarea-field{
	height:100px;
}
.floating-form input[type="button"],
.floating-form input[type="submit"]{
	margin: 0 !important;
}
.floating-form input[type="button"],
.floating-form input[type="submit"], .contact-opener {
	background-color: #216288;
	border: 0;
	display: inline-block;
	cursor: pointer;
	color: #FFFFFF;
	padding: 8px 18px;
	text-decoration: none;
	font: 12px Arial, Helvetica, sans-serif;
}
.floating-form input[type="button"]:hover,
.floating-form input[type="submit"]:hover, .contact-opener {
	background-color: #28739E;
}
.floating-form .success{
	background: #D8FFC0;
	padding: 5px 10px 5px 10px;
	margin: 0px 0px 5px 0px;
	border: none;
	font-weight: bold;
	color: #2E6800;
	border-left: 3px solid #2E6800;
}
.floating-form .error {
	background: #FFE8E8;
	padding: 5px 10px 5px 10px;
	margin: 0px 0px 5px 0px;
	border: none;
	font-weight: bold;
	color: #FF0000;
	border-left: 3px solid #FF0000;
}

.floating-form div.note_fb{
}
	.floating-form div.note_fb > p{
		margin: 0;
		font-size: 90%;
	}
	.floating-form div.note_fb > ul{
		text-align: left;
		margin-top: 1em;
		margin-bottom: 1em;
	}

/*フォームボタンリセット*/
.floating-form input[type="submit"],
.floating-form input[type="button"] {
	border-radius: 0;
	-webkit-box-sizing: content-box;
	-webkit-appearance: button;
	appearance: button;
	border: none;
	box-sizing: border-box;
	cursor: pointer;
}
.floating-form input[type="submit"]::-webkit-search-decoration,
.floating-form input[type="button"]::-webkit-search-decoration {
	display: none;
}
.floating-form input[type="submit"]::focus,
.floating-form input[type="button"]::focus {
	outline-offset: -2px;
}
/* ############# floating contacdt ############# */





/* ############# font text ############# */

h1{
	font-size: 150%;
	color: #0063a4;
	border-bottom: 1px #abc7ca solid;
	margin: 0 0 1% 0;
	padding: 1.5% 0 1.5% 2%;
	background-color: #efefef;

	box-shadow:inset 0em 1em 0.6em 0.1em #f4f4f4;
	-webkit-box-shadow:inset 0em 1.2em 0.6em 0.1em f4f4f4;
	-moz-box-shadow:inset 0em 1.2em 0.6em 0.1em #f4f4f4;
}

	h1.page_title{
		position: relative;
		padding: 10px 20px;
		margin: 0 5px 20px 5px;
		font: bold 180%/1.6 Arial, Helvetica, sans-serif;
		color: #0063a4;
		background: #efefef;
		/*
		text-shadow: 
			1px 1px 0 #fff,
			2px 2px 0 #999;
		*/
		box-shadow:none;
		-webkit-box-shadow:none;
		-moz-box-shadow:none;

		border-top: #333 solid 0px;
		border-bottom: #333 solid 0px;
		box-sizing: border-box;
		background-image:  -webkit-gradient(linear, left top, right bottom,
				from( rgba(255, 255, 255, 0.0)), 
				color-stop(0.4, rgba(255, 255, 255, 0.0)), 
				color-stop(0.4, rgba(0, 0, 0, 0.1)), 
				color-stop(0.6, rgba(0, 0, 0, 0.1)), 
				color-stop(0.6, rgba(255, 255, 255, 0.0)),
				to(				rgba(255, 255, 255, 0.0))
				);
		background-image:  -webkit-linear-gradient(top -45deg,
				transparent 40%,
	            rgba(0, 0, 0, 0.1) 40%,
	            rgba(0, 0, 0, 0.1) 60%,
	            transparent 60%
				);
		background-image: -moz-linear-gradient(top -45deg,
				transparent 40%,
	            rgba(0, 0, 0, 0.1) 40%,
	            rgba(0, 0, 0, 0.1) 60%,
	            transparent 60%
				);
		background-image: -o-linear-gradient(top -45deg,
				transparent 40%,
	            rgba(0, 0, 0, 0.1) 40%,
	            rgba(0, 0, 0, 0.1) 60%,
	            transparent 60%
				);
		background-image: linear-gradient(to bottom -45deg,
				transparent 40%,
	            rgba(0, 0, 0, 0.1) 40%,
	            rgba(0, 0, 0, 0.1) 60%,
	            transparent 60%
				);
		background-size: 4px 4px;
	}


	h1.page_title.wh{
		color: #0063a4;
		border-color: #0063a4;
	}
	h1.page_title.vis{
		color: #ed8f4e;
	}
	h1.page_title.eta{
		color: #e06897;
	}
	h1.page_title.common{
		color: #4da619;
	}




h2{
	font-size: 130%;
	color: #0063a4;
	border-bottom: 1px #abc7ca solid;
	margin: 0 0 10px 0;
	padding: 5px 0 4px 2%;
	background-color: #efefef;

	box-shadow:inset 0px 10px 5px 2px #f4f4f4;
	-webkit-box-shadow:inset 0px 10px 5px 2px #f4f4f4;
	-moz-box-shadow:inset 0px 10px 5px 2px #f4f4f4;
}

h3{
	font-size: 120%;
	color: #404040;
	margin: 0 0 10px 0;

	border-left: 3px #404040 solid;
	margin: 0 0 10px 0;
	padding: 5px 0 4px 2%;
	background-color: #f7f7f7;
}

h4.box_title {
	font-size: 120%;
	position: relative;
	padding: .2em 1em .2em 2em;
	border-bottom: 1px solid #d9d9d9;
}
h4.box_title::after {
	position: absolute;
	top: 0.3em;
	left: 0;
	z-index: 2;
	content: '';
	width: 10px;
	height: 10px;
	border: 5px solid #3498db;
	border-radius: 100%
}

p{
/*	margin: 1em;*/
}
	.nomgn{
		margin: 0;
	}
	.center{
		text-align: center;
	}
	.bold{
		font-weight: bold;
	}
	.underline{
		text-decoration: underline;
	}
	.red{
		color: #e71218;
	}
	.blue{
		color: #0081c6;
	}
	.purple{
		color: #cd539c !important;
	}
	.brown{
		color: #b04442 !important;
	}

	p.list_exc {
		margin: 0;
		padding: 0;
		padding-left: 2.0em;
		text-indent: -2.0em;
	}
		p.list_exc:before {
			font-family: FontAwesome; /* FontAwesome Icon */
			content: "\f06a";
			color: #e71218;
			font-size: 150%;
			margin-right: 0.5em;
		}
	p.list_info {
		margin: 0;
		padding: 0;
		padding-left: 2.0em;
		text-indent: -2.0em;
	}
		p.list_info:before {
			font-family: FontAwesome; /* FontAwesome Icon */
			content: "\f05a";
			color: #0081c6;
			font-size: 150%;
			margin-right: 0.5em;
		}
	p.list_check {
		margin: 0;
		padding: 0;
		padding-left: 2.0em;
		text-indent: -2.0em;
	}
		p.list_check:before {
			font-family: FontAwesome; /* FontAwesome Icon */
			content: "\f058";
			color: #404040;
			font-size: 150%;
			margin-right: 0.5em;
		}
	p.list_dcircle {
		margin: 0;
		padding: 0;
		padding-left: 2.0em;
		text-indent: -2.0em;
	}
		p.list_dcircle:before {
			font-family: FontAwesome; /* FontAwesome Icon */
			content: "\f192";
			color: #0081c6;
			font-size: 150%;
			margin-right: 0.5em;
		}
	p.list_circle {
		margin: 0;
		padding: 0;
		padding-left: 2.0em;
		text-indent: -2.0em;
	}
		p.list_circle:before {
			font-family: FontAwesome; /* FontAwesome Icon */
			content: "\f10c";
			color: #404040;
			font-size: 120%;
			margin-right: 0.5em;
		}
	p.list_web {
		margin: 0;
		padding: 0;
		padding-left: 2.0em;
		text-indent: -2.0em;
	}
		p.list_web:before {
			font-family: FontAwesome; /* FontAwesome Icon */
			content: "\f08e";
			color: #0081c6;
			font-size: 150%;
			margin-right: 0.5em;
		}
	p.list_tool {
		margin: 0;
		padding: 0;
		padding-left: 2.0em;
		text-indent: -2.0em;
	}
		p.list_tool:before {
			font-family: FontAwesome; /* FontAwesome Icon */
			content: "\f0ad";
			color: #404040;
			font-size: 150%;
			margin-right: 0.5em;
		}
	p.list_doc {
		margin: 0;
		padding: 0;
		padding-left: 2.0em;
		text-indent: -2.0em;
	}
		p.list_doc:before {
			font-family: FontAwesome; /* FontAwesome Icon */
			content: "\f0f6";
			color: #4d4d4d;
			font-size: 150%;
			margin-right: 0.5em;
		}
	p.list_pdf {
		margin: 0;
		padding: 0;
		padding-left: 2.0em;
		text-indent: -2.0em;
	}
		p.list_pdf:before {
			font-family: FontAwesome; /* FontAwesome Icon */
			content: "\f1c1";
			color: #cc140c;
			font-size: 150%;
			margin-right: 0.5em;
		}
	p.list_pc {
		margin: 0;
		padding: 0;
		padding-left: 2.0em;
		text-indent: -2.0em;
	}
		p.list_pc:before {
			font-family: FontAwesome; /* FontAwesome Icon */
			content: "\f109";
			color: #404040;
			font-size: 150%;
			margin-right: 0.5em;
		}
	p.list_gotovan {
		margin: 0;
		padding: 0;
		padding-left: 2.0em;
		text-indent: -2.0em;
	}
		p.list_gotovan:before {
			font-family: FontAwesome; /* FontAwesome Icon */
			content: "\f1a0";
			color: #0081c6;
			font-size: 150%;
			margin-right: 0.5em;
		}
	p.list_hint {
		margin: 0;
		padding: 0;
		padding-left: 2.0em;
		text-indent: -2.0em;
	}
		p.list_hint:before {
			font-family: FontAwesome; /* FontAwesome Icon */
			content: "\f0eb";
			color: #e06897;
			font-size: 150%;
			margin-right: 0.5em;
		}
	p.list_download {
		margin: 0;
		padding: 0;
		padding-left: 2.0em;
		text-indent: -2.0em;
	}
		p.list_download:before {
			font-family: FontAwesome; /* FontAwesome Icon */
			content: "\f019";
			color: #dc6000;
			font-size: 150%;
			margin-right: 0.5em;
		}


	span.icon_link {
		margin: 0;
		padding: 0;
		padding-left: 2.0em;
		text-indent: -2.0em;
	}
		span.icon_link:before {
			font-family: FontAwesome; /* FontAwesome Icon */
			content: "\f08e";
			font-size: 90%;
			margin-right: 0.5em;
			color: #404040;
		}
		span.icon_link a{
			text-decoration: none;
			color: #404040;
		}
		span.icon_link a:hover {
			filter: alpha(opacity=70);
			opacity:0.70;
		}

	span.icon_link_left {
		float: left;
	}
	span.icon_link_right {
		float: right;
	}


div.mycic_guide a{
	margin: 10px auto;
	padding: 0;
	display: block;
	font-size: 140%;
	text-align: center;
	text-decoration: none;
}
	div.mycic_guide a:hover {
		filter: alpha(opacity=70);
		opacity:0.70;
	}

	div.mycic_guide a:before {
		font-family: FontAwesome; /* FontAwesome Icon */
		content: "\f109";
		display: block;
		color: #c53634;
		font-size: 300%;
		text-align: center;
		text-decoration: none;
	}

/* ############# font text ############# */






div#header_wrap{
	width: 100%;
	border-top: 1px solid #5fa3d2;

}
div#header{
	max-width: 1200px;
	text-align: center;
	padding: 0;
	margin: auto;
	overflow: hidden;
	background-color: #ffffff;
	background-image: url("/images/header_bk.png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: bottom center ;
}
div#siteDesc {
	text-align: left;
	margin: 2px 10px;
	font-size: 90%;
}
div#pageTitle {
	float: right;
	margin: 5px 10px;
}
div#pageTitle span{
	margin: 0 6px 0 0;
	display: block;
	border: solid 1px #000000;
	background-color: #FFFFFF;
	color: #DC143C;
	width: 30px;
	height: 20px;
	font-size: 15px;
	line-height: 20px;
	text-align: center;
	display: inline-block;
	/display: inline;  /* IE用ハック */
	/zoom: 1;  /* IE用ハック */
}

	div#pageTitle a{
		font-size: 14px;
		color: #404040;
		margin: 0;
		text-decoration: none;
		overflow: hidden;
	}
	div#pageTitle a:hover{
		filter: alpha(opacity=75);
		opacity:0.75;
	}
div#logo {
	margin: 16px 0 16px 0;
}
div#logo a {
	display: block;
	margin: 0;
	height: 60px;
	width: 240px;
	text-decoration: none;
	text-indent: -1500px;
	overflow: hidden;
	background: url(../images/logo.png) no-repeat;
	background-repeat:no-repeat;
	background-size:cover;
}
	div#logo a:hover{
		filter: alpha(opacity=75);
		opacity:0.75;
	}

div#footer{
	border-top: 3px solid #5fa3d2;
	text-align: center;
	padding: 1em 0;
	background: #e5e5e5;
}

	div#footer_wrap{
		overflow: hidden;
	}
	div#footer_wrap div.footer_menu{
		margin: 10px 0;
	}
		div#footer_wrap div#footer_menu ul{
			width: 100%;
			padding: 0px;
			margin: 5px auto;
			list-style-type: none;
			text-align: center;
		}
		div#footer_wrap div#footer_menu ul li{
			white-space: nowrap;
			list-style-type:none;
			margin-right: 10px;
			padding-left: 16px;
			line-height: 20px;
			display: inline;
		}
		div#footer_wrap div#footer_menu ul li + li{
			border-left: 1px solid #8b8b8b;
		}
		div#footer_wrap div#footer_menu ul li a{
			color: #5fa3d2;
			text-decoration: none;
		}
		div#footer_wrap div#footer_menu ul li a:hover{
			text-decoration: underline;
		}


		div#footer_wrap div#copyright p{
			margin: 3px 0;
		}



		/*GoToVan広告*/
		div#footer_wrap > div.footer_ad{
			position: relative;
			/*background-color: rgba(236,247,253,.8);*/
			background-color: rgba(236,247,253,1);
			padding: 1.5em;
			margin-left: 5%;
			margin-right: 5%;
			margin-top: 1em;
			margin-bottom: 1em;
			color: #fff;
			border-radius: 3px; 
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			display: inline-block;
			zoom: 1;
			*display: inline;
		}
			div#footer_wrap > div.footer_ad:before{
				content: "";
				display: block;
				position: absolute;
				top: 3px;
				left: 3px;
				width: calc(100% - 10px);
				min-height: calc(100% - 10px);
				border: 2px dashed #8ecdf0;
			}

			div#footer_wrap > div.footer_ad > h5{
				color: #404040;
				margin: 0;
				margin-bottom: 0.5em;
				text-align: center;
			}
				div#footer_wrap > div.footer_ad > h5 > span{
					font-size: 140%;
					color: #0067b3;
					margin-left: 0.5em;
					font-family: Helvetica, sans-serif;
					text-shadow: 
						1px 1px 0 #fff,
						2px 2px 0 #999;
				}


		div#footer_wrap > div.footer_ad > p.school_wrap,
		div#footer_wrap > div.footer_ad > p.service_wrap{
			text-align: center;
			font-size: 90%;
		}
			div#footer_wrap > div.footer_ad > p.school_wrap > span,
			div#footer_wrap > div.footer_ad > p.service_wrap > span{
				padding: 0.2em 0.6em;
				color: #fff;
				display: inline-block;
				zoom: 1;
				*display: inline;

				border-radius: 4px; 
				-webkit-border-radius: 4px;
				-moz-border-radius: 4px;
			}

			div#footer_wrap > div.footer_ad > p.school_wrap > span{
				background-color: #e06897;
				position: relative;
				margin-bottom: 1.5em;
			}

				div#footer_wrap > div.footer_ad > p.school_wrap > span::before,
				div#footer_wrap > div.footer_ad > p.school_wrap > span::after {
					display: block;
					content: "";
					position: absolute;
					bottom: -1em;
					left: 50%;
					width: 1em;
					height: 0.3em;
					background: #e06897;
					-webkit-transform: translateX(-50%);
					-ms-transform: translateX(-50%);
					transform: translateX(-50%);
				}
				div#footer_wrap > div.footer_ad > p.school_wrap > span::after {
					-webkit-transform: translateX(-50%) rotate(90deg);
					-ms-transform: translateX(-50%) rotate(90deg);
					transform: translateX(-50%) rotate(90deg);
				}
			div#footer_wrap > div.footer_ad > p.service_wrap > span{
				margin-top: 0.2em;
				margin-bottom: 0.2em;
				background-color: #5aad6d;
				margin-left: 0.4em;
				margin-right: 0.4em;
			}

		div#footer_wrap > div.footer_ad > p.txt_free{
			margin-top: 0.5em;
			color: red;
			text-align: center;
			font-size: 90%;
		}
		div#footer_wrap > div.footer_ad > p.link{
			margin-top: 0.8em;
			text-align: center;
			z-index: 100;
			position: relative;
		}
			div#footer_wrap > div.footer_ad > p.link > a{
				background-color: #0067b3;
				font-size: 90%;
				font-weight: bold;
				color: #fff;
				padding: 0.5em 1.2em;
				text-decoration: none;

				display: inline-block;
				zoom: 1;
				*display: inline;

				border-radius: 1em; 
				-webkit-border-radius: 1em;
				-moz-border-radius: 1em;
			}
				div#footer_wrap > div.footer_ad > p.link > a:hover{
					filter: alpha(opacity=80);
					opacity:0.80;
				}




#nav_wrap{
	margin: 0;
	padding: 0;
	width: 100%;
	min-width: 1200px;
	background: #008cd3;
	overflow: hidden;
	border-bottom: 2px solid #d9d9d9;

	background: #91bdf5; /* Old browsers */
	background: -moz-linear-gradient(top,  #008cd3 0%, #0081c6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#008cd3), color-stop(100%,#0081c6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #008cd3 0%,#0081c6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #008cd3 0%,#0081c6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #008cd3 0%,#0081c6 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #008cd3 0%,#0081c6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008cd3', endColorstr='#0081c6',GradientType=0 ); /* IE6-9 */
}


	#nav{
		width: 1200px;
		margin: 0 auto;
		padding: 0;
		overflow: hidden;
	}
	#nav ul{
		list-style: none;
		width: 100%;
		height: auto;
		margin: 0;
		padding: 0;
	}
	#nav ul li{
		display: block;
		float: left;
		width: 300px;
		padding: 4px;
		margin: 0;
		box-sizing: border-box;


	}
	#nav ul li a{
		font-weight: bold;
		display: block;
		padding: 6px 0 6px;
		background: #eaeaea;
		color: #0081c6;
		text-align: center;
		text-decoration: none;
		border-left:0px solid #ffffff;

		box-shadow:inset 0px 15px 5px 0px #e5e5e5;
		-webkit-box-shadow:inset 0px 15px 5px 0px #e5e5e5;
		-moz-box-shadow:inset 0px 15px 5px 0px #e5e5e5;

		border-radius: 3px; 
		-webkit-border-radius: 3px; /* Safari,Google Chrome用 */  
		-moz-border-radius: 3px; /* Firefox用 */  
	}
		#nav ul li:last-child a{
			border-right:0px solid #ffffff;
		}

	#nav ul li.on a{
		background: #d8edf4;
		box-shadow:inset 0px 20px 5px 0px #d8edf4;
		-webkit-box-shadow:inset 0px 20px 5px 0px #d8edf4;
		-moz-box-shadow:inset 0px 20px 5px 0px #d8edf4;
	}

	#nav ul li a:hover{
		background: #d8edf4;
		box-shadow:inset 0px 20px 5px 0px #d8edf4;
		-webkit-box-shadow:inset 0px 20px 5px 0px #d8edf4;
		-moz-box-shadow:inset 0px 20px 5px 0px #d8edf4;
	}
	#toggle{
		display: none;
	}



div.main_wrap{
	width: 1200px;
	margin: auto;
	padding: 10px 0 0 0;
	overflow: hidden;
	background-color: #fff;
}

	div.main{
		width: 900px;
		float: left;
		margin: 0;
		padding: 0px;
		border: 0px solid rgba(0,0,0,.1);
		box-sizing: border-box;
	}
	div.main_content{
		padding: 5px;
	}
	div.side{
		width: 300px;
		float: right;
		margin: 0;
		padding: 0;
		box-sizing: border-box;
	}


div.side_wrap{
	margin: 0 auto 10px auto;
	padding: 0;
	width: 96%;
	border: 1px solid #abc7ca;
	box-sizing: border-box;
}
div.side_content{
	padding: 5px;
}

p.more{
	font-size: 90%;
	color: #4da619;
	text-align: right;
	padding: 10px;
}
	p.more a{
		color: #4da619;
	}



/* ############# PATH ############# */
div#topicPath {
	max-width: 1000px;
	text-align: left;
	height: 36px;
	margin: auto;
	padding: 0 0 0 26px;
	color: #4d4d4d;	
	font-size: 13px;
	line-height: 36px;
	border-bottom: 0px solid #d9d9d9;
	background-image: url(../images/icon_path_home.png);
	background-repeat: no-repeat;
	background-position: 5px center;
}
	#topicPath ul{
		margin: 0 0 0 10px;
		padding: 0;
	}
	#topicPath li{
		display: inline;
		line-height: 36px;
		list-style-type: none;
		margin: 2px;
	}
	#topicPath li a {
		padding-right: 15px;
		background: url(../images/path_separater.png) no-repeat right center;
		color: #4d4d4d;
	}
/* ############# PATH ############# */


/* ############# LINK ############# */
a:link{
	color:#0063a4;
	text-decoration:underline;
}
a:visited{
	color:#0063a4;
	text-decoration:underline;
}

/*
a:active{
	color:#1A2B57;
	text-decoration:underline;
}
*/
a:hover{
	text-decoration:none;
}
/* ############# LINK ############# */


/* ############# LIST ############# */
/* ul ol の標準設定 */
ul, ol{
	margin-top: 2em;
	margin-bottom: 2em;
	padding-left : 0;
	margin-left: 2em;
}

ul li, ol li{
	margin-left: 1em;
	margin-top: 0.2em;
	margin-bottom: 0.2em;
}


ul.nomgn{
	margin-left: 0;
	padding-left : 0;
	list-style: none;
}




ol.num{
	counter-reset: number; /* 名前を付けたカウンターをリセット */
	list-style: none; /* olが数字を付けることをキャンセル */
	margin: 0;
	padding: 0;
}
ol.num li{
	margin: 8px 0;
	padding: 0;
}
ol.num li:before{
	/* カウンタ（数字になる部分） */
	counter-increment: number; /* 任意の名前を付けて！ */
	content: counter(number); /* 名前を付けたカウンターを呼び出し */
	display:inline-block;
	margin-right: 8px;
	width: 28px;
	height: 28px;
	color: #fff;
	font-size: 120%;
	line-height: 28px;
	text-align: center;
	background-color: #5aad6d;
	border-radius: 50%; 
	-webkit-border-radius: 50%; /* Safari,Google Chrome用 */  
	-moz-border-radius: 50%; /* Firefox用 */
}


ul.li_none,
ul.li_f_icon,
ul.li_icon{
	margin-left: 0;
	margin-right: 0;
	list-style: none;
}

	ul.li_icon > li{
		padding: 0;
		padding-left: 1.5em;
		position: relative;
	}
		ul.li_icon > li:before {
			font-family: FontAwesome;
			font-size: 120%;
			position: absolute;
			left: 0;
			top: 50%;
			color: #8c8c8c;
			-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			transform: translateY(-50%);
		}
		 /* Default */
		ul.li_icon > li:before {
			content: "\f192";
			font-weight: normal !important;
		}
		ul.li_icon.fb > li:before {
			content: "\f230";
			color: #4267b2;
		}

/* ############# LIST ############# */


/* ############# UPDATE ############# */
div.update {
	margin: 10px;
	padding: 10px;
	background-color: #F1F5F9;
	border: solid 1px #D0E1F6;
	border-radius: 3px; 
	-webkit-border-radius: 3px; /* Safari,Google Chrome用 */  
	-moz-border-radius: 3px; /* Firefox用 */  
}

	dl.update dt {
		clear: left;
		float: left;
		width: 6em;
		font-weight: bold;
	}

	dl.update dd {
		margin-left: 6em;
		margin-bottom: 10px;
	}
.notice p{
	color: #ff0000;
	font-weight: bold;
}

/* TEXT */
p.update {
	text-align: right;
	margin: 10px;
	font-size: 9pt;
}
/* ############# UPDATE ############# */

/* ############# IEC_UPDATE ############# */

div.cic_update {
	width: 96%;
	margin: 0px auto 10px auto;
	padding: 0px;
	overflow: hidden;
	background-color: #F1F5F9;
	border: solid 1px #D0E1F6;
	box-sizing: border-box;
	border-radius: 3px; 
	-webkit-border-radius: 3px; /* Safari,Google Chrome用 */  
	-moz-border-radius: 3px; /* Firefox用 */  
}
	div.cic_update h3.cic_update_title {
		margin: 0;
		background: #efefef;
		border: 0;
		border-bottom: 1px solid #d0e1f6;
		color: #0063a4;
		padding: 10px 0;
		text-align: center;
/*
		box-shadow:inset 0px 13px 2px 2px #7fbcdd;
		-webkit-box-shadow:inset 0px 13px 2px 2px #7fbcdd;
		-moz-box-shadow:inset 0px 13px 2px 2px #7fbcdd;
*/
		background: #a2d0e9; /* Old browsers */
		background: -moz-linear-gradient(top,  #f1f5f9 0%, #d0e1f6 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f5f9), color-stop(100%,#d0e1f6)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #f1f5f9 0%,#d0e1f6 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #f1f5f9 0%,#d0e1f6 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #f1f5f9 0%,#d0e1f6 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #f1f5f9 0%,#d0e1f6 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f5f9', endColorstr='#d0e1f6',GradientType=0 ); /* IE6-9 */

	}
	div.cic_update div.cic_update_cont {
		padding: 8px;
		background-repeat: no-repeat;
		background-size: 16px 11px;
		background-position: center center;

	}
	div.cic_update dl dt {
		clear: left;
		float: left;
		text-align: left;
		font-weight: bold;
		line-height: 180%;
	}

	div.cic_update dl dd {
		line-height: 180%;
		border-bottom: 1px dotted #ccc;
		display: block;
		min-height: 2em;
		padding-left: 9em;
		margin-bottom: 0.5em;
		margin-left: 0.5em;
		margin-right: 0.5em;

	}
	div.cic_update div.update_date{
		font-size: 90%;
		text-align: left;
	}
	div.cic_update select#iec_country_list{
		width: 100%;
		box-sizing: border-box;
		background-repeat: no-repeat;
		background-size: 16px 11px;
		background-position: center center;
	}
/* ############# IEC_UPDATE ############# */


/* ############# PAGE LINK ############# */
div.pgLink{
	clear: both;
	padding: 10px;
	margin: 0 0 30px 0;
	overflow: hidden;
	border-bottom: 1px solid #dddddd;
}

div.pgLink ul{
	padding: 0px;
	margin: 0px 10px 0px 10px;
}
div.pgLink ul li{
	white-space: nowrap;
	list-style-type: none;
	text-indent: 20px;
	margin: 5px 30px 0px 0px;
	padding: 2px 0px 2px 0px;
	float: left;
}

div.pgLink li:before {
	content: "\f138";
	font-family: FontAwesome;
	margin: 0 6px 0 0;
	color: #0084c9;
	font-size: 120%;
}
/* ############# PAGE LINK ############# */


/* ############# TEXT FIELD ############# */
div.update {
	margin: 10px;
	padding: 10px;
	background-color: #F1F5F9;
	border: solid 1px #D0E1F6;
	border-radius: 3px; 
	-webkit-border-radius: 3px; /* Safari,Google Chrome用 */  
	-moz-border-radius: 3px; /* Firefox用 */  
}

div.content_field {
	margin: 0 0 50px 0px;
	padding: 8px;
	background-color: #f9f9f9;
	overflow: hidden;

	box-shadow: 0px 1px 3px 0px #d9d9d9;
	-webkit-box-shadow: 0px 1px 3px 0px #d9d9d9;
	-moz-box-shadow: 0px 1px 3px 0px #d9d9d9;

}

div.text_field {
	margin: 0 0 10px 0px;
	padding: 8px;
	background-color: #f9f9f9;
	overflow: hidden;

	border-radius: 3px; 
	-webkit-border-radius: 3px; /* Safari,Google Chrome用 */  
	-moz-border-radius: 3px; /* Firefox用 */  

}
div.text_field_nc{
	background-color: #fff;
}

div.textBox{
	margin: 10px;
	padding: 10px;
	overflow: hidden;
	border-radius: 3px; 
	-webkit-border-radius: 3px; /* Safari,Google Chrome用 */  
	-moz-border-radius: 3px; /* Firefox用 */  
}
	div.textBoxOrange{
		background-color: #ffe9cd;
		border: 1px solid #dc6000;
	}
	div.textBoxBlue{
		background-color: #edf8fe;
		border: 1px solid #8dd0f6;
	}
	div.textBoxGrey{
		background-color: #efefef;
		border: 1px solid #bfbfbf;
	}
	div.textBoxWhite{
		background-color: #ffffff;
		border: 1px solid #d9d9d9;
	}
	div.textBoxPink{
		background-color: #fff0f4;
		border: 1px solid #ff0000;
	}

	/* additional option */
	div.margin_H10{
		margin-top: 10px;
		margin-bottom: 10px;
	}
	div.margin_H30{
		margin-top: 30px;
		margin-bottom: 30px;
	}
	div.padding_W10{
		padding-left: 10px;
		padding-right: 10px;
	}
	div.padding_HW10{
		padding: 10px;
	}
	div.padding_HW30{
		padding: 30px;
	}
	div.padding_W30{
		padding-left: 30px;
		padding-right: 30px;
	}


	div.box_indent25{
		margin-left: 25px;
	}



div.textBoxCont{
	padding: 10px;
}

/* ############# TABLE ############# */

/* table.reg */
table.reg {
	width: 100%;
	margin: 10px 0;
	border-collapse: collapse;
	box-sizing: border-box;
}
table.reg, table.reg td, table.reg th{
	box-sizing: border-box;
}
table.reg th {
	border: #d3d3d3 1px solid;
	text-align: left;
	background: #efefef;
	padding: 10px;
	font-weight: bold;
}
	table.reg th.center {
		text-align: center;
	}
	table.reg th.bkLightGrey {
		background: #efefef;
	}
	table.reg th.fontNormal {
		font-weight: normal;
	}
	table.reg th.lessMargin {
		padding: 3px 3px 3px 8px;
	}
	table.reg th.width25 {
		width: 25%;
	}

table.reg td {
	border: #d3d3d3 1px solid;
	text-align: left;
	padding: 10px;
	background: #ffffff;
}
	table.reg td.lessMargin {
		padding: 3px 3px 3px 8px;
	}



/* table.reg2 */
table.reg2 {
	width: 100%;
	margin: 10px 0;
	border-collapse: collapse;
	box-sizing: border-box;
}
table.reg2 td, table.reg2 th{
	box-sizing: border-box;
}
table.reg2 th {
	border: #d3d3d3 1px solid;
	text-align: left;
	background: #efefef;
	padding: 5px 5px 5px 8px;
	font-weight: normal;
}
table.reg2 td {
	border: #d3d3d3 1px solid;
	text-align: left;
	padding: 5px;
	background: #ffffff;
}


/* table.reg3 */
table.reg3 {
	width: 100%;
	margin: 10px 0;
	border-collapse: collapse;
	box-sizing: border-box;
}
table.reg3 th {
	border: #d3d3d3 1px solid;
	text-align: center;
	background: #efefef;
	padding: 5px 5px 5px 8px;
	font-weight: normal;
}

table.reg3 td {
	border: #d3d3d3 1px solid;
	text-align: left;
	padding: 5px;
	background: #ffffff;
}


/* table.reg3 */
table.reg4 {
	width: 100%;
	margin: 10px 0;
	border-collapse: collapse;
	box-sizing: border-box;
}
table.reg4 th {
	border: #d3d3d3 1px solid;
	text-align: center;
	background: #efefef;
	padding: 5px 5px 5px 8px;
	font-weight: normal;
}

table.reg4 td {
	border: #d3d3d3 1px solid;
	text-align: left;
	padding: 5px;
	background: #ffffff;
}


/* 各テーブル共通*/
table th.stitle20{
	width: 20%;
}
table th.stitle25{
	width: 25%;
}
table th.stitle30{
	width: 30%;
}
table th.stitle40{
	width: 40%;
}
table th.stitleC{
	text-align: center;
}

table td.titdk {
	background: #fcfcfc;
}
table td.cont20 {
	width: 20%;
}
table td.cont25 {
	width: 25%;
}
table td.cont75 {
	width: 75%;
}
table td.contb {
	font-weight: bold;
}
table td.contc {
	text-align: center;
}
table td.cont {
}

/* ############# TABLE ############# */


/* ############# FORM ############# */
form.reg{
	margin: 0;
	padding: 0;
}
form.reg select, form.reg input, form.reg textarea{
	border: 1px #bfbfbf solid;
	padding: 6px;
	margin: 3px;
	font-size: 120%;
	box-sizing: border-box;
}
form.reg input.btS{
	padding: 5px !important;
	margin: 2px !important;
	float: right !important;
	display: block !important;
	font-size: 12px;
}
form.reg div.form_button_wrap input{
	display: block;
	margin: 10px auto;
	text-align: center;
	float: center;
}
form.reg div.button_wrap{
	margin: 0;
	padding: 0;
	position:relative;
	overflow:hidden;
}
	form.reg div.button_wrap ul {
		margin: 0;
		padding: 0;
		position:relative;
		left:50%;
		float:left;
	}


	form.reg div.button_wrap li{
		margin: 0;
		padding: 0;
		list-style-type: none;
		position: relative;
		left:-50%;
		float:left;
	}

/* ############# FORM ############# */


div.c-both {
	clear:both;
}


/* ############# image ############# */

img{
	width:100%;
	max-width: 100%;
	height: auto;
	display: block;
	border: none;
	box-sizing: border-box;
}
img.pic_frame{
	max-width: 100%;
	border: 1px solid #ddd;
	padding: 3px;
	margin: 5px;
	background: #f8f8f8;
}
img.pic_inline{
	display: inline-block !important;
}
img.pic_center{
	margin-left: auto;
	margin-right: auto;
}

img.pic_W80{
	max-width: 80%;
	box-sizing: border-box;
}
img.pic_W45{
	max-width: 45%;
	box-sizing: border-box;
}
img.pic_W30{
	max-width: 30%;
	box-sizing: border-box;
}





div.pic_wrap{
	margin: 0;
	padding: 0;
	overflow: hidden;
}
	div.pic_wrap ul {
		margin: 0;
		padding: 0;
		font-size: 0;
		text-align: center;
	}


	div.pic_wrap li{
		display: inline-block;
		margin: 0 1%;
		padding: 0;
		list-style-type: none;
		max-width: 30%;
		height: auto;
		box-sizing: border-box;
	}
/* ############# image ############# */




/* ############# STEP BAR ############# */
#steps {
	text-align: center;
	overflow: hidden;
	margin: 30px 0;
	height: auto;
}
#steps div.step_title{
	font-size: 120%;
}

#steps ul {
	text-align: center;
 	list-style: none;
	margin: 0;
	padding: 0;
}

#steps ul li {
	box-sizing: border-box;
	line-height: 46px;
	color: #a6a6a6;
	text-decoration: none;
	padding: 0 15px 0 35px;
	background: #eee;
	display: inline-block;
	margin-left: 0;
}
	#steps ul li a{
		text-decoration: none;
		color: #a6a6a6;
	}

#steps ul li small {
	font-size: 80%;
}

#steps ul li::after {
	position: relative;
	display: block;
	margin-top: -25px;
	margin-left: auto;
	margin-right: -25px;
	height: 22px;
	width: 20px;
	content: " ";
	-webkit-transform: skew(-30deg);
	-moz-transform: skew(-30deg);
	-ms-transform: skew(-30deg);
	-o-transform: skew(-30deg);
	transform: skew(-30deg);
	background: #eee;
	border-right: 1px solid white;
}

#steps ul li::before {
	float: right;
	display: block;
	margin-bottom: -25px;
	margin-left: auto;
	margin-right: -25px;
	height: 21px;
	width: 20px;
	content: " ";
	-webkit-transform: skew(30deg);
	-moz-transform: skew(30deg);
	-ms-transform: skew(30deg);
	-o-transform: skew(30deg);
	transform: skew(30deg);
	background: #eee;
	border-right: 1px solid white;
}

#steps ul li:first-child {
	padding-left: 20px;
	-webkit-border-radius: 5px 0 0 5px;
	-moz-border-radius: 5px 0 0 5px;
	-ms-border-radius: 5px 0 0 5px;
	-o-border-radius: 5px 0 0 5px;
	border-radius: 5px 0 0 5px;
}

#steps ul li:last-child {
	padding-left: 35px;
	padding-right: 40px;
	-webkit-border-radius: 0 5px 5px 0;
	-moz-border-radius: 0 5px 5px 0;
	-ms-border-radius: 0 5px 5px 0;
	-o-border-radius: 0 5px 5px 0;
	border-radius: 0 5px 5px 0;
}

#steps ul li:last-child::before {
	border: 0;
	background: transparent !important;
}

#steps ul li:last-child::after {
	border: 0;
	background: transparent !important;
}

#steps ul li.current {
	background: #ccddef;
	color: #00a0dd;
}
	#steps ul li.current a{
		color: #00a0dd;
	}

#steps ul li.current::before {
	background: #ccddef;
}

#steps ul li.current::after {
	background: #ccddef;
}

#steps ul li.current:last-child {
	margin-right: -35px;
}

#steps ul li.current:last-child::before {
	border: 0;
	background: transparent !important;
}

#steps ul li.current:last-child::after {
	border: 0;
	background: transparent !important;
}
/* ############# STEP BAR ############# */


/* ############# SIDE MENU ############# */
#subMenu{
	width: 96%;
	margin: 0px auto 10px auto;
	padding: 0px;
	background-color: #f4f4f4;
	border: solid 1px #d9d9d9;
	border-radius: 3px; 
	-webkit-border-radius: 3px; /* Safari,Google Chrome用 */  
	-moz-border-radius: 3px; /* Firefox用 */  
	box-sizing: border-box;
}

	#subMenu div.cont {
		background-color: #f6f6f6;
		padding: 5px;
		border: 0 solid #cccccc;
	}
	#subMenu div.contw {
		background-color: #f6f6f6;
		padding: 10px;
		border: 0 solid #cccccc;
	}
	#subMenu h3.subMenuTitle {
		margin: 0;
		background: #efefef;
		border: 0;
		border-bottom: 1px solid #cccccc;
		color: #0063a4;
		padding: 10px 0;
		text-align: center;
/*
		box-shadow:inset 0px 13px 2px 2px #7fbcdd;
		-webkit-box-shadow:inset 0px 13px 2px 2px #7fbcdd;
		-moz-box-shadow:inset 0px 13px 2px 2px #7fbcdd;
*/
		background: #a2d0e9; /* Old browsers */
		background: -moz-linear-gradient(top,  #f4f4f4 0%, #efefef 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #f4f4f4 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #f4f4f4 0%,#efefef 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #f4f4f4 0%,#efefef 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #f4f4f4 0%,#efefef 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */

	}
		#subMenu h3.titS {
			font-size: 12px;
		}

	#subMenu h3.ON {
		background: url(../images/submenu_tit_bk_on.png) repeat-x #383b3d;
		border: 1px solid #cccccc;
		letter-spacing: 2px;
		font-size: 110%;
		font-weight: bold;
		text-align: center;
		padding: 8px 0;
		color: #d4d4d4;
	}
	#subMenu h3.subMenuTitle a{
		color: #d4d4d4;
	}
	#subMenu h3.ON a{
		color: #d4d4d4;
	}

	#subMenu ul.menu {
		width: 100%;
		background-color: #ffffff;
		list-style: none;
		margin: 0;
		padding: 0;
		border-right: 0px solid #cccccc;
		border-left: 0px solid #cccccc;
		border-bottom: 1px solid #cccccc;
		box-sizing: border-box;
	}

	#subMenu ul.menu li {
		margin: 0;
		border-bottom: 1px dotted  #cccccc;
		color: #737373;
	}
		/* FontAwesome Icon */
		#subMenu ul.menu li a:before{
			font-family: FontAwesome;
			margin: 0 10px 0 0;
			font-size: 120%;
		}
		#subMenu ul.menu li.info a:before{
			content: "\f05a";
		}
		#subMenu ul.menu li.person a:before{
			content: "\f007";
		}
		#subMenu ul.menu li.check a:before{
			content: "\f046";
		}
		#subMenu ul.menu li.doc a:before{
			content: "\f0f6";
		}
		#subMenu ul.menu li.book a:before{
			content: "\f02d";
		}
		#subMenu ul.menu li.email a:before{
			content: "\f003";
		}
		#subMenu ul.menu li.payment a:before{
			content: "\f09d";
		}
		#subMenu ul.menu li.files a:before{
			content: "\f0c5";
		}
		#subMenu ul.menu li.prof a:before{
			content: "\f2bc";
		}
		#subMenu ul.menu li.laptop a:before{
			content: "\f109";
		}
		#subMenu ul.menu li.qa a:before{
			content: "\f29c";
		}
		#subMenu ul.menu li.pdf a:before{
			content: "\f1c1";
		}
		#subMenu ul.menu li.fb a:before{
			content: "\f082";
		}
		#subMenu ul.menu li.link a:before{
			content: "\f08e";
		}
		#subMenu ul.menu li.globe a:before{
			content: "\f0ac";
		}


	#subMenu ul.menu li.end {
		margin: 0;
		border-bottom: 0px dotted  #cccccc;
		color: #737373;
	}
	#subMenu ul.menu li.title {
		background: #e6e6e6;
		border-left: 3px solid #7b7b7b;
		text-align: center;
		padding: 10px 3px 10px 8px;
		display: block;
		width: 100%;
		color: #595959;
		font-weight: bold;
		text-decoration: none;
		box-sizing: border-box;
		position: relative;
	}
	#subMenu ul.menu li.num1 {
		padding-left: 38px;
		color: #3f84c5;
	}
	#subMenu ul.menu li.num1:before {
		content: "1";
		padding: 0;
		width: 40px;
		height: 40px;
		line-height: 40px;
		position: absolute;
		left: 5px;
		font-size: 180%;
		font-weight: bold;
		color: #fff;
		background-color: #3f84c5;
		border-radius: 50%; 
		-webkit-border-radius: 50%; /* Safari,Google Chrome用 */  
		-moz-border-radius: 50%; /* Firefox用 */  
	}
	#subMenu ul.menu li.num2 {
		padding-left: 38px;
		color: #e71218;
	}
	#subMenu ul.menu li.num2:before {
		content: "2";
		padding: 0;
		width: 40px;
		height: 40px;
		line-height: 40px;
		position: absolute;
		left: 5px;
		font-size: 180%;
		font-weight: bold;
		color: #fff;
		background-color: #e71218;
		border-radius: 50%; 
		-webkit-border-radius: 50%; /* Safari,Google Chrome用 */  
		-moz-border-radius: 50%; /* Firefox用 */  
	}


	#subMenu ul.menu li.top_menu {
		font-weight: bold;
		text-align: center;
	}
	#subMenu ul.menu li a {
		border-left: 3px solid #7b7b7b;
		background: #ffffff;
		padding: 10px 3px 10px 8px;
		display: block;
		width: 100%;
		color: #595959;
		text-decoration: none;
		box-sizing: border-box;

		padding-left: 2.5em;
		text-indent: -1.7em;
	}
	#subMenu ul.menu li a.on {
		border-left: 3px solid #4d80d5;;
		background: #f6f6f6;
		padding: 10px 3px 10px 8px;
		width: 100%;
		color: #595959;
		box-sizing: border-box;

		padding-left: 2.5em;
		text-indent: -1.7em;
	}

	#subMenu ul.menu li a:hover {
		border-left: 3px solid #4d80d5;;
		background: #f6f6f6;
		padding: 10px 3px 10px 8px;
		width: 100%;
		color: #595959;
		box-sizing: border-box;

		padding-left: 2.5em;
		text-indent: -1.7em;
	}

	/* サブメニューのサブ*/
	#subMenu ul.menu li.sub {
		border-bottom: 0px dotted  #cccccc;
	}
	#subMenu ul.menu li.subend{
		border-bottom: 1px dotted  #cccccc !important;
	}
	#subMenu ul.menu li.sub a {
		border-left: 0 solid #8e8e8e;
		background: #ffffff;
		padding: 10px 3px 10px 25px;
		display: block;
		width: 180px;
		color: #595959;
		text-decoration: none;
	}
	#subMenu ul.menu li.sub a.on {
		border-left: 0 solid #383b3d !important;
		background: #f6f6f6;
		padding: 10px 3px 10px 25px;
		width: 100%;
		color: #595959;
		box-sizing: border-box;
	}

	#subMenu ul.menu li.sub a:hover {
		border-left: 0 solid #383b3d;;
		background: #f6f6f6;
		padding: 10px 3px 10px 25px;
		width: 100%;
		color: #595959;
		box-sizing: border-box;
	}
	/* サブメニューのサブ*/


	/* more */
	#subMenu div.more a{
		background-color: #a6a6a6;
		color: #ffffff;
		padding: 6px;
		margin: 18px auto 3px auto;
		display: block;
		text-align: center;
		text-decoration: none;
		border-radius: 3px; 
		-webkit-border-radius: 3px; /* Safari,Google Chrome用 */  
		-moz-border-radius: 3px; /* Firefox用 */  
	}
	#subMenu div.more a:hover{
		filter: alpha(opacity=75);
		opacity:0.75;
	}

	#subMenu div.contTitle p{
		border-left: 5px solid #383b3d;
		margin: 5px 0 5px 0;
		padding: 2px 0px 0px 6px;
		font-size: 12px;
		font-weight: bold;
	}

/* ############# SIDE MENU ############# */

/* ############# SIDE MENU BANNER ############# */
#bnWrap{
	width: 94%;
	margin: 20px auto 30px auto;
	padding: 0px;
}

	#bnWrap ul {
		width: 100%;
		list-style: none;
		margin: 0;
		padding: 0;
		box-sizing: border-box;
	}

	#bnWrap ul li {
		margin: 0;
		margin-bottom: 5px;
		width: 100%;
		box-sizing: border-box;
	}
		#bnWrap ul li a:hover img{
			filter: alpha(opacity=75);
			opacity:0.75;
		}

/* ############# SIDE MENU BANNER ############# */


/* ############# Go To Top ############# */
#pageTop {
	z-index: 998;
	position: fixed;
	bottom: 12px;
	right: 12px;
}

#pageTop a {
	z-index: 999;
	padding: 0;
	border-radius: 3px;
	width: 45px;
	height: 45px;
	background-color: #0081c6;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	opacity: 0.8;
	line-height: 45px;
	font-size: 120%;

	position: relative;
	display: inline-block;
	text-decoration: none;
}
#pageTop a::before,
#pageTop a::after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
}
#pageTop a::before{
	display: block;
	top: -50%;
	bottom: -50%;
	left: -50%;
	right: -50%;
	width: 14px;
	height: 14px;
	border-top: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

#pageTop a:hover {
	text-decoration: none;
	opacity: 0.6;
}
/* ############# Go To Top ############# */



/* ############# FORM ############# */
form.reg{
	margin: 0;
	padding: 0;
}
form.reg select, form.reg input, form.reg textarea{
	border: 1px #bfbfbf solid;
	padding: 6px;
	margin: 3px 0;
	box-sizing: border-box;
}
form.reg input.btS{
	padding: 5px !important;
	margin: 2px !important;
	float: right !important;
	display: block !important;
	font-size: 12px;
}
form.reg div.form_button_wrap input{
	display: block;
	margin: 10px auto;
	text-align: center;
	float: center;
}
form.reg div.button_wrap{
	margin: 0;
	padding: 0;
	position:relative;
	overflow:hidden;
}
	form.reg div.button_wrap ul {
		margin: 0;
		padding: 0;
		position:relative;
		left:50%;
		float:left;
	}


	form.reg div.button_wrap li{
		margin: 0;
		padding: 0;
		list-style-type: none;
		position: relative;
		left:-50%;
		float:left;
	}

/* ############# FORM ############# */


/* ############# Q AND A ############# */
dl.faq{
	width: 100%;
	margin: 20px 0;
	line-height: 1.8em;
	font-size: 110%;
	overflow: hidden;
	_zoom: 1;
}
dl.faq dd,
dl.faq dt{
	text-indent: -2.6em;   
	padding: 0 20px 0px 50px;
	font-size: 110%;
}
	dl.faq dd ul,
	dl.faq dd ol{
		text-indent: 0em;   
		margin: 0 0 0 20px;
		padding: 0;
	}
	dl.faq dd table{
		text-indent: 0em;   
		margin: 0 0 0 20px;
		padding: 0;
	}
dl.faq dt{
	font-weight: bold;
	margin: 20px 20px 0 0;
}
dl.faq dd{
	margin: 20px 0 -1px 0;
	padding-bottom:15px;
	border-bottom: 1px #c1c4c4 dotted;
}
dl.faq dd:first-letter,
dl.faq dt:first-letter{
	font-size: 1.6em;
	font-weight: bold;
	margin-right:10px;
	padding:5px;
	font-family: 'Nunito', sans-serif;
}
dl.faq dt:first-letter{
	color: #0F78E1;
}
dl.faq dd:first-letter{
	color: #ff6767;
}
/* ############# Q AND A ############# */



/* ############# iframe Wrap ############# */

div.iframe{
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	width: 100%;
	display: block;
	position: relative;
	height: auto;
	overflow: hidden;
	padding-bottom: 56.25%;
	border: 3px solid #ddd;
	background: #f8f8f8;
}

	div.iframe > iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}




/* ############# ビザ偏 eTA ############# */
div.loi_eta_sample{
	background-color: #efefef;
	border: 1px solid #bfbfbf;
	background-color: #f2f2f2;
	padding: 0.8em 1em;
	position: relative;
}
	div.loi_eta_sample:before,
	div.loi_eta_sample:after{
		text-align: center;
		display: block;
		content: "・・・・・";
		position: absolute;
		left: 50%;
		color: #808080;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	div.loi_eta_sample:before{
		top: 0;
	}
	div.loi_eta_sample:after{
		bottom: 0;
	}
	div.loi_eta_sample > p{
	}
		div.loi_eta_sample > p > span.eta_num,
		div.loi_eta_sample > p > span.exp_date,
		div.loi_eta_sample > p > span.visa_type{
			position: relative;
		}
			div.loi_eta_sample > p > span.eta_num:before,
			div.loi_eta_sample > p > span.exp_date:before,
			div.loi_eta_sample > p > span.visa_type:before{
				white-space: nowrap;
				position: absolute;
				right: 0;
				top: -1rem;
				font-size: 80%;
				display: block;
				color: #fff;
				padding: 0 0.6em;
				border-radius: 3px; 
				-webkit-border-radius: 3px;
				-moz-border-radius: 3px;
			}
		div.loi_eta_sample > p > span.eta_num{
			background-color: #a5dbaa;
		}
			div.loi_eta_sample > p > span.eta_num:before{
				content: "eTA番号";
				background-color: rgba(0,135,65,0.8);
			}
		div.loi_eta_sample > p > span.exp_date{
			background-color: #ffcec4;
		}
			div.loi_eta_sample > p > span.exp_date:before{
				content: "有効期限";
				background-color: rgba(255,0,0,0.8);
			}
		div.loi_eta_sample > p > span.visa_type{
			background-color: #fcefd3;
		}
			div.loi_eta_sample > p > span.visa_type:before{
				content: "申請したビザの種類";
				background-color: rgba(236,152,0,0.8);
			}