body, form, h1, h2, h3, h4, h5, h6, p, ul, li, input, dl, dt, dd, input, textarea { margin:0; padding:0; list-style-type: none; }
body { color: #515151; font-size: 14px; line-height: 180%; background-color: #ebe9ca; background-repeat: repeat-y; background-position: center 0; }
p { padding-right: 30px; padding-bottom: 30px; padding-left: 30px; }

.none { display: none; }
.clear { font-size: 0; line-height: 0; height: 0; clear: both; }
a:link { color: #424242; text-decoration: underline; }

a:visited { color: #424242; text-decoration: underline; }

a:hover { color: #424242; text-decoration: none; }

a:active { color: #424242; text-decoration: none; }
#wrap { background-image: url(images/bg.gif); background-repeat: repeat-y; background-position: center 0; width: 1040px; margin-right: auto; margin-left: auto; }
#main { width: 910px; margin-top: 15px; margin-right: auto; margin-left: auto; }
h2 { text-indent: 5px; margin-top: 20px; margin-bottom: 30px; border-left: 5px solid #ff9600; }
h3 { margin-bottom: 15px; margin-left: 15px; }
ul { margin-bottom: 30px; margin-left: 30px; }
li { list-style-type: disc; }
#left { width: 430px; height: 170px; float: left; padding: 10px; border: solid 1px #666; }
#right { width: 350px; height: 170px; float: left; margin-left: 20px; padding: 10px; border: solid 1px #666; }
#in_text { padding: 20px; }
/*HEADER*/
#header .logo { background-image: url(../common/images/logo.jpg); width: 360px; height: 88px; float: left; margin-top: 16px; margin-left: 82px; display: inline; }
#header .logo a { width: 360px; height: 88px; display: block; }
#header .catch { background-image: url(images/catch.gif); width: 524px; height: 12px; float: right; margin-top: 30px; margin-right: 64px; display: inline; }
#header .free_dial { background-image: url(../common/images/head_free.gif); background-repeat: no-repeat; background-position: right 0; width: 400px; height: 24px; float: right; margin-top: 7px; margin-right: 64px; display: inline; }
#header .lesson { background-image: url(../common/images/head_lesson.gif); width: 191px; height: 33px; float: right; margin-top: 5px; margin-right: 65px; }
#header .lesson a { width: 191px; height: 33px; display: block; }
#header .lesson a:hover { background-image: url(../common/images/head_lesson.gif); background-position: right 0; }
#header .address { font-size: 12px; line-height: 120%; text-align: right; width: 300px; float: right; margin-top: 5px; margin-right: 70px; display: inline; }
/*TOP*/

/*AREA*/
/*GNAVI*/
#gnavi { background-color: #ebe9ca; width: 950px; height: 1px; margin-right: auto; margin-left: auto; display: inline; }
/*LNAVI*/
#main .left { float: left; }
ul#lnavi li { margin-top: 5px; }
ul#lnavi li.A { background-image: url(../common/images/l_navi_ies.gif); background-position: right 0; width: 202px; height: 80px; }
ul#lnavi li.A a { width: 202px; height: 80px; display: block; }
ul#lnavi li.A a:hover { background-image: url(../common/images/l_navi_ies.gif); background-position: -403px 0; }
ul#lnavi li.B { background-image: url(../common/images/l_navi_event.jpg); background-position: right 0; width: 202px; height: 80px; }
ul#lnavi li.B a { width: 202px; height: 80px; display: block; }
ul#lnavi li.B a:hover { background-image: url(../common/images/l_navi_event.jpg); background-position: -404px 0; }
ul#lnavi li.C { background-image: url(../common/images/l_navi_douga.jpg); background-position: right 0; width: 202px; height: 139px; }
ul#lnavi li.C a { width: 202px; height: 139px; display: block; }
ul#lnavi li.C a:hover { background-image: url(../common/images/l_navi_douga.jpg); background-position: -403px 0; }
ul#lnavi li.D { background-image: url(../common/images/l_navi_free_lesson.jpg); background-position: right 0; width: 202px; height: 107px; }
ul#lnavi li.D a { width: 202px; height: 107px; display: block; }
ul#lnavi li.D a:hover { background-image: url(../common/images/l_navi_free_lesson.jpg); background-position: -410px 0; }
ul#lnavi li.E { background-image: url(../common/images/l_navi_alt.jpg); background-position: right 0; width: 202px; height: 85px; margin-top: 100px; }
ul#lnavi li.E a { width: 202px; height: 85px; display: block; }
ul#lnavi li.E a:hover { background-image: url(../common/images/l_navi_alt.jpg); background-position: -409px 0; }
/*BOTOM*/
#botom { width: 100%; padding-top: 10px; }
#botom .free { background-image: url(../common/images/footer_freedial.gif); width: 258px; height: 41px; float: right; margin-top: 40px; }
#botom .lesson { background-image: url(../common/images/footer_free_lesson.gif); width: 229px; height: 37px; float: right; margin-top: 40px; }
#botom .lesson a { width: 229px; height: 37px; display: block; }
#botom .lesson a:hover { background-image: url(../common/images/footer_free_lesson.gif); background-position: right 0; }
#botom .elt { background-image: url(../common/images/l_navi_alt.jpg); background-position: right 0; width: 202px; height: 85px; float: left; }
#botom .elt a { width: 202px; height: 85px; display: block; }
#botom .elt a:hover { background-image: url(../common/images/l_navi_alt.jpg); background-position: -409px 0; }

/*FOOTER*/
#footer { color: #8f8e8f; font-size: 10px; width: 910px; margin-top: 10px; border-top: 1px solid #8f8e8f; }
#footer a { color: #8f8e8f; text-decoration: none; }
#footer a:hover { color: #666; text-decoration: underline; }
#footer .left { background-image: url(../common/images/footer_logo.gif); background-repeat: no-repeat; background-position: 26px 20px; width: 150px; height: 150px; float: left; }
#footer .right { width: 700px; float: left; }
#footer .right .free { background-image: url(../common/images/footer_freedial.gif); width: 258px; height: 41px; margin-top: 20px; }
#footer .right .lesson { background-image: url(../common/images/footer_free_lesson.gif); width: 229px; height: 37px; margin-top: 7px; }
#footer .right .lesson a { width: 229px; height: 37px; display: block; }
#footer .right .lesson a:hover { background-image: url(../common/images/footer_free_lesson.gif); background-position: right 0; }
#footer .right .ttl01 { background-image: url(../common/images/footer_course01.gif); width: 97px; height: 12px; margin-top: 22px; }
#footer .right .ttl02 { background-image: url(../common/images/footer_course02.gif); width: 87px; height: 12px; margin-top: 5px; }
#footer .right .ttl03 { background-image: url(../common/images/footer_course03.gif); width: 109px; height: 12px; margin-top: 5px; }
#footer .navi { font-size: 10px; width: 910px; height: 20px; padding-top: 5px; padding-left: 5px; border-top: 1px solid #8f8e8f; }
#footer .copy { margin-bottom: 30px; padding-left: 5px; }

/*ALT*/
#alt .alt_info { font-size: 15px; background-color: #fdfed7; padding: 20px; border: solid 1px #dadada; }
#alt h1 { background-image: url(images/key.jpg); width: 910px; height: 131px; }
#alt #ganvi { background-image: url(images/gnavi_bg.gif); background-position: center 0; width: 970px; height: 65px; margin-right: auto; margin-left: auto; }
#alt #header { background-image: url(images/head_bg.gif); background-position: 1px 0; width: 1040px; height: 117px; margin-right: auto; margin-left: auto; }
#alt #header .logo { background-image: url(../common/images/logo.jpg); width: 360px; height: 88px; float: left; margin-top: 16px; margin-left: 82px; }
#alt #header .logo a { width: 360px; height: 88px; display: block; }

