@charset "utf-8";
/* import */
@import url(reset.css);
@import url(style.css);
@import url(print.css);
/* top */

/* head */
.headIn { background-color: #515e71; width: 580px; margin: 0 auto; text-align: left; overflow: hidden; padding: 4px 0 6px 0; } * html .headIn { display: inline-block; }

/* mv */
.mvbox  { background: #fff url("../img/mv_bg.gif") repeat-x center bottom; height: 270px }
.mvboxIn { width: 980px; height: 230px; margin: 0 auto; text-align: left; background: url('../img/cts_bg_top.gif') repeat-y center top; }
.mvboxl { float: left; width: 780px; }
.mvboxr { float: right; width: 200px; }
.mvboxr h2 { font-size: 1px; line-height: 1px; text-indent: -9999px; width: 200px; height: 70px; overflow: hidden; }
.mvboxr h2 a { background-image: url(../img/t_btn.gif); background-position: left top; width: 100%; height: 100%; display: block; }
.mvboxr h2 a:hover { background-position: left bottom; }
.mvboxr .t-gakka { font-size: 1px; line-height: 1px; background-image: url(../img/t_gakka.gif); background-repeat: no-repeat; background-position: left top; text-indent: -9999px; width: 200px; height: 20px; overflow: hidden; }
.mvboxr .t-youkyo { font-size: 1px; line-height: 1px; text-indent: -9999px; width: 200px; height: 30px; overflow: hidden; }
.mvboxr .t-youkyo a { background-image: url(../img/t_youkyo.gif); background-repeat: no-repeat; background-position: left top; width: 100%; height: 100%; display: block; }
.mvboxr .t-youkyo a:hover { background-position: left bottom; }
.mvboxr .t-fukushi { font-size: 1px; line-height: 1px; text-indent: -9999px; width: 200px; height: 30px; overflow: hidden; }
.mvboxr .t-fukushi a { background-image: url(../img/t_fukushi.gif); background-repeat: no-repeat; background-position: left top; width: 100%; height: 100%; display: block; }
.mvboxr .t-fukushi a:hover { background-position: left bottom; }
.mvboxr .t-kango { font-size: 1px; line-height: 1px; text-indent: -9999px; width: 200px; height: 30px; overflow: hidden; }
.mvboxr .t-kango a { background-image: url(../img/t_kango.gif); background-repeat: no-repeat; background-position: left top; width: 100%; height: 100%; display: block; }
.mvboxr .t-kango a:hover { background-position: left bottom; }
.mvboxr .t-course-dt { font-size: 1px; line-height: 1px; background-image: url(../img/t_course_dt.gif); background-repeat: no-repeat; background-position: left top; text-indent: -9999px; width: 200px; height: 20px; overflow: hidden; }
.mvboxr .t-course { font-size: 1px; line-height: 1px; text-indent: -9999px; width: 200px; height: 30px; overflow: hidden; }
.mvboxr .t-course a { background-image: url(../img/t_course.gif); background-repeat: no-repeat; background-position: left top; width: 100%; height: 100%; display: block; }
.mvboxr .t-course a:hover { background-position: left bottom; }

.mvboxll { float: left; width: 200px; }
.mvboxll h2 { font-size: 1px; line-height: 1px; text-indent: -9999px; width: 200px; height: 70px; overflow: hidden; }
.mvboxll h2 a { background-image: url(../img/d_btn.gif); background-position: left top; width: 100%; height: 100%; display: block; }
.mvboxll h2 a:hover { background-position: left bottom; }
.mvboxll dl dt { font-size: 1px; line-height: 1px; background-image: url(../img/d_gakka.gif); background-repeat: no-repeat; background-position: left top; text-indent: -9999px; width: 200px; height: 20px; overflow: hidden; }
.mvboxll dl dd { font-size: 1px; line-height: 1px; text-indent: -9999px; width: 200px; height: 30px; overflow: hidden; }
.mvboxll dl dd a { background-image: url(../img/d_kango.gif); background-repeat: no-repeat; background-position: left top; width: 100%; height: 100%; display: block; }
.mvboxll dl dd a:hover { background-position: left bottom; }
.mvboxlr { float: right; width: 580px; }
.mvboxlr .mv { background: #fff url('../img/mv_top.jpg') no-repeat left top; width: 580px; height:230px; }
.mvboxlr .mv h2 { display: none; }

/* mnavi */
.mnavi  { position: absolute; z-index: 1; width: 580px; height: 40px }
.mnavi h3 { display: none; }
.mnavi ul { padding-bottom: 0; background: url('../img/mnavi_set_top.gif') no-repeat left top; display: inline-block; }
.mnavi ul li { float: left; position: relative; text-indent: -9999px; }
.mnavi ul li a { display: block; height: 40px; background-image: url('../img/mnavi_set_top.gif'); background-repeat: no-repeat; }

.mnavi ul li ul { padding: 0; display: none; width: auto; position: absolute; left: 0; top: 40px; }
.mnavi ul li ul li { float: none; text-indent: 0; border-top: 1px solid #fff; border-bottom: 1px solid #ccc; border-left: 1px solid #fff; border-right: 1px solid #ccc; }
.mnavi ul li ul li a { height: auto;  width: auto; padding: 5px 5px 5px 15px; color: #444; text-decoration: none; background-color: #ddd; background-image: url(../img/icon_arrow01.gif); background-repeat: no-repeat; background-position: 7px center; }
.mnavi ul li ul li a:hover { color: #444; background-color: #ccc; background-position: 9px center; }

.mnavi1 ul { width: 138px !important; }
.mnavi1 a { width: 138px; background-position: 0 0; }
.mnavi1 a:hover { background-position: 0 -40px; }
.mnavi1 a.active { background-position: 0 -40px; }

.mnavi2 ul { width: 138px !important; }
.mnavi2 a { width: 138px; background-position: -138px 0; }
.mnavi2 a:hover { background-position: -138px -40px; }
.mnavi2 a.active { background-position: -138px -40px; }

.mnavi3 ul { width: 138px !important; }
.mnavi3 a { width: 138px; background-position: -276px 0; }
.mnavi3 a:hover { background-position: -276px -40px; }
.mnavi3 a.active { background-position: -276px -40px; }

.mnavi4 ul { width: 166px !important; }
.mnavi4 a { width: 166px; background-position: -414px 0; }
.mnavi4 a:hover { background-position: -414px -40px; }
.mnavi4 a.active { background-position: -414px -40px; }

/* content */
.ctsbox { background: url('../img/cts_bg_top.gif') repeat-y center top; }
.ctsr  { margin-top: -40px; position: relative; }
.ctsr ul li a { background-color: #fbeae7; background-image: url(../img/icon_t.gif); background-repeat: no-repeat; background-position: 7px center; padding-top: 3px; padding-bottom: 3px; padding-left: 20px; display: block; }
.ctsr ul li a:hover { background-color: #fdf2f1; background-position: 9px center; }
.ctsll { float: left; width: 200px; margin-top: -40px; position: relative; }
.ctsll ul li a { background-color: #d5efeb; background-image: url(../img/icon_d.gif); background-repeat: no-repeat; background-position: 7px center; padding-top: 3px; padding-bottom: 3px; padding-left: 20px; display: block; }
.ctsll ul li a:hover { background-color: #e6f5f3; background-position: 9px center; }
.ctslr { float: right; width: 580px; }
.ctslr-in { margin-right: 20px; margin-bottom: 20px; margin-left: 20px; }
.ctsll h2,
.ctsr h2 { background: url(../img/h2_nyushi.gif) no-repeat left top; width: 200px; height: 40px; text-indent: -9999px; font-size: 1px; line-height: 1px; }
.ctsll ul li,.ctsr ul li { width: 200px; border-bottom: 1px solid #c7c7c7; }
.ctsll ul li a,.ctsr ul li a { color: #444; text-decoration: none; height: 100%; display: block; }
/*h2*/
.news { font-size: 1px; line-height: 1px; background-image: url(../img/h2_news.gif); background-repeat: no-repeat; background-position: left top; text-indent: -9999px; width: 540px; height: 30px; overflow: hidden; margin-top: 10px; }
.contact { font-size: 1px; line-height: 1px; background-image: url(../img/h2_contact.gif); background-repeat: no-repeat; background-position: left top; text-indent: -9999px; width: 540px; height: 30px; overflow: hidden; margin-top: 10px; }
.special { font-size: 1px; line-height: 1px; background-image: url(../img/h2_special.gif); background-repeat: no-repeat; background-position: left top; text-indent: -9999px; width: 540px; height: 30px; overflow: hidden; margin-top: 10px; }
.link { font-size: 1px; line-height: 1px; background-image: url(../img/h2_link.gif); background-repeat: no-repeat; background-position: left top; text-indent: -9999px; width: 540px; height: 30px; overflow: hidden; margin-top: 10px; }
.news-ul { background-color: #f2f2d3; border-right: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.news-ul ul { height: 120px; overflow: auto; }
.news-ul ul li { margin-top: 3px; padding-left: 10px; background-image: url(../img/icon_news.gif); background-repeat: no-repeat; background-position: left center; margin-left: 10px; }
.news-ul ul li a { color: #444; text-decoration: underline; }
.news-ul ul li a:hover { color: #00b274; }
.news-ul ul li span { color: white; font-size: 0.7em; background-color: #df4242; margin-right: 5px; padding: 2px 5px; }
.contact-ul { font-size: 1px; line-height: 1px; background-image: url(../img/contact.gif); background-repeat: no-repeat; background-position: left top; text-indent: -9999px; width: 540px; height: 45px; overflow: hidden; padding-bottom: 0; }
.contact-ul li { width: 270px; height: 45px; float: left; }
.contact-ul .kengaku a { background-image: url(../img/contact.gif); background-repeat: no-repeat; background-position: left top; width: 270px; height: 45px; display: block; }
.contact-ul .kengaku a:hover { background-position: left bottom; }
.contact-ul .opinion a { background-image: url(../img/contact.gif); background-repeat: no-repeat; background-position: right top; width: 270px; height: 45px; display: block; }
.contact-ul .opinion a:hover { background-position: right bottom; }
.bnr-bg { background-color: #f3f3db; overflow: hidden; zoom: 1; padding-top: 10px; padding-left: 30px; /padding-bottom: 10px; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; }
.bnr-bg ul { padding-bottom: 0; }
.bnr-bg ul li   { margin-right: 15px; margin-bottom: 10px; float: left }
.bnr-bg ul li a  { display: block }
.bnr-bg ul .general01,.bnr-bg ul .general02  { background-repeat: no-repeat; background-position: left top; display: block; width: 150px; height: 30px; overflow: hidden; zoom: 1 }
.bnr-bg ul .general01 { background-image: url("../img/bnr01.gif") }
.bnr-bg ul .general02 { background-image: url("../img/bnr02.gif") }
.bnr-bg ul .general01 a,.bnr-bg ul .general02 a   { color: #333; font-size: 10px; line-height: 12px; text-decoration: none; display: block !important; width: 150px !important; height: 30px !important }
.bnr-bg ul .general01 a strong,.bnr-bg ul .general02 a strong { font-size: 12px; line-height: 14px }
.bnr-bg ul .general01 a   { display: block; padding-top: 2px; padding-right: 50px; padding-left: 3px }
.bnr-bg ul .general02 a  { display: block; padding-top: 2px; padding-left: 45px }