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

/* リセット
---------------------------------------------*/

h1, h2, h3, h4, h5, h6, h7, p, address, div, ul, ol, li, dl, dt, dd, table, th, td, caption, img, form{
	margin:0;
	padding:0;
	border: none;
	list-style-type: none;
	font-style: normal;
	font-weight: normal;
	}

img{
	border: 0;
	vertical-align: top;
	}

/* 共通のクラス
---------------------------------------------*/

.fll {
	float: left;
	display:block;
	}

.flr {
	float: right;
	display:block;
	}

.cl {
	clear: both;
	}

.tac {
	text-align: center;
	}

.tar {
	text-align: right;
	}

.tal {
	text-align: left;
	}

.center{
	margin:0 auto;
	}
	
.inline{
	display: inline;
	}

.block{
	display:block;
	}

.vam{
	vertical-align:middle;
	}

.vat{
	vertical-align:top;
	}

.vab{
	vertical-align:text-bottom;
	}
	
/* position */

.z100{
	position: relative;
	z-index: 100;
	}

/*　p
---------------------------------------------*/	
	
p{
 	text-align:justify;
	text-justify:distribute;
	}
	

/* テキストの共通クラス指定 */

.bold {font-weight: bold;}
.normal {font-weight: normal;}

.f9{font-size: 9px;}
.f10{font-size: 10px;}	
.f12{font-size: 12px;}	
.f14{font-size: 14px;}
.f16{font-size: 16px;}
.f18{font-size: 18px;}
.f20{font-size: 20px;}
.f0{font-size: 0px;}	
	

/* テキストインデント */
	
.indent1{ text-indent: 1em;}


/* margin */

.mb5{margin-bottom: 5px;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mb25{margin-bottom: 25px;}
.mb30{margin-bottom: 30px;}
.mb35{margin-bottom: 35px;}
.mb40{margin-bottom: 40px;}
.mb45{margin-bottom: 45px;}
.mb50{margin-bottom: 50px;}
.mb60{margin-bottom: 60px;}
.mb65{margin-bottom: 65px;}
.mb90{margin-bottom: 90px;}

.mr10{margin-right: 10px;}
.mr30{margin-right: 30px;}
.mr40{margin-right: 40px;}
.ml45{margin-left: 45px;}


/* clearfix
---------------------------------------------*/

.clearfix:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
	}
	
.clearfix {
	min-height: 1px;
	}
	
* html .clearfix {
	height: 1px;/*\*//*/
  height: auto;
  overflow: hidden;
  /**/
	}
	
	
/* CUSTOM */
.center{
	text-align:center;
	margin:0 auto;
}

.inner01 {
padding: 0 20px;
}

.ftBox{
	width:760px;
	margin:0 auto;
}
.ftBox01{
	float:left;
	width:340px;
	padding:10px;
	margin:0 auto;
}
.ftBox02{
	float:right;
	width:340px;
	padding:10px;
	margin:0 auto;
}


h4.tokutyou{
	border-bottom: 2px dotted #fbb701;
padding-bottom: 5px;
}


.bd{
	font-weight:bold;
	padding-bottom:5px;
	background:url(../img/bd.gif) no-repeat bottom;
	}



/*CTA*/

.cta{
	width:853px;
	height:171px;
	background:url(../img/cta_base.jpg) no-repeat left top;
	margin-top:15px;
}

.cta_first{
	width:853px;
	height:171px;
	background:url(../img/cta_base.jpg) no-repeat left top;
	margin-top:15px;
}

.cta_left{
	float:left;
	margin-left:65px;
	padding-top:60px !important;
}

.cta_right{
	float:left;
	margin-left:35px;
	padding-top:60px !important;
}




/*カリキュラム*/

#cal{
	position:relative;
	width:900px;
	height:410px;
}

#cal01{
	position:absolute;
	top:20px;
	left:42px;
}

#cal02{
	position:absolute;
	top:20px;
	left:110px;
	width:270px;
}

#cal03{
	position:absolute;
	top:20px;
	left:390px;
	width:270px;
}

#cal04{
	position:absolute;
	top:3px;
	left:670px;
}

.cal_text{
	padding:10px;
	font-size:0.9em;
	line-height:1.5;
}



/*reason*/

#reason{
	width:860px;
	margin:0 auto;
}

.reason_box{
	float:left;
	width:860px;
	border-bottom:1px solid #CCC;
	padding-bottom:10px;
	margin-bottom:10px;
}

.reason01{
	float:left;
	margin-left:15px;
	width:90px;
}

.reason02{
	float:left;
	margin-left:15px;
	width:500px;
}

.reason03{
	float:left;
	margin-left:15px;
	width:220px;
}

.reason_title{
	font-size:17px;
	font-weight:bold;
	letter-spacing:1px;
	border-bottom: 1px dashed #83cd52;
	margin-bottom:8px;
}

.red{
	color:#F30;
}

.comment{
	font-weight:normal;
	font-size:13px;
}



/*target*/

#target ul{
margin-top:15px;
background-color:#fef9f6;
padding:10px;

}
#target ul li{
	list-style-type: none;
	background-image: url(../img/chk.gif);
	background-positon: left center;
	background-repeat: no-repeat;
	padding-left: 40px;
	line-height:30px;
	font-size:18px;
	
}

/*voice*/


#voice{
	overflow-y:scroll;
	height:500px;
	background-color:#fef9f6;
	}



.msgArea{
	background-color:#f7f3e4;
	padding:10px;
	border-bottom:1px dashed #ccc;
	max-width:800px;
	margin:0 auto;
	border-right:1px solid #ececec;
	border-left:1px solid #ececec;
}
.msgAreaW{
	background-color:#fff;
	padding:10px;
	border-bottom:1px dashed #ccc;
}

.msgArea img.mainImg{
	float:right;
	max-width:200px;
}
.msgArea .msg{
	float:left;
	width:70%;
}

.msgArea .msgCnt{
	margin-bottom:15px;
}
.msgArea p.lead{
	color:#83cd52;
	font-size:146.5% !important;
	margin:0;
	padding:0;
}

.msgArea p.subLead{
	font-size:123.1% !important;
	font-weight:bold;
	margin:0;
	padding:0;
}

.msgArea dl.nameArea{
	border-top:1px dashed #83cd52;
	margin:10px 0;
	padding:10px 0 10px 10px;
}

.msgArea dl.nameArea dt{
	margin-bottom:5px;
}
.msgArea dl.nameArea dt strong{
	font-weight:bold;
}

.msgArea dl.nameArea dd img{
	margin:0 0 5px;
}

/*------------------------------------------------------------ .picbox*/

dl.picbox{
padding:10px;
width:45%;
border:1px solid #ccc;
float:left;
margin-right:15px;
margin-bottom:20px;
}
dl.picbox dt{
	background:#daf0cb;
	padding:5px;
	font-weight:bold;
	font-size:116%;
	margin-bottom:10px;
}
dl.picbox dd{
	margin-bottom:0;
}

dl.picbox dd table,
dl.picbox dd table td,
dl.picbox dd table th{
	border:none !important;
	text-align:left !important;
}
dl.picbox dd table td.personal{
	font-size:77%;
	line-height:1.4;
	text-align:right !important;
	vertical-align:bottom;
}

dl.picbox dd span.lead{
	font-weight:bold;
	margin-bottom:15px;
	display:block;
}
dl.picbox dd .picTxt{ /* clearfix */
margin-top:10px;
}
dl.picbox dd .picTxt .pic{
	float:right;
	text-align:center;
}
dl.picbox dd .picTxt .pic img{
	margin-bottom:5px;
}
dl.picbox dd .picTxt .pic span{
	font-size:93%;
	line-height:1.4;
}

.Totop {
margin: 10px auto;
}

.text{
	font-size:16px;
	line-height:1.5;
	padding:10px 30px;
    margin-top:0;
	background-color:#fef9f6;
}

.array{
	margin-top:10px;
	text-align:center;
}

#change{
	margin:10px auto;
	width:750px;
}

.change_left{
	width:380px;
	float:left;
}
.change_right{
	width:370px;
	float:right;
}