@charset "utf-8";

* {
  -webkit-box-sizing: border-box; /* <=iOS4, <= Android  2.3 */
     -moz-box-sizing: border-box; /* Firefox 1+ */
          box-sizing: border-box; /* Chrome, IE8+, Opera, Safari 5.1*/
}

body {
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Verdana, sans-serif;
	font-size:12px;
	color: #333;
	position:relative;
	border-top: 3px solid #059FFC;
}
li {
	list-style-type: none;
}

a {
	color:#333;
	text-decoration:none;
}

a:visited {
}

a:hover {
	text-decoration:underline;
}

/*画像透過設定*/
a img {
	transition-duration: 0.4s;
	-moz-transition-duration:0;
	-webkit-transition-duration:0.4s;
	-o-transition-duration:0.4s;
	-ms-transition-duration:0.4s;
}
a img:hover {
	opacity:0.8;
	filter: alpha(opacity=80);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=80)";  /* ie 8 */
	-moz-opacity:0.8;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.8;              /* Safari 1.x */
}
.noOpa img {
	transition-duration: 0;
	-moz-transition-duration:0;
	-webkit-transition-duration:0;
	-o-transition-duration:0;
	-ms-transition-duration:0;
}
.noOpa img:hover {
	opacity:1;
	filter: alpha(opacity=100);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=100)";  /* ie 8 */
	-moz-opacity:1;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 1;              /* Safari 1.x */
}

/*clearfix設定*/
.cf:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}

.cf { display: inline-table; }
/* Hides from IE-mac */
* html .cf { height: 1%; }
.cf { display: block; }
/* End hide from IE-mac */

/*margin*/

.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb50 { margin-bottom: 50px; }

.pageTop {
	position: fixed;
	right: 35px;
	bottom: 40px;
	z-index: 9000;
}
#wrapper {
	width: 970px;
	margin: 10px auto 0;
}

.tit {
	margin-bottom: 20px;
}

.stit {
	margin-bottom: 10px;
}

.stxt {
	line-height: 1.4;
	margin-bottom: 20px;
}



/*-- header
--------------------*/
.headerIn {
	width: 970px;
	margin: 15px auto 15px;
}
.headerIn .desc {
	font-weight: normal;
	font-size: 12px;
	text-align:right;
	width:970px;
}
.headerIn .cont {
	margin-top:-10px;
}
.headerIn .cont #logo {
	float: left;
}
.headerIn .cont .info {
	float: right;
	margin-top: 20px;
}
.headerIn .cont .info .tel {
	float: left;
	margin-right: 15px;
}
.headerIn .cont .info .inq {
	float: left;
	margin-top: 2px;
}

/*-- パンくず
--------------------*/
#breadcrumb{
 width: 970px;
 margin: 15px auto 0;
 font-size: 14px;
}
#breadcrumb ol{
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}
#breadcrumb li{
	float: left;
	margin-right: 5px;
	width: auto;
	color: #666;
	line-height: 1.35;
}
#breadcrumb a{
  display: block;
  width: auto;
  float: left;
  line-height: 15px;
  color: #0081CB;
  text-decoration: underline;
}
#breadcrumb a:hover {
	text-decoration: none;
}

/*-- gl nav
--------------------*/
#gl {
	position: relative;
	z-index: 2;
	background: url(images/bg-r.png) left top repeat-x;
	height: 70px;
}
#gl ul {
	width: 970px;
	height: 100px;
	margin: 0 auto;
	background: url(images/gl_under.png) center bottom no-repeat;
}
#gl ul li {
	float: left;
}


/*-- mv
--------------------*/
#top #mv {
	position: relative;
	z-index: 1;
	top: -70px;
	height: 460px;
	background: url(images/top_mvbg.png) center top no-repeat #FFF;
}
#top #mvIn {
	width: 990px;
	margin: 0 auto 0;
	padding-top: 85px;
}
.sub #mv {
	height: 220px;
	background: url(images/sub_mvbg.png) center top no-repeat;
}
.sub #mvIn {
	width: 994px;
	margin: 0 auto 0;
	padding-top: 25px;
	text-align:center;
}

/*-- article
--------------------*/
.main {
	width: 870px;
	margin: 50px auto; 
}
#top .main {
	width: 1000px;
	margin: 10px auto 0;
}
#top .main .ph {
	float: left;
}
#top .main .cont {
	font-size: 14px;
	line-height: 1.8;
	float: right;
	width: 630px;
}
#top .main .cont h3 {
	margin:10px 0 5px;	
}

#top .main .cont p{
	width:600px;
	}

/*-- side
--------------------*/
#side {
	width: 220px;
	float: right;
}
#side li {
	margin-bottom: 10px;
}


/*-- footer
--------------------*/
footer {
	background: url(images/group_bg.png) left top repeat-x;
}
footer #group {
	width: 970px;
	margin: 65px auto 10px;
	padding: 20px 0 12px;
	background:url(images/group_bg_center.png) no-repeat center top;
}
footer #group .tit {
	margin-bottom: 15px;

}
footer #group li {
	float: left;
	height: 70px;
	margin-left: 8px;
	margin-bottom: 10px;
}
footer #group li:nth-child(5n+1) {
	margin-left: 0;
}
/*
footer #group li:nth-last-child(-n+3) {
	margin-bottom: 0;
}
*/
footer #copy {
	background: #fff;
	padding-top: 4px;
}
footer .copyIn {
	width: 970px;
	margin: 0 auto;
	color: #11244D;
	padding: 4px 0 9px;
}
footer .copyIn ul {
	margin-left: 1px;
}
footer .copyIn li {
	float: left;
}
footer .copyIn li a {
	font-size: 11px;
	color: #11244D;
	border-right:1px solid #11244D;
	padding:0 10px;
}
footer .copyIn li:first-child a{
	border-left:1px solid #11244D;
	}
footer .copyIn small {
	display: block;
	float: right;
	font-size: 11px;
}



/*--------------------
会社概要
--------------------*/

#company .tit{
	margin-bottom:40px;
	}


#company table{
	border-collapse:collapse;
	border: 1px solid #ccc;
	width: 720px;
	font-size:14px;
	margin-bottom:40px;
}

#company th,
#company td{
	padding: 7px 10px;
	text-align: left;
	vertical-align: top;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	line-height: 1.6;
	color:#505050;
	}

#company th{
	width: 180px;
	background: #f5f5f5;
	color: #333;
}

#company #access{
	width:870px;
	margin:0 auto;
	}

#company #access .map{
	width:555px;
	float:left;
}

#company #access .root{
	float:right;
	width:296px;
	padding:8px 5px;
	background:#F5F5F5;
	font-size:14px;
	line-height:1.6;
	color:#505050;
	}

#company #access .root h3{
	font-weight:bold;
	font-size:15px;
	margin-bottom:3px;
	background:url("images/company/company_ico.png") no-repeat left center;
	padding-left:20px;
	color:#333;
	margin-left: 3px;
	}


/*--------------------
サービス概要
--------------------*/

#serviceData{
	margin-bottom:40px;
	}


#service .tit{
	margin-bottom:20px;
	}


#service #summary{
	width:870px;
	margin:0 auto;
	margin-bottom:40px;
	}

#service #summary table{
	width:100%;
	border: solid 1px #149FF3;
	line-height:1.6;
	font-size:14px;
	color:#505050;
	text-align:left;
	}

#service #summary table th,
#service #summary table td{
	padding:8px 15px;
	}

#service #summary table th{
	color:#FFF;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	background:url("images/service/service_table_bg.png") repeat 0 0;
	border-bottom: solid 1px #FFF;
	}


#service #summary table td{
	border-bottom: solid 1px #149FF3;
	}

#service #summary table td.last{
	border-bottom:none;
	}


#service #summary table th.last{
	border-bottom: solid 1px #149FF3;
	}


#service #qa{
	width:870px;
	margin:0 auto;
	}


#service #qa .q_box{
	width:100%;
	text-align:left;
	background:url(images/service/service_bgr.png) repeat-y 0 0;
	border-bottom: solid 1px #D0DAED;
	}

#service #qa .q_box dl{
	background:url(images/service/service_bgt.png) no-repeat 0 0;
	padding:14px 15px 10px 15px;
	}


#service #qa .q_box dl dt,
#service #qa dl.a_box dt{
	float:left;
	width:34px;
	}

#service #qa .q_box dl dd{
	background: url(images/service/service_Q_bg.png) repeat-y 0 0;
	float:right;
	width:806px;
	font-size:18px;
	color:#FFF;
	font-weight:bold;
	line-height:1.2;
	padding:5px 0 5px 20px;
	}


#service #qa dl.a_box{
	padding:15px;
	border: solid 1px #059FFC;
	margin-bottom:20px;
	}

#service #qa dl.a_box dd{
	background: url(images/service/service_A_bg.png) repeat-y 0 0;
	float:right;
	width:804px;
	font-size:14px;
	line-height:1.4;
	color:#505050;
	padding:5px 0 5px 20px;
	}



/*-------------------------
	お申込みの流れ
--------------------------*/
#application #flow {
	margin-bottom: 50px;
}
#application .tit{
	margin-bottom: 30px;
}
#application .step {
	float: left;
	overflow: hidden;
}
#application .flowCont {
	float: left;
	font-size: 14px;
	line-height: 1.6;
}
#application .flowCont a {
	color: #139FF2;
	text-decoration: underline;
}
#application .stit {
	margin-bottom: 10px;
}
#application .check {
	margin-bottom: 12px;
}
#application .check img {
	display: block;
	float: left;
}
#application .check p {
	float: left;
	margin-left: 20px;
	line-height: 77px;
}
#application #attend h3 {
	line-height: 1;
	height: 52px;
}
#application #attend ul{
	padding: 15px 15px 10px;
	width: 820px;
	border: 1px solid #0C45D6;
	line-height: 1.6;
	font-size: 14px;
}
#application #attend ul li {
	margin-bottom: 5px;
}

/*-------------------------
	個人情報保護方針
--------------------------*/
#contact #contactData01,
#contact #contactData02,
#contact #contactData03 {
	margin-bottom: 35px;
}

#contact #contactData01 .tit img {
	margin-right:20px;
}

#contact #contactData01 .contactArea {
	padding:15px 0;
	border:5px solid #CCCCCC;
	width:870px;
}

#contact #contactData01 .contactArea .tx01,
#contact #contactData01 .contactArea .tx02{
	position: relative;
	top: -1px;
	float:left;
	height:80px;
	padding:8px 20px 0px 20px;
}
#contact #contactData01 .list {
	margin-bottom: 4px;
}
#contact #contactData01 .contactArea .tx01{
	border-right:1px solid #CCC;
	width:325px;
}

#contact #contactData01 .contactArea .tx02{
	width:285px;
}

#contact .txtBox {
	border:2px solid #CCCCCC;
	padding:30px 30px 5px;
	font-size: 14px;
	line-height: 1.6;
}
#contact #contactData03 .txtBox {
	padding-bottom: 0;
} 
#contact .txtBox p {
	margin-bottom:25px;
}

#contact .txtBox ol li {
	margin-bottom:25px;
	line-height:1.6;
	padding:0 0 0 20px;
}

#contact .txtBox ol .no01 {background:url(images/contact/contact_n01.png)left 1px no-repeat;}
#contact .txtBox ol .no02 {background:url(images/contact/contact_n02.png)left 1px no-repeat;}
#contact .txtBox ol .no03 {background:url(images/contact/contact_n03.png)left 1px no-repeat;}
#contact .txtBox ol .no003 {background:url(images/contact/contact_n03.png)left 1px no-repeat;}
#contact .txtBox ol .no04 {background:url(images/contact/contact_n04.png)left 1px no-repeat;}
#contact .txtBox ol .no05 {background:url(images/contact/contact_n05.png)left 1px no-repeat;}
#contact .txtBox ol .no06 {background:url(images/contact/contact_n06.png)left 1px no-repeat;}
#contact .txtBox ol .no07 {background:url(images/contact/contact_n07.png)left 1px no-repeat;}
#contact .txtBox ol .no08 {background:url(images/contact/contact_n08.png)left 1px no-repeat;}

#contact #contactData03 .txtBox ol .no01 li,
#contact #contactData03 .txtBox ol .no02 li,
#contact #contactData03 .txtBox ol .no003 li,
#contact #contactData03 .txtBox ol .no04 li,
#contact #contactData03 .txtBox ol .no05 li,
#contact #contactData03 .txtBox ol .no06 li,
#contact #contactData03 .txtBox ol .no07 li,
#contact #contactData03 .txtBox ol .no08 li
 {
	margin-bottom: 0;	
	padding-left: 0;
}
#contact #contactData03 .stit {
	margin-bottom: 2px;
}
#contact #contactData03 .stit2 {
	list-style: none;
	margin-bottom: 2px;
}

#contact #inqCounter {
	width: 645px;
	border: 5px solid #ccc;
	background: url(images/contact/contact_bg.png) left top;
	padding: 16px 20px 14px;
	margin:0 0 30px 20px;
	font-size: 14px;
	line-height: 1.45;
}
#contact .txtBox #inqCounter .sstit {
	margin-bottom: 5px;
}
#contact .txtBox #inqCounter p {
	margin-bottom: 0;
}
#contact .txtBox #inqCounter h2 {
	font-weight: normal;
	margin-bottom: 3px;
}
#contact .txtBox #inqCounter a {
	color: #139FF2;
	text-decoration: underline;
}
#contact .txtBox #inqCounter a:hover {
	text-decoration: none;
}
#contact #inqCounter address {
	font-style: normal;
}

#contact .txtBox .endPg {
 	display: block;
	text-align: right;
	margin-top: 20px;
 }