/* ==========================================================================
 全体
   ========================================================================== */
body,input {
    font-family: 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    color: #000000;
    margin: 0 auto;
    font-size: 87.5%; /* base font size 14px */
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
	max-width:860px; /* wfa add */
}

input[type="submit"], input[type="reset"], input[type="button"], button{
  cursor: pointer;
}


@media screen and (max-width : 768px){
    body{ font-size : 75%;} 
}

h1{
	font-size:30px;
	font-weight:normal;
}
h2,h3,h4{
	font-size:20px;
	font-weight:normal;
}

@media screen and (max-width : 768px){
    h1,h2,h3,h4{ font-size : 16px;} 
}

dl:before, dl:after { content: ""; display: table; } dl:after { clear: both; } dl { zoom: 1; }
dl {
    width: 100%;
}
dl dt {
    width: 48%;
    float: left;
    clear: left;
    padding: 1%;
}
dl dd {
    float: left;
    padding: 1%;
}

img,table,tbody,tr,th,td{
	border:none;
	margin:0;
	padding:0;
    border-left: 0;
    border-spacing: 0;
}

table th{
	font-weight:normal;
}

 /* ==========================================================================
 Common
   ========================================================================== */

/* clearfix*/
.cf:before,
.cf:after {
    content:"";
    display:table;
}
.cf:after {
    clear:both;
}
.cf {
    zoom:1;
}
.cnt{
	text-align:center;
	margin:auto;
}
.btxt{
	font-weight:bold;
}
.stxt{
	font-size: 86%;
}
.rtxt{
	color:#E71063;
}
.ltxt{
	text-decoration:underline;
}
.mb1em{
	margin-bottom:1em;
}
.mt2em{
	margin-top:2em;
}

.bltxt{
/*color:#00a6ba; 旧カラー20171204以前*/	
	color:#0080de;
}

.openWindow{
	background:url(../img/ico_openwindow.png) right 4px no-repeat;
	padding-right: 13px;
}

.openPdf{
	background:url(../img/ico_openpdf.png) right 2px no-repeat;
	padding-right: 16px;
}


a {
/*color:#00a6ba; 旧カラー20171204以前*/		
    color: #0080de;
    text-decoration: underline;
}
a:visited {
/*color:#00a6ba; 旧カラー20171204以前*/		
  /*  color: #0080de;*/
}
a:hover {
    color: #ff0000; text-decoration:underline;
}
a:active { color: #ff0000; text-decoration:underline;}

/* 共通header */
.header{
	display:block;
	margin-top:20px;
}

@media screen and (max-width : 768px){
	.header{
		display:block;
		margin-top:5px;
	}
}

#logo {
	text-align:right;
}
#logo img{
	width:25%;
}

#progress{
	float:right;
	text-align:right;
	width:60%;
}
#progress img{
	width:auto;
	height:auto;
	max-width:100%;
}

/* 共通footer */

.footer{
	padding-bottom: 3px;
	border-top: 3px solid #e5e5e5;
	margin:30px auto 10px;
}

.seals{
	text-align:right;
}

/* 共通contents */

.ttlBlue {
/*color:#00a6ba; 旧カラー20171204以前*/		
	color: #0080de;
	padding-bottom: 3px;
	border-bottom: 3px solid #eee;
	margin: 1em 0 ;
}

.ttlBlue2 {
/*color:#00a6ba; 旧カラー20171204以前*/		
	color: #0080de;
	padding-bottom: 2px;
	border-bottom: 2px solid #eee;
	border-left:2px solid #0080de;
	padding-left:12px;
	margin: 1.5em 0 0.5em;
}


@media screen and (max-width : 768px){
	.ttlBlue {
		margin: 5px 0 ;
	}
}

.scpfBtn{
	text-align:center;
}
.container {margin: 0 auto; padding-left: 10px; padding-right: 10px;}

.submitBtn{
	/*グラデ指定*/
	background: #ffc63d; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffc63d 0%, #ffba22 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffc63d), color-stop(100%,#ffba22)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffc63d 0%,#ffba22 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffc63d 0%,#ffba22 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffc63d 0%,#ffba22 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffc63d 0%,#ffba22 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc63d', endColorstr='#ffba22',GradientType=0 ); /* IE6-9 */
	/*シャドウ*/
	-webkit-box-shadow:2px 2px 2px #aaa,inset 3px 3px 5px 0 #FFE29A;
	box-shadow:2px 2px 2px #aaa,inset 3px 3px 5px 0 #FFE29A;
	/*ボーダー*/
	border:1px solid #cc7e0f;
	/*角丸*/
	border-radius: 5px; /* W3C */  
	-webkit-border-radius: 5px; /* Safari,Google Chrome */  
	-moz-border-radius: 5px; /* Firefox */  
	/*サイズ指定*/
	width:85%;
	padding:0.8em ;
	max-width:295px;
	font-size:120%;
	margin:30px auto 20px;
	/*font関連*/
	text-align:center;
	font-weight:bold;
	/*ボタンテキスト色*/	
	color:#000000;
	text-decoration:none;
}

.submitBtn:hover,.submitBtn:active{
opacity: 0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha(opacity=80)";
	/*ボタンテキスト色*/
	color:#000000;
	text-decoration:none;
}

.attention{
	margin:1em 0 0;
	padding:1em;
	background:#f3f3f3;
}
.attention ul {
	margin:0;
	padding-left:0;
}
.attention ul  li{
	list-style-type:none;
	background:url(../img/icon_disc.png) no-repeat 0 6px;
	margin:0.5em 0;
	padding-left:10px;
	line-height:1.5em;
}

.attention ul li .ul2 li{
	list-style-type:none;
	background:url(../img/icon_arrow.png) no-repeat 0 6px;
	margin:0.5em 0;
	padding-left:10px;
	line-height:1.5em;
}

.price dl{
/*border:1px solid #00a6ba; 旧カラー20171204以前*/		
	border:1px solid #0080de;
	font-size:140%;
}

.price dl dt{
/*background:#00a6ba; 旧カラー20171204以前*/		
	background:#0080de;
	color:#fff;
	text-align:center;
}

.price dl dd{
	background:#fff;
	text-align:center;
}

.price ul{
	margin:0;
	padding:0;
}

.price ul li{
	list-style-type:none;
	margin:0;
	padding:0;
}

@media screen and (max-width: 568px){
	.price dl dt,.price dl dd{
		text-align:center;
	}
	.price dl dt{
		float:none;
		width:98%;
	}
	.price dl dd{
		width:98%;
		margin:0;
	}
}

.guidlbl{
	width:100%;
}
.guidlbl li{
	list-style-type:none;
/*color:#00a6ba; 旧カラー20171204以前*/		
	color:#0080de;
	/*border:1px solid #ccc;*/
	padding:10px;
	margin-bottom:10px;
	background:#def3f6;
}


.require{
	background:#E71063;
	color:#fff;
	padding:1px 3px;
	font-size:11px;
	vertical-align:middle;
	margin-right:5px;
}


.guidlbl {
	margin:10px 0 0;
    padding: 0;
}
.guidlbl input[type=radio],
.guidlbl input[type=checkbox] {
    display: inline-block;
    margin-right: 6px;
}
.guidlbl input[type=radio] + label,
.guidlbl input[type=checkbox] + label {
    position: relative;
    width:90%;
    display: inline-block;
    margin-right: 12px;
     
    font-size: 18px;
	
    line-height: 30px;
     
    cursor: pointer;
}
 
@media (min-width: 1px) {
    .guidlbl input[type=radio],
    .guidlbl input[type=checkbox] {
        display: none;
        margin: 0;
    }
    .guidlbl input[type=radio] + label,
    .guidlbl input[type=checkbox] + label {
        padding: 0 0 0 24px;
    }
    .guidlbl input[type=radio] + label::before,
    .guidlbl input[type=checkbox] + label::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
         
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 18px;
        height: 18px;
        margin-top: -9px;
         
        background: #FFF;
    }
    .guidlbl input[type=radio] + label::before {
        border: 2px solid #ccc;
        border-radius: 30px;
    }
    .guidlbl input[type=checkbox] + label::before {
        border: 2px solid #ccc;
    }
    .guidlbl input[type=radio]:checked + label::after,
    .guidlbl input[type=checkbox]:checked + label::after {
        content: "";
        position: absolute;
        top: 50%;
         
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
    }
    .guidlbl input[type=radio]:checked + label::after {
        left: 5px;
         
        width: 8px;
        height: 8px;
        margin-top: -4px;
         
        background: #E71063;
        border-radius: 8px;
    }
    .guidlbl input[type=checkbox]:checked + label::after {
        left: 3px;
         
        width: 16px;
        height: 8px;
        margin-top: -8px;
         
        border-left: 3px solid #E71063;
        border-bottom: 3px solid #E71063;
         
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
}

.account{
/*border:1px solid #00a6ba; 旧カラー20171204以前*/		
	border:1px solid #0080de;
	border-collapse:collapse;
	width:100%;
}
.account th,
.account td{
/*border:1px solid #00a6ba; 旧カラー20171204以前*/		
	padding:8px 10px;
	border:1px solid #0080de;
}

.account th{
	background:#def3f6;
	width:150px;
}




.terTable,.terTable th,.terTable td,.guideset,.guideset th,.guideset td{
	border-collapse:collapse;

}

.terTable,.guideset{
	width:100%;
	font-size:140%;
	text-align:left;
}

.terTable .bd1f{
	border-top:1px solid #fff;
}

.guideset .bd1fr{
	border-right:1px solid #fff;
}

.terTable th{
/*background:#00a6ba; 旧カラー20171204以前*/		
	background:#0080de;
	color:#fff;
	width:50%;
}

.guideset th{
/*background:#00a6ba; 旧カラー20171204以前*/		
	background:#0080de;
	color:#fff;
	width:30%;
}

.terTable,.terTable td,.guideset,.guideset td{
/*border:1px solid #00a6ba; 旧カラー20171204以前*/		
	border:1px solid #0080de;
}


.terTable th,.terTable td,.guideset th,.guideset td{
	padding:1%;
}

@media screen and (max-width: 568px){
	.terTable th,.terTable td{
		display:block;
		width:98%;
	}
	.terTable td{
		border:0;
	}
	.guideset th,.guideset td{
		font-size:75%;
	}
}

.errbox{
	background:#f6e0ed;
	color:#e71063;
	font-weight:bold;
	padding:0.5em;
}

.errbox img{
	vertical-align:middle;
}