@charset "UTF-8";
@import url(common.css);
@import url(textsettings.css);
/* ================================================================ *
	CSS for 日新アカデミー SUBLIME design 2010
 * ================================================================ */

/* ---------------------------------------------------------------- *
	ドキュメント全体に関する設定です
 * ---------------------------------------------------------------- */
html,body { margin: 0; padding: 0; }
body {  }
#container {
  width: auto; }
a.btn_pagetop2 { width: 108px; height: 18px; float: right; clear: both; margin-top: 30px; }
/* ---------------------------------------------------------------- *
	ヘッダ部分の設定です
 * ---------------------------------------------------------------- */
#header { background-image: url(../_images/bk_head.gif); background-repeat: repeat-x; background-position: center top; width: auto; height: 96px; margin: 0 auto; padding: 0; }
#header #header_top { background-repeat: no-repeat; background-position: center top; margin: 0 auto; padding: 0; width: 968px; height: 96px; }
#header #header_top #header_cont { width: 944px; margin-right: auto; margin-left: auto; }
#brand_area { width: 450px; float: left; }
#header #logo { width: 336px; height: 76px; float: left; margin-top: 10px; cursor: pointer; }
#communication_area { width: 410px; float: right; margin-top: 5px; }
#communication_area ul { width: 270px; float: right; }
#communication_area ul li { float: left; }
#communication_area ul li a.btn_top { background-image: url(../_images/btn_home.gif); background-repeat: no-repeat; background-position: left top; text-indent: -9999px; width: 56px; display: block; }
#communication_area ul li a.btn_top:hover { background-position: left bottom; }
#communication_area ul li a.btn_sitemap { background-image: url(../_images/btn_sitemap.gif); background-repeat: no-repeat; background-position: left top; text-indent: -9999px; width: 90px; display: block; }
#communication_area ul li a.btn_sitemap:hover { background-position: left bottom; }
#communication_area ul li a.btn_privacy { background-image: url(../_images/btn_privacy.gif); background-repeat: no-repeat; background-position: left top; text-indent: -9999px; width: 160px; display: block; }
#communication_area ul li a.btn_privacy:hover { background-position: left bottom; }
#communication_area ul li a.btn_faq { background-image: url(../_images/btn_faq.gif); background-repeat: no-repeat; background-position: left top; text-indent: -9999px; width: 123px; display: block; }
#communication_area ul li a.btn_faq:hover { background-position: left bottom; }
#communication_area #contact { background-image: url(../_images/bk_communication.gif); background-repeat: no-repeat; background-position: left top; width: 410px; height: 64px; float: right; margin-top: 4px; }
#communication_area a.btn_head01 { background-image: url(../_images/btn_inquiry.gif); background-repeat: no-repeat; background-position: left top; text-indent: -9999px; width: 200px; height: 38px; float: right; clear: right; margin-top: 4px; display: block; }
#communication_area a.btn_head01:hover { background-position: left bottom; }

.bnr_area { margin-bottom: 20px; }
dl.fee { margin-bottom: 5px; }
dl.fee dt { width: 120px; float: left; }
dl.fee dd { width: 250px; float: left; }
h4.title { color: #4ba614; font-size: 1.6em; font-weight: bold; line-height: 16px; padding-left: 8px; border-left: 5px solid #4ba614; }
/* ---------------------------------------------------------------- *
	ナビゲーション部分の設定です
 * ---------------------------------------------------------------- */
#navi_wrap { background-image: url(../_images/bk_naviwrap.gif); background-repeat: repeat-x; background-position: center top; width: auto; height: 58px; margin-right: auto; margin-left: auto; }
#navi { background-color: #fff; background-image: url(../_images/bk_navi.gif); background-position: left top; width: 956px; height: 58px; margin: 0 auto; padding: 0; }
#navi ul { width: 956px; height: 58px; margin: 0 auto; padding: 0; }

#navi ul li { margin: 0; padding: 0; float: left; }

#navi ul li a { background-image: url(../_images/bk_navi.gif); background-repeat: no-repeat; background-position: left top; text-indent: -9999px; height: 58px; display: block; }
#navi ul li a.top { background-position: left top; width: 191px; }
#navi ul li a.top:hover { background-position: 0 bottom; }
#navi ul li a.school { background-position: -191px top; width: 191px; }
#navi ul li a.school:hover { background-position: -191px bottom; }
#navi ul li a.curriculm { background-position: -382px top; width: 191px; }
#navi ul li a.curriculm:hover { background-position: -382px bottom; }
#navi ul li a.support { background-position: -573px top; width: 191px; }
#navi ul li a.support:hover { background-position: -573px bottom; }
#navi ul li a.contact { background-position: -764px top; width: 192px; }
#navi ul li a.contact:hover { background-position: -764px bottom; }
/* ---------------------------------------------------------------- *
	コンテンツコンテナの設定です
 * ---------------------------------------------------------------- */
#top_img { background-image: url(../_images/bk_topimg.gif); background-repeat: repeat-x; background-position: center top; text-align: center; width: auto; height: 354px; margin-right: auto; margin-left: auto; property: value; }
#top_img img { width: 968px; height: 340px; margin-right: auto; margin-left: auto; padding-top: 6px; }
#main_wrap { background-color: #fff; background-image: url(../_images/bk_mainwrap.gif); background-repeat: repeat-x; background-position: left top; width: auto; margin: 0 auto; padding: 0; }
#main_container { width: 968px; margin: 0 auto; }
#main_container h2.title { width: 950px; margin-right: auto; margin-left: auto; }
#main { margin: 0 auto; padding: 20px 0 0; width: 968px; }
#top_title { width: 930px; margin-right: auto; margin-left: auto; padding-top: 16px; }
/* ---------------------------------------------------------------- *
	コンテンツ部分の設定です
 * ---------------------------------------------------------------- */

#contents {
  width: 620px; float: right; margin-top: 0; margin-bottom: 15px; }
#contentsmain { width: 690px; padding-bottom: 50px; }
#contentsmain h2 { width: 684px; height: 24px; margin-bottom: 20px; }
/* ---------------------------------------------------------------- *
	サイド部分の設定です
 * ---------------------------------------------------------------- */
#right_side { width: 260px; padding-bottom: 50px; }
#right_side #purpose_area { background-image: url(../_images/bk_purpose.gif); background-repeat: repeat-y; background-position: left top; width: 260px; margin-bottom: 20px; }
#right_side #purpose_area #purpose_upper { background-image: url(../_images/purpose_upper.gif); background-repeat: no-repeat; background-position: left top; width: auto; height: 52px; }
#right_side #purpose_area #purpose_bottom { background-image: url(../_images/purpose_bottom.gif); background-repeat: no-repeat; background-position: left bottom; width: auto; height: 8px; }
#right_side #purpose_area .purpose_box { width: 254px; margin-right: auto; margin-left: auto; cursor: pointer; property: value; }
#right_side #purpose_area .purpose_box:hover { background-color: #fefcf9; }
#right_side #purpose_area .purpose_box:hover .purpose_boxinner img.side { border: solid 5px #ccc; }
#right_side #purpose_area .purpose_box:hover .purpose_boxinner p { color: #4ba614; text-decoration: underline; }
#right_side #purpose_area .purpose_box .purpose_boxinner { width: 230px; margin-right: auto; margin-left: auto; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px dotted #e6e6e6; }
#right_side #purpose_area .purpose_box .purpose_boxinner h3 { margin-right: auto; margin-left: auto; width: 230px; margin-bottom: 5px; }
#right_side #purpose_area .purpose_box .purpose_boxinner img.side { width: 70px; float: left; margin: 0; padding: 0; border: solid 5px #e6e6e6; }
#right_side #purpose_area .purpose_box .purpose_boxinner p { margin-right: auto; margin-left: auto; width: 146px; float: right; }
#right_side #access_area { background-image: url(../_images/bk_access.gif); background-repeat: no-repeat; background-position: left top; width: 260px; height: 240px; margin-bottom: 10px; padding-top: 10px; }
#right_side #access_area h3 { text-align: center; width: 240px; height: 60px; clear: both; margin: 0 auto 6px; padding: 0; }
#right_side #access_area #access_box { width: 240px; margin: 0 auto 10px; padding-right: 5px; padding-left: 5px; }
#right_side #access_area #access_box img.deskimg { width: 88px; float: left; border: solid 2px #e6e6e6; }
#right_side #access_area #access_box p.address { width: 138px; float: right; }
#right_side #access_area #access_box p.address a.btn_sideinquiry { background-image: url(../_images/btn_sideinquiry.gif); background-repeat: no-repeat; background-position: left top; text-indent: -9999px; width: 138px; height: 28px; margin-top: 6px; display: block; }
#right_side #access_area #access_box p.address a.btn_sideinquiry:hover { background-position: left bottom; }
#right_side #access_area #access_box h4 { line-height: 120%; clear: both; padding-top: 4px; }
#right_side #access_area a.btn_sideaccess { background-image: url(../_images/btn_sideaccess.gif); background-repeat: no-repeat; background-position: left top; text-indent: -9999px; width: 86px; height: 16px; margin-top: 4px; display: block; }
#right_side #access_area a.btn_sideaccess:hover { background-position: left bottom; }
#right_side #side_menu { width: 260px; margin-bottom: 20px; }
#right_side #side_menu02 { width: 260px; margin-bottom: 20px; }
#right_side #side_menu03 { margin-bottom: 20px; width: 260px; }
#right_side #side_menu h3 { width: 260px; }
#right_side #side_menu h3 a.btn_sidetitle01 { background-image: url(../_images/btn_sidetitle01.gif); background-repeat: no-repeat; background-position: left top; text-indent: -9999px; width: 260px; height: 36px; display: block; }
#right_side #side_menu h3 a.btn_sidetitle01:hover { background-position: right bottom; }
#right_side #side_menu h3 a.btn_sidetitle02 { background-image: url(../_images/btn_sidetitle02.gif); background-repeat: no-repeat; background-position: left top; text-indent: -9999px; width: 260px; height: 35px; display: block; }
#right_side #side_menu h3 a.btn_sidetitle02:hover { background-position: right bottom; }
#right_side #side_menu h3 a.btn_sidetitle03 { background-image: url(../_images/btn_sidetitle03.gif); background-repeat: no-repeat; background-position: left top; text-indent: -9999px; width: 260px; height: 35px; display: block; }
#right_side #side_menu h3 a.btn_sidetitle03:hover { background-position: right bottom; }
#right_side #side_menu ul { width: 260px; }
#right_side #side_menu ul li { width: 260px; }
#right_side #side_menu ul.side_menu01 { }
#right_side #side_menu ul.side_menu01 li a { background-image: url(../_images/btn_sidemenu01.gif); background-repeat: no-repeat; text-indent: -9999px; width: 260px; height: 30px; display: block; }
#right_side #side_menu ul.side_menu01 li a.menu01_01 { background-position: left top; }
#right_side #side_menu ul.side_menu01 li a.menu01_01:hover { background-position: right top; }
#right_side #side_menu ul.side_menu01 li a.menu01_02 { background-position: left -30px; }
#right_side #side_menu ul.side_menu01 li a.menu01_02:hover { background-position: right -30px; }
#right_side #side_menu ul.side_menu01 li a.menu01_03 { background-position: left -60px; }
#right_side #side_menu ul.side_menu01 li a.menu01_03:hover { background-position: right -60px; }
#right_side #side_menu ul.side_menu01 li a.menu01_04 { background-position: left -90px; }
#right_side #side_menu ul.side_menu01 li a.menu01_04:hover { background-position: right -90px; }
#right_side #side_menu ul.side_menu01 li a.menu01_05 { background-position: left -120px; }
#right_side #side_menu ul.side_menu01 li a.menu01_05:hover { background-position: right -120px; }
#right_side #side_menu ul.side_menu01 li a.menu01_06 { background-position: left -150px; }
#right_side #side_menu ul.side_menu01 li a.menu01_06:hover { background-position: right -150px; }
#right_side #side_menu ul.side_menu02 { }
#right_side #side_menu ul.side_menu02 li a { text-indent: -9999px; display: block; }
#right_side #side_menu ul.side_menu02 li a.menu02_01 { background-image: url(../_images/btn_sidemenu02.gif); background-repeat: no-repeat; background-position: left top; width: 260px; height: 30px; display: block; }
#right_side #side_menu ul.side_menu02 li a.menu02_01:hover { background-position: right top; }
#right_side #side_menu03 ul.side_menu04 li.kiyaku { font-size: 0.2em; background-image: url(../_images/btn_sidemenukiyaku.gif); background-repeat: no-repeat; background-position: left top; text-indent: -9999px; height: 90px; display: block; }
#right_side #side_menu03 ul.side_menu04 li.kiyaku .kiyaku_area { position: relative; top: 32px; left: 4px; width: 250px; margin-right: auto; margin-left: auto; }
#right_side #side_menu03 ul.side_menu04 li.kiyaku .kiyaku_area a.btn_kiyaku01 { background-image: url(../_images/btn_kiyaku01.gif); background-repeat: no-repeat; background-position: left top; text-indent: -9999px; width: 59px; height: 24px; float: left; margin-right: 2px; margin-bottom: 2px; display: block; }
#right_side #side_menu03 ul.side_menu04 li.kiyaku .kiyaku_area a.btn_kiyaku01:hover { background-position: left bottom; }
#right_side #side_menu03 ul.side_menu04 li.kiyaku .kiyaku_area a.btn_kiyaku02 { background-image: url(../_images/btn_kiyaku02.gif); background-repeat: no-repeat; background-position: left top; text-indent: -9999px; width: 59px; height: 24px; float: left; margin-right: 2px; margin-bottom: 2px; display: block; }
#right_side #side_menu03 ul.side_menu04 li.kiyaku .kiyaku_area a.btn_kiyaku02:hover { background-position: left bottom; }
#right_side #side_menu03 ul.side_menu04 li.kiyaku .kiyaku_area a.btn_kiyaku03 { background-image: url(../_images/btn_kiyaku03.gif); background-repeat: no-repeat; background-position: left top; text-indent: -9999px; width: 59px; height: 24px; float: left; margin-right: 2px; margin-bottom: 2px; display: block; }
#right_side #side_menu03 ul.side_menu04 li.kiyaku .kiyaku_area a.btn_kiyaku03:hover { background-position: left bottom; }
#right_side #side_menu03 ul.side_menu04 li.kiyaku .kiyaku_area a.btn_kiyaku04 { background-image: url(../_images/btn_kiyaku05.gif); background-repeat: no-repeat; background-position: left top; text-indent: -9999px; width: 59px; height: 24px; float: left; margin-right: 2px; display: block; }
#right_side #side_menu03 ul.side_menu04 li.kiyaku .kiyaku_area a.btn_kiyaku04:hover { background-position: left bottom; }
#right_side #side_menu03 ul.side_menu04 li.kiyaku .kiyaku_area a.btn_kiyaku05 { background-image: url(../_images/btn_kiyaku04.gif); background-repeat: no-repeat; background-position: left top; text-indent: -9999px; width: 59px; height: 24px; float: left; margin-bottom: 2px; display: block; }
#right_side #side_menu03 ul.side_menu04 li.kiyaku .kiyaku_area a.btn_kiyaku05:hover { background-position: left bottom; }
#right_side #side_menu03 ul.side_menu04 li.kiyaku .kiyaku_area a.btn_kiyaku06 { background-image: url(../_images/btn_kiyaku06.gif); background-repeat: no-repeat; background-position: left top; text-indent: -9999px; width: 59px; height: 24px; float: left; margin-right: 2px; display: block; }
#right_side #side_menu03 ul.side_menu04 li.kiyaku .kiyaku_area a.btn_kiyaku06:hover { background-position: left bottom; }
#right_side #side_menu03 ul.side_menu04 li.kiyaku .kiyaku_area a.btn_kiyaku07 { background-image: url(../_images/btn_kiyaku07.gif); background-repeat: no-repeat; background-position: left top; text-indent: -9999px; width: 59px; height: 24px; float: left; display: block; }
#right_side #side_menu03 ul.side_menu04 li.kiyaku .kiyaku_area a.btn_kiyaku07:hover { background-position: left bottom; }
#right_side #side_menu ul.side_menu02 li a.menu02_03 { background-image: url(../_images/btn_sidemenu02.gif); background-position: left -60px; width: 260px; height: 30px; }
#right_side #side_menu ul.side_menu02 li a.menu02_03:hover { background-position: right -60px; }
#right_side #side_menu ul.side_menu02 li a.menu02_04 { background-image: url(../_images/btn_sidemenu02.gif); background-position: left -90px; width: 260px; height: 30px; }
#right_side #side_menu ul.side_menu02 li a.menu02_04:hover { background-position: right -90px; }
#right_side #side_menu ul.side_menu02 li a.menu_short { background-image: url(../_images/btn_sidemenushort.gif); background-repeat: no-repeat; background-position: left top; width: 260px; height: 30px; }
#right_side #side_menu ul.side_menu02 li a.menu_short:hover { background-repeat: no-repeat; background-position: right top; }
#right_side #side_menu ul.side_menu02 li a.menu02_05 { background-image: url(../_images/btn_sidemenu02.gif); background-position: left -120px; width: 260px; height: 30px; }
#right_side #side_menu ul.side_menu02 li a.menu02_05:hover { background-position: right -120px; }
#right_side #side_menu ul.side_menu02 li a.menu02_06 { background-image: url(../_images/btn_sidemenu02.gif); background-position: left -150px; width: 260px; height: 30px; }
#right_side #side_menu ul.side_menu02 li a.menu02_06:hover { background-position: right -150px; }
#right_side #side_menu ul.side_menu02 li a.menu02_07 { background-image: url(../_images/btn_sidemenu02.gif); background-position: left -180px; width: 260px; height: 30px; }
#right_side #side_menu ul.side_menu02 li a.menu02_07:hover { background-position: right -180px; }
#right_side #side_menu ul.side_menu03 { }
#right_side #side_menu ul.side_menu03 li a { background-image: url(../_images/btn_sidemenu03.gif); background-repeat: no-repeat; text-indent: -9999px; width: 260px; height: 30px; display: block; }
#right_side #side_menu ul.side_menu03 li a.menu03_01 { background-position: left top; }
#right_side #side_menu ul.side_menu03 li a.menu03_01:hover { background-position: right top; }
#right_side #side_menu ul.side_menu03 li a.menu03_02 { background-position: left -30px; }
#right_side #side_menu ul.side_menu03 li a.menu03_02:hover { background-position: right -30px; }
#right_side #side_menu ul.side_menu03 li a.menu03_03 { background-position: left -60px; }
#right_side #side_menu ul.side_menu03 li a.menu03_03:hover { background-position: right -60px; }
#right_side #side_menu02 ul.side_menu04 { }
#right_side #side_menu02 ul.side_menu04 li a { background-image: url(../_images/btn_sidemenu04.gif); background-repeat: no-repeat; text-indent: -9999px; width: 260px; height: 30px; display: block; }
#right_side #side_menu02 ul.side_menu04 li a.menu04_01 { background-position: left top; }
#right_side #side_menu02 ul.side_menu04 li a.menu04_01:hover { background-position: right top; }
#right_side #side_menu02 ul.side_menu04 li a.menu04_02 { background-position: left -30px; }
#right_side #side_menu02 ul.side_menu04 li a.menu04_02:hover { background-position: right -30px; }
#right_side #side_menu02 ul.side_menu04 li a.menu04_03 { background-position: left -60px; }
#right_side #side_menu02 ul.side_menu04 li a.menu04_03:hover { background-position: right -60px; }
#right_side #side_menu02 ul.side_menu04 li a.menu04_04 { background-position: left -90px; }
#right_side #side_menu02 ul.side_menu04 li a.menu04_04:hover { background-position: right -90px; }
#right_side #side_menu02 ul.side_menu04 li a.menu04_05 { background-position: left -120px; }
#right_side #side_menu02 ul.side_menu04 li a.menu04_05:hover { background-position: right -120px; }
#right_side #bnr_area { width: 214px; }
/* ---------------------------------------------------------------- *
	フッタ部分の設定です
 * ---------------------------------------------------------------- */
#footer_area { width: 968px; height: 60px; clear: both; margin-right: auto; margin-bottom: 10px; margin-left: auto; padding: 0; }
#footer_area a.btn_pagetop { background-image: url(../_images/btn_pagetop.gif); background-repeat: no-repeat; background-position: right top; text-indent: -9999px; position: relative; top: 42px; width: 134px; height: 28px; float: right; display: block; }
#footer_area a.btn_pagetop:hover { background-position: left bottom; }
#foot_brand { width: 700px; float: left; }
#foot_brand img { float: left; margin-right: 10px; }
#foot_brand img.tel { margin-top: 12px; }
#topmenu_area { background-color: #4ba614; text-align: right; width: auto; height: 50px; }
#topmenu_area ul { font-size: 10px; text-align: right; width: 968px; margin-right: auto; margin-left: auto; padding-top: 6px; }
#topmenu_area ul li { float: left; padding-right: 5px; padding-left: 5px; border-right: 1px solid #fff; }
#topmenu_area ul li.first { padding-right: 5px; padding-left: 5px; float: left; border-right: 1px solid #fff; border-left: 1px solid #fff; }
#topmenu_area ul li a { color: #fff; font-size: 10px; }
/* ---------------------------------------------------------------- *
	ぱんくずリストの設定です
 * ---------------------------------------------------------------- */
#pankuzu { margin: 0 auto 10px; padding: 0; }
#pankuzu p { font-size: 1em; margin-right: auto; margin-left: auto; }
#pankuzu p a {  }
#pankuzu p a:hover {  }
/* ---------------------------------------------------------------- *
	コンテンツ画像の設定です
 * ---------------------------------------------------------------- */
#contents img.fig {
  float: left;
  margin-top: 0;
  margin-right: 1em;
  margin-bottom: 1em;
  margin-left: 0;
}
/* ---------------------------------------------------------------- *
	画像のみのボックスを作る場合の設定です
 * ---------------------------------------------------------------- */
.imgbox {
  background: #ffffff;
  margin-top: 0;
  margin-bottom: 10px;
}
/* ---------------------------------------------------------------- *
	ボトム部分の設定です
 * ---------------------------------------------------------------- */
#bottom_wrap { background-color: #45484d; width: auto; height: 60px; margin: 0 auto; padding: 0; }
#bottom { bottom: 0; width: 968px; margin: 0 auto; padding: 0; }
#bottom ul { color: #f1f1f0; width: 400px; float: left; margin-top: 14px; padding: 0; }
#bottom ul li { margin: 0; padding: 0 5px 0 0; background-image: none; float: left; }
#bottom ul li a.btn_bottom01 { background-image: url(../_images/btn_bottom01.gif); background-repeat: no-repeat; background-position: left top; text-indent: -9999px; width: 58px; height: 14px; display: block; }
#bottom ul li a.btn_bottom01:hover { background-position: left bottom; }
#bottom ul li a.btn_bottom02 { background-image: url(../_images/btn_bottom02.gif); background-repeat: no-repeat; background-position: left top; text-indent: -9999px; width: 86px; height: 14px; display: block; }
#bottom ul li a.btn_bottom02:hover { background-position: left bottom; }
#bottom ul li a.btn_bottom03 { background-image: url(../_images/btn_bottom03.gif); background-repeat: no-repeat; background-position: left top; text-indent: -9999px; width: 160px; height: 14px; display: block; }
#bottom ul li a.btn_bottom03:hover { background-position: left bottom; }
#bottom ul li a.btn_bottom04 { background-image: url(../_images/btn_bottom04.gif); background-repeat: no-repeat; background-position: left top; text-indent: -9999px; width: 125px; height: 14px; display: block; }
#bottom ul li a.btn_bottom04:hover { background-position: left bottom; }
#bottom address { width: 530px; float: right; margin-top: 10px; }
.float_right { float: right; }
.float_left { float: left; }
.float_clear { clear: both; }