﻿@charset "utf-8";
/*
 *
 * std.css for www.navi-school.com.
 *
 *
 */

/* 簡易ロールオーバー */

a:hover.ro img {
  opacity: 0.7;                      /* Standard: FF gt 1.5, Opera, Safari */
  filter: alpha(opacity=70);         /* IE lt 8 */
  -ms-filter: "alpha(opacity=70)";   /* IE 8 */
  -khtml-opacity: 0.7;               /* Safari 1.x */
  -moz-opacity: 0.7;                 /* FF lt 1.5, Netscape */
}

html {
  background-color: #f7f7f7;
}

body {
  background-color: #fff;
  color: #333;
}

em {
 color: #e99121;
}

small {
 font-size: 80%;
}

strong {
  font-weight: bold;
  color: #000;
}

.small {
  font-size: 60%;
}

a:link    { color: #0066cc; text-decoration: underline; }
a:visited { color: #0066cc; text-decoration: underline; }
a:hover   { color: #99cc00; text-decoration: none; }

a.none:link    { color: #333; text-decoration: none; }
a.none:visited { color: #333; text-decoration: none; }
a.none:hover   { color: #99cc00; text-decoration: none; }

a.none2:link    { color: #999; text-decoration: none; }
a.none2:visited { color: #999; text-decoration: none; }
a.none2:hover   { color: #99cc00; text-decoration: none; }

.num {
  font-family: "Trebuchet MS" ,"Meiryo", "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", verdana, arial, helvetica, "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
}

.green {
  color: #009900;
}
.yellow {
  color: #ffff00;
}
.blue {
  color: #0066ff;
}
.sub_blue {
  color: #00badd;
}
.red {
  color: #cc0000;
}

dd span {
  color: #c0c0c0;
  padding-right: .7em;
}

#nNAVI_gmap_detail {
  width: 600px;
  height: 600px;
}

.attention {
  display: block;
  color: #ff6600;
}

/*---------------------------------------------------------HEAD*/

#header {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 70px;
  background: url(../images/head_bar.png) 0 0 repeat-x;
}

#top_banner {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  width: 940px;
  height: 70px;
}

#top_banner li {
  float: left;
  position: relative;
}

#top_banner li a {
  display: block;
  line-height: 120%;
}

#top_banner li a.logo {
  margin-right: 100px;
  padding: 17px 0 0 47px;
  width: 198px;
  height: 53px;
  font-size: 10px;
  background: url(../images/head_logo.png) 4px 27px no-repeat;
}

#top_banner li.banner1 {
  margin: 24px 28px 0 0;
  padding: 10px 0 0 76px;
  width: 115px;
  height: 36px;
  font-size: 12px;
  background: url(../images/head_banner13.jpg) 0 0 no-repeat;
}

#top_banner li a.banner2 {
  margin: 24px 28px 0 0;
  padding: 13px 0 0 70px;
  width: 103px;
  height: 33px;
  font-size: 12px;
  background: url(../images/head_banner14.jpg) 0 0 no-repeat;
}

#top_banner li a.banner3 {
  margin: 24px 0 0 0;
  padding: 13px 0 0 50px;
  width: 123px;
  height: 33px;
  font-size: 12px;
  background: url(../images/head_banner3.png) 0 0 no-repeat;
}

#top_banner li a.banner4 {
  margin: 10px 0 0 0;
  padding: 0;
  width: 173px;
  height: 60px;
  font-size: 12px;
  background: url(../images/top_tel.jpg) 0 0 no-repeat;
}
#top_banner li a.banner5 {
  margin: 10px 0 0 0;
  padding: 0;
  width: 173px;
  height: 60px;
  font-size: 12px;
  background: url(../images/top_tel2.jpg) 0 0 no-repeat;
}

/*---------------------------------------------------------TOP MAIN*/

#top_main {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  width: 958px;
  min-height: 500px;
  background: url(../images/gr01.jpg) center 420px no-repeat;
}

#top_main .under {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  padding: 0 9px;
  width: 940px;
  min-height: 500px;
  background: url(../images/shadow_top_main.png) center 46px no-repeat;
}

#top_main .image {
  position: relative;
  overflow: hidden;
  width: 940px;
  min-height: 500px;
  background: url(../images/main.gif) center 55px no-repeat;
}

#global_menu {
  position: relative;
  overflow: hidden;
  margin: 18px 0 0 0;
  width: 940px;
  text-align: center;
}

#global_menu li {
  display: -moz-inline-box;
  display: inline-block;
  /display: inline;
  /zoom: 1;
  padding: 0 20px 0 0px;
  line-height: 32px;
  font-size: 13px;
  font-weight: bold;
}

#global_menu li.up4 {
  background: url(../images/head_icon_up4.png) 25px center no-repeat;
}
#global_menu li.fe4 {
  background: url(../images/head_icon_fe4.png) 16px center no-repeat;
}
#global_menu li.teacher {
  background: url(../images/head_icon_teacher.png) 16px center no-repeat;
}
#global_menu li.course {
  background: url(../images/head_icon_course.png) 25px center no-repeat;
}

#global_menu li a {
  display: block;
}

#school_new {
  float: right;
  padding: 10px 8px 0 12px;
  width: 250px;
  height: 340px;
}

#school_new li {
  float: left;
  border: 1px solid #fff;
  margin: 0 0 5px 5px;
  padding: 5px 2px 5px 5px;
  width: 111px;
  height: 50px;
  background: url(../images/opa_white80.png);
}

#school_new li.title {
  border: none;
  margin: 0 0 0 5px;
  padding: 5px 2px 5px 5px;
  width: 227px;
  height: 20px;
  background: url(../images/school_new2.png) left bottom no-repeat;
}

#school_new li a.photo {
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  width: 50px;
  height: 50px;
}

#school_new li .date {
  float: left;
  padding: 0 0 2px 7px;
  width: 54px;
  height: 10px;
  line-height: 10px;
  font-size: 10px;
  color: #3399cc;
}
#school_new li .schoolname {
  float: left;
  padding: 0 0 3px 7px;
  width: 54px;
  height: 10px;
  line-height: 10px;
  font-size: 10px;
  color: #8cba00;
}

#school_new li .description {
  float: left;
  padding: 0 0 0 7px;
  width: 54px;
  line-height: 12px;
  font-size: 10px;
  color: #333;
}


#l_t {
  width: 670px;
  height: 363px;
}

#l_t .left {
  display: table-cell;
  width: 310px;
  height: 363px;
  vertical-align: top;
}

#l_t .left .ad {
  border: 1px solid #fff;
  margin: 80px auto 0 auto;
  width: 250px;
  height: 200px;
  background: url(../images/opa_white80.png);
  vertical-align: top;
}
#l_t .left .adnone {
  border: none;
  margin: 80px auto 0 auto;
  width: 252px;
  height: 202px;
  vertical-align: top;
}

#l_t .left .ad a {
  display: block;
  padding: 150px 13px 0 13px;
  width: 224px;
  height: 60px;
  font-size: 15px;
  line-height: 130%;
  background: url(../images/kakikoshu.png) center 10px no-repeat;
  font-weight: bold;
  color: #333;
}

#l_t .center {
  display: table-cell;
  padding-top: 120px;
  width: 320px;
  height: 313px;
  vertical-align: top;
}

#l_t .center .button {
  display: block;
  margin: 0 40px;
  padding: 115px 0 0 68px;
  width: 180px;
  height: 35px;
  font-size: 12px;
  line-height: 110%;
  background: url(../images/ex_button1.png) 0 0 no-repeat;
  color: #fff;
}

#l_b {
  position: relative;
  overflow: hidden;
  width: 800px;
  height: 74px;
}

#l_b div {
  float: left;
  height: 74px;
}

#l_b .up4 {
  width: 470px;
  background: url(../images/disk60_01.png) center 0 no-repeat;
}

#l_b .fe4 {
  width: 330px;
  background: url(../images/disk60_02.png) 198px 0 no-repeat;
}


.up4fe4 {
  float: left;
  padding: 10px 10px 15px 20px;
  width: 440px;
}

.up4fe4 h1,
.up4fe4 h2 {
  padding-bottom: 4px;
  width: 430px;
  line-height: 16px;
  font-size: 16px;
  font-weight: bold;
  color: #333;
  text-align: center;
  background: url(../images/line_h.gif) left bottom no-repeat;
}

.up4fe4 .sub_menu {
  position: relative;
  overflow: hidden;
  padding: 10px 0 3px 0;
}

.up4fe4 .sub_menu li {
  float: left;
  width: 110px;
}

.up4fe4 .sub_menu li a {
  display: block;
  padding: 118px 10px 0 0;
  width: 100px;
  height: 12px;
  line-height: 11px;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
}

.up4fe4 .sub_menu li a.seiseki {
  background: url(../images/up4s1.png) 0 0 no-repeat;
}
.up4fe4 .sub_menu li a.tanoshii {
  background: url(../images/up4s2.png) 0 0 no-repeat;
}
.up4fe4 .sub_menu li a.testtaisaku {
  background: url(../images/up4s3.png) 0 0 no-repeat;
}
.up4fe4 .sub_menu li a.jishushitsu {
  background: url(../images/up4s4.png) 0 0 no-repeat;
}
.up4fe4 .sub_menu li a.note {
  background: url(../images/fe4s1.png) 0 0 no-repeat;
}
.up4fe4 .sub_menu li a.onaji {
  background: url(../images/fe4s2.png) 0 0 no-repeat;
}
.up4fe4 .sub_menu li a.advice {
  background: url(../images/fe4s3.png) 0 0 no-repeat;
}
.up4fe4 .sub_menu li a.jakuten {
  background: url(../images/fe4s4.png) 0 0 no-repeat;
}

#four {
  position: relative;
  overflow: hidden;
  height: 195px;
  background: url(../images/shadow_d940.png) center bottom no-repeat;
}


/*---------------------------------------------------------CONTENTS*/

#contents {
  position: relative;
  overflow: hidden;
  margin: 30px auto;
  width: 940px;
}

#contents .left {
  position: relative;
  overflow: hidden;
  float: left;
  margin: 0;
  width: 720px;
}

#contents h2.voice {
  padding: 17px 0 0 65px;
  width: 625px;
  height: 33px;
  line-height: 18px;
  font-size: 18px;
  font-weight: bold;
  background: url(../images/hr03.png) left center no-repeat;
}
#contents h2.voice.sub {
  margin-top: 20px;
}
#contents h1.up4,
#contents h2.up4 {
  padding: 17px 0 0 65px;
  width: 625px;
  height: 33px;
  line-height: 18px;
  font-size: 18px;
  font-weight: bold;
  background: url(../images/hr01.png) left center no-repeat;
}
#contents h1.fe4,
#contents h2.fe4 {
  padding: 17px 0 0 65px;
  width: 625px;
  height: 33px;
  line-height: 18px;
  font-size: 18px;
  font-weight: bold;
  background: url(../images/hr02.png) left center no-repeat;
}

#contents h1.course {
  padding: 17px 0 0 65px;
  width: 625px;
  height: 33px;
  line-height: 18px;
  font-size: 18px;
  font-weight: bold;
  background: url(../images/hr05.png) left center no-repeat;
}


#contents p.description {
  margin: -6px 0 0 65px;
  font-size: 11px;
}

#stsvoice {
  position: relative;
  overflow: hidden;
  border: 1px solid #e7e7e7;
  margin: 10px 0 0 10px;
  padding: 15px 0 0 15px;
  width: 665px;
  background-color: #f7f7f7;
}
#stsvoice.top {
  position: relative;
  overflow: hidden;
  border: 1px solid #e7e7e7;
  margin: 10px 0 20px 10px;
  padding: 15px 0 0 15px;
  width: 665px;
  background-color: #f7f7f7;
}

#stsvoice li {
  float: left;
  padding-right: 15px;
  width: 80px;
}

#stsvoice li a {
  display: block;
  padding: 0 0 7px 0;
  width: 80px;
  height: 80px;
  background: url(../images/shadow_d080.png) center bottom no-repeat;
}

#stsvoice li .date {
  margin-top: -3px;
  padding: 0;
  line-height: 8px;
  font-size: 8px;
  color: #547a84;
}
#stsvoice li .schoolname {
  padding: 2px 0 0 0;
  line-height: 10px;
  font-size: 10px;
  color: #447b00;
}
#stsvoice li .title {
  overflow: hidden;
  padding: 2px 0 10px 0;
  width: 80px;
  height: 10px;
  line-height: 10px;
  font-size: 10px;
  color: #333;
}


#contents h2.course {
  margin-top: 30px;
  padding: 17px 0 0 65px;
  width: 625px;
  height: 33px;
  line-height: 18px;
  font-size: 18px;
  font-weight: bold;
  background: url(../images/hr05.png) left center no-repeat;
}

#course {
  position: relative;
  overflow: hidden;
  margin: 5px 0 0 0;
  width: 720px;
}

#course li.elementary {
  float: left;
  width: 229px;
  height: 109px;
  background: url(../images/top_banner_e.png) left top no-repeat;
}

#course li.elementary .title {
  display: block;
  padding: 24px 0 0 32px;
  width: 197px;
  height: 16px;
  line-height: 16px;
  font-size: 16px;
  color: #e85178;
}

#course li.elementary .description {
  display: block;
  padding: 10px 0 0 15px;
  width: 100px;
  line-height: 120%;
  font-size: 10px;
}

#course li.junior {
  float: left;
  width: 229px;
  height: 109px;
  background: url(../images/top_banner_j.png) left top no-repeat;
}

#course li.junior .title {
  display: block;
  padding: 24px 0 0 32px;
  width: 197px;
  height: 16px;
  line-height: 16px;
  font-size: 16px;
  color: #e9b538;
}

#course li.junior .description {
  display: block;
  padding: 10px 0 0 15px;
  width: 100px;
  line-height: 120%;
  font-size: 10px;
}

#course li.heigh {
  float: left;
  width: 229px;
  height: 109px;
  background: url(../images/top_banner_h.png) left top no-repeat;
}

#course li.heigh .title {
  display: block;
  padding: 24px 0 0 32px;
  width: 197px;
  height: 16px;
  line-height: 16px;
  font-size: 16px;
  color: #a7be40;
}

#course li.heigh .description {
  display: block;
  padding: 10px 0 0 15px;
  width: 100px;
  line-height: 120%;
  font-size: 10px;
}


#contents .right {
  position: relative;
  overflow: hidden;
  float: left;
  margin: 0;
  padding: 0;
  width: 220px;
}


#contents h2.newcomer {
  margin-top: 30px;
  padding: 17px 0 0 65px;
  width: 625px;
  height: 33px;
  line-height: 18px;
  font-size: 18px;
  font-weight: bold;
  background: url(../images/hr04.png) left center no-repeat;
}


#newcomer {
  overflow: auto;
  margin: 5px 30px 30px 10px;
  padding: 0 5px;
  max-height: 150px;
}

#newcomer ul li {
  padding: 3px 0;
  background: url(../images/line_h.gif) left bottom no-repeat;
  font-size: 11px;
}

#newcomer ul li p.date {
  margin: 0 0 3px 0;
  line-height: 10px;
  font-size: 10px;
  color: #3399cc;
}

#newcomer ul li a {
  padding: 0 5px 0 0;
  line-height: 14px;
}
#newcomer ul li a:link    { color: #0066cc; text-decoration: none; }
#newcomer ul li a:visited { color: #0066cc; text-decoration: none; }
#newcomer ul li a:hover   { color: #99cc00; text-decoration: underline; }

#contents .right h3.news {
  padding: 17px 0 0 60px;
  width: 155px;
  height: 33px;
  line-height: 18px;
  font-size: 14px;
  font-weight: bold;
  background: url(../images/hr11.png) left center no-repeat;
}

#news {
  overflow: auto;
  margin-bottom: 30px;
  padding: 5px 10px;
  max-height: 400px;
}

#news ul li {
  margin: 0 0 5px 0;
  padding: 5px 0 8px 0;
  font-size: 10px;
  color: #3399cc;
  background: url(../images/line_h.gif) left bottom no-repeat;
}

#news ul li a {
  display: block;
  padding: 0 0 1px 0;
  line-height: 13px;
  font-size: 11px;
}

#news ul li a:link    { color: #555; text-decoration: none; }
#news ul li a:visited { color: #555; text-decoration: none; }
#news ul li a:hover   { color: #99cc00; text-decoration: underline; }

#gmblog {
  margin-bottom: 30px;
  padding: 0 20px 30px 20px;
  width: 180px;
  height: 213px;
  background: url(../images/zyukutyoblog.png) center top no-repeat;
}

#gmblog a.button {
  display: block;
  margin: 0 0 0 -10px;
  padding: 25px 30px 0 0;
  width: 150px;
  height: 50px;
  line-height: 17px;
  font-size: 11px;
  text-decoration: none;
  text-align: right;
}

#gmblog ul {
  overflow: auto;
  padding: 0;
  width: 180px;
  height: 138px;
}

#gmblog ul li p.date {
  margin: 0 0 3px 0;
  line-height: 10px;
  font-size: 10px;
  color: #3399cc;
}

#gmblog ul li a {
  display: block;
  padding: 0 0 3px 0;
  line-height: 14px;
  font-size: 11px;
  background: url(../images/line_h.gif) left bottom no-repeat;
}


#contents .right .ad {
  padding: 0 8px;
  width: 204px;
  height: 180px;
}

#contents .right .ad a {
  display: block;
  padding: 139px 0 0 0;
  width: 204px;
  height: 40px;
  font-size: 15px;
  line-height: 130%;
  background: url(../images/kakikoshu.png) center top no-repeat;
  font-weight: bold;
  color: #333;
}

#contents .section {
  margin: 20px auto;
  width: 80%;
  line-height: 170%;
}


/*---------------------------------------------------------FOOT*/


#b2t {
  margin: 30px 0 0 0;
  width: 100%;
  height: 30px;
  background: url(../images/e2dot.gif) center bottom repeat-x;
}

#b2t .scale {
  margin: 0 auto;
  width: 940px;
  height: 30px;
  text-align: right;
}


#footer {
  position: relative;
  overflow: hidden;
  padding: 30px 0 50px 0;
  width: 100%;
  background-color: #f7f7f7;
}

#footer .scale {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  width: 940px;
}

#footer .pref {
  text-align: center;
  margin: 0 0 20px 0;
  padding: 0 0 20px 0;
  background: url(../images/line_h.gif) left bottom no-repeat;
}
#footer .scale h2 {
  margin: 0 0 10px 20px;
  color: #666;
}

#footer .pref li.pleflist {
  display: -moz-inline-box;
  display: inline-block;
  /display: inline;
  /zoom: 1;
  vertical-align: top;
  padding: 0 5px;
  font-size: 11px;
  font-weight: normal;
  color: #666;
  text-align: left;
}

#footer .pref li.outer {
  display: -moz-inline-box;
  display: inline-block;
  /display: inline;
  /zoom: 1;
  vertical-align: top;
  padding: 0 5px;
  font-size: 11px;
  font-weight: normal;
  color: #666;
  text-align: left;
}

#footer .map {
  text-align: center;
  padding: 0 0 40px 0;
  background: url(../images/line_h.gif) left bottom no-repeat;
}

#footer .map li.outer {
  display: -moz-inline-box;
  display: inline-block;
  /display: inline;
  /zoom: 1;
  vertical-align: top;
  padding: 0 40px;
  font-size: 11px;
  font-weight: normal;
  color: #666;
  text-align: left;
}

#footer .map li.outer h3 {
  margin-bottom: 8px;
  font-size: 12px;
}

#footer .map li.outer ul li {
  padding: 8px 0 8px 22px;
  line-height: 11px;
  font-size: 11px;
  background: url(../images/foot_icon_arrow.png) left center no-repeat;
}

#footer .info {
  margin: 20px 0 0 0;
  text-align: center;
}

#footer .info li.outer {
  display: -moz-inline-box;
  display: inline-block;
  /display: inline;
  /zoom: 1;
  padding: 0 18px;
  font-size: 11px;
  font-weight: normal;
  color: #666;
  text-align: left;
  vertical-align: middle;
}

#footer .info li.outer h3 a {
  font-size: 20px;
  font-weight: normal;
  color: #666;
}
#footer .info li.outer .copyright {
  font-size: 10px;
  line-height: 110%;
  text-align: right;
}

#footer .info li.outer .pnum {
  font-size: 20px;
  line-height: 110%;
  font-weight: normal;
}

#footer .info li.outer .banner1 {
  padding: 0 0 0 40px;
  height: 30px;
  font-size: 13px;
  line-height: 15px;
  background: url(../images/foot_icon_ex.png) left center no-repeat;
}

#footer .info li.outer a.banner2 {
  display: block;
  padding: 0 0 0 38px;
  height: 30px;
  font-size: 13px;
  line-height: 30px;
  background: url(../images/foot_icon_req.png) left center no-repeat;
}

#footer .info li.outer a.banner3 {
  display: block;
  padding: 0 0 0 46px;
  height: 30px;
  font-size: 13px;
  line-height: 30px;
  background: url(../images/foot_icon_inq.png) left center no-repeat;
}


/*---------------------------------------------------------UP4,FE4*/


#main {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  padding: 0 9px;
  width: 940px;
}

main .image {
  position: relative;
  overflow: hidden;
  width: 940px;
}

#main.up4,
#main.fe4 {
  background: url(../images/shadow_180.png) center 46px no-repeat;
}

#main.course {
  background: url(../images/shadow_230.png) center 46px no-repeat;
}

#main.up4 .image {
  background: url(../images/up4_main.gif) center 37px no-repeat;
  min-height: 235px;
}
#main.fe4 .image {
  background: url(../images/fe4_main.gif) center 37px no-repeat;
  min-height: 235px;
}

#main.course .image {
  background: url(../images/course_main.gif) center 37px no-repeat;
  min-height: 285px;
}

#main_menu {
  position: relative;
  overflow: hidden;
  height: 275px;
  background: url(../images/shadow_u940.png) center bottom no-repeat;
}

#main_menu ul {
  position: relative;
  overflow: hidden;
  width: 700px;
}

#main_menu ul li {
  float: left;
  font-weight: bold;
}

#main_menu ul li.menu1 {
  width: 320px;
  height: 275px;
}
#main_menu ul li.menu2 {
  width: 120px;
  height: 155px;
  padding-top: 125px;
}
#main_menu ul li.menu2 a {
  display: block;
  width: 120px;
  padding-top: 124px;
  text-align: center;
}

#main_menu ul li.menu11 {
  width: 360px;
  height: 275px;
}
#main_menu ul li.menu12 {
  width: 170px;
  height: 155px;
  padding-top: 125px;
}
#main_menu ul li.menu12 a {
  display: block;
  width: 170px;
  padding-top: 124px;
  text-align: center;
}

#up4_1 { background: url(../images/up4_main1.png) 80% 100% no-repeat; }
#up4_2 { background: url(../images/up4_main2.png) 80% 100% no-repeat; }
#up4_3 { background: url(../images/up4_main3.png) 80% 100% no-repeat; }
#up4_4 { background: url(../images/up4_main4.png) 80% 100% no-repeat; }
#fe4_1 { background: url(../images/fe4_main1.png) 80% 100% no-repeat; }
#fe4_2 { background: url(../images/fe4_main2.png) 80% 100% no-repeat; }
#fe4_3 { background: url(../images/fe4_main3.png) 80% 100% no-repeat; }
#fe4_4 { background: url(../images/fe4_main4.png) 80% 100% no-repeat; }
#course_1 { background: url(../images/course_main2.png) 80% 100% no-repeat; }
#course_2 { background: url(../images/course_main1.png) 80% 100% no-repeat; }
#course_3 { background: url(../images/course_main3.png) 80% 100% no-repeat; }

#up4_1s { background: url(../images/up4s1.png) center 125px no-repeat; }
#up4_2s { background: url(../images/up4s2.png) center 125px no-repeat; }
#up4_3s { background: url(../images/up4s3.png) center 125px no-repeat; }
#up4_4s { background: url(../images/up4s4.png) center 125px no-repeat; }
#fe4_1s { background: url(../images/fe4s1.png) center 125px no-repeat; }
#fe4_2s { background: url(../images/fe4s2.png) center 125px no-repeat; }
#fe4_3s { background: url(../images/fe4s3.png) center 125px no-repeat; }
#fe4_4s { background: url(../images/fe4s4.png) center 125px no-repeat; }
#course_1s { background: url(../images/course_sub2.png) center 125px no-repeat; }
#course_2s { background: url(../images/course_sub1.png) center 129px no-repeat; }
#course_3s { background: url(../images/course_sub3.png) center 125px no-repeat; }


p.strong1 {
  margin: 30px 0 0 40px;
  padding: 30px 0 0 30px;
  width: 620px;
  height: 127px;
  font-size: 18px;
  line-height: 36px;
  font-weight: bold;
  background: url(../images/up4_000.jpg) 0 0 no-repeat;
}

p.strong2 {
  margin: 30px 0 0 40px;
  padding: 50px 0 0 30px;
  width: 620px;
  height: 107px;
  font-size: 18px;
  line-height: 36px;
  font-weight: bold;
  background: url(../images/up4_000.jpg) 0 0 no-repeat;
}

p.strong3 {
  margin: 20px 0 0 40px;
  padding: 30px 0 10px 0;
  width: 640px;
  font-size: 16px;
  line-height: 32px;
  font-weight: bold;
  background: url(../images/bar_h.gif) 0 0 no-repeat;
}

p.strong4 {
  margin: 20px auto 0 auto;
  padding: 30px 0 10px 0;
  width: 500px;
  font-size: 16px;
  line-height: 32px;
  font-weight: bold;
  background: url(../images/bar_h.gif) 0 0 no-repeat;
}

.checkpoint {
  margin: 20px 0 30px 30px;
  width: 420px;
  height: 220px;
  background: url(../images/illust003.png) 0 0 no-repeat;
}

.checkpoint .cktitle {
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 1px;
  color: #fff;
  text-align: center;
  height: 55px;
  line-height: 55px;
}

.checkpoint .cktext {
  padding: 25px 0 0 34px;
  font-size: 16px;
  font-weight: bold;
  line-height: 200%;
}

#clf {
  clear: both;
}

p.normal {
  margin: 20px 0 0 30px;
  width: 640px;
  font-size: 14px;
  line-height: 200%;
}

p.normal2 {
  margin: 0 0 30px 40px;
  width: 630px;
  font-size: 14px;
  line-height: 150%;
}

p.normal_top {
  margin: 20px 0 30px 40px;
  width: 630px;
  font-size: 14px;
  line-height: 150%;
}

p.boldtext {
  margin: 20px 0 30px 40px;
  width: 630px;
  font-size: 16px;
  font-weight: bold;
  line-height: 130%;
}

.box620 {
  margin: 0 0 0 30px;
  width: 640px;
}

.boxgreen {
  float: left;
  width: 320px;
  height: 180px;
  background: url(../images/illust001.png) 0 0 no-repeat;
}
.boxblue {
  float: left;
  width: 320px;
  height: 180px;
  background: url(../images/illust002.png) 0 0 no-repeat;
}

.box620 h2 {
  padding: 12px 0 0 0;
  height: 50px;
  font-size: 16px;
  line-height: 140%;
  text-align: center;
}

.boxgreen p {
  padding: 40px 0 0 0;
  font-size: 20px;
  font-weight: bold;
  color: #99cc00;
  text-align: center;
}

.boxblue p {
  padding: 40px 0 0 0;
  font-size: 20px;
  font-weight: bold;
  color: #009fe7;
  text-align: center;
}

.special1 {
  margin: 0 0 40px 40px;
  padding: 97px 212px 0 27px;
  width: 381px;
  height: 96px;
  background: url(../images/fe4_004.jpg) 0 0 no-repeat;
  line-height: 130%;
}

.special2 {
  margin: 0 0 40px 40px;
  padding: 70px 90px 0 115px;
  width: 415px;
  height: 56px;
  background: url(../images/fe4_005.jpg) 0 0 no-repeat;
  line-height: 130%;
}

h2.title {
  margin: 20px 0 10px 30px;
  font-size: 17px;
  line-height: 17px;
  color: #3366cc;
  font-weight: bold;
}


p.strong3 .left {
  float: left;
  margin: 0 40px 0 0;
}


#up4_001 {
  display: block;
  margin: 20px auto;
}

#up4_002 {
  display: block;
  float: right;
  margin: 10px 30px 10px 10px;
  width: 223px;
}

#up4_003 {
  display: block;
  float: right;
  margin: 10px 30px 10px 10px;
  width: 283px;
}

#fe4_001 {
  display: block;
  float: right;
  margin: 10px 20px 10px 10px;
  width: 238px;
}

#fe4_002 {
  display: block;
  float: right;
  margin: 10px 30px 10px 10px;
  width: 372px;
}

#fe4_003 {
  display: block;
  float: right;
  margin: 10px 30px 10px 10px;
  width: 350px;
}

#course_001 {
  display: block;
  margin: 0 auto;
  width: 626px;
}

#course_002 {
  display: block;
  float: right;
  margin: 60px 30px 10px 10px;
  width: 308px;
}

#course_003 {
  display: block;
  float: right;
  margin: 30px 30px 10px 10px;
  width: 308px;
}

span.notes {
  font-size: 12px;
}

/*---------------------------------------------------------FOOT BANNER*/


#foot_banner {
  position: relative;
  overflow: hidden;
  margin: 60px 0 0 0;
  width: 700px;
  height: 106px;
}

#foot_banner.second {
  position: relative;
  overflow: hidden;
  margin: 60px auto 0 auto;
  width: 620px;
  height: 106px;
}

#foot_banner li {
  float: left;
}

#foot_banner li.ex {
  padding: 28px 0 10px 169px;
  width: 112px;
  height: 68px;
  background: url(../images/foot_banner1.png) 0 0 no-repeat;
  font-size: 12px;
  font-weight: bold;
}

#foot_banner li.ex p {
  margin-left: -30px;
  padding: 0 0 11px 0;
  font-size: 16px;
  font-weight: normal;
}

#foot_banner li.ex2 a {
  display: block;
  padding: 24px 0 0 117px;
  width: 84px;
  height: 82px;
  background: url(../images/foot_banner1c.png) 0 0 no-repeat;
  font-size: 16px;
  font-weight: normal;
  color: #000;
  text-align: center;
  text-decoration: none;
}

#foot_banner li.req a {
  display: block;
  padding: 32px 0 0 128px;
  width: 81px;
  height: 74px;
  background: url(../images/foot_banner2c.png) 0 0 no-repeat;
  font-size: 16px;
  font-weight: normal;
  color: #000;
  text-decoration: none;
}

#foot_banner li.inq a {
  display: block;
  padding: 32px 0 0 100px;
  width: 110px;
  height: 74px;
  background: url(../images/foot_banner3c.png) 0 0 no-repeat;
  font-size: 16px;
  font-weight: normal;
  color: #000;
  text-decoration: none;
}


/*---------------------------------------------------------SIDE BANNER*/

#search,
#search2,
#search3,
#search4 {
  margin: 0 auto 20px auto;
  /*padding: 117px 0 0 65px;*/
  padding: 0;
  width: 225px;
  height: 150px;
  background: url(../images/navischool.png) 0 0 no-repeat;
}

#banner_fe4 {
  margin: 0 auto 20px auto;
  padding: 55px 0 0 0;
  width: 220px;
  height: 240px;
  background: url(../images/parts_fe4.png) 0 0 no-repeat;
  text-align: center;
  font-size: 13px;
  font-weight: bold;
}
#banner_fe4 p {
  width: 220px;
  height: 29px;
}
#banner_fe4 wrap {
  position: relative;
  overflow: hidden;
  margin: 0 14px;
  width: 192px;
  height: 192px;
}
#banner_fe4 wrap .sidebanner {
  display: block;
  float: left;
  width: 96px;
  height: 96px;
  text-decoration: none;
}

#banner_up4 {
  display: block;
  margin: 0 auto 20px auto;
  padding: 55px 0 0 0;
  width: 220px;
  height: 240px;
  background: url(../images/parts_up4.png) 0 0 no-repeat;
  text-align: center;
  font-size: 13px;
  font-weight: bold;
}
#banner_up4 p {
  width: 220px;
  height: 29px;
}
#banner_up4 wrap {
  position: relative;
  overflow: hidden;
  margin: 0 14px;
  width: 192px;
  height: 192px;
}
#banner_up4 wrap .sidebanner {
  display: block;
  float: left;
  width: 96px;
  height: 96px;
}

#banner_course {
  margin: 0 auto 20px auto;
  padding: 55px 0 0 0;
  width: 220px;
  height: 265px;
  background: url(../images/parts_course.png) 0 0 no-repeat;
  text-align: center;
  font-size: 13px;
  font-weight: bold;
}
#banner_course p {
  width: 220px;
  height: 30px;
}
#banner_course .sidebanner {
  display: block;
  margin: 0 0 10px 0;
  width: 220px;
  height: 65px;
}




/*---------------------------------------------------------SCHOOL*/

/*
#school {
  background: #fff url(../images/school_bk.jpg) center 71px repeat-x;
}

#main.schooltop {
  height: 575px;
  background: url(../images/classroom_top_main.jpg) center bottom no-repeat;
}

#main.schooltop.sub {
  height: 346px;
  background: url(../images/classroom_common_main.jpg) center bottom no-repeat;
}*/
#main.schooltop.sub.gm {
  height: 346px;
  background: url(../images/gm_main.jpg) center bottom no-repeat;
}
#main.schooltop.sub.gm.top {
  height: 346px;
  background: url(../images/gm_main2.jpg) center bottom no-repeat;
}

#global_menu.school {
  height: 34px;
  background: url(../images/shadow_u940.png) center bottom no-repeat;
}

#main.schooltop h1 {
  padding: 20px 0 0 5px;
  height: 30px;
  line-height: 24px;
  font-size: 24px;
  font-weight: bold;
}
#scad {
  padding-left: 5px;
  line-height: 30px;
  font-size: 12px;
  font-weight: normal;
}

#school_main {
  position: relative;
  overflow: hidden;
  margin-top: 8px;
  width: 940px;
  height: 466px;
}
#school_main.sub {
  height: 237px;
}

#school_main .left {
  float: left;
  width: 711px;
  height: 466px;
}
#school_main.sub .left {
  height: 237px;
}

#PR_base {
  padding: 8px 251px 0 8px;
  width: 452px;
  height: 221px;
  font-size: 12px;
  font-weight: normal;
  line-height: 120%;
  color: #275EAA;
}

#PR_base2 {
  padding: 8px 0 0 8px;
  width: 703px;
  height: 221px;
  font-size: 12px;
  font-weight: normal;
  line-height: 120%;
  color: #275EAA;
}
#PR_base2 .leftside  {
  float: left;
  width: 452px;
  height: 221px;
}
#comment_navi {
  float: left;
  width: 251px;
  height: 221px;
  background: url(../images/comment_button.png) 16px 124px no-repeat;
}
#comment_navi a {
  display: block;
  margin: 126px 0 0 19px;
  padding: 13px 8px 0 21px;
  font-size: 24px;
  line-height: 110%;
  font-weight: bold;
  color: white;
  text-decoration: none;
}

#extitle {
  padding: 21px 0 0 21px;
  width: 431px;
  height: 56px;
  font-size: 18px;
  line-height: 120%;
  font-weight: bold;
  color: #102B50;
}

#exmerit {
  float: left;
  width: 280px;
  height: 144px;
}
#exmerit h3 {
  margin: 16px 0 10px 20px;
  font-weight: bold;
  font-size: 14px;
  color: #800040;
}
#exmerit li {
  margin: 4px 3px 0 23px;
  font-weight: normal;
  font-size: 11px;
  color: #0033ff;
}
#exmerit li.notice {
  color: #800040;
}

#exbutton {
  float: left;
  width: 172px;
  height: 144px;
}
#exbutton a {
  display: block;
  margin: 26px 0 0 0;
  padding: 16px 0 0 18px;
  width: 154px;
  height: 99px;
  font-size: 16px;
  line-height: 120%;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  background: url(../images/classroom_button.png) 0 0 no-repeat;
}
#exbutton a:link     { color: #fff; text-decoration: none; }
#exbutton a:visited { color: #fff; text-decoration: none; }
#exbutton a:hover    { color: #ff8040; text-decoration: none; }

#s_access {
  float: left;
  padding: 9px;
  width: 219px;
  height: 219px;
}

#s_access dt {
  display: block;
  margin: 7px 0 5px 0;
  padding: 4px 0 0 10px;
  width: 70px;
  height: 15px;
  line-height: 12px;
  font-size: 12px;
  letter-spacing: 3px;
  color: #fff;
  background: url(../images/opa_black30.png);
}

#s_access dt.prof {
  margin: 7px 0 10px -9px;
  padding: 4px 4px 0 10px;
  width: 150px;
}

#s_access dd {
  margin: 0 5px 5px 10px;
  line-height: 130%;
  font-size: 11px;
  color: #fff;
}

#s_access.banner dd {
  color: #333;
}

#s_access dl h5 {
  margin: 5px 0 5px -5px;
  font-weight: bold;
  color: #000;
}
#s_access dl p {
  margin: 2px 0 12px 0;
}



#schoolaccess {
  overflow: auto;
  padding-right: 2px;
  height: 107px;
}


#s_gmap {
  float: left;
  padding: 8px 8px 8px 1px;
  width: 235px;
  height: 219px;
}
#igmap {
  width: 235px;
  height: 219px;
}
#s_spec {
  float: left;
  padding: 9px 9px 9px 2px;
  width: 219px;
  height: 219px;
}
#s_spec dt {
  display: block;
  margin: 7px 0 10px 0;
  padding: 5px 0 0 10px;
  width: 70px;
  height: 15px;
  line-height: 12px;
  font-size: 12px;
  letter-spacing: 3px;
  color: #fff;
  background: url(../images/opa_black30.png);
}

#s_spec dd {
  margin: 0 0 0 10px;
  line-height: 120%;
  font-size: 11px;
  color: #fff;
}

#s_spec #school_tel {
  margin: 20px 8px 8px 8px;
  padding: 10px 5px;
  border: 2px solid #fff;
  width: 185px;
  color: #fff;
  text-align: center;
  font-weight: bold;
  background-color: #0089B2;
}
#s_spec #school_tel h4 {
  margin-bottom: 10px;
  font-size: 15px;
  line-height: 15px;
}
#s_spec #school_tel .telnum {
  font-size: 22px;
  line-height: 22px;
}




#school_main .right {
  float: right;
  width: 229px;
  height: 466px;
}
#school_main.sub .right {
  height: 237px;
}


#s_ad a {
  display: block;
  padding: 210px 10px 0 10px;
  font-weight: bold;
  background: url(../images/kakikoshu.png) center 10px no-repeat;
}

#s_new .title {
  margin: 15px 0 10px 0;
  padding: 5px 0 0 10px;
  width: 70px;
  height: 15px;
  line-height: 12px;
  font-size: 12px;
  letter-spacing: 3px;
  color: #fff;
  background: url(../images/opa_black30.png);
}

#s_new .newcomer {
  margin: 10px 5px 10px 10px; 
  height: 50px;
  font-size: 10px;
}

img.fleft {
  float: left;
  margin-right: 7px;
}

#s_new .newcomer .date {
  color: #3399cc;
}
#s_new .newcomer .description {
  font-size: 10px;
}



#school_menu {
  position: relative;
  overflow: hidden;
  margin: 0 auto 30px auto;
  width: 940px;
  height: 100px;
  background: url(../images/shadow_u940.png) center bottom no-repeat;
}

#school_menu .school_menu {
  position: relative;
  overflow: hidden;
  width: 940px;
  text-align: center;
}

#school_menu .school_menu li {
  display: -moz-inline-box;
  display: inline-block;
  /display: inline;
  /zoom: 1;
  padding: 2px 0 10px 0;
  font-size: 14px;
  font-weight: normal;
  color: #333;
  text-align: center;
  vertical-align: bottom;
}

#school_menu .school_menu li a {
  display: block;
  padding-top: 70px;
  width: 100px;
  height: 25px;
  font-weight: bold;
}

#school_menu .school_menu li a.top {
  background: url(../images/gdisk40_07.png) center 20px no-repeat;
}
#school_menu .school_menu li a.cf {
  background: url(../images/gdisk40_08.png) center 20px no-repeat;
}
#school_menu .school_menu li a.te {
  background: url(../images/gdisk40_09.png) center 20px no-repeat;
}
#school_menu .school_menu li a.st {
  background: url(../images/gdisk40_10.png) center 20px no-repeat;
}
#school_menu .school_menu li a.ac {
  background: url(../images/gdisk40_11.png) center 20px no-repeat;
}
#school_menu .school_menu li a.ne {
  background: url(../images/gdisk40_13.png) center 20px no-repeat;
}

#school_menu .school_menu li a.seiseki {
  background: url(../images/gdisk40_01.png) center 20px no-repeat;
  font-size: 12px;
}
#school_menu .school_menu li a.benkyo {
  background: url(../images/gdisk40_02.png) center 20px no-repeat;
  font-size: 12px;
}
#school_menu .school_menu li a.test {
  background: url(../images/gdisk40_03.png) center 20px no-repeat;
  font-size: 12px;
}
#school_menu .school_menu li a.jishu {
  background: url(../images/gdisk40_04.png) center 20px no-repeat;
  font-size: 12px;
}
#school_menu .school_menu li a.gokaku {
  background: url(../images/gdisk40_05.png) center 20px no-repeat;
  font-size: 12px;
}
#school_menu .school_menu li a.sonota {
  background: url(../images/gdisk40_06.png) center 20px no-repeat;
  font-size: 12px;
}


#school_menu .school_menu li a.aboutthis {
  background: url(../images/gdisk40_05.png) center 20px no-repeat;
  font-size: 12px;
}
#school_menu .school_menu li a.howto {
  background: url(../images/gdisk40_06.png) center 20px no-repeat;
  font-size: 12px;
}
#school_menu .school_menu li a.own {
  background: url(../images/gdisk40_02.png) center 20px no-repeat;
  font-size: 12px;
}
#school_menu .school_menu li a.education {
  background: url(../images/gdisk40_04.png) center 20px no-repeat;
  font-size: 12px;
}


#contents .left.schoolin {
  background: url(../images/line_v.gif) 25px 0 repeat-y;
}

#contents .left.schoolin .sblog_right {
  float: right;
  margin: 10px 20px 10px 10px;
}

h1.schoolin,
h2.schoolin {
  padding: 17px 0 0 60px;
  width: 630px;
  height: 33px;
  line-height: 20px;
  font-size: 20px;
  font-weight: bold;
  background: url(../images/gdisk40_07.png) 0 center no-repeat;
}

h2.entry {
  padding: 17px 0 0 60px;
  width: 630px;
  height: 33px;
  line-height: 20px;
  font-size: 20px;
  font-weight: bold;
  background: url(../images/gdisk40_12.png) 0 center no-repeat;
  color: #db5700;
}
h2.entry.cf {
  background: url(../images/gdisk40_08.png) 0 center no-repeat;
}
h2.entry.te {
  background: url(../images/gdisk40_09.png) 0 center no-repeat;
}
h2.entry.st {
  background: url(../images/gdisk40_10.png) 0 center no-repeat;
}
h2.entry.ac {
  background: url(../images/gdisk40_11.png) 0 center no-repeat;
}
h2.entry.ne {
  background: url(../images/gdisk40_13.png) 0 center no-repeat;
}

h2.entry.seiseki {
  background: url(../images/gdisk40_01.png) 0 center no-repeat;
}
h2.entry.benkyo {
  background: url(../images/gdisk40_02.png) 0 center no-repeat;
}
h2.entry.test {
  background: url(../images/gdisk40_03.png) 0 center no-repeat;
}
h2.entry.jishu {
  background: url(../images/gdisk40_04.png) 0 center no-repeat;
}
h2.entry.gokaku {
  background: url(../images/gdisk40_05.png) 0 center no-repeat;
}
h2.entry.sonota {
  background: url(../images/gdisk40_06.png) 0 center no-repeat;
}

h2.entry.aboutthis {
  background: url(../images/gdisk40_05.png) 0 center no-repeat;
}
h2.entry.howto {
  background: url(../images/gdisk40_06.png) 0 center no-repeat;
}
h2.entry.own {
  background: url(../images/gdisk40_02.png) 0 center no-repeat;
}
h2.entry.education {
  background: url(../images/gdisk40_04.png) 0 center no-repeat;
}

h3.entrytitle {
  padding: 17px 0 0 50px;
  width: 640px;
  height: 26px;
  line-height: 16px;
  font-size: 16px;
  font-weight: bold;
  background: url(../images/gdisk14_12.png) 11px center no-repeat;
}
h3.entrytitle.top {
  width: 400px;
  background: url(../images/gdisk14_07.png) 11px center no-repeat;
  margin-bottom: -10px;
}
h3.entrytitle.cf {
  background: url(../images/gdisk14_08.png) 11px center no-repeat;
}
h3.entrytitle.te {
  background: url(../images/gdisk14_09.png) 11px center no-repeat;
}
h3.entrytitle.st {
  background: url(../images/gdisk14_10.png) 11px center no-repeat;
}
h3.entrytitle.ac {
  background: url(../images/gdisk14_11.png) 11px center no-repeat;
}
h3.entrytitle.ac .byline {
  font-size:12px;
  font-weight: normal;
}
h3.entrytitle.ac .byline .vcard {
  font-size:16px;
  font-weight: bold;
}
h3.entrytitle.ac .byline .published {
  font-family: "Trebuchet MS";
  color: #8080c0;
}
h3.entrytitle.ne {
  background: url(../images/gdisk14_13.png) 11px center no-repeat;
}

.pagenate {
  margin: 20px;
}

.pagenate ul {
  text-align: center;
}

.pagenate ul li {  
  margin: 0 2px;
  min-width: 12px;
  text-align: center;
  color: #0000ff;
  font-weight: bold;
  display: inline-block;
  *display: inline;
  *zoom: 1;
} 

.pagenate ul li a {
  display: block;
  margin: 0;
  padding: 5px;
  border: 1px solid #ccc;
  min-width: 12px;
  text-align: center;
  color: #555;
  font-weight: normal;
  text-decoration: none;
} 

.pagenate ul li a.link_before,
.pagenate ul li a.link_next {
  color: #333;
  font-weight: bold;
  text-decoration: none;
  background-color: #ede9f8;
} 

h2.entrytitle.te {
  padding: 17px 0 0 50px;
  width: 640px;
  height: 26px;
  line-height: 16px;
  font-size: 16px;
  font-weight: bold;
  background: url(../images/gdisk14_08.png) 11px center no-repeat;
}

h2.comments-header {
 margin: 0 0 0 40px;
}

#comments-form {
  margin: 0 40px 30px 50px;
}

#comment-form-name .notice {
  font-size: 10px;
  color: #cc0000;
}

#comment-form-email label {
  padding-right: 20px;
}

#comments-open-footer {
  padding-left: 60px;
}

#comments-open-text label {
  padding-right: 6px;
}

#comment-text {
  vertical-align: top;
}


h3.entrytitle.seiseki {
  background: url(../images/gdisk14_01.png) 11px center no-repeat;
}
h3.entrytitle.benkyo {
  background: url(../images/gdisk14_02.png) 11px center no-repeat;
}
h3.entrytitle.test {
  background: url(../images/gdisk14_03.png) 11px center no-repeat;
}
h3.entrytitle.jishu {
  background: url(../images/gdisk14_04.png) 11px center no-repeat;
}
h3.entrytitle.gokaku {
  background: url(../images/gdisk14_05.png) 11px center no-repeat;
}
h3.entrytitle.sonota {
  background: url(../images/gdisk14_06.png) 11px center no-repeat;
}

h3.entrytitle.aboutthis {
  background: url(../images/gdisk14_05.png) 11px center no-repeat;
}
h3.entrytitle.howto {
  background: url(../images/gdisk14_06.png) 11px center no-repeat;
}
h3.entrytitle.own {
  background: url(../images/gdisk14_02.png) 11px center no-repeat;
}
h3.entrytitle.education {
  background: url(../images/gdisk14_04.png) 11px center no-repeat;
}

#postinfo {
  padding: 0 0 10px 50px;
  font-size: 10px;
  color: #aaa;
}
#postinfo span {
  padding-right: 15px;
}

/*
#postinfo span.author {
  display: none;
}
*/

.bg_normal {
  margin: 10px 30px 30px 60px;
  font-size: 12px;
  line-height: 160%;
}
.bg_normal2 {
  margin: 0 50px -10px 60px;
  padding: 0 0 10px 0;
  font-size: 12px;
  line-height: 160%;
  border-bottom: 1px dotted #aaa;
}

img.bgimg {
  margin: 0; 
}

#spec {
  width: 218px;
  margin: 30px 0;
}
#spec th {
  width: 20%;
  border: 1px solid #e2e2e2;
  padding: 12px 5px;
  background-color: #f2f2f2;
  font-size: 12px;
  color: #333;
  white-space: nowrap;
}
#spec td {
  width: 80%;
  padding: 12px 5px;
  border: 1px solid #e2e2e2;
  background-color: #f7f7f7;
  font-size: 10px;
  color: #666;
}
#spec .tight {
  padding: 12px 2px;
  text-align: center;
}

a.assetposition {
  display: block;
  float: right;
  padding: 10px 30px 10px 20px;
}

#spec td .yktb {
  width: 100%;
}
#spec td .yktb th {
  width: 20%;
  font-size: 10px;
  color: #000;
}
#spec td .yktb td {
  width: 80%;
  padding-left: 10px;
  font-size: 12px;
  color: #555;
}


#spec.new {
  margin: 20px 0;
}
#spec.new th {
  border: 1px solid #93d1ff;
  padding: 5px 2px;
  background-color: #c8e8ff;
  font-size: 12px;
  color: #333;
  white-space: nowrap;
  vertical-align: middle;
}
#spec.new.tokuten th.title {
  font-weight: bold;
  color: #880000;
}

#spec.new td {
  padding: 5px 5px;
  border: 1px solid #93d1ff;
  background-color: #e8f5ff;
  font-size: 12px;
  color: #666;
  vertical-align: middle;
  line-height: 150%;
}
#spec.new.jukoryo td {
  font-size: 10px;
  text-align: center;
}

#spec.new .tight {
  padding: 12px 2px;
  text-align: center;
}

#spec.new caption {
  margin: 0 0 3px 0;
  padding-left: 3px;
  border-left: 7px solid #173D71;
  color: #173D71;
  text-align: left;
  font-weight: bold;
}


/*---------------------------------------------------------PREF*/


#main.pref {
  height: 470px;
  background: url(../images/shadow_map.png) left bottom no-repeat;
}

#global_menu.pref {
  height: 43px;
}

#pref_main {
  overflow: hidden;
  width: 940px;
  height: 400px;
}

#pref_main .left {
  float: left;
  width: 711px;
  height: 400px;
}

#gmap {
  width: 700px;
  height: 400px;
}

#pref_main .right {
  float: right;
  width: 229px;
  height: 400px;
}

#pref_main .right .othertitle {
  padding-top: 190px;
  width: 220px;
  height: 60px;
  font-weight: bold;
  text-align: center;
  background: url(../images/mapside.png) center center no-repeat;
}


h1.schoolflat,
h2.schoolflat {
  padding: 17px 0 0 65px;
  width: 625px;
  height: 33px;
  line-height: 18px;
  font-size: 18px;
  font-weight: bold;
  background: url(../images/hr10.png) left center no-repeat;
}
h2.schoolflat {
  padding: 17px 0 20px 65px;
}

#preflist {
  position: relative;
  overflow: hidden;
  margin: -10px 0 50px 0;
}

#preflist li {
  float: left;
  margin: 0 -1px -1px 0;
  padding: 0;
  width: 140px;
  height: 70px;
  line-height: 100%;
  text-align: left;
  background: url(../images/list_border.gif) 0 0 no-repeat;
}

#preflist li.first a {
  display: block;
  padding: 20px 0 0 0;
  width: 140px;
  height: 50px;
  font-size: 14px;
  line-height: 18px;
  font-weight: bold;
  text-align: center;
}
#preflist li.first a:link    { color: #005980; text-decoration: none; }
#preflist li.first a:visited { color: #005980; text-decoration: none; }
#preflist li.first a:hover   { color: #ff8040; text-decoration: underline; }


#preflist li div {
  padding: 14px 0 0 9px;
}

#preflist li .name_index {
  padding-right: 8px;
  font-size: 16px;
  font-weight: bold;
  color: #f3c50c;
}

#preflist li .schoolname {
  font-size: 14px;
  font-weight: bold;
}
#preflist li a:link.schoolname    { color: #333; text-decoration: none; }
#preflist li a:visited.schoolname { color: #333; text-decoration: none; }
#preflist li a:hover.schoolname   { color: #ff8040; text-decoration: underline; }

#preflist li .schooldetail {
  display: block;
  margin: 5px 18px 5px 0;
  font-size: 11px;
  font-weight: normal;
  text-align: right;
}
#preflist li a:link.schooldetail    { color: #669900; text-decoration: none; }
#preflist li a:visited.schooldetail { color: #669900; text-decoration: none; }
#preflist li a:hover.schooldetail   { color: #ff8040; text-decoration: underline; }

#preflist li .schoolapplication {
  display: block;
  margin: 0 18px 0 0;
  font-size: 11px;
  font-weight: normal;
  text-align: right;
}
#preflist li a:link.schoolapplication    { color: #0066ff; text-decoration: none; }
#preflist li a:visited.schoolapplication { color: #0066ff; text-decoration: none; }
#preflist li a:hover.schoolapplication   { color: #0066ff; text-decoration: underline; }

.infoindex {
  padding-left: 20px;
  padding-right: 5px;
  line-height: 25px;
  font-size: 14px;
  font-weight: bold;
  color: #f3c50c;
}

.infotitle {
  display: inline-block;
  line-height: 25px;
  font-size: 14px;
  font-weight: bold;
}

.infolist {
  margin: 5px 30px 15px 50px;
  font-size: 11px;
  line-height: 15px;
}

.infolist dt {
  margin: 1px 0 0 0;
  width:300px;
  font-weight: bold;
  text-align: left;
}
.infolist dd {
  margin: 1px 0 4px 0;
  padding: 0 5px 5px 10px;
  width:620px;
  font-weight: normal;
  background: url(../images/line_h.gif) left bottom no-repeat;
}


/*---------------------------------------------------------GMAP INFO*/

.info-data {
  margin: 5px;
  font-size: 10px;
  font-weight: normal;
  color: #555;
}

.info-data h3 {
  margin: 0 0 5px 0;
  font-size: 14px;
  font-weight: bold;
  color: navy;
}

.info-data .info-link {
  display: block;
  margin: 5px 0 0 5px;
  font-size: 11px;
  font-weight: normal;
  text-decoration: none;
}

/*---------------------------------------------------------CONTACT*/

#main.contact {
  height: 249px;
  background: url(../images/shadow_180_2.png) 0 50px no-repeat;
}

#global_menu.contact {
  height: 41px;
}

#contact_main {
  position: relative;
  overflow: hidden;
  width: 940px;
  height: 180px;
  background: url(../images/contact_main.png) 0 0 no-repeat;
}
#seikyu_main {
  position: relative;
  overflow: hidden;
  width: 940px;
  height: 180px;
  background: url(../images/seikyu_main.png) 0 0 no-repeat;
}
#taiken_main {
  position: relative;
  overflow: hidden;
  width: 940px;
  height: 180px;
  background: url(../images/taiken_main.png) 0 0 no-repeat;
}
#jukou_main {
  position: relative;
  overflow: hidden;
  width: 940px;
  height: 180px;
  background: url(../images/jukou_main.png) 0 0 no-repeat;
}


h1.contactflat {
  padding: 17px 0 0 65px;
  width: 625px;
  height: 33px;
  line-height: 18px;
  font-size: 18px;
  font-weight: bold;
  background: url(../images/hr08.png) left center no-repeat;
}
h1.seikyuflat {
  padding: 17px 0 0 65px;
  width: 625px;
  height: 33px;
  line-height: 18px;
  font-size: 18px;
  font-weight: bold;
  background: url(../images/hr07.png) left center no-repeat;
}
h1.taikenflat {
  padding: 17px 0 0 65px;
  width: 625px;
  height: 33px;
  line-height: 18px;
  font-size: 18px;
  font-weight: bold;
  background: url(../images/hr06.png) left center no-repeat;
}
h1.taikenflat .exformL {
  font-size: 24px;
  font-weight: bold;
  color: #ff0000;
}

select#school {
  font-size: 16px;
  font-weight: bold;
  color: #ff0000;
}


#contactform {
  margin: 0 auto;
  width: 620px;
}

.zeromail td {
  padding: 8px 5px!important;
}

.zeromail tbody th {
width: 25%;
padding: 0!important;
vertical-align: middle;
}

#contactform .privacy {
  overflow: auto;
  border: 1px solid #ccc;
  margin: 5px auto 10px auto;
  padding: 5px;
  width: 400px;
  height: 100px;
  font-size: 11px;
  color: #555;
}

.innertxt {
  padding: 5px 20px;
}

#pp {
  margin: 3px 0 5px 50px;
}

/*---------------------------------------------------------VOICE*/

#main.voice {
  height: 329px;
  background: url(../images/base_260.gif) center 50px no-repeat;
}

#global_menu.voice {
  height: 41px;
}

#voice_main {
  position: relative;
  overflow: hidden;
  width: 940px;
  height: 260px;
}

#voice_main li {
  float: left;
  padding: 5px 0 0 5px;
  width: 80px;
  height: 80px;
}

#voice_main .latests_none {
  border: 1px solid #fff;
  width: 78px;
  height: 78px;
}
#voice_main .latests_none a {
  display: block;
  overflow: hidden;
  width: 78px;
  height: 78px;
  text-decoration: none;
}

#contents .leftvoice {
  float: left;
  width: 435px;
}

#voice_main .voicetitle {
  padding: 5px 0 0 5px;
  width: 250px;
  height: 80px;
  background: url(../images/st_title.jpg) right bottom no-repeat;
}
#voice_main .voicetitle h1 {
  padding: 30px 0 0 87px;
  font-size: 26px;
  font-weight: bold;
  color: #102B50;
}

#catlist {
  float: left;
  padding: 70px 20px 0 0;
  width: 260px;
}

#catlist ul {
  overflow: hidden;
  width: 260px;
  padding-bottom: 5px;
}

#catlist li {
  float: left;
  padding: 5px 0 0 5px;
  width: 80px;
  height: 80px;
}

#catlist .latests {
  border: 1px solid #fff;
  width: 78px;
  height: 78px;
}
#catlist .latests a {
  display: block;
  overflow: hidden;
  padding: 55px 2px 2px 5px;
  width: 71px;
  height: 21px;
  background: url(../images/opa8040.png) 0 53px no-repeat;
  font-size: 8px;
  line-height: 10px;
  color: #ccc;
}
#catlist .latests a:link    { color: #ccc; text-decoration: none; }
#catlist .latests a:visited { color: #ccc; text-decoration: none; }
#catlist .latests a:hover   { color: #fff; text-decoration: none; border: 1px solid #ff0000; }

.leftvoice .bg_normal {
  margin: 10px 10px 20px 60px;
  font-size: 12px;
  line-height: 150%;
}

.leftvoice img.bgimg {
  margin: 0 10px 60px 60px; 
}


#nNAVI_handle,
#nNAVI_handle2 {
  margin: 10px 0;
  padding: 0;
  text-align: center;
}


/*---------------------------------------------------------TEACHER*/

#main.teacher {
  height: 339px;
  background: url(../images/shadow_270.png) 0 50px no-repeat;
}

#main.teacher #global_menu.top,
#main.teacher #global_menu.teacher {
  height: 41px;
}

#teacher_main {
  position: relative;
  overflow: hidden;
  width: 940px;
  height: 270px;
  background: url(../images/about_main.jpg) 0 0 no-repeat;
}

#prefall_main {
  position: relative;
  overflow: hidden;
  width: 940px;
  height: 270px;
  background: url(../images/270.gif) 0 0 no-repeat;
}

#te_points {
  margin: 10px auto 30px auto;
  width: 660px;
}

#te_points li {
  margin: 0 0 10px 0;
  padding: 18px 0 0 162px;
  width: 498px;
  height: 32px;
  font-size: 14px;
  line-height: 14px;
  font-weight: bold;
  color: #000088;
}
#te_points .p1 {
  background: url(../images/point1.png) 0 0 no-repeat;
}
#te_points .p2 {
  background: url(../images/point2.png) 0 0 no-repeat;
}
#te_points .p3 {
  background: url(../images/point3.png) 0 0 no-repeat;
}

img.te_right {
  float: right;
  margin: 0 30px 40px 10px;
}


/*------------------------------------------------------------Archive Menu */

h4.nNAVI_section {
  margin: 25px 0 15px 0;
  padding: 0 0 3px 0;
  font-size: 16px;
  font-weight: bold;
  background: url(../images/line_h.gif) left bottom no-repeat;
}

h4.nNAVI_section.hiyo {
  border: 3px double white;
  margin: 15px 0 5px 0;
  padding: 10px 10px 8px 10px;
  color: #fff;
  background-color: #173d71;
  background-image: none;
}

#nNAVI_archiveas ul.root {
  margin: 0 0 20px 5px;
}

#nNAVI_archiveas ul.root li {
  margin: 0 0 7px 0;
  padding: 0 0 0 10px;
  background: url(../images/green_tri.gif) 2px 4px no-repeat;
}
#nNAVI_archiveas ul.root li.current {
  background: url(../images/green_trid.gif) 0px 6px no-repeat;
}

#nNAVI_archiveas ul.root li a:link    { text-decoration: none; }
#nNAVI_archiveas ul.root li a:visited { text-decoration: none; }
#nNAVI_archiveas ul.root li a:hover   { text-decoration: underline; }

#nNAVI_archiveas ul.root li.current a:link    { color: #e99121; text-decoration: none; }
#nNAVI_archiveas ul.root li.current a:visited { color: #e99121; text-decoration: none; }
#nNAVI_archiveas ul.root li.current a:hover   { color: #99cc00; text-decoration: underline; }

#nNAVI_archiveas ul.root li ul.branch {
  margin: 7px 0 13px -3px;
}

#nNAVI_archiveas ul.root li ul.branch li {
  margin: 0 0 5px 0;
  padding: 0 0 0 8px;
  background: url(../images/semiwhite_tri.gif) 2px 4px no-repeat;
}

#nNAVI_archiveas ul.root li.current ul.branch li a:link    { color: #777; text-decoration: none; }
#nNAVI_archiveas ul.root li.current ul.branch li a:visited { color: #777; text-decoration: none; }
#nNAVI_archiveas ul.root li.current ul.branch li a:hover   { color: #99cc00; text-decoration: underline; }


#topic_table {
 margin: 0 auto;
 width: 300px;
 font-size: 14px;
 color: #3c281c;
 font-weight: bold;
}

#topic_table tr.a01 {
 background-color: #e6c69f;
}
#topic_table tr.a02 {
 background-color: #f2ecc1;
}

#topic_table th,
#topic_table td {
 border: 1px solid white;
 padding: 3px 10px;
 text-align: center;
}

#topic_table th {
 color: black;
}

#tel_text  { color: #666; text-decoration: none; }

div.gakku {
  float: left;
  padding: 5px 0 20px 0;
}

div.gakku .gakku_contents {
  border: 5px solid #d3ecff;
  margin: 5px 0 0 40px;
  padding: 10px;
  width: 380px;
  line-height: 150%;
  background-color: #ecf6ff;
}

#comments.comments p {
  margin: 50px 0 30px 160px;
  font-size: 24px;
  color: #0055ff;
}

#taiken_img {
  width: 520px;
  margin: 5px 0 0 15px;
  overflow: hidden;
}

#taiken_img .waku {
  float: left;
  width: 104px;
  height: 120px;
}


#taiken_img .waku a {
  display: block;
  width:80px;
  padding-top: 83px;
  font-size: 11px;
  line-height: 12px;
  text-decoration: none;
}

#taiken_img .waku a.no1{
  background: url(http://www.navi-school.com/images/taiken1-80x80.jpg) 0 0 no-repeat;
}

#taiken_img .waku a.no2{
  background: url(http://www.navi-school.com/images/taiken2_80%C3%9780.jpg) 0 0 no-repeat;
}
  
#taiken_img .waku a.no3{
  background: url(http://www.navi-school.com/images/IMG_6670-thumb-80x80-5838.jpg) 0 0 no-repeat; 
}

#taiken_img .waku a.no4{
  background: url(http://www.navi-school.com/images/post_30.jpg) 0 0 no-repeat; 
}

#taiken_img .waku a.no5{
  background: url(http://www.navi-school.com/images/1000085_r2.jpg) 0 0 no-repeat;
}

#taiken_img .waku a.no6{
  background: url(http://www.navi-school.com/images/post_32.jpg) 0 0 no-repeat; 
}

#taiken_img .waku a.no7{
  background: url(http://www.navi-school.com/images/2012011815340000-thumb-80x80-5354.jpg) 0 0 no-repeat; 
}

#taiken_img .waku a.no8{
  background: url(http://www.navi-school.com/images/seta_1101.gif) 0 0 no-repeat; 
}

#taiken_img .waku a.no9{
  background: url(http://www.navi-school.com/images/2012011815340000-thumb-80x80-5354.jpg) 0 0 no-repeat; 
}

#taiken_img .waku a.no10{
  background: url(http://www.navi-school.com/images/NAVI-imoto-thumb-80x80-6441.jpg) 0 0 no-repeat; 
}

#taiken_img .waku a.no11{
  background: url(http://www.navi-school.com/images/NEC_1103-thumb-80x80-6492.jpg) 0 0 no-repeat; 
}

#taiken_img .waku a.no12{
  background: url(http://www.navi-school.com/images/NAVI-imoto-thumb-80x80-6441.jpg) 0 0 no-repeat; 
}

#taiken_img .waku a.no13{
  background: url(http://www.navi-school.com/images/post_1.jpg) 0 0 no-repeat; 
}

#taiken_img .waku a.no14{
  background: url(http://www.navi-school.com/images/post_80.jpg) 0 0 no-repeat; 
}

#taiken_img .waku a.no15{
  background: url(http://www.navi-school.com/images/post_81.jpg) 0 0 no-repeat; 
}


#taiken_img .waku a.no16{
  background: url(http://www.navi-school.com/images/thumb-80x80-5258.jpg) 0 0 no-repeat; 
}

#taiken_img .waku a.no17{
  background: url(http://www.navi-school.com/images/2013-01-12-17-22-18_deco-thumb-80x80-7928.jpg) 0 0 no-repeat; 
}

#taiken_img .waku a.no18{
  background: url(http://www.navi-school.com/images/jugyo007-thumb-80x80-7942.jpg) 0 0 no-repeat; 
}

#taiken_img .waku a.no19{
  background: url(http://www.navi-school.com/images/matsumotominami_thumb-80x80-5584.jpg) 0 0 no-repeat; 
}

#taiken_img .waku a.no20{
  background: url(http://www.navi-school.com/images/koufusyouwa_thumb-80x80-5258.jpg) 0 0 no-repeat; 
}

#taiken_img .waku a.no21{
  background: url(http://www.navi-school.com/images/nagano-thumb-80x80-9665) 0 0 no-repeat; 
}

#taiken_img .waku a.no22{
  background: url(http://www.navi-school.com/images/k_maika-thumb-80x80-9916) 0 0 no-repeat; 
}

#taiken_img .waku a.no23{
  background: url(http://www.navi-school.com/images/a_jugyo015-thumb-250xauto-9561.jpg) 0 0 no-repeat; 
}

#taiken_img .waku a.no24{
  background: url(http://www.navi-school.com/images/Tulips-thumb-80x80-9470.jpg) 0 0 no-repeat; 
}

#taiken_img .waku a.no25{
  background: url(http://www.navi-school.com/images/jugyo015-thumb-250xauto-9561.jpg) 0 0 no-repeat; 
}

#taiken_img .waku a.no26{
  background: url(http://www.navi-school.com/images/2011092817040000-thumb-80x80-1792.jpg) 0 0 no-repeat; 
}

#taiken_img .waku a.no27{
  background: url(http://www.navi-school.com/images/IMG_5122-thumb-80x80-11132.jpg) 0 0 no-repeat; 
}

#taiken_img .waku a.no28{
  background: url(http://www.navi-school.com/images/SH3H0169-thumb-80x80-11603.jpg) 0 0 no-repeat; 
}

#taiken_img .waku a.no29{
  background: url(http://www.navi-school.com/images/Flowers-sumire-thumb-80x80-8368.jpg) 0 0 no-repeat; 
}

#taiken_img .waku a.no30{
  background: url(http://www.navi-school.com/images/SH3H0187-thumb-80x80-12353.jpg) 0 0 no-repeat; 
}

#taiken_img .waku a.no31{
  background: url(http://www.navi-school.com/images/wataamenavi-thumb-80x80-12639.jpg) 0 0 no-repeat; 
}

#taiken_img .waku a.no32{
  background: url(http://www.navi-school.com/images/2013-03-21_14.17.50-1-thumb-80x80-11340.jpg) 0 0 no-repeat; 
}


/*------------------------------------------ yokomine*/

#yk_main {
  width: 940px;
  height: 290px;
  background: url(http://www.navi-school.com/images/yk_main.jpg) center bottom no-repeat; 
}
#yk_taidan_main {
  width: 940px;
  height: 290px;
  background: url(http://www.navi-school.com/images/yk_taidan_main.jpg) center bottom no-repeat; 
}
#yk_main.sub {
  background: url(http://www.navi-school.com/images/yk_sub1.jpg) center bottom no-repeat; 
}
#yk_main_sdw {
  width: 940px;
  height: 30px;
  background: url(http://www.navi-school.com/images/yk_main_sdw.png) center top no-repeat; 
}

#main.yktop,
#main.yksub {
  margin-bottom: -40px;
}

#main.yktop h1,
#main.yksub h1 {
  padding: 20px 0 0 5px;
  height: 30px;
  line-height: 24px;
  font-size: 24px;
  font-weight: bold;
}

#contents #s_new {
  overflow: hidden;
  padding: 0 5px 5px 0;
  background: url(../images/classroom_top_main.jpg) right center no-repeat;
}

#contents #s_new .description {
  margin: 2px 0 0 60px;
}


#contents .left.yk_taidan {
  margin-right: 20px;
  width: 700px;
}

#contents .left.yk_taidan .contents_base.blue.jaggy {
  width: 700px;
  height: 10px;
  background: url(../images/back_b_jaggy.png) left top no-repeat;
}

#contents .left.yk_taidan .contents_base.blue.base {
  overflow: hidden;
  padding: 15px;
  width: 670px;
  background: url(../images/back_b.png) left top;
}

#contents .left.yk_taidan .contents_base.blue.base h2 {
  margin: 10px 0 20px 0;
  font-size: 20px;
  font-weight: bold;
  color: #333;
}

#contents .left.yk_taidan .contents_base.blue.base .para {
  margin: 0 0 20px 0;
  padding: 15px;
  width: 640px;
  font-size: 14px;
  line-height: 1.5;
}

#contents .left.yk_taidan .contents_base.blue.base .para.navy {
  background-color: #006699;
  color: #fff;
}
#contents .left.yk_taidan .contents_base.blue.base .para.navy p.left {
  float: none;
  display: table-cell;
  width: 330px;
  vertical-align: middle;
}
#contents .left.yk_taidan .contents_base.blue.base .para.navy .right_image {
  display: table-cell;
  width: 300px;
  padding: 0 0 0 10px;
  vertical-align: middle;
}

#contents .left.yk_taidan .contents_base.blue.base .para.white {
  background-color: #fff;
  color: #555;
  font-size: 12px;
}
#contents .left.yk_taidan .contents_base.blue.base .para.white p.left {
  float: none;
  display: table-cell;
  width: 330px;
  vertical-align: middle;
}
#contents .left.yk_taidan .contents_base.blue.base .para.white .right_image {
  display: table-cell;
  width: 300px;
  padding: 0 0 0 10px;
  vertical-align: middle;
}
* html #contents .left.yk_taidan .contents_base.blue.base .para.navy p.left,
* html #contents .left.yk_taidan .contents_base.blue.base .para.navy .right_image,
* html #contents .left.yk_taidan .contents_base.blue.base .para.white p.left,
* html #contents .left.yk_taidan .contents_base.blue.base .para.white .right_image {
display: inline;
zoom: 1;
}

*:first-child+html #contents .left.yk_taidan .contents_base.blue.base .para.navy p.left,
*:first-child+html #contents .left.yk_taidan .contents_base.blue.base .para.navy .right_image,
*:first-child+html #contents .left.yk_taidan .contents_base.blue.base .para.white p.left,
*:first-child+html #contents .left.yk_taidan .contents_base.blue.base .para.white .right_image {
display: inline;
zoom: 1;
}

/*\*//*/
* html #contents .left.yk_taidan .contents_base.blue.base .para.navy p.left,
* html #contents .left.yk_taidan .contents_base.blue.base .para.navy .right_image,
* html #contents .left.yk_taidan .contents_base.blue.base .para.white p.left,
* html #contents .left.yk_taidan .contents_base.blue.base .para.white .right_image {
display: inline-block;
}
/**/


#contents .left.yk_taidan .contents_base.green.jaggy {
  margin-top: 30px;
  width: 700px;
  height: 10px;
  background: url(../images/back_g_jaggy.png) left top no-repeat;
}

#contents .left.yk_taidan .contents_base.green.base {
  overflow: hidden;
  padding: 15px;
  width: 670px;
  background: url(../images/back_g.png) left top;
}

#contents .left.yk_taidan .contents_base.green.base h2 {
  margin: 10px 0 20px 0;
  font-size: 20px;
  font-weight: bold;
  color: #333;
}

#contents .left.yk_taidan .contents_base.green.base dl.taidan {
  overflow: hidden;
  background-color: #fff;
  padding: 15px;
  width: 640px;
}

#contents .left.yk_taidan .contents_base.green.base dt {
  display: block;
  float: left;
  margin-right: 15px;
  padding: 5px 0 3px 0;
  width: 55px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  letter-spacing: 2px;
  text-align: center;
}
#contents .left.yk_taidan .contents_base.green.base dt.kt {
  background-color: #5052A0;
}
#contents .left.yk_taidan .contents_base.green.base dt.yk {
  background-color: #A29E33;
}

#contents .left.yk_taidan .contents_base.green.base dd {
  float: left;
  margin-bottom: 30px;
  width: 570px;
  font-size: 14px;
  line-height: 1.5;
  color: #555;
}

#contents .left.yk_taidan .contents_base.green.base dd .right_image {
  float: right;
  margin-left: 10px;
}

#contents .right .yk_taidan_banner {
  display: block;
  margin-bottom: 10px;
}
#contents .right .yk_banner {
  display: block;
  margin-bottom: 5px;
}

#no_post {
  padding: 70px 0;
  width: 100%;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 4px;
}


/*------------------------------------------ muryoutaiken*/


#main.taiken #main_menu {
  position: relative;
  overflow: hidden;
  height: 326px;
  background: url(../images/sh940.png) center bottom no-repeat;
}

#main.taiken .image {
  background: url(../images/taiken_main.jpg) center 37px no-repeat;
  min-height: 327px;
}

#contents.c_taiken {
  margin-top: 10px;
}

#contents.c_taiken .left {
  padding-right: 20px;
  width: 700px;
}

#contents.c_taiken .left h1.taiken {
  padding: 160px 0 0 20px;
  width: 680px;
  height: 39px;
  line-height: 1;
  font-size: 16px;
  color: #fff;
  background: url(../images/taiken_title01.png) center top no-repeat;
}

#contents.c_taiken .left h2.taiken {
  margin-top: 30px;
  padding-top: 8px;
  width: 700px;
  height: 42px;
  line-height: 1;
  letter-spacing: 1px;
  font-size: 24px;
  font-weight: bold;
  color: #000;
  background: url(../images/taiken_bar.gif) left bottom no-repeat;
}

#contents.c_taiken .left h2.taiken .blue {
  margin: 0 10px 0 0;
  padding: 0 10px;
  height: 32px;
  color: #fff;
  background-color: #00bbdd;
}

.taiken.p1 {
  margin: 20px 0 0 20px;
  padding: 20px 364px 40px 0;
  width: 316px;
  line-height: 1.5;
  font-size: 16px;
  color: #333;
  background: url(../images/taiken_p01.jpg) right top no-repeat;
}
.taiken.p1 p {
  margin: 20px 0;
}

#contents.c_taiken .left h3.subtitle {
  margin: 30px 10px 0 10px;
  padding-left: 7px;
  width: 673px;
  height: 30px;
  line-height: 1;
  font-size: 24px;
  font-weight: bold;
  color: #555;
  background: url(../images/taiken_titlebar.gif) left bottom no-repeat;
}
#contents.c_taiken .left h3.subtitle .sub_blue {
  margin-right: 10px;
  margin-left: 10px;
  color: #00bbdd;
}

#taiken_faq {
  margin: 30px 20px 0 20px;
  width: 660px;
}

#taiken_faq dt {
  margin-top: 20px;
  padding: 12px 0 12px 50px;
  line-height: 1;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  background: #00bbdd url(../images/taiken_q.gif) left top no-repeat;
}
#taiken_faq dd {
  margin-top: 15px;
  padding: 12px 10px 12px 50px;
  line-height: 1.5;
  font-size: 16px;
  font-weight: normal;
  color: #000;
  background: url(../images/taiken_a.gif) left top no-repeat;
}

#taiken_faq dd .timetable {
  padding: 110px 0 20px 360px;
  height: 170px;
  color: #cc0000;
  background: url(../images/taiken_p03.gif) left center no-repeat;
}

#contents.c_taiken .left .desc {
  margin: 30px 10px 0 10px;
  line-height: 1.5;
  font-size: 16px;
}
#contents.c_taiken .left .sub01 {
  margin: 10px 0;
  height: 290px;
  background: url(../images/taiken_p04.gif) center center no-repeat;
}
#contents.c_taiken .left .sub02 {
  margin: 30px 20px 40px 20px;
  padding-left: 185px;
  width: 475px;
  line-height: 1.5;
  font-size: 16px;
  background: url(../images/taiken_p05.jpg) left center no-repeat;
}

#taiken_yosu {
  margin: 12px 20px 40px 20px;
  width: 660px;
  line-height: 1.5;
  font-size: 16px;
}

#taiken_yosu li {
  border-bottom: 1px dotted #999;
}
#taiken_yosu li.list1 { background: url(../images/taiken_p06.jpg) right center no-repeat; }
#taiken_yosu li.list2 { background: url(../images/taiken_p07.jpg) right center no-repeat; }
#taiken_yosu li.list3 { background: url(../images/taiken_p08.jpg) right center no-repeat; }
#taiken_yosu li.list4 { background: url(../images/taiken_p09.jpg) right center no-repeat; }
#taiken_yosu li.list5 { background: url(../images/taiken_p10.jpg) right center no-repeat; }

#taiken_yosu li p {
  padding-right: 20px; 
  width: 300px;
  display: table-cell;
  vertical-align: middle;
}
#taiken_yosu li p.dummy {
  padding-right: 0; 
  width: 340px;
  height: 242px;
  display: table-cell;
  vertical-align: middle;
}
* html #taiken_yosu li p,
* html #taiken_yosu li p.dummy {
display: inline;
zoom: 1;
}
*:first-child+html #taiken_yosu li p,
*:first-child+html #taiken_yosu li p.dummy {
display: inline;
zoom: 1;
}
/*\*//*/
* html #taiken_yosu li p,
* html #taiken_yosu li p.dummy {
display: inline-block;
}
/**/


#contents.c_taiken .left .sub03 {
  margin: 20px 20px 30px 20px;
  padding: 20px;
  border: 1px solid #e7e7e7;
  line-height: 1.5;
  font-size: 16px;
  font-weight: bold;
  background-color: #f7f7f7;
}

#taiken_jikkan {
  margin: 20px 20px 0 30px;
  line-height: 2;
  font-size: 16px;
  font-weight: bold;
  list-style-type: circle;
}

#row1 {
  overflow: hidden;
  padding-top: 30px;
}
#row1 .left {
  float: left;
  margin: 0!important;
  padding: 0!important;
  width: 340px!important;
}
#row1 .right {
  float: right;
  margin: 0!important;
  padding: 0!important;
  width: 340px!important;
  height: 305px;
}
#contents.c_taiken .sub03.half {
  margin: 5px 5px 30px 10px;
}
#contents.c_taiken .left .left .sub03.half {
  height: 190px;
}
#contents.c_taiken .left .right .sub03.half {
  height: 190px;
  background: #f7f7f7 url(../images/taiken_p11.jpg) center 95px no-repeat;
}


#search2.s_taiken {
  margin-top: 1050px;
}
#search3.s_taiken {
  margin-top: 1900px;
}


#seiseki_subtitle {
  margin: 10px 0 30px 0;
  padding: 30px 0 0 30px;
  width: 670px;
  height: 110px;
  line-height: 1.5;
  font-size: 22px;
  font-weight: bold;
  color: #fff;
  background: url(../images/seisekih_title1.gif) center top no-repeat;
}

#seiseki_subtitle2 {
  margin: 20px 0;
  padding: 50px 0 0 30px;
  width: 670px;
  height: 84px;
  line-height: 1;
  font-size: 40px;
  font-weight: bold;
  color: #fff;
  background: url(../images/seisekih_title2.gif) center top no-repeat;
}

h3.headline {
  margin: 30px 0 0 0;
  padding: 15px 0 0 110px;
  width: 590px;
  height: 70px;
  line-height: 1.3;
  font-size: 24px;
  font-weight: bold;
  color: #000;
  background: url(../images/seisekih_subtitle.jpg) center top no-repeat;
}

p.seiseki_desc {
  margin: 30px 0 0 0;
  width: 700px;
  line-height: 1.5;
  font-size: 16px;
  color: #000;
}

p.seiseki_desc.p01 { height: 310px; background: url(../images/seisekih_p01.jpg) left bottom no-repeat; }
p.seiseki_desc.p02 { height: 595px; background: url(../images/seisekih_p02.jpg) left bottom no-repeat; }
p.seiseki_desc.p03 { height: 525px; background: url(../images/seisekih_p03.jpg) left bottom no-repeat; }
p.seiseki_desc.p04 { height: 505px; background: url(../images/seisekih_p04.jpg) left bottom no-repeat; }
p.seiseki_desc.p05 { height: 335px; background: url(../images/seisekih_p05.jpg) left bottom no-repeat; }

.normal.taiken {
  font-size: 16px;
}

.school_search {
  overflow: hidden;
  margin: 20px 70px 0 0;
}

.school_search .search_text  {
  float: left;
  width: 400px;
  height: 150px;
  background: url(../images/seisekih_bt_navi.jpg) right center no-repeat;
}

.s_seiseki {
  float: right;
}

#shime {
  margin: 10px 0 30px 0;
  width: 700px;
  height: 506px;
  background: url(../images/seisekih_p06.jpg) center top no-repeat;
}
#shime1 {
  padding: 30px 25px 0 25px;
  line-height: 1.5;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
}
#shime2 {
  padding: 30px 0 0 25px;
  line-height: 1;
  font-size: 30px;
  font-weight: bold;
  color: #fff;
}

/*------------------------------------------ muryoutaiken_koe*/

#contents.c_taiken.koe .left h2.taiken .green2 {
  margin: 0 10px 0 0;
  padding: 0 0 0 20px;
  height: 32px;
  letter-spacing: 20px;
  color: #fff;
  background-color: #99cc00;
}

#main.taiken.koe .image {
  background: url(../images/taiken_koe_main.jpg) center 37px no-repeat;
  min-height: 327px;
}

#contents.c_taiken.koe .left h1.taiken {
  background: url(../images/taiken_koe_title01.png) center top no-repeat;
}


#contents.c_taiken.koe .left {
  padding-right: 0;
  width: 720px;
}

#taiken_message {
  overflow: hidden;
  margin: 30px 0 0 0;
}

#taiken_message .message_base {
  float: left;
  width: 360px;
  height: 280px;
}

#taiken_message .message_space {
  clear: left;
  margin: 0 20px 20px 0;
  border: 1px solid #e7e7e7;
  width: 338px;
  height: 258px;
  background-color: #f7f7f7;
}

#taiken_message .message_space .message_item {
  margin: 9px;
  width: 320px;
  height: 180px;
  background-color: #f7f7f7;
}
#taiken_message .message_space .message_caption {
  margin: 9px;
  border: 1px solid #e7e7e7;
  width: 318px;
  height: 48px;
  background-color: #fff;
}
#taiken_message .message_space .message_caption h3 {
  margin: 9px 0 5px 20px;
  line-height: 1;
  font-size: 14px;
  font-weight: bold;
  color: #99cc00;
}
#taiken_message .message_space .message_caption p {
  margin: 0 0 0 20px;
  line-height: 1;
  font-size: 14px;
  font-weight: bold;
  color: #4c4c4c;
}

#taiken_koe_all {
  overflow: hidden;
  margin: 20px 0 0 0;
}

#taiken_koe_all .koe_base {
  float: left;
  width: 180px;
  height: 320px;
}
#taiken_koe_all .koe_space {
  overflow: hidden;
  margin: 0 20px 20px 0;
  border: 1px solid #e7e7e7;
  width: 700px;
  background-color: #f7f7f7;
}
#taiken_koe_all .koe_space_right {
  float: right;
  margin: 10px 10px 10px 5px;
  width: 507px;
}
#taiken_koe_all .koe_space .koe_photo {
  display: block;
  float: left;
  border: 1px solid #e7e7e7;
  margin: 10px;
  padding: 3px;
  width: 150px;
  height: 150px;
  background-color: #fff;
}
#taiken_koe_all .koe_space .date_pref {
  border-bottom: 1px solid #e7e7e7;
  height: 17px;
  font-size: 12px;
}
#taiken_koe_all .koe_space .date_pref .date.num {
  margin-right: 8px;
  color: #549FC8;
}
#taiken_koe_all .koe_space .date_pref .schoolname.num {
  margin-right: 8px;
  color: #447a00;
}
#taiken_koe_all .koe_space .data_schoolname {
  font-size: 12px;
  font-weight: bold;
  color: #333;
}
#taiken_koe_all .koe_space .entrybody {
  margin-top: 5px;
  line-height: 2;
  letter-spacing: 1px;
  font-size: 12px;
  font-weight: normal;
  color: #333;
}
#taiken_koe_all .koe_space .continue {
  display: block;
  margin: 10px 0 0 0;
  line-height: 1;
  font-size: 12px;
  font-weight: normal;
  color: #447a00;
  text-align: right;
}

#search2.s_taiken_koe {
  margin-top: 700px;
}
#search3.s_taiken_koe {
  margin-top: 700px;
}

.taiken_banner,
.taiken_koe_banner {
  display: block;
  margin-bottom: 20px;
}


#youtube {
  border-bottom: 1px solid #d5d5d5;
  margin: 20px 0 20px 0;
  text-align: center;
  line-height: 1.5;
  font-weight: bold;
  background-color: #f1f1f1;
}


/************* 20140205 ****************/

#n_top_main {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  width: 940px;
  min-height: 500px;
}
#n1_body_base {
  overflow: hidden;
  position: relative;
  width: 940px;
}

#n1_body_l {
  overflow: hidden;
  position: relative;
  float: left;
  width: 720px;
}
.n1_body_l_wrap {
  margin-right: 20px;
  width: 700px;
}
#n1_main_image {
  position: relative;
  overflow: auto;
  width: 700px;
  height: 394px;
  //background: url(../images/n_top_01.jpg) center top no-repeat;
}
#n1_main_image_shadow {
  overflow: hidden;
  width: 700px;
  height: 24px;
  background: url(../images/n_top_shadow.png) center top no-repeat;
}
/*/////////////////// Unslider ///////////////////*/

#n1_main_image li {
  list-style: none;
}
#n1_main_image ul li {
  float: left;
  height: 394px;
}
#n1_main_image li h3 {
  margin: 240px 0 0 40px;
  padding: 20px 30px;
  font-size: 1.6em;
  color: #fff;
  line-height: 1.5;
  font-weight: bold;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

#n1_main_image .cpt2 h3 {
  margin: 240px 0 0 40px;
  border: 1px solid #AFE2F3;
  width: 390px;
  background-color: rgba(0,163,217,0.7);
}
#n1_main_image .cpt3 h3 {
  margin: 205px 0 0 30px;
  border: 1px solid #C5E9B8;
  width: 270px;
  background-color: rgba(45,178,0,0.7);
}
#n1_main_image .cpt4 h3 {
  margin: 233px 0 0 275px;
  border: 1px solid #EEA4A4;
  width: 270px;
  background-color: rgba(255,92,38,0.7);
}
#n1_main_image .cpt5 h3 {
  margin: 45px 0 0 53px;
  border: 1px solid #F4F4BB;
  width: 270px;
  background-color: rgba(217,217,0,0.7);
}

/*////////////////////////////////////////////////*/

#n1_body_l h2 {
  margin-top: 20px;
  padding: 17px 0 0 65px;
  width: 625px;
  height: 33px;
  line-height: 18px;
  font-size: 18px;
  font-weight: bold;
}
#n1_body_l h2.course {
  background: url(../images/hr05.png) left center no-repeat;
}
#n1_body_l h2.newcomer {
  background: url(../images/hr04.png) left center no-repeat;
}


#n1_body_r {
  float: left;
  width: 220px;
}

#n1_body_l h2.voice {
  padding: 17px 0 0 65px;
  width: 625px;
  height: 33px;
  line-height: 18px;
  font-size: 18px;
  font-weight: bold;
  background: url(../images/hr03.png) left center no-repeat;
}
#n1_body_l h2.voice.sub {
  margin-top: 20px;
}

ul#n_voice {
  overflow: hidden;
  margin-top: 10px;
  width: 690px;
}
#n_voice li {
  float: left;
  margin: 0;
  padding: 0;
  width: 230px;
}
#n_voice li a {
  display: block;
  margin: 0 auto;
  width: 220px;
}

#n_right_banner {
  margin: 5px 0;
  width: 220px;
}
#n_right_banner li {
  margin: 0 auto;
}

#n1_body_r  #youtube {
  margin: 5px 0;
}

#main.taiken.koe.up .image {
  background: url(../images/up_main.jpg) center 37px no-repeat;
  min-height: 327px;
}
#main.taiken.koe.seito .image {
  background: url(../images/seito_main.jpg) center 37px no-repeat;
  min-height: 327px;
}

h3.n_entry_title {
  margin-bottom: 3px;
  font-size: 14px;
  font-weight: bold;
}
h3.n_entry_title a {
  text-decoration: none;
}



#main.taiken.ryokin .image {
  background: url(../images/page_ryokin_top.jpg) center 37px no-repeat;
  min-height: 327px;
}
h1.taiken.ryokin {
  background: url(../images/ryokin_top.png) center top no-repeat !important;
}

#jukouryou table {
  margin: 10px;
  width: 630px;
  font-size: 26px;
  border-collapse: separate;
  border-spacing: 3px 3px;
  table-layout: fixed;
}
#jukouryou table th {
  padding: 20px 0 15px 0;
  color: #fff;
  text-align: center;
  background: #003399 url(../images/thback.jpg) center center no-repeat;
}
#jukouryou table td {
  padding: 20px 0 15px 0;
  background-color: #f0f0f0;
  text-align: center;
}

.taiken.p1.c_ryokin {
  margin: 20px 0 0 20px;
  padding: 0;
  width: 95%;
  line-height: 1.5;
  font-size: 16px;
  color: #333;
  background-image: none;
}
#jukouryou {
  margin-bottom: 30px;
}

#jukouryou em {
  font-size: 14px;
  color: #777;
}
#main.taiken.faq .image {
  background: url(../images/page_faq_top.jpg) center 37px no-repeat;
  min-height: 327px;
}
h1.taiken.faq {
  background: url(../images/faq_top.png) center top no-repeat !important;
}

#search.l_button {
  margin: 0 auto 20px auto;
  padding: 0;
  width: 225px;
  height: 150px;
  background: url(../images/navischool.png) 0 0 no-repeat;
}
#search.l_button .sctble_display {
  margin: 0;
  padding: 117px 0 0 65px;
  width: 160px;
  height: 33px;
  cursor: pointer;
}
#search .sctble_display, #search2 .sctble_display, #search3 .sctble_display, #search4 .sctble_display {
  margin: 0;
  padding: 117px 0 0 65px;
  width: 160px;
  height: 33px;
  cursor: pointer;
}

#n_right_banner2 {
  margin: 5px 0;
  width: 220px;
}
#n_right_banner2 li {
  margin: 10px auto;
}

#newcomer.n_height {
  overflow: auto;
  margin: 5px 30px 20px 10px;
  padding: 0 5px;
  max-height: 210px;
}

#s_ad a {
  background-position: center top !important;
  padding: 194px 10px 0 10px;
  -webkit-background-size: contain !important;
  -moz-background-size: contain !important;
  -o-background-size: contain !important
  background-size: contain !important
}

#top_video {
  border-bottom: 1px solid #000;
  margin: 20px 0;
  text-align: center;
  line-height: 1;
  font-weight: bold;
  color: #fff;
  background-color: #333;
  letter-spacing: 2px;
}
#top_video p {
  padding: 8px 0 5px 0;
  font-size: 14px;
}

#h_bl1{
  color: #0066cc;
}

#h_bl2{
  color: #0066cc;
}


/*--------------------------------------------------------- old_blog */
#blog_header {
	width: 940px;
	margin: 0 auto;
	padding: 20px 0;
}
#blog_footer {
	width: 940px;
	margin: 0 auto;
	padding: 20px 0;
	text-align: right;
