@charset "utf-8";

/* site top */


.topVisual {
  background:url(../img/visual.jpg) no-repeat 50% 0;
}
#topVisualBlock {
  position:relative;
  height:249px;
}

/* ------------------------------------------------------- */
/* content */
/* ------------------------------------------------------- */

#mainContent {
  position:relative;
  padding-top:53px;  
}




/**/


.helpBtn {
}

.visualOver {
  position:absolute;
  top:31px;
  left:0;
  display:table;
  height:218px;
}
.visualOver div {
  display:table-cell;
  vertical-align:middle;
}

#campaignBannerB {
  margin:36px 0 0;
}


/* importantInformation */

#importantInfo {
  border:solid 3px #fff;
  background:#fff;
}

#importantInfo h2 {
  background:#F90202;
  color:#fff;
  text-align:center;
  font-weight:bold;
  padding:7px 0;
  font-size:18px;
  line-height:24px;
}

#importantInfo h2 span {
  display:inline-block;
  background:url(../img/alert_ico.png) no-repeat 0 50%;
  padding-left:33px;
}

#importantInfo p {
  margin-top:10px;
  color:#f00;
  line-height:1.4;
}
#importantInfo p:first-child {
  margin-top:0;
}

#importantInfo .importantInner {
  border:solid 3px #F80101;
}

#importantInfo .importantTxt {
  padding:20px 22px 18px;
}




/* kouza list */

#kouzaList {
  padding-top:11px;
}

#kouzaInner {
  overflow:hidden;
  padding-bottom:30px;
}
.kouzaArea {
  margin-left:-7px;
  display:table;
  margin-top:13px;
  width:974px;
  border-collapse: separate;
  border-spacing: 7px 0; 
}
h2 + .kouzaArea {
  margin-top:15px;
}

.kouzaBlock h2 {
  background-color:#323232;
  color:#fff;
  position:relative;
  line-height:39px;
  height:39px;
  padding-left:43px;
}
.kouzaBlock h2:after {
  content:' ';
  width:40px;
  height:39px;
  position:absolute;
  top:0px;
  left:0px;
}
.kouzaBlock h2 .sub {
  font-size:12px;
  color:#ccc;
  letter-spacing:0;
}
.kouzaBlock h2 {
  letter-spacing:-1px;
}
.kouzaBlock h2.mini {
  font-size:13px;
}

.kouza1:after {
  background:url(../img/kouza_ttl_01.png) no-repeat 0 0;
}
.kouza2:after {
  background:url(../img/kouza_ttl_02.png) no-repeat 0 0;
}
.kouza3:after {
  background:url(../img/kouza_ttl_03.png) no-repeat 0 0;
}
.kouza4:after {
  background:url(../img/kouza_ttl_04.png) no-repeat 0 0;
}
.kouza5:after {
  background:url(../img/kouza_ttl_05.png) no-repeat 0 0;
}
.kouza6:after {
  background:url(../img/kouza_ttl_06.png) no-repeat 0 0;
}
.kouza7:after {
  background:url(../img/kouza_ttl_07.png) no-repeat 0 0;
}
.kouza8:after {
  background:url(../img/kouza_ttl_08.png) no-repeat 0 0;
}
.kouza9:after {
  background:url(../img/kouza_ttl_09.png) no-repeat 0 0;
}
.kouzaBlock h2 span {
  
}


.kouzaBlock {
  display:table-cell;
  width:180px;
  padding:3px;
  background:#DCDCDD;
}
.kouzaBlock:first-child {
  border-left:0;
}
.singleLink {
  padding:0;
  background:inherit;
  vertical-align:top;
}

.kouzaBlock li,
.singleLink p {
  text-indent:102%;
  white-space:nowrap;
  overflow:hidden;
  background-repeat:no-repeat;
  background-position:0 0;
  border-top:solid 1px #DCDCDD;
}
.kouzaBlock li span span {
  display:none;
}

.singleLink p {
    border: none;
    padding: 0px 2px 1px 3px;
    background: #DCDCDD;
}
.singleLink p:first-child {
    padding-top: 3px ;
}
.singleLink p:last-child {
    padding-bottom: 3px ;
}
.kouzaBlock a {
  display:block;
  width:180px;
  height:32px;
}
.kouza1-1 {
  background:url(../img/kouza_ttl_01_01.png);
}
.kouza1-2 {
  background:url(../img/kouza_ttl_01_02.png);
}
.kouza1-3 {
  background:url(../img/kouza_ttl_01_03.png);
  height:40px !important;
}
.kouza1-4 {
  background:url(../img/kouza_ttl_01_04.png);
}
.kouza1-5 {
  background:url(../img/kouza_ttl_01_05.png);
}
.kouza1-6 {
  background:url(../img/kouza_ttl_01_06.png);
  height:40px !important;
}
.kouza1-7 {
  background:url(../img/kouza_ttl_01_07.png);
}
.kouza1-8 {
  background:url(../img/kouza_ttl_01_08.png);
}
.kouza1-9 {
  background:url(../img/kouza_ttl_01_09.png);
}
.kouza1-10 {
  background:url(../img/kouza_ttl_01_10.png);
}
.kouza1-11{
    background: url(../img/kouza_ttl_01_11.png);
}
.kouza1-12{
    background: url(../img/kouza_ttl_01_12.png);
}
.kouza1-13{
    background: url(../img/kouza_ttl_01_13.png);
	height:40px !important;
}
.kouza1-14{
    background: url(../img/kouza_ttl_01_14.png);
}
.kouza1-15{
    background: url(../img/kouza_ttl_01_15.png);
}
.kouza1-16{
    background: url(../img/kouza_ttl_01_16.png);
	height:40px !important;
}
.kouza2-1 {
  background:url(../img/kouza_ttl_02_01.png);
  height:40px !important;
}
.kouza2-2 {
  background:url(../img/kouza_ttl_02_02.png);
}
.kouza2-3 {
  background:url(../img/kouza_ttl_02_03.png);
}
.kouza2-4 {
  background:url(../img/kouza_ttl_02_04.png);
}
.kouza2-5 {
  background:url(../img/kouza_ttl_02_05.png);
}
.kouza2-6 {
  background:url(../img/kouza_ttl_02_06.png);
}
.kouza2-7 {
  background:url(../img/kouza_ttl_02_07.png);
}
.kouza2-8 {
  background:url(../img/kouza_ttl_02_08.png);
}
.kouza3-1 {
  background:url(../img/kouza_ttl_03_01.png);
}
.kouza3-2 {
  background:url(../img/kouza_ttl_03_02.png);
}
.kouza3-3 {
  background:url(../img/kouza_ttl_03_03.png);
}
.kouza3-4 {
  background:url(../img/kouza_ttl_03_04.png);
}
.kouza3-5 {
  background:url(../img/kouza_ttl_03_05.png);
	height: 40px !important;
}
.kouza3-6 {
  background:url(../img/kouza_ttl_03_06.png);
}
.kouza3-7 {
  background:url(../img/kouza_ttl_03_07.png);
}
.kouza3-8 {
  background:url(../img/kouza_ttl_03_08.png);
}
.kouza3-9 {
  background:url(../img/kouza_ttl_03_09.png);
}
.kouza3-10{
    background: url(../img/kouza_ttl_03_10.png);
}
.kouza3-11{
    background: url(../img/kouza_ttl_03_11.png);
}
.kouza4-1 {
  background:url(../img/kouza_ttl_04_01.png);
}
.kouza4-2 {
  background:url(../img/kouza_ttl_04_02.png);
}
.kouza4-3 {
  background:url(../img/kouza_ttl_04_03.png);
}
.kouza4-4 {
  background:url(../img/kouza_ttl_04_04.png);
  height:40px !important;
}
.kouza4-5 {
  background:url(../img/kouza_ttl_04_05.png);
}
.kouza4-6 {
  background:url(../img/kouza_ttl_04_06.png);
}
.kouza4-7{
    background: url(../img/kouza_ttl_04_07.png);
}
.kouza5-1 {
  background:url(../img/kouza_ttl_05_01.png);
}
.kouza5-2 {
  background:url(../img/kouza_ttl_05_02.png);
}
.kouza5-3 {
  background:url(../img/kouza_ttl_05_03.png);
}
.kouza5-4 {
  background:url(../img/kouza_ttl_05_04.png);
}
.kouza5-5 {
  background:url(../img/kouza_ttl_05_05.png);
}
.kouza5-6 {
  background:url(../img/kouza_ttl_05_06.png);
}
.kouza5-7 {
  background:url(../img/kouza_ttl_05_07.png);
}
.kouza5-8 {
  background:url(../img/kouza_ttl_05_08.png);
}
.kouza5-9 {
  background:url(../img/kouza_ttl_05_09.png);
}

.kouza6-1 {
  background:url(../img/kouza_ttl_06_01.png);
}
.kouza6-2 {
  background:url(../img/kouza_ttl_06_02.png);
}
.kouza6-3 {
  background:url(../img/kouza_ttl_06_03.png);
}
.kouza6-4 {
  background:url(../img/kouza_ttl_06_04.png);
}
.kouza6-5 {
  background:url(../img/kouza_ttl_06_05.png);
}
.kouza6-6 {
  background:url(../img/kouza_ttl_06_06.png);
}
.kouza6-7 {
  background:url(../img/kouza_ttl_06_07.png);
}
.kouza6-8 {
  background:url(../img/kouza_ttl_06_08.png);
}

.kouza7-1 {
  background:url(../img/kouza_ttl_07_01.png);
  height:66px !important;
}
.kouza7-2 {
  background:url(../img/kouza_ttl_07_02.png);
  height:50px !important;
}
.kouza7-3 {
  background:url(../img/kouza_ttl_07_03.png);
}

.kouza8-1 {
  background:url(../img/kouza_ttl_08_01.png);
}
.kouza8-2 {
  background:url(../img/kouza_ttl_08_02.png);
}
.kouza8-3 {
  background:url(../img/kouza_ttl_08_03.png);
}
.kouza8-4 {
  background:url(../img/kouza_ttl_08_04.png);
}
.kouza8-5 {
  background:url(../img/kouza_ttl_08_05.png);
}
.kouza8-6 {
  background:url(../img/kouza_ttl_08_06.png);
}
.kouza8-7 {
  background:url(../img/kouza_ttl_08_07.png);
	height:40px !important;
}
.kouza9-1 {
  background:url(../img/kouza_ttl_09_01.png);
}
.kouza9-2 {
  background:url(../img/kouza_ttl_09_02.png);
}
.kouza9-3{
    background: url(../img/kouza_ttl_09_03.png);
}
.kouza10-1 {
  background:url(../img/kouza_proschool.png);
  height:50px !important;
}
.kouza10-2 {
  background:url(../img/kouza_ttl_iso.jpg);
  height:33px !important;
}
.kouza10-3 {
    background: url(../img/kouza_keieiad.png);
    height: 42px !important;
}
#schoolList {
  display:none;
  padding-top:11px;
  padding-bottom:30px;
  background:url(../img/hougan_bg.png) repeat 0 0;
}

#schoolList .ttl {
  margin-top:-15px;
  text-align:center;  
}

#schoolMap {
  margin-top:15px;
  width:960px;
  height:560px;  
  background:url(../img/schoolmap_bg.png) no-repeat 0 0; 
  position:relative;
}
#schoolMap li {
  position:absolute;
}
#schoolMap .sapporo {
  top:126px;
  left:786px;
}
#schoolMap .sendai {
    top: 210px;
    left: 786px;
}
#schoolMap .omiya {
    top: 244px;
    left: 786px;
}
#schoolMap .tsudanuma {
  top:312px;
  left:786px;
}
#schoolMap .waseda {
  top:370px;
  left:786px;
}
#schoolMap .yaesu {
  top:404px;
  left:786px;
}
#schoolMap .machida {
  top:438px;
  left:786px;
}
#schoolMap .shinjyuku {
  top:370px;
  left:677px;
}
#schoolMap .shibuya {
  top:404px;
  left:677px;
}
#schoolMap .chudaimae {
  top:438px;
  left:677px;
}
#schoolMap .suidobashi {
  top:370px;
  left:568px;
}
#schoolMap .ikebukuro {
  top:404px;
  left:568px;
}
#schoolMap .tachikawa {
  top:438px;
  left:568px;
}
#schoolMap .yokohama {
  top:491px;
  left:568px;
}
#schoolMap .hiyoshi {
  top:491px;
  left:677px;
}
#schoolMap .kyoto {
  top:389px;
  left:427px;
}
#schoolMap .umeda {
  top:423px;
  left:427px;
}
#schoolMap .nanba {
  top:457px;
  left:427px;
}
#schoolMap .kobe {
  top:491px;
  left:427px;
}

#schoolMap .mito {
    top: 278px;
    left: 786px;
}
#schoolMap .gunma {
  top:36px;
  left:332px;
}
#schoolMap .matsumoto {
  top:70px;
  left:332px;
}
#schoolMap .toyama {
  top:104px;
  left:332px;
}
#schoolMap .kanazawa {
  top:138px;
  left:332px;
}

#schoolMap .nagoya {
  top:197px;
  left:332px;
}

#schoolMap .hiroshima {
  top:36px;
  left:66px;
}
#schoolMap .okayama {
  top:70px;
  left:66px;
}
#schoolMap .fukuyama {
  top:104px;
  left:66px;
}

#schoolMap .fukuoka {
  top:168px;
  left:66px;
}
#schoolMap .kokura {
  top:202px;
  left:66px;
}
#schoolMap .oita {
  top: 202px;
  left: 66px;
}
#schoolMap .kumamoto {
  top: 236px;
  left: 66px;
}
#schoolMap .miyazaki {
  top: 270px;
  left: 66px;
}
#schoolMap .kagoshima {
  top: 304px;
  left: 66px;
}

#schoolMap .takamatsu {
  top:396px;
  left:66px;
}
#schoolMap .tokushima {
  top:430px;
  left:66px;
}
#schoolMap .okinawa {
  top:487px;
  left:66px;
}



#commuList {
  display:none;
  padding-top:11px;
  padding-bottom:30px;
  background:url(../img/hougan_bg.png) repeat 0 0;
}
#commuList .ttl {
  margin-top:-15px;
  text-align:center;  
}
.commuBlock {
  margin-top:20px;
  margin-right:-14px;
  width:974px;
  overflow:hidden;
  background:#fff;
}

.commuBox {
  float:left;
  border:solid 3px #DCDCDD;
  width:465px;
  margin-right:14px;
  padding-bottom:20px;
}
.commuBox .txt {
  padding:18px 20px;
}
.commuBox .link {
  text-align:center;
}
.commuBox .link p {
  display:inline-block;
}

/* information */

#informationBlock {
  padding:40px 0;
  background:#EBECEE url(../img/block_bg_01.png) repeat-x 0 0; 
}

#campaignBannerC {
  text-align:center;
  padding-bottom:40px;
}

.infoBox {
  margin-top:20px;
  padding-top:22px;
  background:url(../img/info_line_01.png) repeat-x 100% 0;
}
#informationBlock .renew-innerWrap > div:first-child .infoBox {
  margin-top:0;
  padding-top:0;
  background:none;
}

.infoBox h2 {
  float:left;
  background:#323232 url(../img/info_bg_01.png) no-repeat 100% 0;
  color:#fff;
  width:135px;
  margin-right:28px;
  position:relative;
  padding:6px 0 0 37px;
  height:24px;
}
.infoBox ul {
  float:left;
  width:760px;
}

.infoBox li:first-child {
  margin-top:2px;
}


/* choose */

#chooseBlock {
  border-top:solid 5px #E20011;
  padding:40px 0 25px;
}

#chooseBlock h2 {
  margin-bottom:25px;
  text-align:center;
  font-size:30px;
  font-weight:bold;
  line-height:1;
}
#chooseBlock h2 span {
  font-weight:bold !important;  
}

#chooseBlock .renew-innerWrap {
  letter-spacing:-0.4em;
  width:961px !important;
}

#chooseBlock .renew-innerWrap a {
   display:inline-block;
   margin-left:19px;
   width:226px;
   color:#fff;
   text-align:center;
   background:#323232 url(../img/choose_bg_01.png) repeat-x 0 100%;
   padding-bottom:35px;
   letter-spacing:0;
}

#chooseBlock .renew-innerWrap a:first-child {
  margin-left:0;
}

#chooseBlock a .txt {
   font-size:12px;
   padding:12px 0;
   line-height:1.5;
}

/* recommend */

#recommendBlock {
  border-top:solid 1px #D2D2D2;
  padding:40px 0 40px;
  background:#EBECEE;
}

#recommendBlock h2 {
  margin-bottom:25px;
  text-align:center;
  font-size:30px;
  font-weight:bold;
  line-height:1;
}

#recommendScroll {
  position:relative; 
  width:960px;
  min-height:296px;
  zoom:1;
}
#recommendScrollWrap {
  margin-left:39px;
  width:882px;
  height:296px;
  overflow:hidden;
  position:relative;
}
#recommendScrollBox {
  position:absolute;
  top:0;
  left:0;
}

#recommendScrollWrap ul {
  float:left;
  width:890px;
}

#recommendScroll li {
  float:left;
  margin-bottom:8px;
  margin-right:6px;
  line-height:0.5;
}

#recommendNext {
  position:absolute;
  top:0;
  right:0;
  cursor:pointer;
}
#recommendPrev {
  position:absolute;
  top:0;
  left:0;
  cursor:pointer;
}

#recommendPointer {
  margin-top:10px;
  text-align:center;
    line-height:9px;

}
#recommendPointer span {
  display:inline-block;
  margin:0 3px;
  width:9px;
  height:9px;
  background:url(../img/position_ico.png) no-repeat -19px 0;
}
#recommendPointer span.active {
  background-position:0 0;
}


/* zKaiBlock */

#zKaiBlock {
  border-top:solid 1px #D2D2D2;
  padding:30px 0;
}
#zKaiBlock .renew-innerWrap {
  position:relative;
}
#zKaiBlock .zkaiBn {
  position:absolute;
  top:0;
  left:0;  
}
#zKaiBlock .boxRight {
  float:right;
  width:640px;
}
#zKaiBlock ul {
  display:inline;
  float:left;
  padding-top:3px;
  width:305px;
  margin-left:12px;
  padding-left:12px;
  border-left:solid 1px #CFCFCF;
  min-height:55px;
}
#zKaiBlock ul:first-child {
  margin-left:0;
  padding-left:0;
  border:0;
}