@charset "utf-8";

/* ================================================================================= */
/*  Common                                                                           */
/* ================================================================================= */
* {margin:0;padding:0;font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;}
html, body, #wrap {height:100%;}
html{overflow-y:scroll;}
body > #wrap{
	height:auto;
	min-height:100%;
	background-color:#ffffff;
}
table  {font-size:12px;text-align:left;margin:0px;}
a      {color:#0077bc;text-decoration:none;}
a:hover{color:#ff0000;text-decoration:underline;}
a.ButtonAnchor:hover img{filter: alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;}
form   {margin:0px;}
img    {border:0px;}
label  {cursor:hand;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block;}
.cssclear{clear:both;}
/* ================================================================================= */
/* MainContents                                                                      */
/* ================================================================================= */
#Main{
	background-image:url(img/main_bg.gif);
	background-repeat:repeat-x;
	padding-bottom:93px;
	font-size:13px;
}
#MainContainer{
	width:900px;
	margin-left:auto;
	margin-right:auto;
	line-height:150%;
}
#BreadNavi{height:31px;}
#BreadNaviStr{padding-top:7px;}
#LeftContainer{
	float:left;
	width:645px;
	margin-left:0px;
}
#RightContainer{
	float:left;
	width:235px;
	margin-left:20px;
}

.strTbox{
	background-image:url(img/strhead_blue.gif);
	background-repeat:no-repeat;
	background-color:#efefef;
	border-top:1px #cdcdcd solid;
	margin-top:30px;
	width:640px;
	height:30px;
}
.strT{
	font-size:14px;
	font-weight:bold;
	padding-top:6px;
	padding-left:20px;
}

.strLbox{
	background-image:url(img/icon_linkarrow.gif);
	background-repeat:no-repeat;
	background-color:#e1f3f4;
	margin-top:0px;
	height:30px;
}
.strLbox2{
	background-image:url(img/icon_linkarrow.gif);
	background-repeat:no-repeat;
	background-color:#e1f3f4;
	margin-top:0px;
	height:50px;
}
.strL{
	font-size:13px;
	padding-top:6px;
	padding-left:25px;
}
.strFAQbox{
	background-image:url(img/icon_linkarrow.gif);
	background-repeat:no-repeat;
	margin-top:0px;
	height:24px;
}
.strLboxNewWin{
	background-image:url(img/icon_newwin.gif);
	background-position:3px 8px;
	background-color:#e1f3f4;
	background-repeat:no-repeat;
	margin-top:0px;
	height:30px;
}

/* ================================================================================= */
/* Header                                                                            */
/* ================================================================================= */
#HeadContainer{
	width:900px;
	margin-left:auto;
	margin-right:auto;
}
#HeadBox1{
	height:35px;
	background-image:url(img/head_bg.gif);
	background-repeat:no-repeat;
}
#HeadLogo{float:left;width:135px;margin-left:10px;}
#HeadBtn1{float:left;width:57px;margin-left:386px;}
#HeadBtn2{float:left;width:52px;margin-left:6px;}
#HeadBtn3{float:left;width:64px;margin-left:6px;}
#HeadSearchBox{float:left;width:170px;margin-left:8px;}
#HeadBox2{height:53px;}
/* ================================================================================= */
/* SearchBox                                                                         */
/* ================================================================================= */
td#SearchBox{
	height:20px;
	background-color:#ffffff;
}
input#SearchInput{
	font-size:12px;
	color:#666666;
	border:0px;
	padding:0px;
	margin:0px;
	width:138px;
	height:14px;
}
/* ================================================================================= */
/* Header Navigation                                                                 */
/* ================================================================================= */
#navi{
	position:relative;
	margin:0px auto;
	padding:0px;
	width:900px;
	height:47px;
}
#navi td{
	background-repeat:no-repeat;
	background-position:left top;
}
#navi td a{
	width:100%;
	display:block;
}
#navi td a:hover{
	background:none;
}
#navi td a.on img,
#navi td a:hover img,
#navi td a:active img{visibility:hidden;}
#navi td table.top-navi td{
	padding:0px;
	width:100%;
	height:18px;
	voice-family:"\"}\"";
	voice-family:inherit;
} .dummy{ /* dummy class for win ie 5.01 */}
#navi td table.top-navi td img{
	vertical-align:top;
}
/* Main Button Setting */
#navi td.menu1{position:relative;width:150px;height:47px;background-image:url(headmenu/10_on.gif);}
#navi td.menu2{position:relative;width:150px;height:47px;background-image:url(headmenu/20_on.gif);}
#navi td.menu3{position:relative;width:150px;height:47px;background-image:url(headmenu/30_on.gif);}
#navi td.menu4{position:relative;width:150px;height:47px;background-image:url(headmenu/40_on.gif);}
#navi td.menu5{position:relative;width:150px;height:47px;background-image:url(headmenu/50_on.gif);}
#navi td.menu6{position:relative;width:150px;height:47px;background-image:url(headmenu/60_on.gif);}
/* Pulldown Setting */
#navi td table.top-navi{display:none;padding:0px;position:absolute;top:47px;left:0;}
#navi td.menu1 table.top-navi{vertical-align:top;margin-left:1px;width:149px;}
#navi td.menu2 table.top-navi{vertical-align:top;margin-left:1px;width:149px;}
#navi td.menu3 table.top-navi{vertical-align:top;margin-left:1px;width:149px;}
#navi td.menu4 table.top-navi{vertical-align:top;margin-left:1px;width:149px;}
#navi td.menu5 table.top-navi{vertical-align:top;margin-left:1px;width:149px;}
#navi td.menu6 table.top-navi{vertical-align:top;margin-left:1px;width:148px;}
/* Pulldown Setting FireFox */
@-moz-document url-prefix() {
	:root #navi td.menu1 table.top-navi{left:0px;}
	:root #navi td.menu2 table.top-navi{left:0px;}
	:root #navi td.menu3 table.top-navi{left:0px;}
	:root #navi td.menu4 table.top-navi{left:0px;}
	:root #navi td.menu5 table.top-navi{left:0px;}
	:root #navi td.menu6 table.top-navi{left:0px;}
}
/* SubMenu */
#navi td.menu1 td.menu11{background-image:url(headmenu/11_on.gif);}
#navi td.menu1 td.menu12{background-image:url(headmenu/12_on.gif);}
#navi td.menu1 td.menu13{background-image:url(headmenu/13_on.gif);}
#navi td.menu1 td.menu14{background-image:url(headmenu/14_on.gif);}
#navi td.menu1 td.menu15{background-image:url(headmenu/15_on.gif);}
#navi td.menu1 td.menu16{background-image:url(headmenu/16_on.gif);}
#navi td.menu1 td.menu17{background-image:url(headmenu/17_on.gif);}
#navi td.menu1 td.menu18{background-image:url(headmenu/18_on.gif);}
#navi td.menu2 td.menu21{background-image:url(headmenu/21_on.gif);}
#navi td.menu2 td.menu22{background-image:url(headmenu/22_on.gif);}
#navi td.menu2 td.menu23{background-image:url(headmenu/23_on.gif);}
#navi td.menu2 td.menu24{background-image:url(headmenu/24_on.gif);}
#navi td.menu2 td.menu25{background-image:url(headmenu/25_on.gif);}
#navi td.menu2 td.menu26{background-image:url(headmenu/26_on.gif);}
#navi td.menu2 td.menu27{background-image:url(headmenu/27_on.gif);}
#navi td.menu2 td.menu28{background-image:url(headmenu/28_on.gif);}
#navi td.menu2 td.menu29{background-image:url(headmenu/29_on.gif);}
#navi td.menu2 td.menu29_1{background-image:url(headmenu/29_1_on.gif);}
#navi td.menu3 td.menu31{background-image:url(headmenu/31_on.gif);}
#navi td.menu3 td.menu32{background-image:url(headmenu/32_on.gif);}
#navi td.menu3 td.menu33{background-image:url(headmenu/33_on.gif);}
#navi td.menu3 td.menu34{background-image:url(headmenu/34_on.gif);}
#navi td.menu3 td.menu35{background-image:url(headmenu/35_on.gif);}
#navi td.menu3 td.menu36{background-image:url(headmenu/36_on.gif);}
#navi td.menu4 td.menu41{background-image:url(headmenu/41_on.gif);}
#navi td.menu4 td.menu42{background-image:url(headmenu/42_on.gif);}
#navi td.menu4 td.menu43{background-image:url(headmenu/43_on.gif);}
#navi td.menu4 td.menu44{background-image:url(headmenu/44_on.gif);}
#navi td.menu4 td.menu45{background-image:url(headmenu/45_on.gif);}
#navi td.menu4 td.menu46{background-image:url(headmenu/46_on.gif);}
#navi td.menu4 td.menu47{background-image:url(headmenu/47_on.gif);}
#navi td.menu4 td.menu48{background-image:url(headmenu/48_on.gif);}
#navi td.menu4 td.menu49{background-image:url(headmenu/49_on.gif);}
#navi td.menu5 td.menu51{background-image:url(headmenu/51_on.gif);}
#navi td.menu5 td.menu52{background-image:url(headmenu/52_on.gif);}
#navi td.menu5 td.menu53{background-image:url(headmenu/53_on.gif);}
#navi td.menu5 td.menu54{background-image:url(headmenu/54_on.gif);}
#navi td.menu6 td.menu61{background-image:url(headmenu/61_on.gif);}
#navi td.menu6 td.menu62{background-image:url(headmenu/62_on.gif);}
#navi td.menu6 td.menu63{background-image:url(headmenu/63_on.gif);}
#navi td.menu6 td.menu64{background-image:url(headmenu/64_on.gif);}
#navi td.menu6 td.menu65{background-image:url(headmenu/65_on.gif);}
#navi td.menu6 td.menu66{background-image:url(headmenu/66_on.gif);}
#navi td.menu6 td.menu67{background-image:url(headmenu/67_on.gif);}
/* ================================================================================= */
/* Footer                                                                            */
/* ================================================================================= */
#FooterContainer{
	clear:both;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	margin-top:-123px;
	width:900px;
	height:123px;
	background-image:url(img/foot_bg.gif);
	background-repeat:no-repeat;
}
#FootBtn0{
	float:left;
	width:880px;
	margin-left:20px;
}
#FootBtn1{float:left;width:86px;margin-left:5px;margin-top:3px;}
#FootBtn2{float:left;width:98px;margin-left:2px;margin-top:3px;}
#FootBtn3{float:left;width:98px;margin-left:2px;margin-top:3px;}
#FootBtn4{float:left;width:87px;margin-left:410px;margin-top:3px;}
#FootBtn6{float:left;width:90px;margin-left:10px;margin-top:3px;}
#FootBtn7{float:left;width:120px;margin-left:0px;margin-top:10px;}
#FootBtn8{float:left;width:120px;margin-left:5px;margin-top:10px;}
#FootBtn9{float:left;width:120px;margin-left:5px;margin-top:10px;}
#FootLogo{float:left;width:58px;margin-left:0px;}
#FootStr{
	float:left;
	width:465px;
	margin-left:0px;
	color:#ffffff;
	font-size:10px;
	line-height:150%;
}


/* ================================================================================= */
/* program                                                                           */
/* ================================================================================= */
.programAnc{
	display:block;
	margin-top:10px;
	margin-bottom:20px;
}

.programStrBox1{display:none;}
.programStrBox2{display:none;}
.programStrBox3{display:none;}
.programStrBox4{display:none;}
.programStrBox5{display:none;}
.programStrBox6{display:none;}
.programStrBox7{display:none;}
.programStrBox8{display:none;}
.programStrBox9{display:none;}
.programStrBox10{display:none;}
.programStrBox11{display:none;}
.programStrBox12{display:none;}

/* ================================================================================= */
/* ViewOpen                                                                         */
/* ================================================================================= */
.entranceViewBox{ display:none; background-color:#ededed; width:600px;}

/* ================================================================================= */
/* highschooler                                                                      */
/* ================================================================================= */
.interviewLinkBox{ display: block; }
.interviewLinkBox:hover{ filter: alpha(opacity=50);-moz-opacity:0.5; opacity:0.5; text-decoration:none;  color:#0077bc; }
.interviewBox{
    display: table;
    width:100%;
    height:170px;
    margin-top:10px;
    }
.interviewBox div{ display: table-cell; vertical-align: middle; padding-left:10px; }
.interviewBox .txtRight{ display: table-cell; vertical-align: middle; padding-right:20px; text-align: right; }   
.Linkphoto01{ background-image:url( ../highschooler/img_interview/interview_img_Tanuma.jpg); }
.Linkphoto02{ background-image:url( ../highschooler/img_interview/interview_img_Takemura.jpg); }
.Linkphoto03{ background-image:url( ../highschooler/img_interview/interview_img_Kakeya.jpg); }
.Linkphoto04{ background-image:url( ../highschooler/img_interview/interview_img_Yarimizu.jpg); }
.interviewBox .interviewCopy{ font-size:24px; line-height:140%; font-family:"MS Mincho","MS PMincho","Yu Mincho","Hiragino Mincho Pro","Times New Roman",serif;}
.interviewBox .Name1{ font-size:12px;  line-height:200%; color:#000000; }
.interviewBox .Name2{ font-size:18px; color:#000000; }
.interviewBox .Name2 > span{ font-size:14px; color:#000000; }
.interviewBox01{
    display: table;
    width:100%;
    height:260px;
    margin-top:20px;
    }
.interviewBox01 div{ display: table-cell; vertical-align: middle; padding-left:10px; }    
.interviewBox01 .txtRight{ display: table-cell; vertical-align: middle; padding-right:10px; text-align: right; }   
.mainphoto01{ background-image:url( ../highschooler/img_interview/interview_img_Tanuma_2.jpg); background-repeat: no-repeat; }
.mainphoto02{ background-image:url( ../highschooler/img_interview/interview_img_Takemura_2.jpg); background-repeat: no-repeat; }
.mainphoto03{ background-image:url( ../highschooler/img_interview/interview_img_Kakeya_2.jpg); background-repeat: no-repeat; }
.mainphoto04{ background-image:url( ../highschooler/img_interview/interview_img_Yarimizu_2.jpg); background-repeat: no-repeat; }
.interviewBox01 .interviewCopy{ font-size:26px; line-height:160%; font-weight:bold; font-family:"MS Mincho","MS PMincho","Yu Mincho","Hiragino Mincho Pro","Times New Roman",serif;}
.interviewBox01 .Name1{ font-size:12px; line-height:200%; color:#000000; padding-top:10px; }
.interviewBox01 .Name2{ font-size:18px; color:#000000; }
.interviewBox01 .Name2 > span{ font-size:14px; color:#000000; }
.interviewBox02{ font-size:12px; text-align: right; padding:10px 20px; background-color:#e5f1f8;  color:#0077bc; }    
.interviewBox03{ }
.interviewBox03 > div > p:nth-of-type(1){ font-weight:bold; color:#0077bc; font-weight:bold; }
.interviewBox03 > div > p:nth-of-type(2){ font-weight:bold;  line-height:150%; font-weight:bold; font-size:21px; padding-top:10px; }
.interviewBox03 > div > p:nth-of-type(3){ font-size:14px;  line-height:170%;  padding-top:10px; }
.interviewBox04{ margin-top:80px; padding-top:20px; border-top: solid 1px #0077bc; font-weight:bold; }
.interviewBox04 p{ padding-bottom:10px; font-weight:bold; }
.interviewBox04 div{ float:left; width:160px; padding-bottom:40px; }
.interviewBox05{ display: block; width:250px; margin-top:40px; padding:20px 15px; border:solid 1px #0077bc; border-radius:15px; font-size:14px;  }
.interviewBox05:hover{ filter: alpha(opacity=50);-moz-opacity:0.5; opacity:0.5; text-decoration:none;  color:#0077bc; }
.interviewColumn{
    display: table;
    width:100%;
    height:460px;
    margin-top:60px;
    background-repeat: no-repeat;
    background-position: center top;
    font-size:14px;
    line-height:170%;
    }
.interviewBackBTN > a{ display: block; margin-top:20px; color:#000000; }
.interviewBackBTN > a:hover{ color:#000000; opacity:0.5; text-decoration:none;  }
.interviewSpace{ clear:both; margin-top:30px; }
.interviewSpace02{ clear:both; height:120px; background-image:url( ../highschooler/img_interview/interview_img_Space.jpg); background-position: center; background-repeat: no-repeat; }