@charset "utf-8";


/*---------------------------
layout
---------------------------*/

body {
 font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI","Noto Sans Japanese","ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;	font-size: 19px;
	line-height: 170%;
	color: #313131;
	background:#fff;
	padding: 0px;
	margin: 0px;
}

a:hover img {
	opacity:0.8;
	filter:alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}


.clear {
	clear:both;
}


div#headline {
	display:block;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	text-align:center;

	
}

div#headline .banner {
	margin:0px auto;
	padding:10px 0px;
	text-align:center;
	border-bottom: 4px solid #FFA911;
}

div#headline h1 {
	margin:0px auto 32px auto;
	padding:32px 0px 0px 0px;
	text-align:center;
}

div#headline .banner02 {
	margin:0px auto;
	padding:0px 0px 20px 0px;
	text-align:center;
	/*
	background:url(../src_files/banner02_bg.png) repeat-x center top;
	*/
}

div#wrapper {
	width:870px;
	margin:0px auto 0px auto;
	padding:50px 0px 50px 0px;
	background:#ffffff;
	border:solid 1px #d4d4d4;
	box-sizing: border-box;
	margin-bottom: 2em;
	
}

div#wrapper .banner {
	width:100%;
	margin:0px auto 0px auto;
	padding:12px 0px 12px 20px;
	text-align:left;
	font-size:0px;
	background:#111111;
	border-bottom:1px solid #333333;
	box-sizing: border-box;
}


div#wrapper h1 {
	margin:0px auto 40px auto;
	padding:0px 0px 0px 0px;
	text-align:center;
}

div#wrapper h2 {
	width:800px;
	margin:0px auto 30px auto;
	padding:20px 0px 20px 0px;
	text-align:center;
	background:url(../src_files/ttl_bg01.png) no-repeat bottom center;
}

div#wrapper .solid{
	height:4px;
	margin:10px;
	padding:10px 0px 0px 0px;
	border-bottom:4px solid #f3f3f3;
}

div#wrapper h3 {
	margin:0px auto 30px auto;
	padding:0px 0px 0px 0px;
	text-align:center;
}

div#wrapper h4 {
	margin:0px auto 0px auto;
	padding:20px 0px 0px 0px;
	text-align:center;
}

div#wrapper .box01 {
	width:760px;
	margin:0px auto 40px auto;
	padding:0px;
	text-align:left;
}

div#wrapper .box01 p {
	margin:0px 0px 18px 0px;
	padding:0px;
}

div#wrapper .ul01 {
	margin:0px auto 18px auto;
	padding:0px;
}

div#wrapper .ul01 li {
	margin:0px auto 0px auto;
	padding:0px;
	text-align:left;
	list-style-position:inside;
	list-style-type:disc;
}


div#wrapper .ul02 {
	margin:0px auto 30px auto;
	padding:0px;
}

div#wrapper .ul02 li {
	margin:0px auto 18px auto;
	padding:0px 0px 0px 35px;
	text-align:left;
	font-size:24px;
	font-weight:bold;
	list-style:none;
	background:url(../src_files/icon01.png) no-repeat left top;
}


div#wrapper .frame01 {
	width:820px;
	margin:0px auto 30px auto;
	padding:6px 6px;
	background:url(../src_files/frame01_bg.png) repeat center top;
	box-sizing: border-box;
}
div#wrapper .frame01in {
	margin:0px auto 0px auto;
	padding:30px 0px 20px 0px;
	border:8px solid #eeeeee;
	background:#ffffff;
	box-sizing: border-box;
}

/*
div#wrapper .frame01 .box01 {
	width:600px;
	margin:0px auto 30px auto;
	padding:0px;
	text-align:left;
}
*/


div#wrapper .frame02 {
	width:100%;
	margin:0px auto 50px auto;
	padding:20px 0px 0px 0px;
	text-align:left;
	box-sizing: border-box;
	background:#ffffff url(../src_files/frame02_bg.png) no-repeat top center;
}


div#wrapper .frame02_ttl {
	margin:0px auto 30px auto;
	text-align:center;
}

div#wrapper .frame02in {
	width:760px;
	margin:0px auto 50px auto;
	padding:20px 0px 20px 0px;
	text-align:left;
	border:7px solid #dcdcdc;
	box-sizing: border-box;
	background:#ffffff;
}



div#wrapper .img_right {
	margin:0px 0px 15px 10px;
	padding:0px;
	float:right;
}

div#footer_links {
	width:100%;
	margin:0px auto 0px auto;
	padding:7px 0px 5px 0px;
	text-align:center;
	font-size:12px;
	color:#ffffff;
	background:brown;
}

div#footer_links a {
	color:#ffffff;
	text-decoration:none;
}

div#footer {
	width:100%;
	margin:0px auto 0px auto;
	padding:15px 0px;
	text-align:center;
	font-size:12px;
	color:#fff;
	background: #E29091;
}


div#wrapper .table01 {
	width:760px;
	margin:0px auto 30px auto;
	text-align:left;
	border: 7px solid #58a8e5;
	background:#FFFFFF;
}

div#wrapper .table01 th {
	padding: 6px 15px;
	text-align: center;
	vertical-align: top;
	color: #333;
	font-weight:bold;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2f6f8+0,d8e1e7+50,b5c6d0+51,e0eff9+100;Grey+Gloss+%232 */
background: #0D60AD; /* Old browsers */

}

div#wrapper .table01 td {
	padding: 4px 15px;
	text-align:left;
    border-left: 1px solid #cecece;
    border-bottom: 1px solid #cecece;
}


div#wrapper .table01 tr {
}



input.formtxt02 {
	width:100%;
	height:40px;
	padding:0px 5px;
	border:2px solid #CCC;
	font-size:18px;
	font-weight:bold;
	box-sizing: border-box;
}

input.formtxt03 {
	width:41%;
	height:40px;
	padding:0px 5px;
	border:2px solid #CCC;
	font-size:18px;
	font-weight:bold;
	box-sizing: border-box;
}

input.formtxt04 {
	width:20%;
	height:40px;
	padding:0px 5px;
	border:2px solid #CCC;
	font-size:18px;
	font-weight:bold;
}

.submit:hover {
	opacity: 0.7;
	/* IE */
	filter: alpha(opacity=70);
}
div#headline_sp {
	display:none;
}

@media screen and (min-width: 1800px) {
/* PC用のスタイル記述 */

div#wrap {
	width:1800px;
	margin:0px auto;
	padding:0px;
}
}


@media screen and (max-width: 768px) {
/* タブレット用のスタイル記述 */

	.table01{ font-size:16px;}	
	
	div#wrapper .table01 td {
    padding: 2px;
    text-align: left;
		font-size: 0.6em;
}
	
img.miniimg { display: block; }  /* mini\ */
img.bigimg  { display: none; } /* big\ */
img.frame01tab  { display: block; } /* frame01tab\ */

img {
    max-width:100%;
    width /***/:auto; 
    height:auto;
    vertical-align:bottom;
	box-sizing: border-box;
}

div#headline {
	display:none;
}

div#headline_sp {
	width:100%;
	display:block;
}

div#wrapper {
	width:100%;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	background:#ffffff;
	border:none;
	box-sizing: border-box;
}
div#wrapper h2 {
	width:95%;
	text-align:center;
}

div#wrapper h3 {
	width:95%;
	margin:0px auto 30px auto;
	padding:0px 0px 0px 0px;
	text-align:center;
}
hr {
	width:95%;
	height:4px;
	margin:0px auto 40px auto;
	border: none;
	text-align:center;
	border-top: 4px solid #f3f3f3;
}

div#wrapper .box01 {
	width:95%;
	margin:0px auto 40px auto;
	padding:0px;
	text-align:left;
}

div#wrapper .frame01 {
	width:95%;
	margin:0px auto 30px auto;
	padding:30px 0px 20px 0px;
	border:7px solid #dcdcdc;
	box-sizing: border-box;
}
div#wrapper .img_right {
	margin:0px auto 15px auto;
	padding:0px;
	float:none;
	text-align:center;
}
input.formtxt02 {
	width:100%;
	height:auto;
	padding:0px 7px;
	border:2px solid #CCC;
	font-size:18px;
	font-weight:bold;
	box-sizing: border-box;
}

input.formtxt03 {
	width:100%;
	height:auto;
	padding:0px 7px;
	border:2px solid #CCC;
	font-size:18px;
	font-weight:bold;
	box-sizing: border-box;
}
div#wrapper .table01 {
	width:100%;
	margin:0px auto 30px auto;
	text-align:center;
	border: 7px solid #dcdcdc;
	background:#FFFFFF;
	box-sizing: border-box;
}

.btn01 {
	width:85%;
}
}

h2{ border-bottom: 1px solid #FFC300; }

.check ul{ margin: 0px; padding: 0px; font-weight: bold; color: #43790E}
.check ul li{ list-style: none; line-height: 1.6em; background-image: url(http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/32/Actions-dialog-ok-apply-icon.png); background-repeat: no-repeat; padding-left: 40px;
height: 2em; margin-bottom: 30px;}

.AYBRED{ background-color: #FFF196; color: darkred;}
.AYB{ background-color: #FFF196; color: black;}
.ARED{ color: darkred; }
.ALIRED{ color: darkred; text-decoration: underline; }
.LI{ text-decoration: underline; }



.video {
	position: relative;
	height: 0;
	padding: 30px 0 56.25%;
	overflow: hidden;
}
.video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}