@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: 64px; background: url(../Introduction/img/j01_h3.gif) 0 0;}

#intro .colorBox { background: #CCD6A8; color: #485D1B; padding: 15px; margin: 0 0 50px 0; }
#intro .colorBox dt { font-weight: bolder;}

#intro .head { padding: 20px 0;}
#intro .greeting { background: url(../Introduction/img/j01_02.jpg) 0 0 no-repeat; padding-left: 120px;}



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

#human #areaC p img { display: block; float: right;}


/*====================================================
	6: CharacteristicOfLearning  ID:chara
====================================================*/
#chara .h2_01 { background: url(../CharacteristicOfLearning/img/j03_h2_01.gif) right center no-repeat;}
#chara .h3_01 { height: 45px; background: url(../CharacteristicOfLearning/img/j03_h3_01.gif) no-repeat;}
#chara .h3_02 { height: 30px; background: url(../CharacteristicOfLearning/img/j03_h3_02.gif) no-repeat; margin-top: 60px;}
#chara .h3_03 { height: 30px; background: url(../CharacteristicOfLearning/img/j03_h3_03.gif) no-repeat; margin-top: 40px;}
#chara .h3_04 { height: 70px; background: url(../CharacteristicOfLearning/img/j03_h3_04.gif) no-repeat; margin-top: 20px;}

#chara h4 { width: 395px; height: 35px; margin: 15px 0 0 0;}
#chara .h4_01 { background: url(../CharacteristicOfLearning/img/j03_h4_01.gif) no-repeat; margin-top: 0;}
#chara .h4_02 { background: url(../CharacteristicOfLearning/img/j03_h4_02.gif) no-repeat;}
#chara .h4_03 { background: url(../CharacteristicOfLearning/img/j03_h4_03.gif) no-repeat;}
#chara .h4_04 { background: url(../CharacteristicOfLearning/img/j03_h4_04.gif) no-repeat;}
#chara .h4_05 { background: url(../CharacteristicOfLearning/img/j03_h4_05.gif) no-repeat;}

#chara ul.point li { display: block; width: 545px; height: 40px; text-indent: -9876em;}
#chara ul.point li.point01 { background: url(../CharacteristicOfLearning/img/j03_point01.gif) no-repeat;}
#chara ul.point li.point02 { background: url(../CharacteristicOfLearning/img/j03_point02.gif) no-repeat;}
#chara ul.point li.point03 { background: url(../CharacteristicOfLearning/img/j03_point03.gif) no-repeat;}
#chara ul.point li.point04 { background: url(../CharacteristicOfLearning/img/j03_point04.gif) no-repeat;}
#chara ul.point li.point05 { background: url(../CharacteristicOfLearning/img/j03_point05.gif) no-repeat;}
#chara ul.point li.point06 { background: url(../CharacteristicOfLearning/img/j03_point06.gif) no-repeat;}

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


#chara #areaC dl { width: 545px; border-top: 1px solid #666; padding: 10px 0 20px 0;}
#chara #areaC dl dt { width: 545px; color: #333; font-size: 140%; font-weight: bolder; margin: 0 0 5px 0;}


#chara .row130L img { margin: 0 0 15px 0;}
#chara .row395R ul { margin: 0;}
#chara .row395R ul li { background: url(../CharacteristicOfLearning/img/j03_pm01.gif) 0 .45em no-repeat; padding: 0 0 0 15px;}

#chara #areaC dl.rowsBox { border: none;}
#chara .row395R table { width: 395px;}
#chara .row395R table td { color: #00895A;}
#chara .row395R table td.head { font-weight: bolder;}
#chara .row395R table td span { display: block; text-align: right; font-size: 10px;}

#chara .row395R ul.bgWhite { width: 465px; background: #fff; margin: 10px 0 0 30px; padding: 5px 10px;}
#chara .row395R ul.bgWhite li { background: none; padding: 0;}
#chara .row395R ul.bgWhite ul { width: 455px; margin: 0; padding: 0 0 0 10px;}
#chara .row395R ul.bgWhite li li { background: url(../CharacteristicOfLearning/img/j03_pm02.gif) 0 .45em no-repeat; 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 { margin: 0 auto; padding: 0;}
#inter .h3_01 { width: 385px; height: 60px; background: url(../InternationalEducation/img/j04_h3_01.gif) 0 0 no-repeat;}
#inter .h3_02 { width: 385px; height: 60px; background: url(../InternationalEducation/img/j04_h3_02.gif) 0 0 no-repeat;}
#inter .h3_03 { width: 515px; height: 30px; background: url(../InternationalEducation/img/j04_h3_03.gif) 0 0 no-repeat;}
#inter .h3_04 { width: 515px; height: 40px; background: url(../InternationalEducation/img/j04_h3_04.gif) 0 0 no-repeat;}

#inter .blueBoxTop { width: 545px; background: url(../InternationalEducation/img/blueBoxTop.gif) 0 0 no-repeat; padding: 15px 0 0 0; }
#inter .blueBoxBottom { width: 545px;  background: url(../InternationalEducation/img/blueBoxBottom.gif) 0 100% no-repeat; padding: 0 0 10px 0; margin: 20px 0 40px 0;}
#inter .blueBoxTop img { margin: 0 0 0 15px;}
#inter .blueBoxTop .row365R { margin: 0 15px 0 0;}

#inter  #areaC .bg { background: url(../InternationalEducation/img/j04_photo03.jpg) 100% 0 no-repeat;}

#inter table { display: block; width: 135px; float: left; border: 1px #333333 solid; margin: 0 5px 0 0; border-collapse: collapse; border-spacing: 0; line-height: 105%; font-size: 9px}
#inter tr { padding: 0; margin: 0;}
#inter td, #inter th { padding: .3em .2em;}
#inter td { width: 100px; background: #ffffe6;}
#inter th { width: 35px; font-weight: normal; background: #e5d0db; border-right: 1px solid #333;}
#inter div.rowSet img { display: block; float: right;}


/*====================================================
	8: SchoolLife  ID:life
====================================================*/
#life .h2_01 { background: url(../SchoolLife/img/j05_h2_01.gif) right center no-repeat;}
#life .h3_01 { height: 44px; background: url(../SchoolLife/img/j05_h3.gif) 0 0 no-repeat;}


#life .row310L { background:#D3E5F6;}
#life .row310L dd { display: block; width: 280px; margin: 0; padding: 10px 15px; border-bottom: 1px solid #fff; zoom: -1;}
#life .row310L dd:after { clear: both; content: "."; display: block; height: 0; visibility: hidden;}
#life .row310L dd img { display: block; width: 93px; height: 93px; float: left;}
#life .row310L dd ul { display: block; width: 175px; float: right;color: #333; padding: 20px 0 0 0;}
#life .row310L 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 .row215R img { display: block; margin: 0 0 10px 0;}

#life .message { background: #DCEED3  url(../SchoolLife/img/j05_bgMessage.gif) 0 0 no-repeat; padding: 40px 0 0 0;}
#life #areaC div.message dl { width: 345px; background: url(../SchoolLife/img/h05_messagePhoto01.jpg) 20px 15px no-repeat; padding: 20px 10px 25px 170px;}
#life #areaC div.message dl dt { width: 345px; height: 29px; background: url(../SchoolLife/img/j05_bgDt.gif) 0 0 no-repeat; margin: 0 0 10px 0; text-indent: -9876em;}


/*====================================================
	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; zoom: -1;}
#guidelines p:after { content:"."; clear: both; height: 0; display: block; visibility: hidden;}

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

#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; zoom: -1;}
#guidelines .box_di_f_r:after { content:"."; clear: both; height: 0; display: block; visibility: hidden;}

#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;zoom: -1;}
#guidelines .box_di_f_r_lm:after { content:"."; clear: both; height: 0; display: block; visibility: hidden;}

#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, #guidelines 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, #guidelines 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, #guidelines 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, #briefing 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, #briefing tbody tr th { background: #FFF; border: 2px solid #FFF;}
#briefing tbody tr.odd td, #briefing 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 { width: 100%; border-spacing: 1px; background-color:#E7E7E7; margin: 20px auto 30px auto;}
#results td, #results th { padding: 7px;}
#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, #results tbody tr th { background: #FFF; border: 2px solid #FFF;}
#results tbody tr.odd td, #results 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, #guidance h4 { width: 545px;}
#guidance .h3_01 { height: 25px; background: url(../GuidanceCounseling/img/j10_h3_01.gif) 0 0; margin: 0;}
#guidance .h3_02 { height: 30px; background: url(../GuidanceCounseling/img/j10_h3_02.gif) 0 0; margin: 10px 0;}
#guidance .h3_03 { height: 26px; background: url(../GuidanceCounseling/img/j10_h3_03.gif) 0 0; margin: 0;}

#guidance .h4_01 { height: 22px; background: url(../GuidanceCounseling/img/j10_h4_01.gif) 0 0 no-repeat; margin: 0;}
#guidance .h4_02 { height: 22px; background: url(../GuidanceCounseling/img/j10_h4_02.gif)  0 0 no-repeat; margin: 0;}
#guidance .h4_03 { width: 420px; height: 20px; background: url(../GuidanceCounseling/img/j10_h4_03.gif)  0 0 no-repeat; margin: 0;}

#guidance .lineBox { width: 513px; border-bottom: 1px solid #42467E; border-left: 1px solid #42467E; border-right: 1px solid #42467E; padding: 15px;}
#guidance .lineBox img { margin: 0 0 15px 0;}
#guidance .lineBox dt { display: block; width: 9em; float: left; border: 1px solid #000; text-align: center;}
#guidance .lineBox dd { width: 30em; float: left; margin: 0 0 0 1em;}
#guidance .lineBox dd li { display: inline; padding: 0 1em 0 0;}
#guidance .centerArrow { display: block; width: 40px; height: 27px; margin: 10px auto;}

#guidance table { display: block; width: 240px; border-spacing: 0; line-height:100%; padding: 0;}
#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 { padding: .5em;}
#guidance table th { width: 170px; background: #CADADC; border-left: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff;}
#guidance table td { width: 60px; background: #E6E4CF; border-bottom: 1px solid #fff;}

#guidance .voice { width: 545px; border-top: 1px solid #333; border-bottom: 1px solid #333; margin: 15px 0; padding: 20px 0;}