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

/* ##### 共通初期化 ##### */

* {
	font-size:12px;
	line-height:18px;
}


div { margin:0px; padding:0px; }
p { margin:0px; padding:0px; }
dl,dt,dd { margin:0px; padding:0px; }
form { margin:0px; padding:0px; }
ul { margin:0px; padding:0px; list-style-type: none; }
li { margin:0px; padding:0px; }
td,th{ margin:0px; padding:0px; }

img { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }

h1,h2,h3,h4,h5,h6,h7 { margin:0px; padding:0px; }

body { margin:0px; padding:0px; color: #666666; }
body,div,td,th { font-size:12px; line-height:18px; }

a:link { color:#2e538a; text-decoration:underline; }
a:visited { color:#2e538a; text-decoration:underline; }
a:hover { color:#8a2e2e; text-decoration:underline; }
a:active { color:#8a2e2e; text-decoration:underline; }

/* ##### 共有ハック ##### */

.clearfix:after{
	content: ".";
	display: block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix{
	display: inline-block;
}
/* Hides from ie-mac \*/
* html .clearfix { height:1%; }
.clearfix { display: block; }
/* End hide from ie-mac */

.clearboth { clear:both; }


/* ##### 共通レイアウト ##### */

body { background-image: url(../img/bg_02.gif); margin: 0px; padding: 0px; }
.green{ background-image: url(../img/bg_01.gif); background-repeat: repeat-x; background-position: left top; display: block; margin: 0px; padding: 0px; }
.cont{ width: 978px; border: 1px solid #0f7600; background-color: #FFFFFF; display: block; }
h1{ background-image: url(../img/head.gif); background-repeat: no-repeat; text-indent: -9999px; display: block; height: 90px; width: 978px; }

.left-zone{ float: left; width: 643px; }


.bg-sky{ background-image: url(../img/top_01.jpg); background-repeat: no-repeat; background-position: left top; width: 978px; }
.main{ width: 858px; display: block; overflow: hidden; margin: 0px; padding-top: 0px; padding-right: 60px; padding-bottom: 0px; padding-left: 60px; }
.main h2{ background-image: url(../img/top_06.gif); text-indent: -9999px; display: block; height: 458px; width: 643px; position: relative; background-repeat: no-repeat; margin: 0px; padding: 0px; }
.main h2 a{ background-image: url(../img/top_08.gif); background-repeat: no-repeat; text-indent: -9999px; display: block; height: 120px; width: 125px; position: absolute; left: 483px; top: 317px; margin: 0px; padding: 0px; }

.main .flow{ float: right; width: 215px; height: 751px; margin: 0px; padding: 0px; display: block; clear: both; }
.main .flow ul{ list-style-type: none; display: block; width: 215px; }
.main .flow ul li{ background-repeat: no-repeat; text-indent: -9999px; display: block; width: 215px; }

.main .flow ul li.step_01{ background-image: url(../img/top_02.gif); height: 216px; }
.main .flow ul li.step_02{ background-image: url(../img/top_03.gif); height: 146px; }
.main .flow ul li.step_03{ background-image: url(../img/top_04.gif); height: 149px; }
.main .flow ul li.step_04{ background-image: url(../img/top_05.gif); height: 240px; } 

.main .txt-zone{ width: 643px; }
.main .txt-zone h3{ background-image: url(../img/top_07.gif); background-repeat: no-repeat; text-indent: -9999px; display: block; height: 87px; width: 643px; }
.main .txt-zone dl.g-course{ width: 643px; margin: 0px; padding: 0px; display: block; }
.main .txt-zone dl.g-course dt{ width: 643px; background-image: url(../img/top_09.gif); background-repeat: no-repeat; text-indent: -9999px; display: block; height: 41px; }
.main .txt-zone dl.g-course dd{ background-color: #53c30f; width: 593px; font-weight: bold; color: #FFFFFF; border-right-width: 10px; border-left-width: 10px; border-right-style: solid; border-left-style: solid; border-right-color: #FFFFFF; border-left-color: #FFFFFF; position: relative; height: 26px; padding-top: 20px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; display: block; }
.main .txt-zone dl.g-course dd a{ background-image: url(../img/top_10_01.gif); background-repeat: no-repeat; text-indent: -9999px; display: block; margin: 0px; padding: 0px; height: 34px; width: 320px; position: absolute; top: 13px; right: 13px; }

.main .txt-zone dl.atte{ width: 643px; padding-top: 20px; padding-right: 0px; padding-bottom: 30px; padding-left: 0px; display: block; margin: 0px; }
.main .txt-zone dl.atte dt{ width: 643px; background-image: url(../img/top_11.gif); background-repeat: no-repeat; text-indent: -9999px; display: block; height: 42px; }
.main .txt-zone dl.atte dd{ background-color: #FFFFFF; width: 625px; display: block; margin: 0px; padding-top: 2px; padding-right: 9px; padding-bottom: 0px; padding-left: 9px; }
.main .txt-zone dl.atte dd ul{ width: 583px; border: 1px solid #999999; padding-right: 20px; padding-left: 20px; padding-top: 15px; padding-bottom: 15px; }
.main .txt-zone dl.atte dd ul li{ padding-bottom: 4px; }


/* 下位ページ */
/* メニュー */
dl#menu { display: block; width: 858px; padding-bottom: 16px; }
dl#menu dt{ background-image: url(../img/sub_04.gif); background-repeat: no-repeat; height: 44px; width: 858px; text-indent: -9999px; display: block; }
dl#menu dd{ display: block; width: 858px; height: 42px; }
dl#menu dd ul{ display: block; height: 42px; width: 858px; list-style-type: none; }
dl#menu dd ul li{ display: block; height: 42px; float: left; width: 143px; }
dl#menu dd ul li a{ background-repeat: no-repeat; text-indent: -9999px; display: block; height: 42px; width: 143px; }

dl#menu dd ul li#menu01 a{ background-image: url(../img/btn_01.gif); }
dl#menu dd ul li#menu02 a{ background-image: url(../img/btn_02.gif); }
dl#menu dd ul li#menu03 a{ background-image: url(../img/btn_03.gif); }
dl#menu dd ul li#menu04 a{ background-image: url(../img/btn_04.gif); }
dl#menu dd ul li#menu05 a{ background-image: url(../img/btn_05.gif); }
dl#menu dd ul li#menu06 a{ background-image: url(../img/btn_06.gif); }

#hokk dl#menu dd ul li#menu01 a{ background-image: url(../img/btn_01on.gif); }
#kanto dl#menu dd ul li#menu02 a{ background-image: url(../img/btn_02on.gif); }
#chubu dl#menu dd ul li#menu03 a{ background-image: url(../img/btn_03on.gif); }
#kinki dl#menu dd ul li#menu04 a{ background-image: url(../img/btn_04on.gif); }
#chug dl#menu dd ul li#menu05 a{ background-image: url(../img/btn_05on.gif); }
#kyu dl#menu dd ul li#menu06 a{ background-image: url(../img/btn_06on.gif); }

#sub h2{ background-image: url(../img/sub_01.gif); background-repeat: no-repeat; height: 178px; width: 978px; text-indent: -9999px; display: block; position: relative; }
#sub .bg-sky{ background-image: none; }
#sub h2 a{ background-image: url(../img/sub_02.gif); background-repeat: no-repeat; text-indent: -9999px; display: block; margin: 0px; padding: 0px; height: 120px; width: 125px; position: absolute; left: 779px; top: 30px; }
#sub h3{ background-image: url(../img/sub_03.gif); background-repeat: no-repeat; text-indent: -9999px; display: block; height: 68px; width: 858px; }
#sub h4{ background-color: #53c30f; display: block; padding-top: 8px; padding-right: 16px; padding-bottom: 8px; padding-left: 16px; color: #FFFFFF; font-size: 14px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FFFFFF; width: 806px; margin-right: auto; margin-left: auto; }
ul.sl-box{ background-image: url(../img/sub_08.gif); background-repeat: no-repeat; background-position: left top; padding-top: 28px; margin-right: auto; margin-left: auto; padding-bottom: 30px; display: block; width: 838px; }
ul.sl-box li{ border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #C9C9C9; width: 838px; margin: 0px; padding: 0px; display: block; }
ul.sl-box li table{ width: 838px; }
ul.sl-box li table tr.gr-line td.l-leng{ width: 420px; background-color: #e2e9dd; padding-top: 6px; padding-bottom: 6px; background-image: url(../img/sub_10.gif); background-repeat: no-repeat; background-position: 14px center; padding-left: 32px; color: #5aa12e; font-weight: bold; padding-right: 10px; margin: 0px; font-size: 12px; vertical-align: middle; }
ul.sl-box li table tr.gr-line td.s-leng{ width: 365px; background-color: #e2e9dd; border-left-width: 1px; border-left-style: solid; border-left-color: #FFFFFF; margin: 0px; padding-top: 6px; padding-right: 10px; padding-bottom: 6px; padding-left: 0px; vertical-align: top; font-weight: bold; color: #f45c00; font-size: 12px; }
ul.sl-box li table tr.gr-line td.l-leng a{ height: 19px; width: 96px; margin: 0px; padding: 0px; float: left; }
ul.sl-box li table tr.gr-line td.l-leng h5{ float: left; padding-right: 10px; }

ul.sl-box li table tr td.wh-zone{ width: 810px; padding-left: 18px; padding-top: 6px; padding-right: 10px; padding-bottom: 18px; }
ul.sl-box li table tr td.wh-zone ul { float: left; display: block; width: 700px; }
ul.sl-box li table tr td.wh-zone ul li{ float: left; border-bottom-style: none; width: auto; display: block; padding-right: 12px; }
ul.sl-box li table tr td.wh-zone ul li strong{ color: #008c00; padding-right: 6px; }
ul.sl-box li table tr td.wh-zone em{ float: right; }
ul.sl-box li table tr td.wh-zone em a{ background-image: url(../img/sub_07.gif); background-repeat: no-repeat; margin: 0px; padding: 0px; height: 22px; width: 98px; text-indent: -9999px; display: block; }

ul.sl-box li table tr.gr-line td.s-leng ul{float: left; display: block; width: 365px;}
ul.sl-box li table tr.gr-line td.s-leng ul li{ float: left; display: block; background-repeat: no-repeat; border-bottom-style: solid; font-size: 12px; line-height: 16px; border-bottom-width: 1px; border-bottom-color: #E2E9DD; margin: 0px; width: 310px; padding-top: 1px; padding-right: 0px; padding-bottom: 0px; padding-left: 55px; background-position: 8px top; }

ul.sl-box li table tr.gr-line td.s-leng ul li.m04{ background-image: url(../img/month_04.gif); }
ul.sl-box li table tr.gr-line td.s-leng ul li.m05{ background-image: url(../img/month_05.gif); }
ul.sl-box li table tr.gr-line td.s-leng ul li.m06{ background-image: url(../img/month_06.gif); }
ul.sl-box li table tr.gr-line td.s-leng ul li.m07{ background-image: url(../img/month_07.gif); }
ul.sl-box li table tr.gr-line td.s-leng ul li.m08{ background-image: url(../img/month_08.gif); }
ul.sl-box li table tr.gr-line td.s-leng ul li.m09{ background-image: url(../img/month_09.gif); }