@charset "EUC-JP";

body {
	font-size: 14px;
	line-height:22px;
	font-family:¥á¥¤¥ê¥ª, Meiryo, "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", "Hiragino Kaku Gothic Pro", "£Í£Ó £Ð¥´¥·¥Ã¥¯", sans-serif;
	margin: 0;
	padding: 0;
	color:#000000;
	background: #fff;
	-webkit-text-size-adjust: 100%;
	
}
h1,h2,h3,p,dl,dt,dd,ul,li,img { margin: 0; padding: 0; }
.clear{clear:both;}
.mt10{margin-top:10px;}
.mt30{margin-top:30px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
img{vertical-align: top; vertical-align: bottom; border:0;}
a{outline:none;}

#wrap {
	margin: 0 auto; 
	background: #fff;
}
div#header {
	margin: 0 auto;
}
div#container {
	text-align: center;
	margin: 0 auto;
	background:#fff;
}
div#container div {
	position: relative;
}
div#container div a#btn_01 {
	bottom: 345px;
}
div#container div a#btn_02 {
	bottom: 15px;
}
div#header div#social{
	position: relative;z-index: 99;width: auto;
	text-align: right;padding: 10px 20px;
	background:url(../images/shadow.png) repeat top center;
}
div#header div#social div{display:inline;display:inline-block;vertical-align: top; padding-left: 20px;}
div#contents .box{/*  background: url(../images/green_line.gif) repeat-y; */background:white; width:760px; text-align:left; padding:10px 20px 10px 20px;}

#f_logo {
	width: 85px;
}

#contents {
	margin: -20px 0 30px 0;
}

#contents .inner {
	width: 934px;
	margin: 0 auto;
	margin-top: -100px;
	padding: 100px 0 40px 0;
	border: solid 8px #00a0e9;
	border-top: none !important;
	border-radius: 36.5px;
}
#contents .inner #btn_pdf {
	padding: 20px 15px;
	background-color: #cfe5af;
}


div#contents .box .txt_red{color:#008cd7;}
div#contents .box p{text-indent:-1em; margin-left:1em;}
div#contents .box p.indent{ text-indent:-5em; margin-left:5em; }
.ml30{margin-left: 30px;}
div#contents table{
	border-collapse:collapse !important;
	border-spacing:0 !important;
	border-left:0 none !important;
	border-right:0 none !important;
	border-top:0px none;
	width:755px;
}
div#contents table tr{
	border-bottom:1px dotted #00a1e9;
}
div#contents table tr .bdb{
	border-bottom:1px dotted #00a1e9 !important;
}
	
div#contents table tr td{
	font-size:12px;
	padding:10px 0 10px 10px;
	width:auto;
}

div#contents table tr th{
	font-size:12px;
	padding:20px 10px;
	border-left:0 none !important;
	border-right:0 none !important;
	background:#ccecfb;
	font-weight:normal;
	text-align:left;
	table-layout: fixed;
	width:210px;
}

div#contents table tr td.th2{
	background:#eaf9ff;
	padding:4px 0 4px 10px;
}

div#contents table tr .red{
	color:red;
	font-size:10px;
}

div#contents table tr td.item{
	width:225px;
	background-color:#fff5e3;
	font-size:12px;
}
div#contents table tr td.line_top{
	border-top:1px dotted #00a1e9;
}

div#contents table tr.line_top{
	border-top:1px dotted #00a1e9;
}

div#contents table tr.nobd{
	border-bottom:0 none;
}

div#contents table tr td.narrow{
	padding:4px 10px;
}

div#contents table tr.bottomnarrow td{
	padding-bottom:5px;
	
}div#contents table tr.topnarrow td{
	padding-top:5px;
}

div#contents table tr td.input{width:531px;}
div#contents table tr td .txt_red{color:#FF0000; font-size:11px;}
div#contents table tr td .txt_ex{color:#666666;}
div#contents #btn_box{ width:466px; margin-left:auto; margin-right:auto; margin-top:20px; }

/*footer*/
div#footer_wrap {
	background-color: #00a0e9;
}
div#footer {
	position: relative;
	width: 900px;
	height: 55px;
	display: block;
	margin-right:auto;
	margin-left:auto;
}
div#footer p#ft1 { position: absolute; top: 13px; left: 21px; }
div#footer p#ft1 img { position: absolute;}
div#footer ul li { list-style-type: none; }
div#footer li a {
	font-size: 10px;
	color: #fff;
	text-decoration: none;
	line-height: 1;
	position: absolute;
	left: 132px;
	bottom: 22px;
}
div#footer li a#link2 {
	left: 320px;
}
div#footer p#copyright {
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	color: #fff;
	position:absolute;
	right: 27px;
	bottom:17px;
	font-size:11px;
}

#btn_box2{padding-bottom:20px; width:484px; height:55px; margin-left:auto; margin-right:auto; margin-top:25px;}
#btn_box2 ul li{float:left; width:224px; height:59px; display:block;}
#btn_box2 #btn01{background:url(../images/button.gif) no-repeat; text-indent:-9999px; width:224px; height:55px; display:block;}
#btn_box2 #btn02{background:url(../images/button.gif) no-repeat; background-position:-224px 0; text-indent:-9999px; width:224px; height:55px; display:block;}
#btn_box2 #btn01:hover{background-position: 0px -55px;}
#btn_box2 #btn02:hover{background-position: -224px -55px;}

#submit_box{
	margin-left:140px;
	margin-top:15px;
}

br.sp{display: none;}
table .textarea-box{
	width:450px;
	height:87px;
	resize: vertical;
}
.w210{
	width: 210px;
}

#btn_box3{position:relative;}
#btn_box3 #soushin{position:absolute; top:-66px; left:380px;}
* html #btn_box3 #soushin{position:absolute; top:-88px;}
*:first-child+html #btn_box3 #soushin{position:absolute; top:-93px;}


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

.clearfix:after{
    clear: both;
}

.lt-ie8 .clearfix{zoom: 1;}


#btn_end{
	height: 75px;
	width: 304px;
	margin:10px auto 10px;
}
#btn_end a{
	height: 75px;
	width: 304px;
	text-align: left;
	display: block;
	background-image: url(../images/btn_end.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#btn_end a:link{
	background-position: 0px 0px;
}
#btn_end a:visited{
	background-position: 0px 0px;
}
#btn_end a:hover{
	background-position: 0px -75px;
}
#btn_end a:active{
	background-position: 0px -75px;
}


@media screen and (max-width: 480px) {
	body{font-size: 14px;}
	#wrap, div#container,
	div#footer, div#header, div#contents, div#contents .box{
		max-width: 100%;
		width: auto;
	}
	div#contents .box{padding: 10px;}
	div#contents{padding: 0 10px;}
	div#header div#social{ padding: 20px 0 10px;text-align: center;}
	img{max-width: 100%;}

	#contents {
		margin-top: 0;
	}

	#contents .inner {
		width: auto;
		margin-top: -6.5%;
		padding: 6.5% 0 25px 0;
		border: solid 4px #00a0e9;
		border-radius: 0 0 36.5px 36.5px;
	}
	
	div#contents form table,
	div#contents form table tbody,
	div#contents form table tr,
	div#contents form table th,
	div#contents form table td,
	.w210{
		display: block;
		width: auto;
		max-width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	div#contents form table td label{
		display: block;
	}
	div#contents table td:first-of-type{padding: 10px 0 0;}
	div#contents table td:last-of-type{padding: 0 0 10px;}
	div#contents table td:only-of-type{padding: 10px 0;}
	div#contents table tr th{padding: 10px;}
	div#contents table .nobd td, div#contents table .nobd+tr:not([class]) td{padding: 0;}
	div#contents table .nobd+tr:not([class]) td:last-of-type,
	div#contents table .nobd+tr:last-of-type td:last-of-type{padding: 0 0 10px;}
	div#contents form table td+td{padding-top: 0;}
	
	input[type="text"]{
		max-width: 90%;
		font-size:16px;
	}
	
	table .textarea-box{
		width: auto;
		font-size: 16px;
		max-width: 97%;
		height: auto;
	}
	input[type="checkbox"] {
	    -webkit-appearance: none;
	    position: relative;
	    margin-right: 5px;
	    border-radius: 4px;
	    top:5px;
	    border: 1px solid #4c4c4c;
	    -webkit-box-sizing: border-box;
	    width: 20px;
	    height: 20px;
	    background: -webkit-gradient(
	        linear,
	        left top,
	        left bottom,
	        from(#fdfdfd),
	        to(#d1d1d1)
	    );
	}
	div#contents .box p{margin-bottom: 10px;}
	div#contents .box p.mb10{
		text-indent: 0;
		margin-left: 0;
	}
	div#contents h2[title]:after{
		content: attr(title);
		color: #7a4500;
		font-size: 1rem;
	}
form.textc input[type="submit"], input[type="button"]{font-size: 12px;}
	
	input[type="checkbox"]:checked,
	input[type="radio"]:checked{
	    background: -webkit-gradient(
	        linear,
	        left top,
	        left bottom,
	        from(#353535),
	        to(#8f8f8f)
	    );
	}
	input[type="checkbox"]:checked:before{
	    position: absolute;
	    left: 1px;
	    top: 11px;
	    display: block;
	    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 1);
	    content: "";
	    width: 8px;
	    height: 4px;
	    background: #FFFFFF;
	    -webkit-transform: rotate(45deg);
	    -webkit-transform-origin: right center;
	}
	
	input[type="checkbox"]:checked:after {
	    display: block;
	    position: absolute;
	    left: 7px;
	    top: 12px;
	    content: "";
	    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 1);
	    width: 14px;
	    height: 4px;
	    background: #FFFFFF;
	    -webkit-transform: rotate(-53deg);
	    -webkit-transform-origin: left center;
	}
	input[type="radio"]{
	    -webkit-appearance: none;
	    position: relative;
	    margin-right: 5px;
	    border-radius: 10px;
	    top:5px;
	    border: 1px solid #4c4c4c;
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    box-sizing: border-box;
	    width: 20px;
	    height: 20px;
	    background: -webkit-gradient(
	        linear,
	        left top,
	        left bottom,
	        from(#fdfdfd),
	        to(#d1d1d1)
	    );
	}
	
	input[type="radio"]:checked:before{
	    position: absolute;
	    left: 4px;
	    top: 8px;
	    display: block;
	    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 1);
	    content: "";
	    width: 8px;
	    height: 8px;
	    -webkit-border-radius: 4px;
	    -moz-border-radius: 4px;
	    border-radius: 4px;
	    background: #fff;
	    -webkit-transform: rotate(45deg);
	    -webkit-transform-origin: right center;
	}
	select{
		margin: 10px 0;
	}
	br.sp{display: block;}
	br.sph{display: none;}
#submit_box{
	width: 49%;
	margin: 0;
	float: left;
}
#check{margin-bottom: 10px;}
#submit_box input{width: 100%; -webkit-appearance: none;}
#btn_box2, #btn_box2 ul li{width: auto;height: auto;}
#btn_box2 ul li,
#btn_box3 input{width: 49%;}
#btn_box2 ul li.ml30{float: right;margin: 0;}
#btn_box2 #btn01, #btn_box2 #btn02{
	background: #f8e5b2;
	text-indent: 0;
	background: -moz-linear-gradient(top, #f8e5b2 0%, #f3c750 50%, #eeb018 51%, #f5d890 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8e5b2), color-stop(50%,#f3c750), color-stop(51%,#eeb018), color-stop(100%,#f5d890));
	background: -webkit-linear-gradient(top, #f8e5b2 0%,#f3c750 50%,#eeb018 51%,#f5d890 100%);
	background: -o-linear-gradient(top, #f8e5b2 0%,#f3c750 50%,#eeb018 51%,#f5d890 100%);
	background: -ms-linear-gradient(top, #f8e5b2 0%,#f3c750 50%,#eeb018 51%,#f5d890 100%);
	background: linear-gradient(to bottom, #f8e5b2 0%,#f3c750 50%,#eeb018 51%,#f5d890 100%);
	text-shadow: 1px 1px 2px #cc9918,
				 1px -1px 2px #cc9918,
				 -1px 1px 2px #cc9918,
				 -1px -1px 2px #cc9918;
	border: 3px solid #eeb31c;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	width: auto;
	height: 30px;
	line-height: 30px;
	font-weight: bold;
	color: white;
	font-size: 12px;
	text-align: center;
	text-decoration: none;
	}
	#btn_box2 #btn01:hover, #btn_box2 #btn02:hover{
		background-position: 0 0;
			
	}
	div#container div a#btn_01 {
		width: 100%;
		left: 0;
		bottom: 31%;
	}div#container div a#btn_02 {
		width: 100%;
		left: 0;
		bottom: 2%;
	}
	div#container div a img {
/* 		max-width: 45%; */
	}
	div#footer{
		height: auto;
		overflow: hidden;
	}
	div#footer p#ft1,
	div#footer p#ft1 img,
	div#footer p#copyright,
	div#footer li a,
	div#footer li a#link2,
	#btn_box3, #btn_box3 #soushin{
		position:static;
		top: auto;
		left: auto;
		right: auto;
		bottom: auto;
	}
	div#footer p#copyright {
		text-align: center;
	}
	div#footer ul{
		margin: 0 0 55px;
		border-bottom: 1px solid #4db9f7;
	}
	div#footer li{
	}
	div#footer li a,
	div#footer li a#link2{
		/* background: #ecc48b; */
		text-indent: 0;
		font-size: 12px;
		width: auto;
		padding: 15px 10px;
		text-decoration: none;
		border-bottom: 1px solid #0087c5;
		text-align: left;
		display: block;
	}
	div#footer li a#link2 {
		border-top: 1px solid #4db9f7;
	}
	div#footer li a span{
		display: none;
	}
	div#footer li a:before{
		content: "\00bb";
	}
	div#footer p#ft1{
		text-align: center;
		display: block;
		width: 100%;
		top: 100px;
		position: absolute;
		margin-bottom: 20px;
	}
	
	div#footer p#ft1 img{
		max-width: 50%;
	}
	div#header div#social{
		padding: 10px 0 0;
		overflow: hidden;
		text-align: center;
	}
	div#header div#social div{
		width: 28%;
		margin-left: 10px;
		padding: 0 10px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	
		
}