@charset "utf-8";
/* CSS Document */
*{
	margin: 0px;
	padding: 0px;
}
h1,h2,h3,h4,h5,h6,p,ol,div,ul,li{
	font-size: 14px;
	color: #824100;
	text-decoration: none;
	font-weight: normal;
}

ol,li,ul{
    list-style:none;
}
hr {
	text-decoration: none;
	display: none;
}


a{
	outline : 0;
}




em {
	font-style: normal;
}
p {
	line-height: 160%;
	font-weight: normal;
}



body{
	font-size: 14px;
	color: #824100;
	text-align: center;
	background-image: url(../img/main_back.gif);
	background-repeat: repeat;
	font-weight: normal;

}
#container {
	background-image: url(../img/container_back.gif);
	width: 820px;
	margin-right: auto;
	margin-left: auto;
	background-repeat: repeat-y;
	text-align: left;
}
#header {
	background-image: url(../img/header.jpg);
	height: 120px;
	width: 820px;
}
#logo a {
	background-image: url(../img/logo.jpg);
	height: 72px;
	width: 276px;
	text-indent: -9999px;
	display: block;
	margin-left: 25px;
	_margin-left: 13px;
	float: left;
	background-repeat: no-repeat;
	background-position: left top;
}

#logo a {
	background-image: url(../img/logo.jpg);
	height: 72px;
	width: 276px;
	text-indent: -9999px;
	display: block;
	margin-left: 25px;
	_margin-left: 13px;
	float: left;
	background-repeat: no-repeat;
	background-position: left top;
}

#logo a:hover {
	background-image: url(../img/logo.jpg);
	height: 72px;
	width: 276px;
	background-repeat: no-repeat;
	background-position: left bottom;
}

#tel {
	background-image: url(../img/tel.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	float: right;
	height: 61px;
	width: 301px;
	margin-top: 41px;
	margin-right: 44px;
	_margin-right: 20px;
}
#main_title {
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
}
#main_title p {
	line-height: 130%;
	margin-top: 10px;
}

#main_img {
	width: 659px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 5px;
}

#main_title h1 {
	font-size: 16px;
	font-weight: bold;
	color: #FF9900;
	background-image: url(../img/bred2.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
	background-position: left center;
}
#menu_area {
	width: 720px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
}
#menu_title {
	background-image: url(../img/menu_title.gif);
	height: 28px;
	width: 290px;
	text-indent: -9999px;
	margin-left: 25px;
}
#menu_area .menu_hako {
	width: 320px;
	_width: 300px;
	margin-left: 25px;
	margin-top: 5px;
	float: left;
}
#menu_area .menu_hako2 {
	width: 344px;
	margin-left: 10px;
	margin-top: 5px;
	float: left;
}
#menu_area .menu_hako a {
	text-indent: -9999px;
	display: block;
}
#menu_area .menu_hako2 a {
	text-indent: -9999px;
	display: block;
}
#menu_area .menu_hako .menu1 a {
	background-image: url(../img/menu_btn1.gif);
	height: 23px;
	width: 130px;
	background-repeat: no-repeat;
	background-position: left top;
}
#menu_area .menu_hako2 .menu2 a {
	background-image: url(../img/menu_btn2.gif);
	height: 23px;
	width: 181px;
	background-repeat: no-repeat;
	background-position: left top;
}
#menu_area .menu_hako .menu3 a {
	background-image: url(../img/menu_btn3.gif);
	height: 23px;
	width: 291px;
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 5px;
}
#menu_area .menu_hako2 .menu4 a {
	background-image: url(../img/menu_btn4.gif);
	height: 23px;
	width: 334px;
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 5px;
}
#menu_area .menu_hako .menu5 a {
	background-image: url(../img/menu_btn5.gif);
	height: 23px;
	width: 254px;
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 5px;
}
#menu_area .menu_hako2 .menu6 a {
	background-image: url(../img/menu_btn6.gif);
	height: 23px;
	width: 324px;
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 5px;
}

#menu_area .menu_hako .menu1 a:hover {
	background-image: url(../img/menu_btn1.gif);
	height: 23px;
	width: 130px;
	background-repeat: no-repeat;
	background-position: left bottom;
}
#menu_area .menu_hako2 .menu2 a:hover {
	background-image: url(../img/menu_btn2.gif);
	height: 23px;
	width: 181px;
	background-repeat: no-repeat;
	background-position: left bottom;
}
#menu_area .menu_hako .menu3 a:hover {
	background-image: url(../img/menu_btn3.gif);
	height: 23px;
	width: 291px;
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-top: 5px;
}
#menu_area .menu_hako2 .menu4 a:hover {
	background-image: url(../img/menu_btn4.gif);
	height: 23px;
	width: 334px;
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-top: 5px;
}
#menu_area .menu_hako .menu5 a:hover {
	background-image: url(../img/menu_btn5.gif);
	height: 23px;
	width: 254px;
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-top: 5px;
}
#menu_area .menu_hako2 .menu6 a:hover {
	background-image: url(../img/menu_btn6.gif);
	height: 23px;
	width: 324px;
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-top: 5px;
}
#area_1 {
	background-image: url(../img/img_back1.gif);
	height: 205px;
	width: 710px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
}
#area_1 p {
	padding-top: 25px;
	padding-left: 270px;
}
#area_1_1 {
	width: 210px;
	margin-left: 290px;
}
#area_1_1 p {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	color: #00AA00;
}

#title1 {
	background-image: url(../img/title1.gif);
	text-indent: -9999px;
	height: 55px;
	width: 710px;
	margin-right: auto;
	margin-left: auto;
	background-repeat: no-repeat;
	margin-top: 40px;
}
#area_2 {
	width: 710px;
	margin-right: auto;
	margin-left: auto;
	background-repeat: repeat-y;
	margin-top: 5px;
	background-image: url(../img/img_back1_back.gif);
}
#area_2_top {
	height: 36px;
	width: 710px;
	background-image: url(../img/img_back1_top.gif);
}
#area_2_bottom {
	background-image: url(../img/img_back1_bottom.gif);
	background-repeat: no-repeat;
	height: 36px;
	width: 710px;
}

#area_2 p {
	margin-left: 40px;
	padding-right: 30px;
}

#title2 {
	background-image: url(../img/title2.gif);
	text-indent: -9999px;
	height: 55px;
	width: 710px;
	margin-right: auto;
	margin-left: auto;
	background-repeat: no-repeat;
	margin-top: 40px;
}
#area_3 {
	background-image: url(../img/img_back3.gif);
	width: 710px;
	margin-right: auto;
	margin-left: auto;
	background-repeat: no-repeat;
	background-position: bottom;
	height: 160px;
	margin-top: 10px;
}
#area_3 p {
	margin-left: 30px;
}

#title3 {
	background-image: url(../img/title3.gif);
	height: 170px;
	width: 570px;
	margin-right: auto;
	margin-left: auto;
	background-repeat: no-repeat;
	font-size: 16px;
	margin-top: 10px;
}
#title3 p {
	padding-top: 120px;
	font-size: 16px;
	padding-left: 100px;
	line-height: 140%;
	font-weight: bold;
}


#title4 {
	background-image: url(../img/title4.gif);
	text-indent: -9999px;
	height: 73px;
	width: 710px;
	margin-right: auto;
	margin-left: auto;
	background-repeat: no-repeat;
	margin-top: 40px;
}
#area_4 {
	background-image: url(../img/check_title.gif);
	height: 120px;
	width: 765px;
	margin-left: 55px;
	margin-top: -12px;
}
#area_4 p {
	padding-left: 30px;
	padding-top: 20px;
}
#check_area {
	background-image: url(../img/check_back.gif);
	width: 765px;
	margin-left: 55px;
}
#check_text {
	background-image: url(../img/check_text.gif);
	height: 24px;
	width: 765px;
	text-indent: -9999px;
}
#check_hako {
	width: 690px;
	margin-left: 25px;
}
.check_textarea {
	width: 330px;
	float: left;
}
.check_textarea p {
	color: #FF33CC;
	font-size: 12px;
	margin-top: 8px;
}

.check_textarea2{
	width: 330px;
	float: left;
	margin-left: 10px;
}
.check_textarea2 p {
	color: #00BB00;
	font-size: 12px;
	margin-top: 8px;
}
#check_bottom {
	background-image: url(../img/check_bottom.gif);
	height: 110px;
	width: 765px;
	background-repeat: no-repeat;
}

#area_5 {
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 5px;
}
#area_5 h4 {
	text-indent: -9999px;
}
#area_5 p {
	padding-left: 128px;
	padding-top: 60px;
	font-size: 12px;
}

#area_5 .katekyo {
	background-image: url(../img/check_katekyo.gif);
	background-repeat: no-repeat;
	height: 172px;
	width: 340px;
	float: left;
}

#area_5 .zyuku {
	background-image: url(../img/check_juku.gif);
	background-repeat: no-repeat;
	height: 172px;
	width: 340px;
	float: left;
	margin-left: 18px;
}
#container_bottom {
	background-image: url(../img/container_bottom.jpg);
	height: 110px;
	width: 820px;
	background-repeat: no-repeat;
}

#title5 {
	background-image: url(../img/title5.gif);
	text-indent: -9999px;
	height: 65px;
	width: 710px;
	margin-right: auto;
	margin-left: auto;
	background-repeat: no-repeat;
	margin-top: 40px;
}
#area_6 {
	width: 650px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
}
.menu_area2 {
	width: 650px;
	margin-top: 20px;
}
.menu_area2 li {
	float: left;
}
.menu_area2 .btn_1 a {
	background-image: url(../img/btn_1.gif);
	height: 150px;
	width: 300px;
	text-indent: -9999px;
	display: block;
	background-repeat: no-repeat;
	background-position: left top;
}

.menu_area2 .btn_2 a {
	background-image: url(../img/btn_2.gif);
	height: 150px;
	width: 300px;
	text-indent: -9999px;
	display: block;
	background-repeat: no-repeat;
	background-position: left top;
	margin-left: 50px;
}

.menu_area2 .btn_3 a {
	background-image: url(../img/btn_3.gif);
	height: 150px;
	width: 300px;
	text-indent: -9999px;
	display: block;
	background-repeat: no-repeat;
	background-position: left top;
}

.menu_area2 .btn_4 a {
	background-image: url(../img/btn_4.gif);
	height: 150px;
	width: 300px;
	text-indent: -9999px;
	display: block;
	background-repeat: no-repeat;
	background-position: left top;
	margin-left: 50px;
}

.menu_area2 .btn_1 a:hover {
	background-image: url(../img/btn_1.gif);
	height: 150px;
	width: 300px;
	background-repeat: no-repeat;
	background-position: left bottom;
}

.menu_area2 .btn_2 a:hover {
	background-image: url(../img/btn_2.gif);
	height: 150px;
	width: 300px;
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-left: 50px;
}

.menu_area2 .btn_3 a:hover {
	background-image: url(../img/btn_3.gif);
	height: 150px;
	width: 300px;
	background-repeat: no-repeat;
	background-position: left bottom;
}

.menu_area2 .btn_4 a:hover {
	background-image: url(../img/btn_4.gif);
	height: 150px;
	width: 300px;
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-left: 50px;
}
.pagetop a {
	text-indent: -9999px;
	display: block;
	background-image: url(../img/btn_8.gif);
	height: 30px;
	width: 165px;
	float: right;
	margin-right: 40px;
	_margin-right: 20px;
	margin-top: 30px;
	background-repeat: no-repeat;
	background-position: left top;
}
#pagetop {

}


.pagetop a:hover {
	background-image: url(../img/btn_8.gif);
	height: 30px;
	width: 165px;
	background-repeat: no-repeat;
	background-position: left bottom;
}

#title6 {
	background-image: url(../img/title6.gif);
	text-indent: -9999px;
	height: 60px;
	width: 710px;
	margin-right: auto;
	margin-left: auto;
	background-repeat: no-repeat;
	margin-top: 50px;
}
#area7 {
	width: 668px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
}
#area7 .left {
	float: left;
	font-weight: normal;
}
#area7 .left p {
	line-height: 130%;
	margin-top: 15px;
}
#area7 .right {
	float: right;
	background-image: url(../img/img_back4.jpg);
	height: 298px;
	width: 405px;
}
#area7 .left li {
	background-image: url(../img/bred1.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 14px;
	margin-top: 15px;
}

#asunaro_area2 {
	background-image: url(../img/img_back5.gif);
	background-repeat: no-repeat;
	width: 670px;
	margin-top: 20px;
}
#asunaro_area1 {
	height: 298px;
}
#title7 {
	background-image: url(../img/title7.gif);
	height: 110px;
	width: 526px;
	text-indent: -9999px;
	display: block;
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
}

#area8 {
	width: 660px;
	margin-left: 85px;
	margin-top: 30px;
}
.btn_taiken a {
	background-image: url(../img/btn_5.jpg);
	height: 116px;
	width: 293px;
	display: block;
	text-indent: -9999px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	background-repeat: no-repeat;
	background-position: left top;
}

.btn_taiken a:hover {
	background-image: url(../img/btn_5.jpg);
	height: 116px;
	width: 293px;
	background-repeat: no-repeat;
	background-position: left bottom;
}

.taiken_text {
	background-image: url(../img/title8.gif);
	height: 59px;
	width: 422px;
	text-indent: -9999px;
	display: block;
}

#title8 {
	background-image: url(../img/title9.gif);
	text-indent: -9999px;
	height: 65px;
	width: 710px;
	margin-right: auto;
	margin-left: auto;
	background-repeat: no-repeat;
	margin-top: 40px;
}

#title8_2 {
	background-image: url(../img/title12.gif);
	text-indent: -9999px;
	height: 65px;
	width: 710px;
	margin-right: auto;
	margin-left: auto;
	background-repeat: no-repeat;
	margin-top: 40px;
}

#title9{
	background-image: url(../img/title11.gif);
	text-indent: -9999px;
	height: 60px;
	width: 710px;
	margin-right: auto;
	margin-left: auto;
	background-repeat: no-repeat;
	margin-top: 40px;
}

#area9 {
	width: 660px;
	margin-left: 85px;
	margin-top: 10px;
}
#koe_area {
	background-image: url(../img/koe_back.gif);
	width: 710px;
	background-repeat: repeat-y;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
}
#koe_top {
	background-image: url(../img/koe_top.gif);
	height: 25px;
	width: 710px;
	background-repeat: no-repeat;
}
#koe_bottom {
	background-image: url(../img/koe_bottom.gif);
	background-repeat: no-repeat;
	height: 25px;
	width: 710px;
}
.okosan {
	width: 640px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../img/koe_bred.gif);
	background-repeat: no-repeat;
	height: 32px;
}
.okosan p {
	padding-top: 12px;
	_padding-top: 12px;
	padding-left: 40px;
	color: #FD6C02;
	font-weight: bold;
	font-size: 16px;
}

.okan {
	width: 640px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../img/koe_bred_2.gif);
	background-repeat: no-repeat;
	height: 32px;
}
.okan p {
	padding-top: 12px;
	_padding-top: 12px;
	padding-left: 40px;
	color: #FD6C02;
	font-weight: bold;
	font-size: 16px;
}

.koe_text {
	width: 640px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 5px;
	_margin-top: 0px;
}

.koe_btn a {
	text-indent: -9999px;
	display: block;
	background-image: url(../img/btn_6.gif);
	height: 30px;
	width: 234px;
	float: right;
	margin-right: 40px;
	_margin-right: 20px;
	margin-top: 30px;
	background-repeat: no-repeat;
	background-position: left top;
}

.koe_btn a:hover {
	background-image: url(../img/btn_6.gif);
	height: 30px;
	width: 234px;
	background-repeat: no-repeat;
	background-position: left bottom;
}

.koe_btn2 a {
	text-indent: -9999px;
	display: block;
	background-image: url(../img/btn_14.gif);
	height: 36px;
	width: 341px;
	float: right;
	margin-right: 40px;
	_margin-right: 20px;
	margin-top: 15px;
	background-repeat: no-repeat;
	background-position: left top;
}

.koe_btn2 a:hover {
	background-image: url(../img/btn_14.gif);
	height: 36px;
	width: 341px;
	background-repeat: no-repeat;
	background-position: left bottom;
}

#area10 {
	width: 620px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
}
#area10 .left {
	background-image: url(../img/title10.gif);
	height: 130px;
	width: 380px;
	background-repeat: no-repeat;
	text-indent: -9999px;
	float: left;
	margin-top: 40px;
}
#area10 .right {
	height: 180px;
	width: 214px;
	float: left;
	margin-left: 15px;
}

.asuanro a {
	text-indent: -9999px;
	display: block;
	background-image: url(../img/btn_7.gif);
	height: 30px;
	width: 195px;
	float: right;
	margin-right: 40px;
	_margin-right: 20px;
	margin-top: 30px;
	background-repeat: no-repeat;
	background-position: left top;
}

.asuanro a:hover {
	background-image: url(../img/btn_7.gif);
	height: 30px;
	width: 195px;
	background-repeat: no-repeat;
	background-position: left bottom;
}
#area11 {
	background-color: #F6F6F6;
	width: 710px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
}
#area11_top {
	background-image: url(../img/shime_top.gif);
	background-repeat: no-repeat;
	height: 28px;
	width: 710px;
}
#area11_bottom {
	background-image: url(../img/shime_bottom.gif);
	background-repeat: no-repeat;
	height: 28px;
	width: 710px;
}
#area11_text_area {
	width: 650px;
	margin-right: auto;
	margin-left: auto;
}
.area_11_midashi {
	background-image: url(../img/bred1.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 13px;
	font-weight: bold;
}
.area11_text {
	margin-top: 5px;
	font-size: 12px;
}
#container_bottom p {
	font-size: 12px;
	padding-top: 60px;
	text-align: right;
	padding-right: 20px;
	color: #666666;
}
#header #text {
	font-size: 10px;
	float: left;
	margin-left: 340px;
	_margin-left: 320px;
}
#area12 {
	background-image: url(../img/img_back7.gif);
	background-repeat: repeat-y;
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 5px;
}
#area12_top {
	background-image: url(../img/img_back7_top.gif);
	height: 109px;
	width: 700px;
	margin-right: auto;
	margin-left: auto;
}
#area12_top p {
	line-height: 151%;
	padding-left: 95px;
	padding-top: 38px;
}
#area12_bottom {
	background-image: url(../img/img_back7_bottom.gif);
	background-repeat: no-repeat;
	height: 24px;
	width: 700px;
}
#area12_top .area12_text {
	padding-left: 240px;
	margin-top: 7px;
	color: #009900;
	font-weight: bold;
}
#area12 li {
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	width: 680px;
}
#area12 a {
	text-indent: -9999px;
	display: block;
}
#area12 .btn_5 a {
	background-image: url(../img/btn_9.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 181px;
	width: 680px;
}
#area12 .btn_6 a {
	background-image: url(../img/btn_10.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 144px;
	width: 680px;
}
#area12 .btn_7 a {
	background-image: url(../img/btn_11.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 181px;
	width: 680px;
}
#area12 .btn_8 a {
	background-image: url(../img/btn_12.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 94px;
	width: 680px;
}

#area12 .btn_5 a:hover {
	background-image: url(../img/btn_9.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 181px;
	width: 680px;
}
#area12 .btn_6 a:hover {
	background-image: url(../img/btn_10.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 144px;
	width: 680px;
}
#area12 .btn_7 a:hover {
	background-image: url(../img/btn_11.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 181px;
	width: 680px;
}
#area12 .btn_8 a:hover {
	background-image: url(../img/btn_12.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 94px;
	width: 680px;
}



#btn_pagetop  {
	background:transparent url(../img/btn_13.gif) no-repeat scroll left top;
	float:right;
	width:113px;
	height:29px;
	position:fixed;
	right:0pt;
	_right:12pt;
	bottom:10%;
	_bottom:0%;
}



#btn_pagetop span {
	display:none;
}














/*-----------------------------clerfix---------------------------*/
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}






.clearbox {
	clear: both;
	margin: 0px;
	padding: 0px;
}
#link {
	font-size: 9px;
	color: #666666;
}
#link a {
	font-size: 9px;
	color: #666666;
	text-decoration: none;
}
.sensei p {
	margin-left: 35px;
	font-size: 16px;
	color: #FD6C02;
	font-weight: bold;
}

#sidemenu {
	height: 500px;
	width: 200px;
	position: absolute;
	margin-top: -300px;
	top: 30px;
	text-align: right;
	left: 10px;
}