@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:jtop
	
	4: Introduction  ID:intro
	
	5: HumanBeingEducation  ID:human
	
	6: CharacteristicOfLearning  ID:chara
	
	7: InternationalEducation  ID:inter
	
	8: SchoolLife  ID:life
	
	9: CampusMap  ID:campusM	
	
	10: ClubActivity  ID:culbA
	
	11: Guidelines  ID:guideline	
	
	12: Briefing  ID:briefing		

	13: Results  ID:results	/*2009/07	

	14: GuidanceCounseling  ID:guidance	
	

	
	
============================================== */

/*====================================================
	1: pageImg
====================================================*/

#jtop #areaB { background: url(../img/pageImg.jpg);}
#intro #areaB { background: url(../Introduction/img/pageImg.jpg);}
#human #areaB { background: url(../HumanBeingEducation/img/pageImg.jpg);}
#chara #areaB { background: url(../CharacteristicOfLearning/img/pageImg.jpg);}
#inter #areaB { background: url(../InternationalEducation/img/pageImg.jpg);}

#life #areaB { background: url(../SchoolLife/img/pageImg.jpg);}
#campusM #areaB { background: url(../CampusMap/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);}

#pageImg { width: 175px; height: 295px; background: no-repeat; text-indent: -9876em; margin: -10px 0 0 0; text-indent: -9876em;}

#access #pageImg, 
#sitemap #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: 30px; 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;} 
h4,h5 { width: 545px; text-indent: -9876em; background: no-repeat;} 

.Clear_B { clear: both;}
.Clear_B:after { content: "."; clear: both; height: 0; display: block; visibility: hidden;}
/*\*//*/ 

    .Clear_B {

         display: inline-table;

     }

 /**/
 
.rowSet { display: block; width: 545px;}
.rowSet:after { clear: both; content: "."; display: block; height: 0; visibility: hidden;}
/*\*//*/
     .rowSet {
         display: inline-table;
     }
 /**/ 

/*
  -text
====================================================*/
/*
	- w = width
	- s = font size
	- Br = Brown Color Text #301600
	- R = text align Right
	- WB = font-Weight Bold
*/	

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;  }
.w100C { text-align: center; padding: 0;}



/*====================================================
	3: Top  ID:jtop
====================================================*/
#jtop #areaCD { background: url(../img/bgTopAreaCD.gif) repeat-y;}
#jtop #areaC { width: 565px;}
#jtop .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/j00_h2_00.jpg) ; margin: 0 0 10px 0;}
#whatsNew div.passingA a { display: block; width: 315px; height: 127px; background: url(../img/PassingAnnounce.gif) 0 0; margin: 0 0 10px 0; text-indent: -9876em;}
#whatsNew div.passingA a:hover { display: block; width: 315px; height: 127px; background: url(../img/PassingAnnounce.gif) 0 -127px; margin: 0 0 10px 0; text-indent: -9876em;}

#pickup { float: right; width: 240px;}
#pickup h2 { width: 230px; height: 40px; background: url(../img/j00_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#oMj01 a { background: url(../img/btTopTheE.jpg) 0 0;}
ul.topMagazin li#oMj02 a { background: url(../img/btTopFlapping.jpg) 0 0;}
ul.topMagazin li#oMj03 a { background: url(../img/btTopClass.jpg) 0 0;}
ul.topMagazin li#oMj04 a { background: url(../img/btTopClubA.jpg) 0 0;}
ul.topMagazin li#oMj05 a { background: url(../img/btTopOpenC.jpg) 0 0;}
ul.topMagazin li#oMj06 a { background: url(../img/btTopTrialEx.jpg) 0 0;}

ul.topMagazin li#oMj01 a:hover {  background: url(../img/btTopTheE.jpg) -240px 0 ;}
ul.topMagazin li#oMj02 a:hover {  background: url(../img/btTopFlapping.jpg) -240px 0 ;}
ul.topMagazin li#oMj03 a:hover {  background: url(../img/btTopClass.jpg) -240px 0 ;}
ul.topMagazin li#oMj04 a:hover {  background: url(../img/btTopClubA.jpg) -240px 0 ;}
ul.topMagazin li#oMj05 a:hover {  background: url(../img/btTopOpenC.jpg) -240px 0 ;}
ul.topMagazin li#oMj06 a:hover { background: url(../img/btTopTrialEx.jpg) -240px 0;}


/*
	- Magazine New
------------------------------------------------------------*/
ul.topMagazin li#oMj01new a { background: url(../img/btNewTopTheE.jpg) 0 0;}
ul.topMagazin li#oMj05new a { background: url(../img/btNewTopOpenC.jpg) 0 0;}
ul.topMagazin li#oMj06new a { background: url(../img/btNewTopTrialEx.jpg) 0 0;}

ul.topMagazin li#oMj01new a:hover {  background: url(../img/btNewTopTheE.jpg) -240px 0 ;}
ul.topMagazin li#oMj05new a:hover {  background: url(../img/btNewTopOpenC.jpg) -240px 0 ;}
ul.topMagazin li#oMj06new a:hover { background: url(../img/btNewTopTrialEx.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: #ff8c00; }
ul.topMagazin li a:active { color: #ff8c00;}



/*====================================================
	4: Introduction  ID:intro
====================================================*/
#intro .h2_01 { background: url(../Introduction/img/j01_h2_01.gif) right center no-repeat;}
#intro .h3_01 { height: 60px; background: url(../Introduction/img/j01_h3_01.gif) left top;}

#intro .box_di_l { float: left; width: 255px;}
#intro .box_di_r { float: left; width: 290px;}

#intro .spirit_sp { color: #666614; padding: 0 0 0 10px;}
#intro .spirit_sp_t { font-weight: bold;}
#intro .spirit_sp_i { padding: 0 0 0 1em; }
#intro .spirit_sp_end { margin: 25px 0 45px; }

#intro .h4_01 { clear: both; width: 545px; height: 25px; background: url(../Introduction/img/j01_h4_01.gif) left center; margin: 0 0 25px;}

#intro .h5_01 { clear: both; width: 545px; height: 132px; background: url(../Introduction/img/j01_02.jpg) no-repeat left center; margin: 0 0 20px;}




/*====================================================
	5: HumanBeingEducation  ID:human
====================================================*/
#human .h2_01 { background: url(../HumanBeingEducation/img/j02_h2_01.gif) right center no-repeat;}
#human .h3_01 { height: 30px; background: url(../HumanBeingEducation/img/j02_h3_01.gif) left top;}

#human .h4_01 { height: 21px; background: url(../HumanBeingEducation/img/j02_h4_01.gif) left center no-repeat; margin: 0 0 5px;}

#human .h5_01 { width: 94px; height: 15px; background: url(../HumanBeingEducation/img/j02_h5_01.gif) center left no-repeat; margin: 0 0 5px;}
#human .h5_02 { width: 94px; height: 15px; background: url(../HumanBeingEducation/img/j02_h5_02.gif) center left no-repeat; margin: 0 0 5px;}
#human .h5_03 { width: 94px; height: 15px; background: url(../HumanBeingEducation/img/j02_h5_03.gif) center left no-repeat; margin: 0 0 5px;}

#human .event_sp { clear: both; width: 543px; height: 142px; background-color: #FFFFF2; border: 1px #CCCCCC solid; margin: 0 0 5px;}
#human .event_sp_l { float:left; width: 189px; padding: 10px;}
#human .event_sp_r { float:left; width: 313px; height: 122px; border-left: 1px #CCCCCC solid; padding: 10px;}
#human .event_sp:after { content: "."; clear: both; height: 0; display: block; visibility: hidden;}
/*\*//*/ 

    #human .event_sp {

         display: inline-table;

     }

 /**/



/*====================================================
	6: CharacteristicOfLearning  ID:chara
====================================================*/
#chara .h2_01 { background: url(../CharacteristicOfLearning/img/j03_h2_01.gif) right center no-repeat;}
#chara .h3_01 { height: 60px; background: url(../CharacteristicOfLearning/img/j03_h3_01.gif) no-repeat;}
#chara .h3_02 { height: 60px; background: url(../CharacteristicOfLearning/img/j03_h3_02.gif) no-repeat;}

#chara .h4_01 { width: 322px; height: 17px; background: url(../CharacteristicOfLearning/img/j03_h4_01.gif) no-repeat; margin: 0 0 10px;}
#chara .h4_02 { width: 545px; height: 20px; background: url(../CharacteristicOfLearning/img/j03_h4_02.gif) no-repeat; margin: 0 0 10px;}
#chara .h4_03 { width: 545px; height: 20px; background: url(../CharacteristicOfLearning/img/j03_h4_03.gif) no-repeat; margin: 0 0 10px;}
#chara .h4_04 { width: 545px; height: 20px; background: url(../CharacteristicOfLearning/img/j03_h4_04.gif) no-repeat; margin: 0 0 10px;}
#chara .h4_05 { width: 545px; height: 20px; background: url(../CharacteristicOfLearning/img/j03_h4_05.gif) no-repeat; margin: 0 0 10px;}
#chara .h4_06 { width: 545px; height: 20px; background: url(../CharacteristicOfLearning/img/j03_h4_06.gif) no-repeat; margin: 0 0 10px;}

#chara h5 { width: 260px; line-height: 17px; margin: 10px 0 0 0; padding: 0;}
#chara h5.h5_01 { background: url(../CharacteristicOfLearning/img/j03_h5_01.gif) no-repeat;}
#chara h5.h5_02 { background: url(../CharacteristicOfLearning/img/j03_h5_02.gif) no-repeat;}
#chara h5.h5_03 { background: url(../CharacteristicOfLearning/img/j03_h5_03.gif) no-repeat;}

#chara table { width: 545px; margin: 0 auto; padding: 0; border-top: 1px solid #0068b6; border-left: 1px solid #0068b6;}
#chara table th { background: #0068b6; border-right: 1px solid #0068b6; border-bottom: 1px solid #0068b6; border-top: none; border-left: 1px solid #ebf6fd; color: #fff; padding: 10px;}
#chara table td {  background: #fff; border-right: 1px solid #0068b6; border-bottom: 1px solid #0068b6; color: #0068b6; padding: 10px; line-height: 150%;}
#chara table td.head { background: #ebf6fd;}
#chara #areaC table td ul { text-align: left;}
#chara #areaC table td ul li { background: none;}
#chara .s85R { margin-bottom: 60px;}

#chara dl { width: 545px;}
#chara dl.j03_01 { background: url(../CharacteristicOfLearning/img/j03_01.jpg) 100% 5px no-repeat; border-top: 1px solid #ccc; margin: 0 auto 30px auto;}
#chara dl.j03_02 { background: url(../CharacteristicOfLearning/img/j03_02.jpg) 100% 5px no-repeat; border-top: 1px solid #ccc; margin: 0 auto 30px auto;}
#chara dl.j03_03 { background: url(../CharacteristicOfLearning/img/j03_03.jpg) 100% 5px no-repeat; border-top: 1px solid #ccc; margin: 0 auto 30px auto;}

#chara dl dd { width: 545px;}
#chara dl dd:after { clear: both; content: "."; display: block; height: 0; visibility: hidden;}
/*\*//*/
    #chara dl dd {
         display: inline-table;
     }
 /**/
#chara dl dd img { display: block; float: right; margin: 5px 0 0 5px; padding: 0;}
#chara dl dd p {padding: 10px 190px 0 0}

#chara  #areaC ul { margin: 0 0 20px 0;}
#chara  #areaC ul.w435 { background: url(../CharacteristicOfLearning/img/j03_04.jpg) 100% 0 no-repeat; padding-right: 100px;}
#chara  #areaC ul li { background: url(../CharacteristicOfLearning/img/j03_pm01.gif) 0 .3em no-repeat; padding: 0 0 0 15px;}
#chara  #areaC ul li.note { width: 350px; background: none #eef3ef; font-weight: bold; padding: 5px 10px; margin-top: 5px;}
#chara  #areaC ul li ul { margin: 0;}
#chara  #areaC ul li ul li { background: url(../CharacteristicOfLearning/img/j03_pm02.gif) 0 .45em no-repeat; font-weight: normal; padding: 0 0 0 12px; }




/*====================================================
	7: InternationalEducation  ID:inter
====================================================*/
#inter .h2_01 { background: url(../InternationalEducation/img/j04_h2_01.gif) right center no-repeat;}
#inter .h3_01 { height: 60px; background: url(../InternationalEducation/img/j04_h3_01.gif) left top;}

#inter .h4_01 { height: 30px; background: url(../InternationalEducation/img/j04_h4_01.gif) 0 0 no-repeat ; margin: 0 0 10px;}
#inter .h4_02 { height: 30px; background: url(../InternationalEducation/img/j04_h4_02.gif) 0 0 no-repeat ; margin: 0 0 10px;}

#inter div.rowSet  { width: 310px; background: url(../InternationalEducation/img/j04_01.jpg) 0 0 no-repeat; padding: 0 0 0 235px; margin: 0 0 40px 0;}
#inter div.rowSet dl { width: 290px; background: #eef3ef; padding: 10px 10px 5px 10px;}
#inter div.rowSet dl dd:after { clear: both; content: "."; display: block; height: 0; visibility: hidden;}
/*\*//*/
    #inter div.rowSet dl dd {
         display: inline-table;
     }
 /**/
#inter div.rowSet dl dd div { width: 125px; float: right;}
#inter div.rowSet dl dd div img { width: 125px; margin: 0 0 5px 0;}
#inter div.rowSet dl dd div span { display: block; text-align: center; font-size: .765em; line-height: 110%;}
#inter div.rowSet dl dd table { display: block; width: 150px; border-spacing: 0; float: left ; border-bottom: 1px #333333 solid; line-height:100%; padding: 0;}
#inter div.rowSet dl dd table caption { font-weight: bold; padding: 0 0 5px 0; letter-spacing: -.1em; font-size: .8em}
#inter div.rowSet dl dd table tr { padding: 0; margin: 0;}
#inter div.rowSet dl dd table th, #inter div.rowSet dl dd table td { border-top: 1px #333333 solid; padding: .4em .5em; font-size: .765em;  font-weight: normal;}
#inter div.rowSet dl dd table th { width: 50px;background: #e5d0db; border-right: 1px #333333 solid; border-left: 1px #333333 solid;}
#inter div.rowSet dl dd table td { width: 90px; background: #ffffe6; border-right: 1px #333333 solid;}

#inter p.abroad { display: block; width: 345px; height: 140px; background: url(../InternationalEducation/img/j04_03.jpg) 0 0 no-repeat; padding: 0 0 0 200px;}




/*====================================================
	8: SchoolLife  ID:life
====================================================*/
#life .h2_01 { background: url(../SchoolLife/img/j05_h2_01.gif) right center no-repeat;}
#life .h3_01 { height: 83px; background: url(../SchoolLife/img/j05_h3_01.gif) left top;}
#life .h4_01 { height: 20px; background: url(../SchoolLife/img/j05_h4_13.gif) left top; margin-bottom: 10px;}

#life #areaC div.rowSet dl { display: block; width: 260px; background: url(../SchoolLife/img/j05_259bg.gif) 0 0 repeat-y; border-top: 1px solid #187FC4; border-left: 1px solid #187fc4; margin-bottom: 20px;}
#life #areaC div.rowSet dl:after { clear: both; content: "."; display: block; height: 0; visibility: hidden;}
/*\*//*/
     #life #areaC dl {
         display: inline-table;
     }
 /**/ 
#life #areaC div.rowSet dl.left { float: left;}
#life #areaC div.rowSet dl.right { float: right;}
#life #areaC div.rowSet dl dd { display: block; width: 260px; border-bottom: 1px solid #187FC4;}
#life #areaC div.rowSet dl dd:after { clear: both; content: "."; display: block; height: 0; visibility: hidden;}
/*\*//*/
     #life #areaC div.rowSet dl dd {
         display: inline-table;
     }
 /**/ 
#life #areaC div.rowSet dl dd h4 { float: left; width: 84px; height: 84px; text-indent: 0;}
#life #areaC div.rowSet dl dd strong { padding: 10px 0 0 10px; font-weight: bold; font-size: 120%; color: #187fc4; line-height: 100%; margin: 0;}
#life #areaC div.rowSet dl dd ul { display: block; width: 165px; float: right; padding: 5px 0 0 0; margin: 0;}
#life #areaC div.rowSet dl dd ul li { background: url(../SchoolLife/img/j05_pm.gif) 0 .2em no-repeat; padding: 0 0 0 10px; margin: 0; line-height: 110%;}

#life #areaC dl.rowSet dd { display: block; float: left; width: 175px; margin-bottom: 20px;}
#life #areaC dl.rowSet dd.left  { float: left; margin-right: 10px;}
#life #areaC dl.rowSet dd.right { float: right;}
#life #areaC dl.rowSet dd img { padding: 0; margin: 0;}
#life #areaC dl.rowSet dd span { font-size: 10px; padding: 0; line-height: 110%;}

#life #areaC .message { background: url(../SchoolLife/img/j05_10.jpg) 0 0 no-repeat; padding: 0 0 0 140px;}
#life #areaC p.rowSet img { float: right; margin: 10px 0 10px 35px;}



/*====================================================
	9: CampusMap  ID:campusM	
====================================================*/




/*====================================================
	11: Guidelines  ID:guidelines	
====================================================*/
#guidelines .h2_01 { background: url(../Guidelines/img/j08_h2_01.gif) right center no-repeat;}

#guidelines .h3 { width: 545px; height: 25px; margin: 0 0 15px 0;}
#guidelines .h3_01 { background: url(../Guidelines/img/j08_h3_01.gif) no-repeat; margin-top: 0;}
#guidelines .h3_02 { background: url(../Guidelines/img/j08_h3_02.gif) no-repeat;}
#guidelines .h3_03 { background: url(../Guidelines/img/j08_h3_04.gif) no-repeat;}
#guidelines .h3_04 { background: url(../Guidelines/img/j08_h3_03.gif) no-repeat;}
#guidelines .h3_05 { background: url(../Guidelines/img/j08_h3_05.gif) no-repeat;}
#guidelines .h3_06 { background: url(../Guidelines/img/j08_h3_06.gif) no-repeat;}
#guidelines .h3_07 { background: url(../Guidelines/img/j08_h3_07.gif) no-repeat;}
#guidelines .h3_08 { background: url(../Guidelines/img/j08_h3_08.gif) no-repeat;}
#guidelines .h3_09 { background: url(../Guidelines/img/j08_h3_09.gif) no-repeat;}
#guidelines .h3_10 { background: url(../Guidelines/img/j08_h3_10.gif) no-repeat;}
#guidelines .h3_11 { background: url(../Guidelines/img/j08_h3_11.gif) no-repeat;}
#guidelines .h3_12 { background: url(../Guidelines/img/j08_h3_12.gif) no-repeat;}
#guidelines .h3_13 { background: url(../Guidelines/img/j08_h3_13.gif) no-repeat;}

#guidelines p { margin: 0 0 25px;}
#guidelines p:after { content:"."; clear: both; height: 0; display: block; visibility: hidden;}
/*\*//*/ 

    #guidelines p {

         display: inline-table;

     }

 /**/
#guidelines dl { margin: 0 0 25px;}
#guidelines dl:after { content:"."; clear: both; height: 0; display: block; visibility: hidden;}
/*\*//*/ 

    #guidelines dl {

         display: inline-table;

     }

 /**/

#guidelines dl.red { background: #efe0e8; padding: .5em; margin-top: 0;}

#guidelines .attention_f { clear: both; padding: 10px 0 0 8px;}
#guidelines .attention { clear: both; padding: 0 0 0 8px;}
#guidelines .attention_fl { clear: both; padding: 8px 0 10px 8px;}
#guidelines .lm { clear: both; background: url(../Guidelines/img/j08_lm.gif) no-repeat .2em .3em; padding: 0 0 0 1.4em; margin:0;}


#guidelines .box_di_f_l { clear: both; float: left; width: 75px;}
#guidelines .box_di_f_r { float: left; width: 470px;}
#guidelines .box_di_f_r:after { content:"."; clear: both; height: 0; display: block; visibility: hidden;}
/*\*//*/ 

    #guidelines .box_di_f_r {

         display: inline-table;

     }

 /**/

#guidelines .box_di_f_c { clear: both; padding:0 0 0 75px;}

#guidelines .box_di_f_l_lm { clear: both; float: left; width: 80px; background: url(../Guidelines/img/j08_lm.gif) no-repeat .2em .3em; padding: 0 0 0 1.4em;}
#guidelines .box_di_f_r_lm { float: left; width: 445px;}
#guidelines .box_di_f_r_lm:after { content:"."; clear: both; height: 0; display: block; visibility: hidden;}
/*\*//*/ 

    #guidelines .box_di_f_r_lm {

         display: inline-table;

     }

 /**/

#guidelines .box_di_f_c_lm { clear: both; padding:0 0 0 95px;}

#guidelines table { width: 265px; float: left; border-spacing: 1px; background-color:#E7E7E7; line-height: 100%; margin: 0 0 10px 5px;}
#guidelines td, th { padding: 10px;}
#guidelines thead th { background: #CFDEE1; border: 1px solid #FFF; color: #666; text-align: center; font-size: 110%; }
#guidelines tbody th { font-weight: bold; color: #38588A; font-weight: normal;}
#guidelines tbody tr { background-color:#FFF;}
#guidelines tbody tr.odd { background: #f9f9f9;	border-top: 2px solid #FFF;}
#guidelines tbody tr td, tbody tr th { background: #FFF; border: 2px solid #FFF;}
#guidelines tbody tr th.in { background: #FFF; border: 2px solid #FFF; text-align: center;}
#guidelines tbody tr.odd td, tbody tr.odd th{ background: #f9f9f9; border-top: 1px solid #FFF;}
#guidelines thead th.only { background: #FFFFE6; border: 1px solid #FFF; color: #666; text-align: center; font-size: 110%; }

#guidelines #areaC ul { margin: 0 0 15px 1em;}
#guidelines #areaC ul ul { margin: .5em 0 0 1em;}
#guidelines #areaC ul li { padding-bottom: .3em; margin: 0 0 .5em 0;}
#guidelines #areaC ul li span { border-bottom: 1px solid #ccc; padding: 0 0 .3em 0;}
#guidelines #areaC ul li span span { border: none; padding: 0 .5em 0 0; font-weight: bold;}
#guidelines #areaC ul li ul li { margin: 0 0 0 1em;}



/*====================================================
	12: Briefing  ID:briefing	
====================================================*/
#briefing .h2_01 { background: url(../Briefing/img/j09_h2_01.gif) right center no-repeat;}

#briefing .h3_01 { height: 20px; background: url(../Briefing/img/j09_h3_01.gif) left center; margin: 0 0 15px;}
#briefing .h3_02 { height: 20px; background: url(../Briefing/img/j09_h3_02.gif) left center; margin: 0 0 15px;}
#briefing .h3_03 { height: 20px; background: url(../Briefing/img/j09_h3_04.gif) left center; margin: 0 0 15px;}
#briefing .h3_04 { height: 20px; background: url(../Briefing/img/j09_h3_03.gif) left center; margin: 0 0 15px;}
#briefing .h3_05 { height: 20px; background: url(../Briefing/img/j09_h3_05.gif) left center; margin: 0 0 15px;}

#briefing table { border-spacing: 1px; background-color:#E7E7E7; margin: 0 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: 110%; 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;}


/*====================================================
	13: Results  ID:results	/*2009/07
====================================================*/
#results .h2_01 { background: url(../Results/img/j14_h2_01.gif) right center no-repeat;}

#results table { border-spacing: 1px; background-color:#E7E7E7; margin: 20px auto 30px auto;}
#results td, th { padding: 10px;}
#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: 110%; 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;}


/*====================================================
	13: GuidanceCounseling  ID:guidance	
====================================================*/
#guidance .h2_01 { background: url(../GuidanceCounseling/img/j10_h2_01.gif) right center no-repeat;}
#guidance .h3_01 { height: 30px; background: url(../GuidanceCounseling/img/j10_h3_01.gif) left top;}

#guidance p.head { color: #3471a1; font-size: 120%; font-weight: bold; padding: 0 0 20px 0;}

#guidance .h4_01 { width: 260px; height: 55px; background: url(../GuidanceCounseling/img/j10_h4_01.gif) left center; margin: 0 0 15px 0}
#guidance .h4_02 { width: 545px; height: 25px; background: url(../GuidanceCounseling/img/j10_h4_02.gif) left center; margin: 40px 0 10px 0;}

#guidance .h5_01 { width: 260px; height: 65px; background: url(../GuidanceCounseling/img/j10_h5_01.gif) 15px 0 no-repeat;}
#guidance .h5_02 { width: 545px; height: 35px; background: url(../GuidanceCounseling/img/j10_h5_02.gif) 0 0 no-repeat;}
#guidance .h5_03 { width: 545px; height: 35px; background: url(../GuidanceCounseling/img/j10_h5_03.gif) 0 0 no-repeat;}

#guidance table { display: block; width: 260px; border-spacing: 0; float: left ; border-bottom: 1px #333333 solid; line-height:100%; padding: 0; position: absolute; top: 160px; left: 280px;}
#guidance table caption { font-weight: bold; text-align: left; padding: 0 0 5px 0;}
#guidance table tr { padding: 0; margin: 0;}
#guidance table th, #guidance table td { border-top: 1px #333333 solid; padding: .5em; font-size: 120%; font-weight: bold;}
#guidance table th { width: 180px;background: #e6ebe7; border-right: 1px #333333 solid; border-left: 1px #333333 solid;}
#guidance table td { width: 70px; background: #fffeee; border-right: 1px #333333 solid;}

#guidance .rowSet { width: 545px;}
#guidance .rowSet .footer { width: 525px; background: url(../GuidanceCounseling/img/j10_01.gif) 50% 100% no-repeat; padding: 10px 10px 15px 10px; margin: 0;}
#guidance .rowSet div { width: 100%; padding: 0; margin: 0;}
#guidance .rowSet div:after { clear: both; content: "."; display: block; height: 0; visibility: hidden;}
/*\*//*/
    #guidance .rowSet div {
         display: inline-table;
     }
 /**/
#guidance .rowSet ul{ display: block; width: 505px; margin: 0 auto; padding: 0 0 0 0}
#guidance .rowSet ul:after { clear: both; content: "."; display: block; height: 0; visibility: hidden;}
/*\*//*/
    #guidance .rowSet ul {
         display: inline-table;
     }
 /**/
#guidance .rowSet ul li { width: 175px; float: left; color: #343381; padding: 0 0 0 7px; border-left: 1px solid #343381;}
#guidance .rowSet ul li.short { width: 120px; border-left: none;} 
#guidance .rowSet .photo { width: 90px; float: right; margin: 0 0 0 10px;}
#guidance .rowSet .photo img { margin: 0 0 5px 0;}
#guidance .rowSet .photo span { font-size: .765em;line-height: 105%;}
#guidance .rowSet .w100R { padding: .5em 0 0 0;}


#guidance #areaC dl { width: 545px; border-top: 1px solid #333; margin: 0 auto 30px auto;}
#guidance #areaC dl.j10_01 { background: url(../GuidanceCounseling/img/j10_05.jpg) 0 10px no-repeat;}
#guidance #areaC dl.j10_02 { background: url(../GuidanceCounseling/img/j10_06.jpg) 0 10px no-repeat;}
#guidance #areaC dl.j10_03 { background: url(../GuidanceCounseling/img/j10_07.jpg) 0 10px no-repeat;}
#guidance #areaC dl.j10_04 { background: url(../GuidanceCounseling/img/j10_08.jpg) 0 10px no-repeat;}
#guidance #areaC dl dd {padding: 10px 0 0 90px;}
#guidance #areaC dl dd strong span { font-size: 110%;}