@charset "UTF-8";
/***************************************************
   HTML All Class Element Styles
***************************************************/
html , body {height:100%; }
body {  font-family:Meiryo; font-size: 13px; line-height: 170%; color: #000;
	background-color: #F7E5DD;

   }
   
body.naka {  font-family:Meiryo; font-size: 12px; line-height: 170%; color: #000;
 }
   
a { color: #036eb8; text-decoration: underline; }
a:hover { color: #238ed8; text-decoration: none; }

.cb { clear: both; font-size: 0; }


/***************************************************
  Mouse Over Element Styles   
***************************************************/



/***************************************************
  Table Layout Element Styles   //index.html
***************************************************/

table#form_table { width: 538px; border: 1px #acacac solid; border-collapse: collapse; border-spacing: 0; }
table#form_table th { padding: 5px; border: #acacac solid; border-width: 0 0 1px 1px; background: #e4f5ff; line-height: 120%; text-align: left; width: 102px; height: 40px; color: #5a5a5a; text-indent: 5px; font-weight: normal; }
table#form_table td { padding: 5px; border: 1px #acacac solid; border-width: 0 0 1px 1px; text-align: left; color: #5a5a5a; }
table#form_table td.alpha { width: 100px; }

table#form_table td input { border: 1px solid #b98633; }
table#form_table td input.form_one { width: 30px; }
table#form_table td input.mail_a { width: 300px; }
table#form_table td input.mail_b { width: 30px; }

#sou { background: url(img/contact_bu.jpg); width: 282px; height: 26px; border: 0; font-size: 0; margin: 0 auto; }
#sou:hover { background: url(img/contact_bu_on.jpg); }

/***************************************************
メイン
***************************************************/

#container {
		width: 950px;
		min-height:1100px;
	background-image: url(img/wrap_bg.jpg);
	background-repeat:repeat-y;

	margin: 0 auto;
	box-shadow: 0px 0px 15px;

}

#container2 {
		width: 950px;
		min-height:800px;
	background-image: url(img/wrap_bg.jpg);
	background-repeat:repeat-y;

	margin: 0 auto;
	box-shadow: 0px 0px 15px;

}


.main-box {
	width: 750px;
	float: right;
	background-image:url(img/main_top_bg.jpg);
	background-repeat:no-repeat;

}

.main-box2 {
	width: 750px;
	float: right;
	background-image:url(img/main_bg.jpg);
	background-repeat:no-repeat;

}


.con-area {
	background-color:rgba(255,255,255,0.85);

	width: 670px;
	padding-top:10px;


	margin:0 0 25px;
	min-height:800px;
	height:auto;

}

.sub-box {
	width: 200px;
	
	float: left;
	height: 100%;
	padding:0;

}
.sub-text-wrap .sub-text {
	margin-bottom: 25px;
	margin-left: 10px;
	line-height: 23px;
}
.sub-text-wrap .sub-text .side-title {
	color: #EDC961;
	font-weight: bold;
	font-size: 16px;
}
.sub-text-wrap .sub-text .side-bun {
	color: #FFFFFF;
	font-size: 14px;
}
.info-area {
	background-color: #FFF;

	width: 670px;
	height: 140px;
	box-shadow: 0px 0px 10px;
	margin:820px 0 25px;

}



.info-text { height:92px;
		overflow:auto;
		padding: 0 10px 10px !important;
		
		}
table#news { margin:7px 0 7px;
   }
   
table#news td { line-height:150%;
		font-size:12px;
		color:#000;}   

.kugiri { border-bottom:1px dotted #000;}

.footer { text-align:center;
font-size: 11px;
height:40px;
line-height:30px;
margin:0 40px 0;
border-top: 2px solid #292B4C;

}

.info-area .notice-link a:hover  {
	color: #8C8C8C;
}

.info-area .notice-link a {
	text-decoration: none;
	color: #000000;
}
.title {
	color: #FFF;
	font-size: 20px;
	font-weight: bold;
	padding-bottom: 5px;
	margin-bottom: 30px;
	background-color: #C1591C;
	padding: 4px 0 0 10px;
}
.midashi-01 {
	font-weight: bold;
	font-size:14px;
	border-bottom: 1px solid #C1591C;
	margin: 0 10px 10px;
	border-left: 3px solid #C1591C;
	padding-left: 10px;
}
.midashi-02 {
	font-weight: bold;
	font-size:14px;
	border-bottom: 1px solid #C1591C;
	margin: 0 10px 10px;
	padding-left: 15px;
}
.midashi-03 {
	font-weight: bold;
	background-color: #C1591C;
	font-size:14px;
	margin: 0 10px 10px;
	color:#fff;
	padding-left: 15px;
}
.midashi-04 {
	font-weight: bold;
	font-size:14px;
	color: #C1591C;
	margin-bottom: 10px;
	padding-left: 15px;
}

.midashi-05 {
	font-weight: bold;
	font-size:14px;
	color: #000;
line-height: 170%;
	margin-bottom: 5px;
	padding-left: 0;
}

#back-top {
    position: fixed;
    bottom: 50px;
    right:100px;
}
#back-top a {
    width: 85px;
    display: block;
}
#back-top span {
    width: 85px;
    height: 85px;
    display: block;
    margin-bottom: 7px;
    background: url(img/top-bt-off.png) no-repeat center center;
}

.sub-box .navi {
	width: 200px;
	margin: 0 auto;
	padding: 65px 0 0;
}


.in-box  {
	margin: 0 40px 0;

	width: 670px;

}

.jimu { font-size:12px; 
line-height:135%;
color:#000;
margin-bottom:10px;}


.bun01 {
	margin: 0 30px 20px 30px;

}
.bun02 {
	margin: 0 30px 10px 30px;

}
.bun03 {
	margin:  0 30px 10px 30px;
	font-weight:bold;

}


.bun_b { font-size:13px;
font-weight:bold;
margin:0 10px 20px 15px;
}

#prog a:hover { opacity:0.6;}



.title01 { margin:0 10px 20px 10px;

width:630px;
height:40px;
line-height:40px;
background-image:url(img/title_bg.png);
padding-left:20px;
color:#fff;
font-size:16px;
font-weight:bold;}

/**************************
丸数字
***************************/
.box_no {
 /* サイズ指定 */        
 width:15px;
 height:15px;
 /* 背景色 */
 background-color:#fff;
 /* 角を丸くする */
 border-radius: 50%;
 -webkit-border-radius: 50%;
 -moz-border-radius: 50%;
	border: 1px solid #000;
}

.box_no p {
 text-align: center; /* 中央寄せ */
 color: #000; /* 文字を白色に */
 margin: 0; /* h1とpの余白をリセット */
font-size:10px; font-weight:bold;
line-height:16px;
}

#endai a:hover { opacity: 0.6;}

#endai2 { 
text-align: center;
}

#endai2 a:hover { opacity: 0.6;}