@charset "utf-8"; @import url("../../style/base.css"); @import url("structure.css"); /*==================================================== ------------------------------------------------------ main.css ------------------------------------------------------ ====================================================*/ /*================= contents menu ============ 1: pageImg 2: common - h2 - h3 - text - .w90Br - .w90 - .w100Br - .w100Br - .s85Br - .s85 *3: Top ID:htop 4: Introduction ID:intro 5: HumanBeingEducation ID:human 6: CharacteristicOfLearning ID:chara 7: InternationalEducation ID:inter --- ClassIntroduction/ -- 8: InternationalCommunication ID:commun /*2009/07 9: Prominent ID:prominent 10: Global ID:global 11: Science ID:science 12: Abandant ID:abandant --- 13: SchoolLife ID:life 14: CampusMap ID:campusM 15: Guidelines ID:guideline 16: Briefing ID:briefing 17: Results ID:results /*2009/07 18: GuidanceCounseling ID:guidance 19: Achievements ID:achiev 20: Cooperation ID:cooper/*200907 21: ICC ID:icc/*201008 h17 ============================================== */ /*==================================================== 1: pageImg ====================================================*/ #htop #areaB { background: url(../img/pageImg.jpg);} #intro #areaB { background: url(../Introduction/img/pageImg.jpg);} #human #areaB { background: url(../HumanBeingEducation/img/pageImg.jpg);} #cooper #areaB { background: url(../Cooperation/img/pageImg.jpg);} #chara #areaB { background: url(../CharacteristicOfLearning/img/pageImg.jpg);} #inter #areaB { background: url(../InternationalEducation/img/pageImg.jpg);} #commun #areaB { background: url(../ClassIntroduction/InternationalCommunication/img/pageImg.jpg);} #prominent #areaB { background: url(../ClassIntroduction/Prominent/img/pageImg.jpg);} #global #areaB { background: url(../ClassIntroduction/Global/img/pageImg.jpg);} #english #areaB { background: url(../ClassIntroduction/EnglishIntensive/img/pageImg.jpg);} #science #areaB { background: url(../ClassIntroduction/Science/img/pageImg.jpg);} #abandant #areaB { background: url(../ClassIntroduction/Abandant/img/pageImg.jpg);} #life #areaB { background: url(../SchoolLife/img/pageImg.jpg);} #guidelines #areaB { background: url(../Guidelines/img/pageImg.jpg);} #briefing #areaB { background: url(../Briefing/img/pageImg.jpg);} #results #areaB { background: url(../Results/img/pageImg.jpg);} #guidance #areaB { background: url(../GuidanceCounseling/img/pageImg.jpg);} #achiev #areaB { background: url(../Achievements/img/pageImg.jpg);} #icc #areaB { background: url(../ICC/img/pageImg.jpg);} #pageImg { width: 175px; height: 295px; background: no-repeat; text-indent: -9876em; margin: -10px 0 0 0; text-indent: -9876em;} #access #pageImg, #jSitemap #pageImg, #sp #pageImg, #pp #pageImg, #contact #pageImg, #link #pageImg { width: 175px; height: 295px; background: url(../c_img/pageImg.jpg) no-repeat;text-indent: -9876em; margin: 0 0 10px 0;} /*==================================================== 2: common ====================================================*/ h2 { width: 545px; height: 35px; text-indent: -9876em; margin: 0 0 15px 0; background: no-repeat;} h3 { width: 545px; height: 30px; text-indent: -9876em; margin: 0 0 10px 0;background: no-repeat;} /* -text ====================================================*/ /* - w = width - s = font size - R = text align Right - WB = font-Weight Bold - CR = Color Red */ p { padding: 0 0 .8em 0;} . .w90 { width: 90%;} .s85 { font-size: .765em;} .s85R { font-size: .765em; text-align: right;} .w100R { width: 100%; text-align: right;} .w100s85R { width: 100%; text-align: right; font-size: .765em; } .WB { font-weight: bold;} .WBs110blue { font-weight: bold; color: #5185C5; font-size: 1.1em;} .CR { color: red;} .lightBlue { color: #0099D9;} .s110 { font-size: 110%;} .bolder { font-weight: bolder;} /*==================================================== 3: Top ID:htop ====================================================*/ #htop #areaCD { background: url(../img/bgTopAreaCD.gif) repeat-y;} #htop #areaC { width: 565px;} #htop .goToTop { margin: 0 10px 15px auto;} #whatsNew { float: left; width: 325px; padding: 0 0 0 0;} #whatsNew h2 { width: 315px; height: 40px; background: url(../img/h00_h2_00.jpg) ; margin: 0 0 10px 0;} #htop #whatsNew .special01, #htop #whatsNew .special02, #htop #whatsNew .studentCouncil { display: block; width: 315px; text-indent: -9876em; overflow:hidden;} #htop #whatsNew .studentCouncil a { display: block; width: 315px; height: 100px; background: url(../img/bNtopStudentCouncil.jpg) 0 0; margin: 0;} #htop #whatsNew .special01 a { display: block; width: 315px; height: 120px; background: url(../img/SpBnTop01.jpg) 0 0; margin: 0;} #htop #whatsNew .special02 a { display: block; width: 315px; height: 120px; background: url(../img/SpBnTop02.jpg) 0 0; margin: 0 0 15px 0;} #htop #whatsNew .studentCouncil a:hover{ background: url(../img/bNtopStudentCouncil.jpg) 0 -100px;} #htop #whatsNew .special01 a:hover { background: url(../img/SpBnTop01.jpg) 0 -120px ;} #htop #whatsNew .special02 a:hover { background: url(../img/SpBnTop02.jpg) 0 -120px ;} #htop #areaD .special01, #htop #areaD .special02 { display: none;} #htop #areaD .special01 a, #htop #areaD .special02 a { display: none;} #htop #areaD ul.globalNavi { margin: 10px 0 0 0;} #pickup { float: right; width: 240px;} #pickup h2 { width: 240px; height: 40px; background: url(../img/h00_h2_01.jpg); margin: 0 0 5px auto;} /* - Magazine ------------------------------------------------------------*/ ul.topMagazin { display: block; clear: right; width: 240px; list-style-type: none; margin: 0 0 15px 0; padding: 0;} ul.topMagazin li a,ul.topMagazin li a:hover { width: 240px; height: 95px; display: block; background: transparent; vertical-align: top; overflow:hidden; margin: 0; padding: 0;} /*\*//*/ overflow:auto; /**/ ul.topMagazin li, ul.topMagazin li a { width: 240px; height: 95px;} ul.topMagazin li span, ul.topMagazin li a span { display: none;} ul.topMagazin li#oMh01 a { background: url(../img/btTopLove.jpg) 0 0;} ul.topMagazin li#oMh02 a { background: url(../img/btTopFlapping.jpg) 0 0;} /*ul.topMagazin li#oMh03 a { background: url(../img/btTopEvent.jpg) 0 0;} /2010/07delete*/ ul.topMagazin li#oMh04 a { background: url(../img/btTopClubA.jpg) 0 0;} ul.topMagazin li#oMh05 a { background: url(../img/btTopOpenC.jpg) 0 0;} ul.topMagazin li#oMh06 a { background: url(../img/btTopJumpIn.jpg) 0 0;} ul.topMagazin li#oMh07 a { background: url(../img/btTopICC.jpg) 0 0;} /*2010/07*/ ul.topMagazin li#oMh01 a:hover { background: url(../img/btTopLove.jpg) -240px 0 ;} ul.topMagazin li#oMh02 a:hover { background: url(../img/btTopFlapping.jpg) -240px 0 ;} /*ul.topMagazin li#oMh03 a:hover { background: url(../img/btTopEvent.jpg) -240px 0 ;} /2010/07delete*/ ul.topMagazin li#oMh04 a:hover { background: url(../img/btTopClubA.jpg) -240px 0 ;} ul.topMagazin li#oMh05 a:hover { background: url(../img/btTopOpenC.jpg) -240px 0 ;} ul.topMagazin li#oMh06 a:hover { background: url(../img/btTopJumpIn.jpg) -240px 0;} ul.topMagazin li#oMh07 a:hover { background: url(../img/btTopICC.jpg) -240px 0;} /*2010/07*/ /* - Magazine New ------------------------------------------------------------*/ ul.topMagazin li#oMh01new a { background: url(../img/btNewTopLove.jpg) 0 0;} ul.topMagazin li#oMh02new a { background: url(../img/btNewFlapping.jpg) 0 0;} /*ul.topMagazin li#oMh03new a { background: url(../img/btNewTopEvent.jpg) 0 0;} /2010/07delete*/ ul.topMagazin li#oMh04new a { background: url(../img/btNewTopClubA.jpg) 0 0;} ul.topMagazin li#oMh05new a { background: url(../img/btNewTopOpenC.jpg) 0 0;} ul.topMagazin li#oMh06new a { background: url(../img/btNewTopJumpIn.jpg) 0 0;} ul.topMagazin li#oMh07new a { background: url(../img/btNewTopICC.jpg) 0 0;} ul.topMagazin li#oMh01new a:hover { background: url(../img/btNewTopLove.jpg) -240px 0 ;} ul.topMagazin li#oMh02new a:hover { background: url(../img/btNewTopFlapping.jpg) -240px 0 ;} /*ul.topMagazin li#oMh03new a:hover { background: url(../img/btNewTopEvent.jpg) -240px 0 ;} /2010/07delete*/ ul.topMagazin li#oMh04new a:hover { background: url(../img/btNewTopClubA.jpg) -240px 0 ;} ul.topMagazin li#oMh05new a:hover { background: url(../img/btNewTopOpenC.jpg) -240px 0 ;} ul.topMagazin li#oMh06new a:hover { background: url(../img/btNewTopJumpIn.jpg) -240px 0;} ul.topMagazin li#oMh07new a:hover { background: url(../img/btNewTopICC.jpg) -240px 0;} ul.topMagazin li a p { width: 130px; font-size: .768em; line-height: 120%; padding: 0 0 0 0; margin: 50px 5px 0 auto;} ul.topMagazin li a:link { color: #666; text-decoration: none;} ul.topMagazin li a:visited { color: #333; text-decoration: none;} ul.topMagazin li a:hover { color: #990000; } ul.topMagazin li a:active { color: #990000;} /*==================================================== 4: Introduction ID:intro ====================================================*/ #intro #areaC .h2_00 { background: url(../Introduction/img/h01_h2_00.gif);} #intro #areaC .h3_head { height: 40px; background: url(../Introduction/img/h01_h3_head.gif);} #intro #areaC .h3_00 { background: url(../Introduction/img/h01_h3_00.gif); margin-top: 20px;} #intro #areaC .h3_01 { background: url(../Introduction/img/h01_h3_01.gif);height:30px;margin-top:4em;} #intro #areaC .h3_02 { display:block; float:left; background: url(../Introduction/img/h01_h3_02.gif) no-repeat 0 bottom; width: 355px; height: 103px; margin: 25px 0 0 15px;} #intro #areaC .photo_01{float:left;display:block;margin:0 1.5em 0 0;} #intro #areaC .photo_02{float:left;display:block;margin:10px 0;} /*==================================================== 5: HumanBeingEducation ID:human ====================================================*/ #human .h2_00 { background: url(../HumanBeingEducation/img/h02_h2_00.gif);} #human h3 { width: 255px; height: 30px; margin-bottom: 15px;} #human .h3_00 { background: url(../HumanBeingEducation/img/h02_h3_00.gif) 0 0 no-repeat;} #human .h3_01 { background: url(../HumanBeingEducation/img/h02_h3_01.gif) 0 0 no-repeat;} #human .h3_02 { background: url(../HumanBeingEducation/img/h02_h3_02.gif) 0 0 no-repeat;} #human .h3_03 { background: url(../HumanBeingEducation/img/h02_h3_03.gif) 0 0 no-repeat;} #human .h3_voice { width: 545px; height: 103px; background: url(../HumanBeingEducation/img/h02_voice_h3.gif) 0 0 no-repeat; margin-bottom: 0;} #human .rowsBox {margin-bottom: 20px;} #human .rowsBox img { margin-bottom: 5px;} #human .voice { width: 505px; background: #e4eff6; padding: 0 20px 20px 20px;} #human .voice img { display: block; float: left; margin-right: 10px;} /*==================================================== 6: CharacteristicOfLearning ID:chara ====================================================*/ #chara .h2_00 { background: url(../CharacteristicOfLearning/img/h03_h2_00.gif);} #chara .h3_00 { height: 30px; background: url(../CharacteristicOfLearning/img/h03_h3_00.gif);} #chara .h2_01 { background: url(../CharacteristicOfLearning/img/h03_h2_00.gif);} #chara .h3_01 { background-color:#2D568C;width:535px;height:auto;padding:0.4em;font-size:120%;font-weight:bold;color:#FFF;text-indent:0;} #chara .h3_02 { } #chara .h4_00 { font-size:120%;font-weight:bold;text-indent:0;} #chara .box_01 { background: url(../CharacteristicOfLearning/img/h03_00.gif) no-repeat 0 0;width:545px;height:1134px;margin:25px 0 35px 0;text-indent:-9999px;} #chara .box_02 { background: url(../CharacteristicOfLearning/img/h03_01.jpg) no-repeat;width:545px;height:99px;margin:10px 0 25px 0;text-indent:-9999px;} #chara li.blueText { color:#4F72B3;text-indent:-0.8em;margin:0;padding:0;margin-left:2em;} #chara .box_03,#chara .box_04 { background:#E6F6F9;border:1px solid #CCC;padding:10px;margin:15px 0;} #chara .h4_02 { height:auto;margin-bottom:5px;font-size:120%;font-weight:bold;color:#4866A1;text-indent:0;} #chara .box_03 p{background:url(../CharacteristicOfLearning/img/h03_02.jpg) no-repeat 0 0 ;padding-left:175px;line-height:160%;} #chara .box_04 p{background:url(../CharacteristicOfLearning/img/h03_03.jpg) no-repeat right center ;height:10em;padding-right:230px;line-height:160%;} /*==================================================== 7: InternationalEducation ID:inter ====================================================*/ #inter .h2_00 { background: url(../InternationalEducation/img/h04_h2_00.gif);} #inter h3 { clear: both; height: 30px;} #inter .h3_00 { background: url(../InternationalEducation/img/h04_h3_00.gif) 0 0 no-repeat;} #inter .h3_01 { background: url(../InternationalEducation/img/h04_h3_01.gif) 0 0 no-repeat;} #inter .h3_02 { background: url(../InternationalEducation/img/h04_h3_02.gif) 0 0 no-repeat;} #inter .rowsBox img { margin-right: 5px;} #inter .h3_voice { width: 545px; height: 103px; background: url(../InternationalEducation/img/h04_voice_h3.gif) 0 0 no-repeat; margin-bottom: 0;} #inter .voice { width: 505px; background: #e4eff6; padding: 0 20px 20px 20px;} #inter .voice img { display: block; float: left; margin-right: 10px;} #inter .map { margin-bottom: 20px;} #inter .map dl { width: 535px; border: 1px solid #3071B8; padding: 5px; color: #3071B8; line-height: 120%;} #inter .map dt { font-weight: bolder;} #inter .map ul { display: block;} #inter .map ul li { display: inline; padding-right: 1em;} #inter .map img { margin: 10px auto;} #inter .list { width: 545px; margin: 0 0 20px 0;} #inter .list table{ width: 100%; border-collapse: collapse; border:1px solid #CCC; margin: 0 0 15px auto;} #inter .list th, #inter .list td { padding: .2em;} #inter .list th { font-weight: normal} #inter .list th,#inter td{border:1px solid #CCC;} #inter .list th,#inter td{ padding: 0.1em;} #inter .list th{ background: #CFDEE1; text-align: center;} /*==================================================== 8: ClassIntroduction　common ====================================================*/ .classPoint dl { width: 545px; margin: 0 0 20px 0; padding: 0;} .classPoint dl dt { display: block; color: #333; font-size: 16px; font-weight: bolder; border-bottom: 1px solid #333; margin: 0 0 5px 0; line-height: 105%;} .classPoint dl dd { padding: 0; color: #595757; line-height: 160%;} .charaTop { width: 545px; padding: 40px 0 0 0; } .charaBottom { width: 545px; padding: 0 0 10px 0; margin: 20px 0 40px 0;} .charaTop dl { width: 515px; color: #fff; margin: 0 auto; padding: 15px 0;} .charaTop dt { font-size: 14px; font-weight: bolder; margin: 0 0 5px 0; line-height: 105%;} .charaTop dd { } .charaTop .line { border-bottom: 1px solid #fff;} .charaVoice { width: 515px; background: #F7EFE3 url(../ClassIntroduction/Prominent/img/voice_bg.gif) 0 0 no-repeat; padding: 65px 15px 25px 15px;} .charaVoice h3 { width: 515px; height: 20px; text-indent: -9876em;} .charaVoice img { display: block; float: left;} .charaVoice dl { display: block; width: 255px; float: right;} .charaVoice dt { width: 255px; height: 35px; margin: 0 0 5px 0; text-indent: -9876em;} /*==================================================== 8: Prominent ID:prominent ====================================================*/ #prominent .h2_00 { background: url(../ClassIntroduction/Prominent/img/h05d_h2_00.gif); margin-bottom: 10px;} #prominent .b14 { font-size: 14px; font-weight: bolder; color: #727172; margin: 0;} #prominent .h3_01 { height: 25px; background: url(../ClassIntroduction/Prominent/img/h3_01.jpg) 0 0; margin: 15px 0;} #prominent .charaTop { background: url(../ClassIntroduction/Prominent/img/bgCharaTop.gif) 0 0;} #prominent .charaBottom { background: url(../ClassIntroduction/Prominent/img/bgCharaBottom.gif) 0 100% no-repeat;} #prominent .charaVoice .h3_02 { background: url(../ClassIntroduction/Prominent/img/voice_h3_01.gif) 0 0;} #prominent .charaVoice .h3_03 { background: url(../ClassIntroduction/Prominent/img/voice_h3_02.gif) 0 0;} #prominent .charaVoice .dt_01 { background: url(../ClassIntroduction/Prominent/img/voice_dt_01.gif) 0 0;} #prominent .charaVoice .dt_02 { background: url(../ClassIntroduction/Prominent/img/voice_dt_02.gif) 0 0;} #prominent .download p { padding: 0 0 30px 30px;} #prominent .download a {background: url(../ClassIntroduction/Global/img/h05_arrow_s.gif) 0 .2em no-repeat;padding-left:1.2em;} /*==================================================== 9: Global ID:global ====================================================*/ #global .h2_00 { background: url(../ClassIntroduction/Global/img/h05c_h2_00.gif); margin-bottom: 10px;} #global .b14 { font-size: 14px; font-weight: bolder; color: #727172; margin: 0;} #global .h3_01 { height: 25px; background: url(../ClassIntroduction/Global/img/h3_01.jpg) 0 0; margin: 15px 0;} #global .charaTop { background: url(../ClassIntroduction/Global/img/bgCharaTop.gif) 0 0;} #global .charaBottom { background: url(../ClassIntroduction/Global/img/bgCharaBottom.gif) 0 100% no-repeat;} #global .charaVoice .h3_02 { background: url(../ClassIntroduction/Global/img/voice_h3_01.gif) 0 0;} #global .charaVoice .h3_03 { background: url(../ClassIntroduction/Global/img/voice_h3_02.gif) 0 0;} #global .charaVoice .dt_01 { background: url(../ClassIntroduction/Global/img/voice_dt_01.gif) 0 0;} #global .charaVoice .dt_02 { background: url(../ClassIntroduction/Global/img/voice_dt_02.gif) 0 0;} #global .download p { padding: 0 0 30px 30px;} #global .download a {background: url(../ClassIntroduction/Global/img/h05_arrow_s.gif) 0 .2em no-repeat;padding-left:1.2em;} /*==================================================== 10: InternationalCommunication ID:commun ====================================================*/ #commun .h2_00 { background: url(../ClassIntroduction/InternationalCommunication/img/h05f_h2.gif); margin-bottom: 10px;} #commun .b14 { font-size: 14px; font-weight: bolder; color: #727172; margin: 0;} #commun .h3_01 { height: 25px; background: url(../ClassIntroduction/InternationalCommunication/img/h3_01.jpg) 0 0; margin: 15px 0;} #commun .charaTop { background: url(../ClassIntroduction/InternationalCommunication/img/bgCharaTop.gif) 0 0;} #commun .charaBottom { background: url(../ClassIntroduction/InternationalCommunication/img/bgCharaBottom.gif) 0 100% no-repeat;} #commun .charaVoice .h3_02 { background: url(../ClassIntroduction/InternationalCommunication/img/voice_h3_01.gif) 0 0;} #commun .charaVoice .h3_03 { background: url(../ClassIntroduction/InternationalCommunication/img/voice_h3_02.gif) 0 0;} #commun .charaVoice .dt_01 { background: url(../ClassIntroduction/InternationalCommunication/img/voice_dt_01.gif) 0 0;} #commun .charaVoice .dt_02 { background: url(../ClassIntroduction/InternationalCommunication/img/voice_dt_02.gif) 0 0;} #commun .download p { padding: 0 0 30px 30px;} #commun .download a{background: url(../ClassIntroduction/Global/img/h05_arrow_s.gif) 0 .2em no-repeat;padding-left:1.2em;} /*==================================================== 10: EnglishIntensive ID:english #english .h2_00 { background: url(../ClassIntroduction/EnglishIntensive/img/h05b_h2_00.gif);} #english .h3_00 { background: url(../ClassIntroduction/EnglishIntensive/img/h05b_h3_00.gif) 0 0;} #english .h3_01 { background: url(../ClassIntroduction/EnglishIntensive/img/h05b_h3_bg.jpg) repeat-y;height:auto;padding:0.4em;font-size:120%;font-weight:bolder;color:#FFF;text-indent:0;margin-bottom:15px;} #english .h4_00 { color:#E48A37;font-size:120%;font-weight:bolder;text-indent:0;height:auto;text-indent:0;margin-bottom:5px;} #english .download p { padding-left: 30px;} #english .download a { background: url(../ClassIntroduction/EnglishIntensive/img/h05_arrow_s.gif) 0 .2em no-repeat;padding-left:1.2em;} #english .arrow {background: url(../ClassIntroduction/EnglishIntensive/img/h05b_arrow.gif) no-repeat 50px 5px;height:40px;text-indent:-9999px;} #english .box_02,#english .box_03{border:1px solid #CCC;padding-left:128px;} #english .box_02 p,#english .box_03 p{background:#FFF;border-left:1px solid #CCC;padding:1.8em 1em;} #english .box_02 h4,#english .box_03 h4 {display:none;} #english .box_02 strong,#english .box_03 strong {line-height:150%;font-size:120%;font-weight:bolder;} #english .box_02{background: url(../ClassIntroduction/EnglishIntensive/img/h05b_h4_01.gif) no-repeat left center #FEF2E0;} #english .box_03{background: url(../ClassIntroduction/EnglishIntensive/img/h05b_h4_02.gif) no-repeat left center #FEF2E0;} ====================================================*/ /*==================================================== 11: Science ID:science ====================================================*/ #science .h2_00 { background: url(../ClassIntroduction/Science/img/h05e_h2_00.gif); margin-bottom: 10px;} #science .b14 { font-size: 14px; font-weight: bolder; color: #727172; margin: 0;} #science .h3_01 { height: 25px; background: url(../ClassIntroduction/Science/img/h3_01.jpg) 0 0; margin: 15px 0;} #science .charaTop { background: url(../ClassIntroduction/Science/img/bgCharaTop.gif) 0 0;} #science .charaBottom { background: url(../ClassIntroduction/Science/img/bgCharaBottom.gif) 0 100% no-repeat;} #science .charaVoice .h3_02 { background: url(../ClassIntroduction/Science/img/voice_h3_01.gif) 0 0;} #science .charaVoice .h3_03 { background: url(../ClassIntroduction/Science/img/voice_h3_02.gif) 0 0;} #science .charaVoice .dt_01 { background: url(../ClassIntroduction/Science/img/voice_dt_01.gif) 0 0;} #science .charaVoice .dt_02 { background: url(../ClassIntroduction/Science/img/voice_dt_02.gif) 0 0;} #science .download p { padding: 0 0 30px 30px;} #science .download a {background: url(../ClassIntroduction/Science/img/h05_arrow_s.gif) 0 .2em no-repeat;padding-left:1.2em;} /*==================================================== 12: Abandant ID:abandant ====================================================*/ #abandant .h2_00 { background: url(../ClassIntroduction/Abandant/img/h05a_h2_00.gif); margin-bottom: 10px;} #abandant .b14 { font-size: 14px; font-weight: bolder; color: #727172; margin: 0;} #abandant .h3_01 { height: 25px; background: url(../ClassIntroduction/Abandant/img/h3_01.jpg) 0 0; margin: 15px 0;} #abandant .charaTop { background: url(../ClassIntroduction/Abandant/img/bgCharaTop.gif) 0 0;} #abandant .charaBottom { background: url(../ClassIntroduction/Abandant/img/bgCharaBottom.gif) 0 100% no-repeat;} #abandant .charaVoice .h3_02 { background: url(../ClassIntroduction/Abandant/img/voice_h3_01.gif) 0 0;} #abandant .charaVoice .h3_03 { background: url(../ClassIntroduction/Abandant/img/voice_h3_02.gif) 0 0;} #abandant .charaVoice .dt_01 { background: url(../ClassIntroduction/Abandant/img/voice_dt_01.gif) 0 0;} #abandant .charaVoice .dt_02 { background: url(../ClassIntroduction/Abandant/img/voice_dt_02.gif) 0 0;} #abandant .download p { padding: 0 0 30px 30px;} #abandant .download a {background: url(../ClassIntroduction/Abandant/img/h05_arrow_s.gif) 0 .2em no-repeat;padding-left:1.2em;} #abandant .adNews { clear: both; display: block; width: 325px; height: 25px; background: url(../ClassIntroduction/Abandant/img/btAbandantNews.gif) 0 0 no-repeat; padding: 0; margin: 0 0 15px auto; overflow:hidden;} /*\*//*/ overflow:auto; /**/ #abandant .adNews a { display: block; width: 325px; height: 25px; text-indent: -9876em;} #abandant .adNews a:hover { background: url(../ClassIntroduction/Abandant/img/btAbandantNews.gif) 0 -25px;} /*==================================================== 13: SchoolLife ID:life ====================================================*/ #life .h2_00 { background: url(../SchoolLife/img/h06_h2_00.gif);} #life .h3_00 { background: url(../SchoolLife/img/h06_h3_00.gif) no-repeat;} #life .p_00 {} #life h4{background:no-repeat;width:160px;height:35px;text-indent:-9999px;} #life hr {background: #FFF;display:block;width:535px;height:1px;border-top:1px solid #EEE;margin:10px auto 5px auto;} #life .h4_00{background:url(../SchoolLife/img/h06_h4_00.gif);} #life .h4_01{background:url(../SchoolLife/img/h06_h4_01.gif);} #life .h4_02{background:url(../SchoolLife/img/h06_h4_02.gif);} #life .h4_03{background:url(../SchoolLife/img/h06_h4_03.gif);} #life .h4_04{background:url(../SchoolLife/img/h06_h4_04.gif);} #life .h4_05{background:url(../SchoolLife/img/h06_h4_05.gif);} #life .h4_06{background:url(../SchoolLife/img/h06_h4_06.gif);} #life .h4_07{background:url(../SchoolLife/img/h06_h4_07.gif);} #life .h4_08{background:url(../SchoolLife/img/h06_h4_08.gif);} #life .h4_09{background:url(../SchoolLife/img/h06_h4_09.gif);} #life .h4_10{background:url(../SchoolLife/img/h06_h4_10.gif);} #life .h4_11{background:url(../SchoolLife/img/h06_h4_11.gif);} #life .box {width:160px; background: #DAECF2; float:left; margin:10px;} #life .box p {height:18em; background: #DAECF2;padding:.7em;} #life .box .box_00{background: url(../SchoolLife/img/h06_00.jpg) 14px 10em no-repeat;} #life .box .box_01{background: url(../SchoolLife/img/h06_01.jpg) 14px 10em no-repeat;} #life .box .box_02{background: url(../SchoolLife/img/h06_02.jpg) 14px 10em no-repeat;} #life .box .box_03{background: url(../SchoolLife/img/h06_03.jpg) 14px 10em no-repeat;} #life .box .box_04{background: url(../SchoolLife/img/h06_04.jpg) 14px 10em no-repeat;} #life .box .box_05{background: url(../SchoolLife/img/h06_05.jpg) 14px 10em no-repeat;} #life .box .box_06{background: url(../SchoolLife/img/h06_06.jpg) 14px 10em no-repeat;} #life .box .box_07{background: url(../SchoolLife/img/h06_07.jpg) 14px 10em no-repeat;} #life .box .box_08{background: url(../SchoolLife/img/h06_08.jpg) 14px 10em no-repeat;} #life .box .box_09{background: url(../SchoolLife/img/h06_09.jpg) 14px 10em no-repeat;} #life .box .box_10{background: url(../SchoolLife/img/h06_10.jpg) 14px 10em no-repeat;} #life .box .box_11{background: url(../SchoolLife/img/h06_11.jpg) 14px 10em no-repeat;} /*==================================================== 14: CampusMap ID:campusM /style/CampusM.css ====================================================*/ /*==================================================== 15: Guidelines ID:guidelines ====================================================*/ #guidelines .h2_01 { background: url(../Guidelines/img/h09_h2_01.gif) right center no-repeat;} #guidelines h3 { width: 545px; height: 25px; margin: 20px 0 10px 0;} #guidelines .h3_01 { background: url(../Guidelines/img/h09_h3_01.gif) no-repeat; margin-top: 0;} #guidelines .h3_02 { background: url(../Guidelines/img/h09_h3_02.gif) no-repeat;} #guidelines .h3_03 { background: url(../Guidelines/img/h09_h3_03.gif) no-repeat;} #guidelines .h3_04 { background: url(../Guidelines/img/h09_h3_04.gif) no-repeat;} #guidelines .h3_05 { background: url(../Guidelines/img/h09_h3_05.gif) no-repeat;} #guidelines .h3_06 { background: url(../Guidelines/img/h09_h3_06.gif) no-repeat;} #guidelines .h3_07 { background: url(../Guidelines/img/h09_h3_07.gif) no-repeat;} #guidelines .h3_08 { background: url(../Guidelines/img/h09_h3_08.gif) no-repeat;} #guidelines .h3_09 { background: url(../Guidelines/img/h09_h3_09.gif) no-repeat;} #guidelines .h3_10 { background: url(../Guidelines/img/h09_h3_10.gif) no-repeat;} #guidelines .h3_11 { background: url(../Guidelines/img/h09_h3_11.gif) no-repeat;} #guidelines .h3_12 { background: url(../Guidelines/img/h09_h3_12.gif) no-repeat;} #guidelines .h3_13 { background: url(../Guidelines/img/h09_h3_13.gif) no-repeat;} #guidelines .h3_14 { background: url(../Guidelines/img/h09_h3_14.gif) no-repeat;} #guidelines h4 { margin: .5em 0 .2em 0; padding: 0;} #guidelines h4 span { padding: .5em 1em; margin: 0 1em 0 0; background: #666; color: #fff; border: 1px solid #ccc; font-weight: bolder;} #guidelines dl { margin: 0 0 20px 0;} #guidelines dl:after { content:"."; clear: both; height: 0; display: block; visibility: hidden;} /*\*//*/ #guidelines dl { display: inline-table; } /**/ #guidelines #areaC ul { padding: .5em .5em .5em 0; margin: 0 0 1em 10px;} #guidelines #areaC ul li ul { padding-left: 1em; padding-bottom: 0;} #guidelines #areaC ul.lm li { clear: both; background: url(../Guidelines/img/h09_lm.gif) no-repeat .2em .3em; padding: 0 0 0 1.4em;} #guidelines #areaC ul.lm li li { background: none; padding: 0;} #guidelines #areaC ul.lm p { padding-left: 1em; padding-bottom: -1em;} #guidelines table { width: 100%; border-spacing: 1px; background-color:#E7E7E7; margin: 0 0 10px 0;} #guidelines td, th { padding: .5em;} #guidelines thead th { background: #CFDEE1; border: 1px solid #FFF; color: #666; text-align: center;} #guidelines tbody th { font-weight: bold; color: #38588A; font-weight: normal;} #guidelines thead th.nom { width: 16%; background: #CFDEE1; border: 1px solid #FFF; color: #666; text-align: center;} #guidelines tbody th.nom { width: 16%; font-weight: bold; color: #38588A; font-weight: normal;} #guidelines tbody tr { background-color:#FFF;} #guidelines tbody tr.odd { background: #f9f9f9; border-top: 1px solid #FFF;} #guidelines tbody tr td, tbody tr th { background: #FFF; border: 1px solid #FFF;} #guidelines tbody tr.odd td, tbody tr.odd th { background: #f9f9f9; border-top: 1px solid #FFF;} #guidelines td ul li span { padding: 0 0 0 1em; color: #666;} #guidelines table.timeTable { width: 85%; margin: 0 0 0 auto; text-align: center; background-color: #aaa;} #guidelines table.timeTable thead th { background: #fff; } #guidelines #areaC ul.w85 { width: 85%; margin: 0 0 0 auto;} #guidelines .sp01 { clear: both; background-color: #EFE0E8; padding: 1em; margin: 10px 0} #guidelines .sp02 { clear: both; background-color: #E0ECEF; padding: 1em; margin: 10px 0} #guidelines dl.sp02 dt { font-weight: bolder;} #guidelines dl.sp02 dd { padding: 0 0 0 1em;} #guidelines dl.sp02 dd dt { padding: 1em 0 0 0; margin-bottom: .2em; color: #00819F; border-bottom: 1px solid #4DB6CF;} #guidelines dl.sp02 dd dd dl { background: #fff; border: 1px solid #B3E4EF; padding: .8em;} #guidelines dl.sp02 dd dd dd { padding: 0;} #guidelines dl.sp02 dd dd dt { padding: 0 0 .3em 0; border: none; color: #005A6F;} #guidelines dl.sp02 dd dd p { padding-bottom: 0;} #guidelines dl.sp02 dd dd span { display: block; height: 1.2em; background: none; color: #333; font-size: 160%; font-weight: bolder; text-align: center; border: none;} #guidelines strong { font-weight: bolder;} #guidelines span.underLine, #guidelines dl.sp02 dd dd span.underLine{ display: inline; color: #333; font-size: 12px; font-weight: normal; border-bottom: 2px solid #FF831F; text-align: left; padding: 0;} /*==================================================== 16: Briefing ID:briefing ====================================================*/ #briefing .h2_01 { background: url(../Briefing/img/h10_h2_01.gif) right center no-repeat;} #briefing h3 { height: 20px; margin: 0 0 15px;} #briefing .h3_01 { background: url(../Briefing/img/h10_h3_01.gif) left center;} #briefing .h3_02 { background: url(../Briefing/img/h10_h3_02.gif) left center;} #briefing .h3_03 { background: url(../Briefing/img/h10_h3_03.gif) left center;} #briefing .h3_04 { background: url(../Briefing/img/h10_h3_04.gif) left center;} #briefing .h3_05 { background: url(../Briefing/img/h10_h3_05.gif) left center;} #briefing .h3_06 { background: url(../Briefing/img/h10_h3_06.gif) left center;} #briefing .h3_07 { background: url(../Briefing/img/h10_h3_07.gif) left center;} #briefing .lm { clear: both; background: url(../Briefing/img/h10_lm.gif) no-repeat .2em .2em; padding: 0 0 0 1.4em; margin:0;} #briefing table { border-spacing: 1px; background-color:#E7E7E7; margin: 10px 0 30px;} #briefing td, th { padding: 10px;} #briefing thead th { background: #CFDEE1; border: 1px solid #FFF; text-align: center; font-size: 100%; font-weight: normal;} #briefing thead.res th { background: #CFDEE1; border: 1px solid #FFF; line-height: 100%; text-align: center; font-size: 100%; font-weight: normal;} #briefing tbody th { font-weight: bold; color: #38588A; font-weight: normal; font-size: 130%; font-weight: bold;} #briefing tbody.res th { font-weight: bold; color: #38588A; font-weight: normal; text-align: center; font-size: 100%;} #briefing tbody tr { background-color:#FFF;} #briefing tbody.res tr { background-color:#FFF; text-align: center;} #briefing tbody tr.odd { background: #f9f9f9; border-top: 2px solid #FFF;} #briefing tbody tr td, tbody tr th { background: #FFF; border: 2px solid #FFF;} #briefing tbody tr.odd td, tbody tr.odd th{ background: #f9f9f9; border-top: 1px solid #FFF;} /*==================================================== 17: Results ID:results /*2009/07 ====================================================*/ #results .h2_01 { background: url(../Results/img/h15_h2_01.gif) right center no-repeat;} #results table { border-spacing: 1px; background-color:#E7E7E7; margin: 10px auto 30px auto;} #results th { font-size: 10px;} #results td, th { padding: 5px;} #results thead th { background: #CFDEE1; border: 1px solid #FFF; text-align: center; font-size: 100%; font-weight: normal;} #results thead.res th { background: #CFDEE1; border: 1px solid #FFF; line-height: 100%; text-align: center; font-size: 100%; font-weight: normal;} #results tbody th { font-weight: bold; color: #38588A; font-weight: normal; font-size: 130%; font-weight: bold;} #results tbody.res th { font-weight: bold; color: #38588A; font-weight: normal; text-align: center; font-size: 100%;} #results tbody tr { background-color:#FFF;} #results tbody.res tr { background-color:#FFF; text-align: center;} #results tbody tr.odd { background: #f9f9f9; border-top: 2px solid #FFF;} #results tbody tr td, tbody tr th { background: #FFF; border: 2px solid #FFF;} #results tbody tr.odd td, tbody tr.odd th{ background: #f9f9f9; border-top: 1px solid #FFF;} /*==================================================== 18: GuidanceCounseling ID:guidance ====================================================*/ #guidance .h2_00 { background: url(../GuidanceCounseling/img/h11_h2_00.gif) no-repeat;} #guidance h3 { height: 30px;} #guidance .h3_01 { background: url(../GuidanceCounseling/img/h11_h3_01.gif) no-repeat;} #guidance .h3_02 { background: url(../GuidanceCounseling/img/h11_h3_02.gif) no-repeat;} #guidance #areaC dl { width: 545px; height: 152px; background: url(../GuidanceCounseling/img/h11_chart.gif) no-repeat; margin: 0 0 50px 0;} #guidance #areaC dt, #guidance #areaC dd {display: none;} #guidance table,#guidance th,#guidance td{border-style:none;} #guidance table{ width: 545px; border-collapse: collapse; border:1px solid #4673AC;} #guidance th{ background:#008CCF; border-bottom:1px solid #CCC; padding:5px; color: #fff;} #guidance td{ padding:5px ; vertical-align: top;} #guidance td li { padding-bottom: 5px; color: #008CCF;} #guidance td span { padding-left: 1em;} #guidance hr { background: #FFF;display:block;clear:both;width:535px;height:1px;border-top:1px solid #CCC;margin-bottom:15px;} /*==================================================== 19: Achievements ID:achiev ====================================================*/ #achiev .h2_00 { background: url(../Achievements/img/h12_h2_00.gif);} #achiev .h3_00 { background-image: none;border:1px solid #CCC;padding:5px;margin:0 0 25px 0 ;font-size:120%;font-weight:bold;width:535px;height:auto;text-indent:0;} #achiev .h3_01 { background: url(../Achievements/img/h12_h3_01.gif) no-repeat center;width:90px;float:left;} #achiev .h3_02 { background: url(../Achievements/img/h12_h3_02.gif) no-repeat center;width:90px;float:left;} #achiev .h3_03 { background: url(../Achievements/img/h12_h3_03.gif) no-repeat center;width:90px;float:left;} #achiev .h3_04 { background: url(../Achievements/img/h12_h3_00.gif) no-repeat center;height:41px;margin:25px auto;} #achiev table{border-collapse: collapse;float:left;width:212px;margin-left:10px;margin-bottom:25px;border:1px solid #FFF;} #achiev table .num{width:2.3em;border-left:1px solid #CCC;} #achiev th{text-align:center;} #achiev th,#achiev td{padding:5px;border-bottom:1px solid #CCC;} #achiev .top th{background:#DAE9ED;} #achiev .middle th{background:#E6E6CF;} #achiev .bottom th{background:#E5D0DB;} /*==================================================== 20: Cooperation ID:cooper/*200907 ====================================================*/ #cooper .h2_00 { background: url(../Cooperation/img/h16_h2_00.gif) no-repeat;} #cooper h3 { width: 545px; height: 40px; margin: 10px 0 5px 0;} #cooper .h3_00 { background: url(../Cooperation/img/h16_h3_00.gif) no-repeat;} #cooper .h3_01 { background: url(../Cooperation/img/h16_h3_01.gif) no-repeat;} #cooper .h3_02 { background: url(../Cooperation/img/h16_h3_02.gif) no-repeat;} #cooper #areaC p { text-indent: 1em;} #cooper .rowsBox img { padding: 0; margin: 0;} #cooper .rowsBox span { display: block; font-size: 10px; padding: 0; margin: 0 0 20px 0; line-height: 105%;} #cooper .rowsBox .blueBox { width: 220px; border: 1px solid #0099D9; padding: 10px; margin: 0 auto; color: #008CCF;} #cooper .rowsBox .blueBox dt { margin: 0 0 10px 0; font-size: 14px;} #cooper .h3_voice { width: 545px; height: 103px; background: url(../Cooperation/img/h16_voice_h3.gif) 0 0 no-repeat; margin: 30px 0 0 0;} #cooper .voice { width: 505px; background: #e4eff6; padding: 0 20px 20px 20px;} #cooper .voice img { display: block; float: left; margin-right: 10px;} /*==================================================== 21: ICC ID:icc/*201008 ====================================================*/ #icc .h2_00 { background: url(../ICC/img/h17_h2_00.gif) no-repeat;} #icc .h3_01 { width: 545px; height: 17px; background: url(../ICC/img/h17_h3_01.gif) no-repeat; margin: 0 0 10px 0;} #icc .h3_02 { width: 545px; height: 25px; background: url(../ICC/img/h17_h3_02.gif) no-repeat; margin: 0 0 10px 0;} #icc .h3_03 { width: 545px; height: 54px; background: url(../ICC/img/h17_h3_03.gif) no-repeat; margin: 0 0 10px 0;} #icc .h3_04 { width: 545px; height: 54px; background: url(../ICC/img/h17_h3_04.gif) no-repeat; margin: 0 0 10px 0;} #icc .h3_05 { width: 545px; height: 54px; background: url(../ICC/img/h17_h3_05.gif) no-repeat; margin: 0 0 10px 0;} #icc .h3_06 { width: 545px; height: 23px; background: url(../ICC/img/h17_h3_06.gif) no-repeat; margin: 0 0 10px 0;} #icc h4 { font-size: 170%; font-weight: bolder; letter-spacing: -.1em; margin: 0 0 10px 0;} #icc .head { font-size: 120%; color: #666; margin: 0 0 40px 0;} #icc .greeting { width: 545px; height: 128px; background: url(../ICC/img/h17_01.jpg) no-repeat; margin: 0 0 10px 0; text-indent: -9876em;} #icc .greetingText { border-bottom: 1px solid #0081CC; margin: 0 0 30px 0;} #icc .chara { width: 545px; height: 528px; background: url(../ICC/img/h17_02.jpg) no-repeat; margin: 0 0 30px 0;} #icc .chara p { display: none;} #icc .study { margin: 0 0 30px 0; position: relative;} #icc .study .studyImg { width: 201px; height: 194px; background: url(../ICC/img/h17_03.gif) no-repeat; position: absolute; top: 10px; left: 350px;} #icc .study p { width: 350px;} #icc .study dl { width: 543px; border: 1px solid #0081CC; padding: 0 0 10px 0; margin: 10px 0 30px 0;} #icc .study dl dt { border-bottom: 1px solid #0081CC; color: #0081CC; font-size: 120%; font-weight: bolder; text-align: center; padding: 3px 0; margin: 0 0 1em 0;} #icc .study dl dl { width: 500px; margin: 10px auto 0 auto; border: none;} #icc .study dl dl dt { border: none; color: #003F98; text-align: left; margin: 0;} #icc .study dl dl dd { color: #0081CC;} #icc .study dl.rowLeft { width: 260px; float: left; border: none;} #icc .study dl.rowRight { width: 260px; float: right; border: none;} #icc .study dl.rowLeft dt, #icc .study dl.rowRight dt { background: #0081CC; color: #fff; margin: 0;} #icc .study dl.rowLeft img, #icc .study dl.rowRight img { margin: 5px 0 0 0;} #icc .try div.rowLeft { width: 320px; float: left; border: none;} #icc .try div.rowRight { width: 211px; float: right; border: none;} #icc .try p { margin: 0 0 15px 0;} #icc .try img { margin: 0 0 5px 0;} #icc .try span { font-size: 10px; line-height: 110%;} #icc .deepen dl { width: 258px; border: 1px solid #0081CC; background: #EBF6FD; padding: 5px; margin: 0 0 30px 0;} #icc .deepen dl dd { padding: 8px;} #icc .deepen dl.rowLeft { float: left;} #icc .deepen dl.rowRight { float: right} #icc .deepen dl.rowLeft dt { width: 202px; height: 19px; background: url(../ICC/img/h17_deepen_dtBg01.gif) no-repeat; text-indent: -9876em;} #icc .deepen dl.rowRight dt { width: 202px; height: 19px; background: url(../ICC/img/h17_deepen_dtBg02.gif) no-repeat; text-indent: -9876em;} #icc dl.insti, #icc dl.teacher { width: 505px; background: #FEF7F2; padding: 20px; border-bottom: 10px solid #fff;} #icc dl.insti dt, #icc dl.teacher dt { width: 505px; text-indent: -9876em; margin: 0 0 10px 0;} #icc dl.insti dt { height: 60px; background: url(../ICC/img/h17_insti_dtBg.gif) 0 0;} #icc dl.teacher dt { height: 90px; background: url(../ICC/img/h17_teacher_dtBg.gif) 0 0;} #icc dl.insti img { display: block; float: right; margin: 0 0 0 5px;} #icc dl.teacher img { display: block; float: left; margin: 0 5px 0 0;}