@charset "utf-8";

/* Clearfix --------------------------------------------------------- */
/*clearfix*/
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    }
.clearfix {
    display: inline-table;
    min-height: 1%;
    }
/*Hides from MacIE \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/*Hides from MacIE */

/* ##### 追加リセット ##### */
h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
}
a img {
	border:0;
}

/* ##### index ##### */

#contents .contTit h2{width:960px; margin: 0 auto; border-bottom:1px solid #999999; margin-top: 30px; padding-bottom: 20px;text-align: center;}
#contents .faq_area{width:830px; margin:40px auto 70px;}
#contents .faq_area a{display:inline-block; position: relative; margin-top: 30px;}
#contents .faq_area a:nth-of-type(1),#contents .faq_area a:nth-of-type(2){margin-top:0;}
#contents .faq_area a:nth-of-type(even){float:right;}
#contents .faq_area a span{position: absolute;bottom: 14px;left:0;right:0;text-align: center;color: #757575;font-size: 16px;line-height: 1.4em;}
#contents .faq_area a:hover{opacity:0.8;}


/* ##### faq_list ##### */
.courseListInner{width:960px; margin:0 auto 100px;}
.list .courseListInner .box{display:none;}
.list .courseListInner #area1.box{display:block;}
.list #courseList .prefeNav{}
.list #courseList .prefeNav ul{
	overflow: hidden;
}

.list #courseList .prefeNav ul li{
	float: left;
	width: 171px;
	text-align: center;
	position: relative;
}
	.list #courseList .prefeNav ul li.last{ width: 145px;}
	.list #courseList .prefeNav ul li.active:before{
		content: ' ';
		width: 100%;
		height: 4px;
		background-position: center top;
		background-repeat: no-repeat;
		position: absolute;
		left: 0;
	}

	.list #courseList .prefeNavT ul li{padding: 0 0 4px 0;}
	.list #courseList .prefeNavT ul li.active:before{ background-image: url(/assets/images/point/prefeIconB.png); bottom: 0;}

	.list #courseList .prefeNavB ul li{padding: 4px 0 0 0;}
	.list #courseList .prefeNavB ul li.active:before{ background-image: url(/assets/images/point/prefeIconT.png); top: 0;}

.list #courseList .prefeNav ul li a{
	display: block;
	color: #777777;
	font-size: 14px;
	font-weight: bold;
	line-height: 40px;
	border-top: 1px solid #e2e2e2;
	border-left: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
}
	.list #courseList .prefeNav ul li.last a{ border-right: 1px solid #e2e2e2; }
	.list #courseList .prefeNav ul li a:hover{text-decoration: none; background: #e2e2e2;}
	.list #courseList .prefeNav ul li.active a{
		color: #ffffff;
		border-top: 1px solid #999999;
		border-left: 1px solid #999999;
		border-bottom: 1px solid #999999;
		background: #999999;
	}
.list #courseList .notes {
	color: #545454;
	margin-bottom: 15px;
	text-align: right;
}

#contents.list .contTit h2{border-bottom: none; margin-top: 50px; padding-bottom: 30px;}
#contents.list .area_name{ margin-top: 20px;}
#contents.list .area_name li{float:left;border-right:1px solid #b5b5b5; padding:7px 20px;}
#contents.list .area_name li a{ font-size: 14px; color: #4d4d4d;}

#contents.list h3{font-size: 24px; color: #6c8a59; margin-bottom: 20px;font-weight: bold; margin-top: 20px; line-height: 1em;}
#contents.list h3:first-of-type{ margin-top: 40px;}

#contents.list .area_detail{}
#contents.list .area_detail li .img{width: 180px;height: 110px;float: left;overflow: hidden;}
#contents.list .area_detail li .img img{height:100%;}
#contents.list .area_detail li table{float:right; margin-left: 20px;width: 228px; border: none;}
#contents.list .area_detail li table td{padding:0;border:none;width: 100%; text-align: center;}
#contents.list .area_detail li{float:left; width:470px;border:1px solid #b5b5b5;padding:20px; box-sizing: border-box; margin-bottom: 20px;}
#contents.list .area_detail li:nth-of-type(odd){ margin-right: 20px;}
#contents.list .area_detail li img{float: left;}
#contents.list .area_detail li table .name{font-size: 18px; color: #009c42; font-weight:bold; text-align: center; line-height: 1.1em;vertical-align: middle; height: 2em;}
#contents.list .area_detail li table .tel{font-size: 14px; color:#4d4d4d; padding:7px 0; background: url(/faq/img/icon_tel.png) no-repeat 18% 50%;}
#contents.list .area_detail li table .button a{width: 195px;display: inline-block; background-color: #62b297 !important; border-radius: 3px;color: #fff;font-size: 16px; font-weight: bold; padding:10px 0px 10px 20px; background: url(/faq/img/icon_mail.png) no-repeat 19% 47%; text-align: center;margin-top: 6px;}


/* ##### index ##### */
.form .formArea .errorArea .btn_green {
    text-align: center;
}
.form .formArea .errorArea .btn_green #back {
    width: 146px;
    height: 50px;
    text-indent: -9999px;
    border: none;
    background: transparent url(/assets/images/common/btnBack_green.png) no-repeat 0 0;
    cursor: pointer;
}