@charset "UTF-8";
@import "../../style/base.css";
@import "structure.css";

/*====================================================
------------------------------------------------------
	 magazine.css
------------------------------------------------------
====================================================*/

/*================= contents menu ============

	1: pageImg
	
	2: common
	   - h2
		- h3
		- text
			- .w90Br
			- .w90
			- .w100Br
			- .w100Br
			- .s85Br
			- .s85
			
			
	3: NeighborlyLove ID:love
	
	4: ToFlappingWorld  ID:flapping 
	
	5: EventReport /*2010/07delete
	
	6: ClubActivity ID:clubA

	  [7: OPEN CAMPUS----other css]
	  
	8: JumpIn ID:jumpIn

	9: ICCbriefing ID:iccBriefing


	
============================================== */
/*div, p, dl, dt, dd { border: 1px solid #333;}*/



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

#clubA #areaB { background: url(../ClubActivity/img/pageImg.jpg);}

#pageImg { width: 175px; height: 295px; background: no-repeat; text-indent: -9876em; margin: -10px 0 0 0;}
#flapping #pageImg { background: url(../ToFlappingWorld/img/pageImg.jpg);}
#event #pageImgVol1 { width:545px; height: 210px; background: url(../EventReport/img/pageImg01.jpg);}
#event #pageImgVol2 { width:545px; height: 210px; background: url(../EventReport/img/pageImg02.jpg);}
#jumpIn #pageImg { background: url(../JumpIn/img/pageImg.jpg);}
#iccBriefing #pageImg { background: url(../ICCbriefing/img/pageImg.jpg);}

/*====================================================
	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;} 

ul.backN { display: block; width: 175px; height: 295px; list-style-type: none; margin: 10px 0 0 0; padding: 0; line-height: 140%;}
ul.backN li a { width: 150px; display: block; border-bottom: 1px dotted #363582;  background: transparent; vertical-align: top; margin: 0 auto; padding: 0;}
ul.backN li a:hover { background: #eaeaea;}
ul.backN li.title { width: 150px; background: #363582; color: #fff; text-align: center; margin: 0 auto; line-height: 170%;}

/*
  -text
====================================================*/
/*
	- w = width
	- s = font size
	- Br = Brown Color Text #301600
	- 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;  }
.CR { color: red;}
.w100s120B { width: 100%; font-size: 120%; font-weight: bold;}

.w100Bl { color: #3d62ad;}

.w100GrB { color: #23AB38; font-weight: bold;}
.w100BlB { color: #3d62ad; font-weight: bold;}
.w100PKB120 { color: #e9546a; font-weight: bold; font-size: 120%;}
.w100PKB { color: #e9546a; font-weight: bold;}

.imgLeft { display: block; float: left;}
.imgLeftR3 { display: block; float: left; margin: 0 3px 0 0;}
.imgLeftR5 { display: block; float: left; margin: 0 5px 0 0;}
.imgRight { display: block; float:right;}
.imgRightL3 { display: block; float:right; margin: 0 0 0 3px;}
.imgCenter { display: block; margin: 0 auto;}

/*====================================================
	3: NeighborlyLove ID:love
====================================================*/
#love #pageImg { width: 175px; height: 295px; background: url(/senior-high/NeighborlyLove/img/pageImg.jpg) 0 0; margin: 0 0 10px 0;}

#love #areaC ul { width: 450px; margin: 0 auto 15px auto;}
#love #areaC ul li { padding: 0 0 .8em 20px;}
#love #areaC ul li strong { font-size: 14px; letter-spacing: .1em; padding: 0 .3em 0 0;}

#love #nl { width: 545px; margin: 10px 0 50px 0;}
#love #nl h2 { width: 545px; height: 73px; background: url(/senior-high/NeighborlyLove/img/h2_01.jpg) 0 0; margin: 0 0 15px 0;}
#love #areaC #nl li { background: url(/senior-high/c_img/PmCircleMossGr.gif) 0 0 no-repeat;}
#love #areaC #nl li a:hover { color: #a19501}	

#love #ji {width: 545px; margin: 0 0 20px 0;}
#love #ji h2 { width: 545px; height: 73px; background: url(/senior-high/NeighborlyLove/img/h2_02.jpg) 0 0; margin: 0 0 15px 0;}
#love #areaC #ji li { background: url(/senior-high/c_img/PmCirclePink.gif) 0 0 no-repeat;}
#love #areaC #ji li a:hover { color: #e9546a}	





/*====================================================
	4: ToFlappingWorld  ID:flapping
====================================================*/



/*====================================================
	5: EventReport  ID:event /*2010/07delete
====================================================*/
#event ul.backN li a:link { color: #00A0E9; text-decoration: none;}
#event ul.backN li a:visited { color: #727172; text-decoration: none;}
#event ul.backN li a:hover { color: #363582; text-decoration: none;}
#event ul.backN li a:active { color: #363582; text-decoration: none;}

#event h3.h3vol01_01 { height: 40px; background: url(../EventReport/img/oMh03_h3_vol01.gif) no-repeat; margin: 0;}
#event h4.h4vol01_01 { width: 355px; height: 25px; background: url(../EventReport/img/oMh03_h4_vol01.gif) no-repeat; margin: 0 0 .5em 0; text-indent: -9876em;}
#event h3.h3vol02_01 { height: 40px; background: url(../EventReport/img/oMh03_h3_vol02.gif) no-repeat; margin: 0;}
#event h4.h4vol02_01 { width: 140px; height: 19px; background: url(../EventReport/img/oMh03_h4_vol02.gif) no-repeat; margin: 0 0 .5em 0; text-indent: -9876em;}

#event .imgArea { width: 158px; float: right;}
#event .imgArea img { margin: 0 0 25px 0;}
#event .textArea { width: 380px; float: left;}

#event .blueBox { background: #e4eef6; border: 1px solid #006795; padding: 1em; color: #727172; margin: 5px 0 0 0 ;}


/*====================================================
	6: ClubActivity  ID:clubA
====================================================*/
#clubA .h2_00 { background: url(../ClubActivity/img/h08_h2_00.gif);}
#clubA .h3_00 { background: url(../ClubActivity/img/h08_h3_00.gif) no-repeat;height:48px;}


#clubA .h08_02 { width:545px; height: 900px; background: url(../ClubActivity/img/h08_00.jpg) no-repeat; margin: 15px 0 0 0;}
#clubA .h08_02 div {margin-left:420px;}
#clubA .h08_02 .h4_00 {background:#384675;color:#FFF;padding:0.4em;margin-bottom:0.4em;font-weight:bold;}
#clubA .h08_02 .h4_01 {background:#B25927;color:#FFF;padding:0.4em;margin-top:10px;margin-bottom:0.4em;font-weight:bold;}
#clubA .h08_02 ul {display:block;line-height:140%;}

#clubA .note { text-align: right; margin: 15px 0 60px 0;}

/*====================================================
	8: JumpIn  ID:jumpIn
====================================================*/

#jumpIn { position: relative;}
#jumpIn h2 { width: 545px; height: 275px; background: url(../JumpIn/img/oMh06_h2_00.jpg) 0 0 no-repeat;}
#jumpIn .eyeCatch {width: 324px; height: 280px; background: url(../JumpIn/img/point.png); text-indent: -9876em; position: absolute; top: 350px; left: 520px; behavior: expression(IEPNGFIX.fix(this))}

#jumpIn dl { width: 525px; margin: 0 auto; padding-bottom: 7px;}
#jumpIn dl:after { clear: both; content: "."; display: block; height: 0; visibility: hidden;}
/*\*//*/
     #jumpIn dl {
         display: inline-table;
     }
 /**/
#jumpIn dl dt { clear:both; float: left; width: 90px; height: 30px; background: url(../JumpIn/img/bg0912Time.gif) 0 0 no-repeat;}
#jumpIn dl dt span { clear:both; display: block; font-weight: bold; text-align: center; padding-top: 5px; color: #333;}
#jumpIn dl dd { display: block; float: right; width: 410px; margin: 0; padding: 0;}
#jumpIn dl dd p { padding: 0; color: #666; line-height: 110%;}
#jumpIn dl dd h3 { clear: left; width: 410px; height: 1.8em; color: #579a16; font-weight: bold; padding-top: 5px; text-indent: 0;}
#jumpIn dl dd dl dt { width: 315px; height: 1.6em; background: #e6efd1;}
#jumpIn dl dd dl dt span { font-weight: bold; padding: 4px 2px 2px 5px; color: #333; line-height: 110%; text-align: left;}
#jumpIn dl dd dl dd { width: 310px; line-height: 120%; padding: 0 0 3px 0; margin: 0; color: #666;}
#jumpIn dl dd ul li span { font-size: 10px; }
#jumpIn ul.parent { display: block; width: 350px; border: 1px solid #8e6bc5; padding: 20px; margin: 0 auto 15px auto; text-align: right;}
#jumpIn ul.parent li.title { border-bottom: 1px solid #ccc; margin: 0 0 .8em 0; font-weight: bolder; font-size: 120%; text-align: left;}
#jumpIn ul.parent li span { font-size: 10px;}
#jumpIn ul.student { display: block; width: 390px; padding: 0; margin: 0 auto 15px auto;}
#jumpIn ul.student li { border-bottom: 1px solid #013366; margin: 0 0 .5em 0}
#jumpIn ul.student li span { letter-spacing: 1em; background: #013366; color: #fff; padding: .3em 0 .3em 1em; margin: 0 1em 0 0; font-size: 12px;}


#jumpIn .btMailform { width: 525px; height: 120px; margin: 15px auto;}
#jumpIn .btMailform a { display: block; width: 525px; height: 120px; background: url(../JumpIn/img/bt0904.jpg) 0 0; text-indent: -9876em; overflow: hidden;}
#jumpIn .btMailform a:hover { display: block; width: 525px; height: 120px; background: url(../JumpIn/img/bt0904.jpg) 0 -120px;}


/*====================================================
	9: ICCbriefing ID:iccBriefing
====================================================*/

#iccBriefing h2 { width: 545px; height: 175px; background: url(../ICCbriefing/img/oMh07_h2.jpg) 0 0 no-repeat; margin-bottom: 0;}
#iccBriefing .detail { width: 545px; height: 74px; background: url(../ICCbriefing/img/oMh07_detail.gif) 0 0 no-repeat; text-indent: -9876em; margin: 0 0 30px 0;}

#iccBriefing h3 { width: 545px; height: 35px; background: url(../ICCbriefing/img/oMh07_h3.gif) 0 0 no-repeat; margin: 0 0 10px 0; text-indent: -9876em;}

#iccBriefing .point { width: 545px; background: url(../ICCbriefing/img/oMh07_01.jpg) 326px 0 no-repeat;}
#iccBriefing .point dl { width: 250px; margin: 10px auto 0 0; padding: 0 0 10px 70px;}
#iccBriefing .point dl dt { width: 250px; color: #e26a0d; font-weight: bolder; font-size: 130%;}
#iccBriefing .point dl dd { width: 250px;}

#iccBriefing .point .point1 { background: url(../ICCbriefing/img/oMh07_dl01.gif) 0 0 no-repeat;}
#iccBriefing .point .point2 { background: url(../ICCbriefing/img/oMh07_dl02.gif) 0 0 no-repeat;}
#iccBriefing .point .point3 { background: url(../ICCbriefing/img/oMh07_dl03.gif) 0 0 no-repeat;}
#iccBriefing .point .point4 { background: url(../ICCbriefing/img/oMh07_dl04.gif) 0 0 no-repeat;}
#iccBriefing .point .point5 { background: url(../ICCbriefing/img/oMh07_dl05.gif) 0 0 no-repeat;}

#iccBriefing .btMailform { width: 545px; height: 50px; margin: 20px 0 15px 0;}
#iccBriefing .btMailform a { display: block; width: 545px; height: 50px; background: url(../ICCbriefing/img/btICCpage.gif) 0 0; text-indent: -9876em; overflow: hidden;}
#iccBriefing .btMailform a:hover { background: url(../ICCbriefing/img/btICCpage.gif) 0 -50px;}