@charset "utf-8";

/**** Clearfix ****/
.outline:after{content:""; display:table;clear:both;}
.outline{zoom:1;}

/* 中央ペイン
------------------------------------------------------------*/
#content {
width:1080px;
margin:0 auto;
}

#confirm .breadcrumb {
border-top:4px double #003399;
}
#send .breadcrumb {
border-top:4px double #003399;
}

.outline {
color:#007079;
border-top:1px solid #96bad8;
border-bottom:1px solid #96bad8;
background:#f8f8f8;
padding:5px 15px;
margin:20px;
}
.outline img{
float:right;
}
.outline p {
padding-top:5px;
padding-bottom:5px;
}
.outline p strong {
color:#CC0000;
background:linear-gradient(transparent 60%, #ff9 0%);
}
.outline p a {
color:#007079;
text-decoration:underline;
white-space:nowrap;
}
.outline p a:hover{
color:#800000;
}

.outline p.red a {
color:#800000;
text-decoration:underline;
white-space:normal;
}

.privacy {
margin-top:20px;
background-color:#FFF4D7;
border:1px solid #D7A45D;
color:#666;
padding:10px;
}

div.alert {
background-color:#FFF4D7;
border:1px solid #D7A45D;
color:#666;
padding:10px;
margin:20px 0 30px;
line-height:1.2;
border-radius:5px;
}


/* 見出し
------------------------------------------------------------*/
#confirm h2#main_header {
margin:0;
border-bottom:3px solid #000080;
padding:4px 10px 0 40px;
font-size:25px;
font-size:2.5rem;
color:#000080;
font-weight:bold;
background:url('../img/warning2.gif') no-repeat 5px top;
line-height:1.2;
}

#send h2#main_header {
margin:0;
border-bottom:3px solid #000080;
padding:4px 10px 0 4px;
font-size:25px;
font-size:2.5rem;
color:#000080;
font-weight:bold;
background:none;
line-height:1.2;
}


/* 見出し
------------------------------------------------------------*/
.anchor2 {
border-left:7px solid #000080;
color:#000080;
font-size:18px;
font-weight:bold;
line-height:22px;
margin:25px auto 0;
padding:3px 3px 3px 10px;
text-align:left;
}

/* フォーム
------------------------------------------------------------*/
.form{
clear:both;
display:table;
color:#333;
width:820px;
margin:10px auto 10px;
border:2px solid #004080;
}

.form dl{
display:table-row;
}

.form dt{
display:table-cell;
font-weight:bold;
width:300px;
background:#dcdcdc;
padding:15px;
text-align:right;
vertical-align:top;
border-right:1px solid #004080;
border-bottom:1px solid #004080;
}

.form dd{
display:table-cell;
width:600px;
padding:15px;
border-bottom:1px solid #004080;
}

.form dd.confirm{
font-weight:bold;
color:#800000;
}

.form dd input, select, textarea{
font-size:18px;
border:1px solid #999;
padding:5px;
border-radius:3px;
margin-bottom:5px;
}

.form dd input[type="radio"]:checked + label {
font-weight:bold;
}

.form dd.type ul li{
display:inline-block;
white-space:nowrap;
margin-right:30px;
margin-bottom:5px;
}

.form label{
cursor:pointer;
}

.form optgroup {
font-style:normal;
}

.btn_box{
text-align:center;
}
.btn_box button.btn_confirm{
margin:20px auto;
font-size:1.4em;
font-weight:bold;
padding:10px 20px;
color:#fff;
border:2px solid #fff;
box-shadow:3px 3px 3px 0px #999;
-moz-box-shadow:3px 3px 3px 0px #999;
-webkit-box-shadow:3px 3px 3px 0px #999;
text-shadow:1px 1px 1px #999;
background:#f96800;
background:-webkit-gradient(linear, left bottom, left top, from(#ff9b36), color-stop(0.5, #f96800), to(#ff9b36));
background:-moz-linear-gradient(bottom, #ff9b36, #f96800 50%, #ff9b36);
border-radius:5px;
cursor:pointer;
}

.btn_box button.btn_confirm:hover {
opacity:0.8;
}

.form span.must{
font-size:13px;
margin-left:3px;
background-color:#c00;
color:#fff;
padding:2px;
border-radius:3px;
white-space:nowrap;
}

.form span.optional{
font-size:13px;
margin-left:3px;
background-color:#999;
color:#fff;
padding:2px;
border-radius:3px;
white-space:nowrap;
}

.note {
width:800px;
margin:20px auto;
}

.note ul li{
display:inline;
padding:1px 15px 1px 15px;
background:url("https://www.iifas.jp/img/tri_red_s.gif") no-repeat 0 4px;
}

.note a{
color:#900;
text-decoration:underline;
}

/* メインメニュー PC用
------------------------------------------------------------*/
@media only screen and (max-width:1080px){
	#content {
	width:96%;
	margin:0 auto;
	padding:10px 0;
	}
}

/* 幅980px以下から
------------------------------------------------------------*/
@media only screen and (max-width:980px){

	#content{
	width:96%;
	float:none;
	margin:0 auto;
	padding:20px 0 10px;
	}
	#main1{
	float:none;
	width:100%;
	}
	.outline{
	margin:20px auto;
	width:96%;
	}
	.outline img{
	display:inline;
	float:right;
	padding:0 5px;
	}

	.form{
	width:96%;
	}
	.note{
	width:90%;
	}

}


/* 幅640px以下から
------------------------------------------------------------*/
@media only screen and (max-width:640px){

	/*#confirm #header{height:0;}

	#send #header{height:0;}*/

	#confirm h2{
	margin:0 auto 20px;
	}

	#send h2{
	margin:0 auto 20px;
	}

	.form dl{
	display:block;
	}
	.form dt{
	width:100%;
	display:block;
	padding:5px 10px;
	text-align:left;
	border-right:none;
	border-bottom:none;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	}
	.form dd{
	width:100%;
	display:block;
	padding:5px 10px 10px;
	text-align:center;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	}
	.form dd input[type="text"], input[type="email"], input[type="tel"], input[type="file"], textarea{
	width:90%;
	}

	#confirm #footer2{display:none;}

	#send #footer2{display:none;}
}


/* 幅480px以下から
------------------------------------------------------------*/
@media only screen and (max-width:480px){

	#main1 {
	padding-top:0;
	}

	.outline {
	padding:5px;
	}
	.outline p {
	line-height:1.2;
	}

	.form dd select{
	width:96%;
	}

}