@charset "utf-8";
/* CSS Document */

@import url(reset.css);
@import url(base.css);

/* リンク色（ページ全体） */

a img { border: 0; }
a { color: #2ea7e0; text-decoration: none; }
a:hover { color: #ea5514; }
/*h1 a{    color: #fff; text-decoration: none;}*/


html{ }


/* ページレイアウト */

body {
    xtext-align: center; /* center on ie */
    margin: 0 auto;
    padding: 0;
    font-size: 14px;
    color: #000000;
    font-family:'メイリオ','Meiryo','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック','Osaka',sans-serif;
    }

h1{
}
header{
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
header .left{
	float: left;
	margin-left: 4px;
	width: 60%;
}

header .left .p1{
	font-size: 8px;
	color: #41B8D4;
	margin-top: 3px;
	font-weight: normal;
}
header .left .p2{
	font-size: 8px;
	color: #000000;
	margin-top: 3px;
	font-weight: normal;
}
@media only screen and (max-width: 321px){
	header .left img{
	width: 100%;
	}
}

header .right{
	width: 35%;
	text-aling:right;
	float: right;
	margin-right:5px;
}
header .right ul{
}
header .right ul li{
	xdisplay: inline-table;
	vertical-align: middle;
	xheight: 57px;
	text-align: right;
}
header .right ul li:first-child{
	xwidth: 57px;
}
header .right ul li:last-child{
	xwidth: 60px;
	xborder-left-width: 1px;
	xborder-left-style: dotted;
	xborder-left-color: #595757;
}

@media only screen and (max-width: 321px){
	header .right ul li img{
		width:100%;
		height:100%;
	}
}

.sp_txt{
	line-height: 1.6;
	width: 100%;
	padding: 5px;
}
.sp_txt2{
	line-height: 1.6;
}


@media only screen and (max-width: 684px){
	.spImg{
		width: 100%;
	}
}
h2.h2Tit{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #BEE3EC), color-stop(0.27, #D6EDF2));
	background: -webkit-linear-gradient(top, #D6EDF2 27%, #BEE3EC 100%);
	background: -moz-linear-gradient(top, #D6EDF2 27%, #BEE3EC 100%);
	background: -o-linear-gradient(top, #D6EDF2 27%, #BEE3EC 100%);
	background: -ms-linear-gradient(top, #D6EDF2 27%, #BEE3EC 100%);
	background: linear-gradient(to bottom, #D6EDF2 27%, #BEE3EC 100%);
	font-size: 16px;
}
h2.h2Tit p{
	display: table-cell;
	vertical-align: middle;
	height: 50px;
}
h2.h2Tit span{
	margin-right: 5px;
	margin-left: 5px;
}
h2.h2Tit b{
	position: relative;
	top: -5px;
}

.h3Tit{
	color: #f39800;
	font-size: 16px;
}

.h4Tit{
	color: #FFF;
	display: table-cell;
	padding: 5px;
	background-color: #0678B3;
	margin-top: 10px;
	margin-bottom: 5px;
	font-size: 16px;
}
.h5Tit{
	margin-top: 5px;
	margin-bottom: 5px;
}
.low_circle{
	border-radius: 5px;				/* CSS3草案 */
	-webkit-border-radius: 5px;		/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;		/* Firefox用 */
	border: 1px solid #D9E9E9;
	background-color: #D9E9E9;
}
.low_circle2{
	border-radius: 5px;				/* CSS3草案 */
	-webkit-border-radius: 5px;		/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;		/* Firefox用 */
	border: 5px solid #FFDCA2;
	background-color: #FFDCA2;
	margin-right: 5px;
	margin-left: 5px;
	padding-right: 5px;
}
.low_circle3{
	border-radius: 5px;				/* CSS3草案 */
	-webkit-border-radius: 5px;		/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;		/* Firefox用 */
	border: 3px solid #1172A7;
	xbackground-color: #1172A7;
	margin-right: 5px;
	margin-left: 5px;
	padding-right: 5px;
}
.low_circle3 b{
	margin-right: 10px;
}


.kojin{
	font-size: 12px;
	padding: 5px;
}
.interview{
	line-height: 1.6;
	margin-top: 5px;
	margin-bottom: 5px;
}
ul.tapmenu a {
	display:block;
	padding:0px;
	text-decoration:none;
	color:#000;
	padding-top: 15px;
	padding-bottom: 15px;
	background-image: url(../images/back_arrow2.png);
	background-repeat: no-repeat;
	background-position: right center;
}
ul.tapmenu span {
	padding-right: 5px;
	padding-left: 7px;
}
ul.tapmenu .str1 {
	position: relative;
	top: -2px;
}
ul.tapmenu ul {display:none;}
ul.tapmenu > li {
	margin:0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	font-size: 16px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f8fbfc), color-stop(0.17, #e9ecec));
	background: -webkit-linear-gradient(top, #e9ecec 17%, #f8fbfc 100%);
	background: -moz-linear-gradient(top, #e9ecec 17%, #f8fbfc 100%);
	background: -o-linear-gradient(top, #e9ecec 17%, #f8fbfc 100%);
	background: -ms-linear-gradient(top, #e9ecec 17%, #f8fbfc 100%);
	background: linear-gradient(to bottom, #e9ecec 17%, #f8fbfc 100%);
	}
ul.tapmenu > li > p {
	background-image: url(../images/back_arrow2.png);
	background-position: right center;
	background-repeat: no-repeat;
	margin-right: 5px;
}
ul.tapmenu > li > p > span{
	margin-right: 5px;
	margin-left: 5px;
}

/*アコーディオン*/
ul.accordion {}
ul.accordion a {display:block; padding:0px; background-position:95% center; background-repeat:no-repeat; text-decoration:none; color:#FFF;}
ul.accordion .sp_txt a {
	display:inline;
	padding:0px;
	color:#2ea7e0;
}
ul.accordion .right a {
	display:inline;
	padding:0px;
	color:#2ea7e0;
}


ul.accordion span {
	display:table-cell;
	padding:15px 5px;
	background-position:95% center;
	background-repeat:no-repeat;
	color:#FFF;
	font-weight:bold;
	font-size: 16px;
}
ul.accordion ul {display:none;}

ul.accordion .arrow{
	position: relative;
	top: -2px;
	padding-right: 10px;
}


ul.accordion > li {
	margin:0;
	background: -moz-linear-gradient(top, #036eb8, #172a88);											/* Firefox用 */
	background: -webkit-gradient(linear, left top, left bottom, from(#036eb8), to(#172a88));			/* Safari,Google Chrome用 */
}
ul.accordion > li > p {
	background-image: url(../images/back_arrow1.png);
	background-position: right center;
	background-repeat: no-repeat;
	margin-right: 5px;
}
/*2段目*/
ul.accordion > li > ul > li {background: -moz-linear-gradient(top, #FEFEFE, #F3F5F7); background: -webkit-gradient(linear, left top, left bottom, from(#FEFEFE), to(#F3F5F7)); border-bottom:1px solid #444;}
ul.accordion > li > ul > li > p {
	background-image: url(../images/sp_arrow2_back);
	background-position: right center;
	background-repeat: no-repeat;
	margin-right: 5px;
}
ul.accordion > li > ul > li > p span{color:#026DB8;}
/*3段目*/
ul.accordion > li > ul > li > ul > li {background:#FFF; border-bottom:1px dotted #888;}
ul.accordion > li > ul > li > ul > li p{
	background-image: url(../images/sp_arrow3_back);
	background-position: right center;
	background-repeat: no-repeat;
	margin-right: 5px;
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
}
ul.accordion > li > ul > li > ul > li:last-child {border:none;}
ul.accordion > li > ul > li > ul > li:first-child {background:#FFF; border-top:1px solid #888;}

ul.accordion > li > p span {background-image:url(img/a_close.png);}
ul.accordion > li > p span.open {background-image:url(img/a_open.png);}

ul.accordion > li > ul > li > p span {background-image:url(img/b_close.png);}
ul.accordion > li > ul > li > p span.open {background-image:url(img/b_open.png);}

ul.accordion > li > ul > li > ul > li a {background-image:url(img/c_link.png); color:#333;}

dl.accordion {font-size:123.1%; padding:10px; background:#DDD; margin-bottom:30px;}

ul.accordion .low_circle{
	padding-right: 10px;
}

.prefTb{
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
	border: 1px solid #000;
}
.prefTb caption{
	padding-bottom: 5px;
}
.prefTb td{
	padding: 5px;
}
.topReturn{
	text-align: right;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
}

/*2014.09.12 Add START*/
.goFormArea a {
	text-decoration: underline;
}

.inqBlock {
	
	}
	.inqBlock h3 {
		padding: 5px;
		font-size: 18px;
		font-weight: bold;
		line-height: 1.2;
		color: #0678B3;
		}
		.inqBlock h3 span {
			font-size: 65%;
			font-weight: normal;
			color: #E60012;
		}

	ul.inq_child_sp {
		width: 100%;
		}
		ul.inq_child_sp li {
			padding: 5px 5px 10px;
			text-align: left;
			line-height: 1.6;
			}
			ul.inq_child_sp li p.item {
				color: #036eb8;
			}
		ul.inq_child_sp li:nth-child(2n) {
			background-color: #f7f8f8;
		}

	ul.inqSearchCheckList {
		width: 100%;
		}
		ul.inqSearchCheckList li {
			display: inline-block;
			/display: inline;
			/zoom: 1;
			zoom: 1;
			line-height: 1.2;
		}
		ul.inqSearchCheckList li:nth-child(2n) {
			background: none;
		}

	.childCheckArea {
		margin: 20px 0;
		padding: 0 10px;
		line-height: 1.4;
	}
	.childCheckArea ul.inqCheckList {
		width: 100%;
		padding: 10px;
		background-color: #FFD;
		}
		.childCheckArea ul.inqCheckList li {
			padding: 3px 10px 3px 0;
			display: inline-block;
			/display: inline;
			/zoom: 1;
			zoom: 1;
			line-height: 1.2;
		}
		
	.inqBlockOption {
		margin: 20px 0;
		padding: 0 10px;
		}
		.inqBlockOption .optionText {
			margin: 0 0 10px;
			font-weight: bold;
			line-height: 1.4;
		}
		
		.inqBlockOption .formLink {
			padding: 5px 0 2px;
			margin: 0 0 5px;
			border-bottom: dotted 1px #666;
		}

	.inqBlockOption .inqRemarks {
		width: 95%;
		margin: 10px 0;
	}

	.tel_inq {
    padding-left: 1em;
    text-indent: -1em;
  }

.privacy .link{
  display: block;
  margin:15px auto 0;
}
.privacy .link a {
  display: inline-block;
  padding:6px 10px;
  background-color:#00bdb4;
  color:#FFF;
}

/* thenksページ
 ------------------------------*/
.pdfDl {
	margin: 10px 0 20px;
	}

.thanksTxt {
	margin:10px 5px 20px;
	line-height:1.4;
	text-align:left
}
.thanksTxtRemarks {
	margin: 10px 5px 20px;
	padding:10px;
	font-weight:bold;
	color:#E60012;
	background-color:#FFD;
}

/*2014.09.12 Add END*/


.inqRemarksFrm{
  width:80%;
  margin:5% auto;
  padding:2% 5%;
  font-size:90%;
  text-align: left;
  background-color:#f0f7fb;
  border:dotted 2px #0678b3;
  border-radius: 10px;
}