@charset "utf-8";
/* CSS Document */

/*----------------------------------------------------------------------------
 ***                                                                Container
----------------------------------------------------------------------------*/
body {}
#wrap {}
.pcHidden{ display:none;}

/*----------------------------------------------------------------------------
 ***                                                                  Header
----------------------------------------------------------------------------*/
#headerArea {}
#headerAreaInner{}
#headerAreaTitle{}

#sideMenu ul .gyoImg{ padding-top:10px;}
#sideMenu ul .gyoImg img{ padding: 5px 0 0 5px;}

/*----------------------------------------------------------------------------
 ***                                                       Header - Navi
----------------------------------------------------------------------------*/
#gnavi {}
#gnavi ul{}
#gnavi li{}
#hNavi{background:url(../common_images/back_header01c.png) left top repeat-x; height:64px;}
#hNavi #hNaviInner{ width:950px; margin:0 auto; position:relative;}
#hNavi li{ float:left;}
#hNavi li#wariBtn{
	float:none;
	position:absolute;
	top:-20px;
	left:709px;
}
#hNavi li#sclBtn{
	float:none;
	position:absolute;
	top:-20px;
	left:809px;
}

/*----------------------------------------------------------------------------
 ***                                                              contentsArea
----------------------------------------------------------------------------*/
#contentsArea{ margin:0 auto 0;}
#contentsAreaInner{}



/*----------------------------------------------------------------------------
 ***                                               contentsArea -  mainSection
----------------------------------------------------------------------------*/
/*.mainSection { padding:0; margin:0;}

#SchoolArea{background:url(../common_images/back_sdw01.png) top no-repeat; padding-top:40px; margin-top:50px;}

.mainSectionInner {}

#TopArea .mainSectionInner {}

.mainSection h2{}

.mainSection li,
.mainSection dt,
.mainSection dd,
.mainSection p{ line-height:1.6em; font-size: 14px;}
.mainSection .section { padding:0; margin-top:0px;}
.mainSection h3{ margin:0px 0px 6px 0px; padding:0px 0px 4px 0px; border:0; font-size:24px; color:#000; text-align:left; border-bottom:#FFD700 2px solid; line-height:0.8em;}
.mainSection h2 span.cp{ font-size:18px; vertical-align:4px; font-weight:normal;}
.mainSection h4{ background:none; border-bottom:none; padding-left:0; font-size:20px; margin-bottom:0; line-height:1.4em; color:#E62589; font-weight:normal;}
.mainSection .section h4 {}
.mainSection .sectionInner {}
.mainSection .section .section { padding:0; margin-top:30px; width:auto;}
.mainSection .section .udBar{ padding-bottom:20px; border-bottom:#999 dotted 1px;}

.mainSection #scInfoSec{}
*/


/* ITTO模試：開始 */
#contentsAreaInner h2{ width:950px; height:85px; margin:0 auto; font-size:14px; text-align:center; color:#3E3A39; padding-top:195px; line-height:1.4em; background:url(../itto_moshi/images/img_title01.png) no-repeat;}
#contentsAreaInner #point{ width:600px; margin:0 auto;}

.txtColorPink{ color:#E61673;}
.mainSection p{ color:#000;}

#sideMenu2{
	background:none; /**/
	z-index:9999;
	position:fixed;
	right:50px;
	top:105px !important;
}

.side{ top:310px !important;}

#flowSec{ background-color:#FFFEED; border-bottom:1px solid #000; border-top:1px solid #000; margin:20px auto; position:relative;}
#flowSec .sectionInner{ width:950px; margin:0 auto;}
#flowSec .sectionInner h3{ color:#E87F1C; text-align:center; font-size:30px; line-height:1em; border:none;}
#flowSec .sectionInner .txt_small{ font-size:20px;}
#flowSec .sectionInner .btn_jump{ text-align:center;}

#flowSec h3{ padding:20px 0; border:none;}
#flowSec #flowList{ margin:20px 0; position:relative;}
#flowSec #flowList dl{ width:216px; padding:0 10px; border-right:1px solid #9FA0A0;}
#flowSec #flowList #frist{ border-left:1px solid #9FA0A0;}
#flowSec #flowList dt,
#flowSec #flowList .illust{ text-align:center; font-size:18px;}
#flowSec #flowList dd { font-size:12px; line-height:1.3em;}
#flowSec #iconFlow01{ position:absolute; top:85px; left:220px;}
#flowSec #iconFlow02{ position:absolute; top:85px; left:460px;}
#flowSec #iconFlow03{ position:absolute; top:85px; right:220px;}

#aboutSec{ width:950px; margin:0 auto;}
#aboutBox{ width:590px;}
#aboutBox h4{ color:#E87F1C; border-bottom:1px solid #E87F1C; border-left:8px solid #E87F1C; line-height:1.2em; padding:3px 0 0 5px; background:none;}
#aboutBox dl{ width:570px; margin-left:10px; font-size:16px; border-bottom:1px dashed #727171; padding:8px 0 5px;;}
#aboutBox dt{ background-color:#E87F1C; border-radius:5px; width:50px; text-align:center; color:#FFF74E; line-height:1.5em; padding:3px 5px 0; float:left;}
#aboutBox dd{ padding-left:10px; font-size:16px; float:left; line-height:1.7em;}
#aboutBox .sub_text{ font-size:12px;}

#juku_form{ margin-top:6px;}
#juku_form .imgfloatL{ margin-left:10px;}
#juku_form .floatL{ padding:10px 0 0 30px;}
#juku_form .floatL li:first-child{ padding:8px 0 2px;}

#textSec{ width:280px; background-color:#E61673; border-radius:10px; padding:15px 15px 0; margin:0;}
#textSec h4{ border:none; color:#fff; text-align:center; background:none;}
#textSec p{ color:#fff; font-size:16px; line-height:1.3em;}

#voiceSec{ width:950px; height:1630px; position:relative; margin:40px auto; background:url(../itto_moshi/images/img_bg_studentsb.png) no-repeat;}

#voiceSec h3{ text-align:center; padding:80px 0 0; border:none;}
#voiceSec .students{ width:800px; padding:15px 0; margin:10px auto; border-bottom:1px solid #231815;}
#voiceSec dl{ width:570px;}
#voiceSec dt{ font-size:20px; color:#6A3906; margin-bottom:16px;}
#voiceSec dd{ font-size:14px; color:#3E3A39; line-height:1.4em;}
#voiceSec .student_name{ margin-bottom:8px;}

#teacherSec{ width:650px; height:430px; position:absolute; bottom:-50px; left:160px; padding-top:90px; background:url(../itto_moshi/images/img_bg_bord.png) no-repeat;}
#teacherSec .sectionInner{ width:540px; margin:0 0 0 30px; padding:10px 15px; background-color:#fff;}
#teacherSec h4{ width:215px; height:35px; text-align:center; font-size:20px; border:none; background:url(../itto_moshi/images/img_bg_teacher.png) no-repeat; padding-right:20px; margin:2px 0 15px 30px; line-height:2em;}
#teacherSec p{ font-size:15px; line-height:1.5em;}
#teacherSec #messageTitle{ border-bottom:1px solid #000; padding-bottom:3px; color:#E61673; font-weight:bold; font-size:20px;}
#teacherSec #teacherBox{ margin-top:10px;}
#teacherSec #teacherBox .imgfloatR{ margin:0; padding-right:10px;}


#formSec{ width:740px; margin:100px auto 50px;; padding:0 100px; border:10px solid #707070; position:relative;}
#formSec h3{ color:#E61673; padding:0 20px; position:absolute; top:-30px; left:160px; text-align:center; font-size:30px; line-height:1.1em; background-color:#fff; border:none;}
#formSec #text_book{ margin:70px 0 40px;}
#formSec #text_book dt{ width:492px; background-color:#E61673; font-size:26px; font-weight:normal; color:#fff; padding:5px 0 0 10px; margin-bottom:10px; line-height:1.5em;}
#formSec #text_book dd{ font-size:36px; color:#000; padding-left:5px;}
#formSec #text_book .txt_small{ font-size:14px; line-height:1.3em; color:#3E3A39;}
#formSec .section{ margin:0;}
#formSec table{ width:705px; table-layout:fixed;}
#formSec .addition{ background-color:#FEF3F8; line-height:1.2em;}
#formSec .addition2{ background-color:#FEF8F3; line-height:1.2em;}
#formSec th{ width:175px;}
#formSec td{ width:505px;}

#formSec #titleElementary,
#formSec #titleJunior{ border-left:1px solid #666; border-right:1px solid #666; border-top:1px solid #666;width:720px; border-bottom:none; color:#fff; font-size:24px; line-height:1.8em; padding-top:5px; margin:0; background:none;}

#formSec #titleElementary{ background-color:#E61673;}
#formSec #titleJunior{ background-color:#E87F1C;}

.fmTitleC{ width:450px; padding-left:10px;}
.fmTitleC li{ display:inline-block; margin-left:10px; text-align:center; font-size:28px; font-weight:bold; width:200px; height:40px;}
.fmTitleC #tab_junior{ background:url(../itto_moshi/images/tab_bg_j_off.png) no-repeat;}
.fmTitleC #tab_elementary{ background:url(../itto_moshi/images/tab_bg_e_off.png) no-repeat;}
.fmTitleC li a{ color:#fff; text-decoration:none; display:block; cursor:pointer;}
.fmTitleC li:hover{ opacity:0.6;}

.motion{ display: none;}
#motion_area1{ display:block;}



#formSec td, th{ border:1px solid #666; font-size:16px; font-weight:normal; color:#000; text-align:left !important; padding:7px 14px !important;}
#formSec .attention{ font-size:12px; color:#E61673; font-weight:normal; line-height:1.4em;}
#formSec .normal{ background-color:#fff;}
#formSec select{ margin-right:10px; padding:3px 5px 5px;}
#formSec input{ line-height:1.7em;}
.formTb{ margin-top:0;}
.txt_note{ text-align:center; line-height:1.2em !important; color:#3E3A39 !important; margin:20px 0;}
.submit-area{ margin-top:30px;}

.confBtnBox .privacy_check{ text-align:center; padding-top: 30px;}

.fmTitleC .osFrom2{ background:url(../itto_moshi/images/tab_bg_e_off.png) no-repeat;}

#infoSec{ background-color:#53C9F2; padding:20px 0; margin:0;}
#infoSec .sectionInner{ width:950px; margin:0 auto;}
#infoSec h3{ text-align:center; color:#fff; margin-bottom:10px; border:none;}
#infoSec ul{ width:800px; height:70px; margin:0 auto;}
#infoSec li{ display:inline-block; margin-right:10px;}

/* ITTO模試：終了 */



/*----------------------------------------------------------------------------
 ***                                               contentsArea - rightSection
----------------------------------------------------------------------------*/
.rightSection{}
.rightSectionInner {}


/*----------------------------------------------------------------------------
 ***                                               contentsArea - leftSection
----------------------------------------------------------------------------*/
.leftSection{}
.leftSectionInner {}


/*----------------------------------------------------------------------------
 ***                                               contentsArea - formSection
----------------------------------------------------------------------------*/
.formSection{}
.formSectionInner {}



/*----------------------------------------------------------------------------
 ***                                                                  footer
----------------------------------------------------------------------------*/
#footerArea{}
#footerAreaInner{}
#footerLogo{}


/*----------------------------------------------------------------------------
 ***                                                              ページトップ
----------------------------------------------------------------------------*/
.pagetop_more { background:url(../common_images/back_sdw01.png) center bottom no-repeat; height:45px; clear:both; margin-top:30px;}
.pagetop_more p { background:url(../common_images/icon_main04.gif) left 6px no-repeat; padding:0 10px 10px 16px; font-size:12px; float:right;}
.pagetop_more_nb { height:40px; clear:both; margin-top:30px;}
.pagetop_more_nb p { background:url(../common_images/icon_main04.gif) left 6px no-repeat; padding:0 10px 0 16px; float:right;}

.subBtnSec{ clear:both; padding:40px 0 0 28px;}
.subBtnSec li{ display:inline;}

/*----------------------------------------------------------------------------
 ***                                                                   section
----------------------------------------------------------------------------*/
.section {}
.sectionInner {}


/*----------------------------------------------------------------------------
 ***                                                                form
----------------------------------------------------------------------------*/
#subBtn{ background:url(../schools/images/btn_sub_off.png) left top no-repeat; width:151px; height:61px; border:none;}


/*----------------------------------------------------------------------------
 ***                                                                formsample
----------------------------------------------------------------------------*/
#sLBox2{ width:930px; height:auto; background:#FFD701; position:relative; padding:15px 0 0 20px; margin:0 auto;}

#sLBox2 h3{ text-align:center; padding:20px 0;}
#sLBox2 h4{ padding-bottom:10px;}

.formSecS1{ width:297px; float:left; margin-bottom:10px; margin-top:0; margin-right:10px;}
.formSecS1 .sectionInner{background:#FFF; padding:10px;} 
.formSecS1 .sectionInner .sectionInner{ height: 477px; border-bottom:#666 dotted 1px; margin-bottom:10px;}
.formSecS2{ width:890px; padding:10px; background:#FFF; margin-bottom:0;}

#sLBox2 table{ border:none; border-bottom: #666 dotted 1px;}
#sLBox2 table td{ text-align:left; border:none; border-top: #666 dotted 1px;}
#sLBox2 table th{ line-height:1.2em; border:none; border-top: #666 dotted 1px;}

.address3{ margin-bottom:10px;}

.section{ margin-bottom:40px;}

#CatchArea{	background:url(../schools/lp/open/images/fukidashi_b02.png) 0px bottom no-repeat; position:relative; margin-bottom:25px;}
#CatchArea .sectionInner{ background:url(../schools/lp/open/images/fukidashi_a03.png) 0px top no-repeat; padding:28px 240px 28px 23px;}
#CatchArea div.open_msg{margin:0; padding:0px 0px 0px 10px; border-left:#FFD700 23px solid;}
#CatchArea div.cp_msg{margin:0;  padding:0px 0px 0px 10px; border-left:#E62589 23px solid;}
#CatchArea h2{ font-size:42px;line-height:1.1em; color:#000;}
#CatchArea h2 span.m{font-size:38px;}
#CatchArea h2 span.s{font-size:22px;}
#CatchArea p{margin:0;}
#CatchArea p.school{color:#E62589; font-size:46px; line-height:1em; font-weight:bold;}
#CatchArea p.school span.mincho{font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif; font-size:40px;}
#CatchArea p.school span.name{font-weight:bold; margin-left:5px; margin-right:5px;}
#CatchArea p.Day,
#CatchArea p.Day_S{ width:139px; height:102px; color:#FFF; text-align:center; line-height:1.0em; background:url(../schools/lp/open/images/back_day.png) left top no-repeat; position:absolute; top:-53px; left:470px}
#CatchArea p.Day{ font-size:32px; padding:40px 0 0 3px;}
#CatchArea p.Day_S{ font-size:30px; padding:44px 0 0 3px;}
#CatchArea p.Day span.sizeM,
#CatchArea p.Day_S span.sizeM{ font-size:28px;}
#CatchArea p.Day span,
#CatchArea p.Day_S span{ font-size:16px;}
#CatchArea p.icon{ position:absolute; left:460px; top:139px;}

#campaign{}
#campaign h2{ border-bottom:1px dotted #808080; line-height:1.2em; margin-bottom:16px;}
#campaign h2 span{ font-size:15px; font-weight:normal; vertical-align:10px;}

#TokutenArea{ margin-bottom:15px;}
#TokutenArea .sectionInner{}
#TokutenArea div.raikou{float:left; width:347px; border-right:#333333 1px dotted; background:url(../schools/lp/open/images/img_pre1.png) 0px no-repeat; background-position: right bottom; background-size:40%;}
#TokutenArea div.raikou dt{}
#TokutenArea div.raikou dd{width:177px; font-size:13px; color:#1A1A1A;}
#TokutenArea div.nyukai{float:right; width:330px;}
#TokutenArea div.nyukai dt{margin-bottom:20px}
#TokutenArea div.bgi_none{ background:none;}
#TokutenArea div.bgi_none dd{ width:100%;}

#WebTokutenArea.section{}
#WebTokutenArea .sectionInner{ background:url(../schools/lp/open/images/img_webpre1.png) 0px no-repeat; background-position: right center;}
#WebTokutenArea .bgi_none{ background:none;}
#WebTokutenArea dt{margin-bottom:0px;}
#WebTokutenArea dd{font-size:13px; color:#1a1a1a; text-indent:45px; }
#WebTokutenArea .floatL{ width:55%;}
#WebTokutenArea .floatR{ width:45%;}


#SchoolInfo.section{ border:#FFD700 6px solid;
    border-radius: 20px;        /* CSS3草案 */  
    -webkit-border-radius: 20px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 20px;   /* Firefox用 */
}
#SchoolInfo .sectionInner{ width:614px; margin:0 auto; padding: 30px 0px 30px 0px;}
#SchoolInfo div.basic_info{ width:284px; float:left;}
#SchoolInfo div.photo_info{ width:290px; float:right;}
#SchoolInfo .basic_info dt,
#SchoolInfo .photo_info dt{ background-color:#80004B; color:#fff; width:67px; text-align:center; font-weight:normal; font-size:11px; padding:2px 0px 2px 0px; margin-bottom:5px;
    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */
}
#SchoolInfo dd{font-size:14px; color:#333;}
#SchoolInfo .basic_info dd{margin-bottom:8px; }
#SchoolInfo .basic_info dd.f_tel{margin-bottom:0px; line-height:0px;}
#SchoolInfo .basic_info dd.s_tel{color:#E62589; font-weight:bold; font-size:21px;}
#SchoolInfo .basic_info dd.s_tel span{color:#333; font-size:12px; font-weight:normal;}

#SchoolInfo div.add_info{padding-top:30px; margin-top:30px;}
#SchoolInfo div.add_info .comment{width:284px; float:left;}
#SchoolInfo div.add_info .comment dd{font-size:14px; line-height:1.5em; color:#4D4D4D;}
#SchoolInfo div.add_info .map{width:290px; float:right;}
#SchoolInfo p.goto_school{text-align:center; padding-top:20px;}
#PrArea2 {padding-top:0px;}
#PrArea2 h3{ border:0; font-size:24px;}


.sch{ width:100%; margin:auto; margin-bottom:10px;}
.sch h3{ font-size:18px; font-weight:normal; text-align:center; background-color:#ffd700; margin-bottom:0; line-height:1.2em; padding:9px 0 0 4px;} 
.sch .waku{ background-color:#f2ebbb; padding-bottom:10px;}
.sch dt{ float:left; width:78px;}
.sch dt.dtL{ float:left; width:70px;}
.sch .schInner{ width:500px; margin:auto;}
.sch .schDetail{ padding-top: 10px;}
.sch .schInnerL{ width:90%; margin:auto;}
.sch dl{width:290px; font-size:110%; margin-bottom:7px; border-bottom:#666 dashed 1px; }
.sch dd{ color:#000;}
.sch dd .date{ display:block; width:34px; float:left; text-align:right;}
.sch dd .dw{ display:block; width:40px; float:left; text-align:center;}
.sch dd .time{ display:block; width:62px; float:left; text-align:center;}
.sch dd .dateL{ display:block; width:40px; float:left; text-align:left;}
.sch dd .dwL{ display:block; width:42px; float:left; text-align:center;}
.sch dd .timeL{ display:block; width:115px; float:left; text-align:center;}
.sch p img{width:500px;}
.sch p{ margin-bottom:0px; padding-top:10px; text-align:center;}

.center{margin:0 auto; width:260px;}
p.geos img{width:690px; margin-bottom:20px;}