@charset "utf-8";

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

div#wrapper{
width:100%;
height:100%;
}


div#header{
	background:#003F6F;
	border-bottom:3px #ccc solid;
	width:100%;
	height:auto;
}
div.header_inner {
	width:100%;
	max-width:900px;
	margin:0 auto;
	padding:10px;
}

div#container{
background-image:none;
}

div#main{
width:700px;
margin:0 auto;
padding:36px 100px;
border-left:#ccc 1px solid;
border-right:#ccc 1px solid;
height:auto;
font-size:16px;
}

div#side{
}

div#footer{
font-size:12px;
text-align:center;
border-top:1px solid #003F6F;
width:100%;
margin:0;
padding:10px 0;
color:#666;
}

div#footer a{
color:#666;
text-decoration:none;
}

div#footer a:hover{
text-decoration:underline;
}


/*---------------------------
element
---------------------------*/

body{
line-height:1.5;
font-size:15px;
height:100%;
}

p{
margin:0 0 1.5em;
line-height:1.5;
}


#main h1,#main h2,#main h3{
font-weight:bold;
margin:0 0 1.5em;
}


th,td{

}

span.full {
	font-weight:bold;
	color:#cc0000;
}

span.close {
	font-weight:bold;
	color:#666;
}


/*---------------------------
custom
---------------------------*/

#step{
width:90%;
margin:20px auto 50px;
border:1px #ccc solid;
background-color:#fcfcfc;
}

#step tr td {
padding:3px 5px;
border-left:1px #ccc solid;
}

#step-ttl {
	color: #666;
	font-size: 13px;
	font-family: Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-weight: bold;
	text-align: center;
}

#step-ttl.s-current{
background-color:#DEF3FF;}

#s1, #s2, #s3{
width:33%;
text-align:left;
}

#s2{
text-align:center;
}

#s3{
text-align:right;
}

.h2form{
	border:none;
	color: #003F6F;
	font-size: 26px;
	font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "MS P明朝", serif;
	font-weight: 900;
	text-align: left;
	line-height: 150%;
	border-radius:0;
	padding: 10px 5px;
	border-top:#ccc 1px dotted;
	border-bottom:#ccc 1px dotted;
}

.h3form{
	color: #000;
	font-size: 20px;
	border-left:#003F6F 12px solid;
	padding:5px 5px 5px 10px;
	background-color:#f9f9f9;
	font-family: Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-weight: bold;
}

#main h2{
text-align:center;
margin:0 0 0 0;
}

#main h3.noticettl {
     position: relative;
     color: white;
     padding:0.5em 0.5em 0.5em 1.4em;
	 margin-top:2em;
	 font-size:1.3rem;
     background-color: #446689;
}

#main h3.noticettl:after {
     position: absolute;
     top: 50%;
     left:0;
     transform:translateY(-50%);
     content: '';
     width: 18px;
     height:4px;
     background-color:white;
}

#main h4.noticesubttl {
     position: relative;
     padding-left: 1.5em;
	 padding-top:1em;
	 font-size:1.2rem;
	 margin:0 auto 0.5em;
}

#main h4.noticesubttl:after {
     position: absolute;
     top: 50%;
     left:0;
     transform:translateY(-50%);
     content: '';
     width: 10px;
     height:10px;
     border: solid 4px #446689;
     border-radius:100%;
}

#main th h3{
text-align:left;
margin:60px 0 30px 0;
}

.ext{
font-size:12px;
color:#666;
}

table#entry{
width:90%;
margin:0 auto;
/*width:574px;
*/}

table#entry th.btn{
text-align:center;
padding:60px 0 0 0;
}

table#entry td.btn{
text-align:center;
padding:60px 0 0 0;
}

table#entry td.btn input:hover{
	opacity:0.8;
	filter:alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
	-moz-opacity:0.60;
}

table#entry th{
text-align:right;
width:240px;
}

table#entry td{
padding:6px 3px 3px 22px;
}

table#entry td input{
padding:3px;
}


table#entry td.radioFix{
padding:0 10px 0 0;
}

table#entry input.add{
width:280px;
}

table#entry textarea{
width:400px;
height:200px;
padding:15px;
}

/*
table#entry table {
	width:100%;
border-left:#ccc 1px solid;
border-right:#ccc 1px solid;
border-top:none;
border-bottom:none;
}

table#entry table.first {
border-top:#ccc 1px solid;
}

table#entry table.last {
border-bottom:#ccc 1px solid;
}
*/


table#entry table td.radioFix {
	vertical-align:middle;
	padding:15px;
}


/*---------------------------
kiyaku
---------------------------*/
#pp{
margin:0;
padding:1px 15px 15px 15px;
border:solid 1px #CCCCCC;
overflow:auto;
height:100px;
color:#999999;
}
#pp p{
font-size:10px;
}
.bold{font-weight:bold;}

 @media (max-width: 900px){
div#wrapper{
}
div#container{
 }
div.header_inner {
	width:94%;
	padding:10px 3%;
}
 div#main{
	border:none;
	width:90%;
	 padding:1em 5%;
 }
 #main h2 {
	 font-size:1.7rem;
 }
 .h3form{
	 width:95%;
	 font-size:1.5rem;
 }
 ol.thin {
	 padding-top:1em;
 }
 ol li {
	 font-size:1.3rem;
	 margin-bottom:1em;
	 padding:0.5em 1em;
 }
 ol li:before{
	 font-size:1.4rem;
 }
 div#footer{
	 margin:0;
 }
 }

h2 img {width:100%;}