/* ----- 基本構造 -------------------------------------- */
body { 
	margin: auto;
	font-size: 16px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 130%;
	background-color: #EEF;
}


a:link {
	color: #555;
	text-decoration: none;
} 
a:visited {
	color: #555;
}
a:active {
	color: #FFFFFF;
}






#container {
	width: 1000px;
	background-color: #FFF;
	margin: auto;
	border-left: 1px solid #555;
	border-right: 1px solid #555;
}


.inner20 {
	padding-left: 20px;
	padding-right: 20px;
}


.wrap_bt {
	width: 960px;
	margin: 0 auto 20px auto;
}
/* ----- ヘッダー -------------------------------------- */


#header {
	padding: 10px 20px;
	margin: auto 0;
}



#header h1 {
	display: block;
	margin: 0;
	padding-top: 10px;
	
}
#header p {
	padding: 0;
	margin-left: 50px;
	margin-top: -45px;
	font-size: 12px;
	
}
.header_left {
	float: left;
}

.header_right {
	padding-top: 10px;
	float: right;
}




.head_bt_wrap {
	padding-left: 10px;
	width: 990px;
	text-align: center;
	margin: 10px auto;
	margin-bottom: 0;
	border-bottom: 1px solid #000;
}

.head_bt {
	float: left;
	width: 190px;
	height: 30px;
	padding-top: 13px;
	margin: 5px 2px;
	margin-bottom: 0;
	color: #000;
	text-align: center;
	
	border:1px solid #CCCCCC;
	-webkit-border-top-left-radius: 5px;  
    -webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;  
    -moz-border-radius-topright: 5px; 
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	
	
	
	text-decoration:none;
	display:inline-block;
	background-color: #FFFFFF;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#EEE));
	background-image: -webkit-linear-gradient(top, #FFFFFF, #EEE);
	background-image: -moz-linear-gradient(top, #FFFFFF, #EEE);
	background-image: -ms-linear-gradient(top, #FFFFFF, #EEE);
	background-image: -o-linear-gradient(top, #FFFFFF, #EEE);
	background-image: linear-gradient(to bottom, #FFFFFF, #EEE);
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFFFFF, endColorstr=#EEE);
}



.head_bt:hover {
	color: #F66;
	border:1px solid #CCCCCC;
	background-color: #FFFFFF;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#FFEEEE));
	background-image: -webkit-linear-gradient(top, #FFFFFF, #FFEEEE);
	background-image: -moz-linear-gradient(top, #FFFFFF, #FFEEEE);
	background-image: -ms-linear-gradient(top, #FFFFFF, #FFEEEE);
	background-image: -o-linear-gradient(top, #FFFFFF, #FFEEEE);
	background-image: linear-gradient(to bottom, #FFFFFF, #FFEEEE);
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFFFFF, endColorstr=#FFEEEE);
}



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

#main {
	background-image: url(../images/main.png);
	background-repeat: no-repeat;
	width: 966px;
	height: 624px;
	position: relative;
	margin-top: 0;
	padding-right: 5px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
}

.book001 {
	z-index: 100;
	position: absolute;
	left: -5px;
	top: 10px;
}


.book001:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}


.book002 {
	position: absolute;
	left: 170px;
	top: 10px;
}

.book002:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}


/* ----- 上段 -------------------------------------- */


#box01 {
	margin: 10px auto;
	width: 841px;
	padding: 45px 60px;
	background-image: url(../images/back01_top.jpg), url(../images/back01_bottom.jpg), url(../images/back01_center.jpg);
	background-repeat: no-repeat, no-repeat, repeat-y;
	background-position: top, bottom, top;
	
}

#box01_bottom {
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	width: 961px;
	padding-bottom: 45px;
	background-image: url(../images/back01_bottom.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	
}
	
#box01 h3 {
	display: block;
	padding: 0;
	margin-top: 0;
	margin-bottom: 10px;
}




#box_blue {
	background-image: url(../images/back_blue.jpg);
	background-repeat: repeat;
	padding: 20px;
	margin: 20px auto;
	margin-top: 50px;
}


#box_blue h2 {
	background-image: url(../images/title_blue.jpg);
	background-repeat: no-repeat;
	width: 250px;
	height: 35px;
	color: #FFF;
	text-align: center;
	font-size: 30px;
	font-weight: normal;
	margin-top: -50px;
	margin-bottom: 0;
	margin-left: 30px;
	padding-top: 15px;
	
}

#box_blue p {
	padding: 0;
	margin: 0;
	margin-bottom: 10px;
}

#box_white {
	color: #000;
	background-color: #FFF;
	padding: 20px;
	margin: 0 auto;
	-moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.4);
	-webkit-box-shadow:3px 3px 3px rgba(0,0,0,0.4);
	-o-box-shadow:3px 3px 3px rgba(0,0,0,0.4);
	-ms-box-shadow:3px 3px 3px rgba(0,0,0,0.4);
}



#box_white h3 {
	color: #08C;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 20px;
	line-height: 160%;
	border-bottom: 2px solid #08C;
	margin-top: 0;
	margin-bottom: 20px;
	padding: 0;
	padding-bottom: 10px;
}

#box_white h4 {
	color: #08C;
	font-size: 22px;
	line-height: 130%;
	font-weight: normal;
	margin-top: 0;
	margin-bottom: 30px;
	padding: 0;
}

#box_white h5 {
	background-image: url(../images/title_white.png);
	background-repeat: no-repeat;
	width: 195px;
	height: 30px;
	font-size: 17px;
	color: #FFF;
	line-height: 130%;
	font-weight: normal;
	margin-top: 0;
	margin-bottom: 10px;
	padding: 10px;
}

#box_white h6 {
	display: block;
	font-size: 17px;
	color: #07B;
	line-height: 130%;
	font-weight: normal;
	margin-top: 0;
	margin-bottom: 10px;
}

#box_white p {
	padding: 0;
	margin: 0;
	margin-bottom: 10px;
}





.box_mizu {
	float: right;
	margin-left: 20px;
	background-color: #EAF6FD;
	padding: 10px;
	width: 380px;
	font-size: 14px;
}



.box_mizu ul {
	margin-left: 20px;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
}


.box_souzoku {
	border: 1px solid #07B;
	padding: 20px;
	margin: 20px;
}

.box_souzoku h5{
	margin: 0;
	padding: 0;
}





.faq_q {
	line-height: 240%;
	width: 380px;
	margin-right: 20px;
	margin-bottom: 20px;
	float: left;
	background-image: url(../images/q.png);
	background-size: 140px;
	background-repeat: no-repeat;
	background-position: -10px -10px;
	background-color: #FFF;
	padding: 20px;
	box-shadow:rgba(0, 0, 0, 0.3) 0px 0px 6px 3px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.3) 0px 0px 6px 3px;
	-moz-box-shadow:rgba(0, 0, 0, 0.3) 0px 0px 6px 3px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: rgba( 255, 255, 255, 0.9 );
}

.faq_a {
	line-height: 240%;
	width: 380px;
	margin-bottom: 20px;
	float: right;
	background-image: url(../images/a.png);
	background-size: 140px;
	background-repeat: no-repeat;
	background-position: -10px -10px;
	background-color: #FFF;
	padding: 20px;
	box-shadow:rgba(0, 0, 0, 0.3) 0px 0px 6px 3px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.3) 0px 0px 6px 3px;
	-moz-box-shadow:rgba(0, 0, 0, 0.3) 0px 0px 6px 3px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: rgba( 255, 255, 255, 0.9 );
}

#box_osusume {
	width: 930px;
	padding-top: 150px;
	padding-left: 35px;
	padding-bottom: 35px;
	font-size: 26px;
	background-image: url(../images/back_osusume.png);
	background-repeat: no-repeat;
	color: #FFF;
	line-height: 160%;
	margin-bottom: 30px;
}


#box_jisseki {
	background-color: #DFF;
	padding: 30px;
	font-size: 20px;
	margin-bottom: 20px;
}

#box_jisseki h3 {
	color: #08C;
	font-size: 36px;
	line-height: 130%;
	font-weight: normal;
	margin-top: 0;
	margin-bottom: 20px;
	padding: 0;
}

#box_jisseki ul {
	padding: 0;
	margin: 0;
	margin-left: 0;
	list-style-image: url(../images/icon_house.png);
	list-style-position: inside;
}

#box_jisseki li {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #555;
}




/* ----- フォーム -------------------------------------- */


div#form {
	color: #000;
	background-color: #FFF;
	padding: 20px;
	margin: 0 auto;
	-moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.4);
	-webkit-box-shadow:3px 3px 3px rgba(0,0,0,0.4);
	-o-box-shadow:3px 3px 3px rgba(0,0,0,0.4);
	-ms-box-shadow:3px 3px 3px rgba(0,0,0,0.4);
}



#form h3 {
	color: #08C;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 28px;
	line-height: 130%;
	border-bottom: 2px solid #08C;
	margin-top: 0;
	margin-bottom: 20px;
	padding: 0;
	padding-bottom: 10px;
}

#form h4 {
	color: #08C;
	font-size: 18px;
	line-height: 130%;
	font-weight: normal;
	margin-top: 0;
	margin-bottom: 10px;
	padding: 0;
}


#form p {
	padding: 0;
	margin: 0;
	margin-bottom: 10px;
}



#form dl {
	font-size: 14px;
	border-top: none;
	background: #EEF;
	border: 1px solid #CCC;
	padding: 0;
	margin-top: 0;
	margin-bottom: 20px;
}


#form dt {
    clear: both;
	float: left;
	width: 200px;
	clear:both;
	padding: 10px;
	border-top: 1px dotted #CCC;
}


#form dd {
	background: #FFF;
	font-size: 13px;
	letter-spacing: 0;
	padding: 10px;
	margin-left: 210px;
	border-left: 1px dotted #CCC;
	border-top: 1px dotted #CCC;

}
/* IE7以下以外用 */
#form dd:after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
}


.hissu{
	margin-left: 5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size: 10px;
	padding: 1px 10px;
	line-height: 100%;
	text-decoration:none;
	display:inline-block;
	color: #FFF;
	border:1px solid #ff3434;
	background-color: #ff6767; background-image: -webkit-gradient(linear, left top, left bottom, from(#ff6767), to(#ff0d0d));
	background-image: -webkit-linear-gradient(top, #ff6767, #ff0d0d);
	background-image: -moz-linear-gradient(top, #ff6767, #ff0d0d);
	background-image: -ms-linear-gradient(top, #ff6767, #ff0d0d);
	background-image: -o-linear-gradient(top, #ff6767, #ff0d0d);
	background-image: linear-gradient(to bottom, #ff6767, #ff0d0d);
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ff6767, endColorstr=#ff0d0d);
}

/* ----- フッター -------------------------------------- */


#footer {
	font-size: 11px;
	line-height: 130%;
	padding: 20px;
	border-top: 2px solid #CCC;
	
}
#footer h1 {
	display: block;
	margin: 0;
	padding-top: 10px;
	
}
#footer p {
	padding: 0;
	margin-left: 50px;
	margin-top: -45px;
	font-size: 12px;
	
}

.copy {
	text-align: center;
	font-size: 12px;
	padding-top: 20px;
}


/*------------------------------------------------------------
	ボタン
------------------------------------------------------------*/




#bt {
	margin: 20px auto;
	background-image: url(../images/bt_back.png);
	background-repeat: no-repeat;
	width: 839px;
	height: 145px;
	padding-top: 43px;
	padding-left: 35px;
}
	
	

#bt02 {
	margin: 20px auto;
	background-image: url(../images/bt_back02.png);
	background-repeat: no-repeat;
	width: 839px;
	height: 145px;
	padding-top: 43px;
	padding-left: 35px;
}
		
	


.button_top {
	float: right;
	margin: 10px 10px 30px 10px;
	border:1px solid #96f0ff;
	-webkit-border-radius: 3px; -moz-border-radius: 3px;
	border-radius: 3px;
	font-size:18px;
	padding: 10px 30px;
	text-decoration:none; display:inline-block;
	text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
	font-weight:bold;
	color: #FFFFFF;
	background-color: #cef8ff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#cef8ff), to(#7fe0f8));
	background-image: -webkit-linear-gradient(top, #cef8ff, #7fe0f8);
	background-image: -moz-linear-gradient(top, #cef8ff, #7fe0f8);
	background-image: -ms-linear-gradient(top, #cef8ff, #7fe0f8);
	background-image: -o-linear-gradient(top, #cef8ff, #7fe0f8);
	background-image: linear-gradient(to bottom, #cef8ff, #7fe0f8);
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#cef8ff, endColorstr=#7fe0f8);
}

.button_top:hover{
	border:1px solid #68e9ff;
	background-color: #9bf1ff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#9bf1ff), to(#4fd4f5));
	background-image: -webkit-linear-gradient(top, #9bf1ff, #4fd4f5);
	background-image: -moz-linear-gradient(top, #9bf1ff, #4fd4f5);
	background-image: -ms-linear-gradient(top, #9bf1ff, #4fd4f5);
	background-image: -o-linear-gradient(top, #9bf1ff, #4fd4f5);
	background-image: linear-gradient(to bottom, #9bf1ff, #4fd4f5);
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#9bf1ff, endColorstr=#4fd4f5);
}


	


/* ----- イメージ -------------------------------------- */


.imageright {
	float: right;
	margin-bottom: 20px;
	margin-left: 20px;
}


.imageleft {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}


.imagecenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	margin-bottom: 5px;
}



.bt_center {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	margin-bottom: 5px;
}
.bt_center:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}



.bt_left {
	float: left;
	margin-bottom: 5px;
	margin-left: 5px;
}
.bt_left:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}



.bt_right {
	float: right;
	margin-bottom: 5px;
	margin-left: 5px;
}
.bt_right:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}



.f12 {
	font-size: 10px;
}

.f10 {
	font-size: 10px;
	line-height: 110%;
}
.f50 {
	font-size: 50px;
}