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





/*------------------------------------------------------------
	トップページ
------------------------------------------------------------*/

/* 太陽、花などのイラストのリンクボタン */
#topBtn li { position: absolute;}
#topBtn li#btn01 { top: 4px; left: 655px;}
#topBtn li#btn02 { top: 145px; left: 245px;}
#topBtn li#btn03 { top: 247px; left: 557px;}
#topBtn li#btn04 { top: 436px; left: 155px;}
#topBtn li#btn05 { top: 526px; left: 643px;}
#topBtn li#btn06 { top: 762px; left: 245px;}
#topBtn li#btn07 { top: 789px; left: 470px;}

/* 地面部分のリストリンクと最新情報 */
#guideNav {
	width: 1113px;
	margin: 51px auto;
	padding-right: 13px;
}
.joinNav {
	float: left;
	margin: 0 4px 0 0;
}
.joinNav h2 {
	height: 57px;
	margin: 0;
}
.joinNav ul {
	background: #fff;
	margin: 0 0 0 22px;
	padding: 6px 14px 7px;
	box-shadow: 2px 2px 3px rgba(0,0,0,0.3);
	border-bottom-right-radius: 13px;  
	border-bottom-left-radius: 13px;  
	-webkit-border-bottom-right-radius: 13px;  
	-webkit-border-bottom-left-radius: 13px;  
	-moz-border-radius-bottomright: 13px;  
	-moz-border-radius-bottomleft: 13px;  
}  	
.joinNav li {
	height: 31px;
	margin-bottom: 9px;
}

#newsBox {
	position: relative;
	float: right;
}
#newsBox h2 {
	position: absolute;
	top: -4px;
	text-align: left;
	width: 390px;
	height: 46px;
	padding: 0 0 9px 15px;
	margin: 0;
	border-bottom: 1px solid #e5e3dc;
}
#news {
	width: 405px;
	height: 190px;
	background: #fff;
	border-top: 4px solid #2986f0;
	border-left: 1px solid #e5e3dc;
	border-right: 1px solid #e5e3dc;
	border-bottom: 1px solid #e5e3dc;

	border-bottom-right-radius: 15px;  
	border-bottom-left-radius: 15px;  
	-webkit-border-bottom-right-radius: 15px;  
	-webkit-border-bottom-left-radius: 15px;  
	-moz-border-radius-bottomright: 15px;  
	-moz-border-radius-bottomleft: 15px;  
}


/*------------------------------------------------------------
	フィード
------------------------------------------------------------*/
#feed {
	width: 385px;
	height: 120px;
	margin: 0 auto;
	padding: 60px 0 10px;
	text-align: left;
	font-size: 140%;
	overflow:hidden;
}
#feed div {
	overflow: hidden;
	margin: 0 0 3px;
	border-bottom: 1px dotted #e0e0e0;
	padding: 0 0 3px;
}
#feed h3 {
	background: none;
	font-weight: bold;
	padding: 0 0 0 85px;
	display: block;
	/*white-space: nowrap;*/
}
#feed p {
	margin: 0;
}
#feed .date {
	float: left;
	color: #6a3906;
	font-size: 93%;
}
#feed .text {
	clear: left;
	padding: 0 0 3px 93px;
	line-height: 1.3;
}



/*------------------------------------------------------------
	下層共通
------------------------------------------------------------*/
.box {
	width: 740px;
	margin: 0 auto 50px;
}
.boxGreen {
	width: 640px;
	padding: 30px 50px;
	margin: 0 auto 30px;
	background: #d5f0d9;
	border: 1px solid #d7eef7;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
.boxWh {
	width: 640px;
	padding: 40px 50px 30px;
	margin: 0 auto 30px;
	background: #fff;
	box-shadow: 2px 2px 3px rgba(163,192,204,0.4);
	-moz-box-shadow: 2px 2px 3px rgba(163,192,204,0.4);
	-webkit-box-shadow: 2px 2px 3px rgba(163,192,204,0.4);
	-o-box-shadow: 2px 2px 3px rgba(163,192,204,0.4);
	-ms-box-shadow: 2px 2px 3px rgba(163,192,204,0.4);
	border: 1px solid #daedf5;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}


/*------------------------------------------------------------
	about/　　イマジンについて
------------------------------------------------------------*/
#about {
}
/*#about h2 {
	background: url(../images/about_h2_bg.png) 0 0 no-repeat;
	padding: 2px 70px 8px;
}*/


/*------------------------------------------------------------
	フォーム
------------------------------------------------------------*/
#form .tbl01 th {
	width: 10em;
	text-align: right;
}
#form .tbl01 td {
	padding: 0.75em 0 0.55em 1em;
	line-height: 2;
}
#form .must {
	background: #fa7532;
	border-radius: 3px;
	box-shadow: 0 0 3px #CCC;
	color: #FFF;
	display: block;
	float: left;
	font-size: 11px;
	padding: 2px 5px 1px;
}
#form .button {
    text-align: center;
}
#form .button button {
	background: none;
	border: none;
    margin: 10px;
    text-align: center;
}
#form .courseTit {
	background: #fcf8e8;
	color: #804b26;
	padding: 4px 3px 2px;
	line-height: 1;
	margin: 0 0 8px;
}
#form .note {
	font-size: 85%;
	text-indent: -1em;
	margin-left: 1em;
	color: #804b26;
	display: block;
}
#form .btn01 {
	text-align: center;
	margin-bottom: 20px;
	background: -moz-linear-gradient(top, #8c5, #6a3);
	background: -webkit-gradient(linear, left top, left bottom, from(#8c5), to(#6a3));
	border: 1px solid #6a3;
	border-radius: 5px;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
	color: #fff;
	font-weight: bold;
	font-size: 120%;
	text-shadow: -1px -1px 1px rgba(0,0,0,0.4);
	padding: 15px 40px 17px;
	position: relative;
	text-decoration: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	display: inline-block;
}