@charset "utf-8";

@import url("base.css");

@import url("structure.css");

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

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

	1: pageImg
	
	2: common
	   - h2
		- h3
		- text
			- .w90Br
			- .w90
			- .w100Br
			- .w100Br
			- .s85Br
			- .s85
			
			
	3: GroundDesign ID:groundD
	
	4: VoriesAcademy  ID:voriesA
	
	5: CampusPhot  ID:campusP
	

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

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

#groundD #pageImg { background: url(../GroundDesign/img/pageImg.jpg);}
#voriesA #pageImg { background: url(../VoriesAcademy/img/pageImg.jpg);}
#campusP #pageImg { width: 545px; height: 200px;  background: url(../CampusPhot/img/pageImg.jpg) no-repeat; margin: 30px 0 -30px 0; text-indent: -9876em; }


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


/*
  -text
====================================================*/
/*
	- w = width
	- s = font size
	- Br = Brown Color Text #301600
	- R = text align Right
	- 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;}



/*====================================================
	3: GroundDesign ID:groundD
====================================================*/
#groundD h2 { width: 545px; height: 71px; background: url(../GroundDesign/img/oMs01_h2_00.gif); text-indent: -9876em; margin: 20px 0 20px 0; }

#groundD h3 { width: 545px; height: 25px; margin: 20px 0 15px 0;  text-indent: -9876em;}
#groundD h4 { color: #24116f; font-weight: bold; margin: 0;}

#groundD h3.h3_00 { background: url(../GroundDesign/img/oMs01_h3_00.gif);}
#groundD h3.h3_01 { background: url(../GroundDesign/img/oMs01_h3_01.gif);}
#groundD h3.h3_02 { background: url(../GroundDesign/img/oMs01_h3_02.gif);}
#groundD h3.h3_03 { background: url(../GroundDesign/img/oMs01_h3_03.gif);}
#groundD h3.h3_04 { background: url(../GroundDesign/img/oMs01_h3_04.gif);}

#groundD dl.rowBox {  display: block; width: 100%; margin: 0 auto;}
#groundD dl.rowBox:after { clear: both; content: "."; display: block; height: 0; visibility: hidden;}
/*\*//*/
     #groundD dl.Box {
         display: inline-table;
     }
 /**/ 

#groundD dl.rowBox dt { float: left; width: 120px; height: 170px; background: url(../GroundDesign/img/oMs01_00.jpg) no-repeat; text-indent: -9876em;}
#groundD dl.rowBox dd  h4 { margin: 1em 0 0 0;}

#groundD ul.list  li { padding: 0 0 .5em 0; }



/*====================================================
	4: VoriesAcademy  ID:voriesA
====================================================*/
#voriesA #areaCD { width: 765px; background: url(../VoriesAcademy/img/oMs02_bgAreaCD.gif) repeat-y; margin: 0 auto;}
#voriesA #areaCD:after { clear: both; content: "."; display: block; height: 0; visibility: hidden;}
/*\*//*/
     #voriesA #areaCD {
         display: inline-table;
     }
 /**/

#voriesA ul.backN li { font-size: .765em;}
#voriesA ul.backN li span { display: block; font-weight: bold; font-size: 1.3em;}
#voriesA ul.backN li strong { font-weight: bold; font-size: 1.3em; color: red;}
#voriesA ul.backN li a:link { color: #4f352c; text-decoration: none;}
#voriesA ul.backN li a:visited { color: #727172; text-decoration: none;}
#voriesA ul.backN li a:hover { color: #3a489e; text-decoration: none;}
#voriesA ul.backN li a:active { color: #3a489e; text-decoration: none;}

#voriesA h2.h2vol1 { width: 545px; height: 240px; background: url(../VoriesAcademy/img/oMs02vol1_h2_00.gif) no-repeat; margin: 0;  text-indent: -9876em;}
#voriesA h3.h3vol1 { width: 545ox; height: 60px; background: url(../VoriesAcademy/img/oMs02vol1_h3_00.gif) no-repeat; margin: 0; text-indent: -9876em;}

#voriesA h2.h2vol2 { width: 545px; height: 240px; background: url(../VoriesAcademy/img/oMs02vol2_h2_00.gif) no-repeat; margin: 0;  text-indent: -9876em;}
#voriesA h3.h3vol2 { width: 545ox; height: 60px; background: url(../VoriesAcademy/img/oMs02vol2_h3_00.gif) no-repeat; margin: 0; text-indent: -9876em;}

#voriesA h2.h2vol3 { width: 545px; height: 240px; background: url(../VoriesAcademy/img/oMs02vol3_h2_00.gif) no-repeat; margin: 0;  text-indent: -9876em;}
#voriesA h3.h3vol3 { width: 545ox; height: 60px; background: url(../VoriesAcademy/img/oMs02vol3_h3_00.gif) no-repeat; margin: 0; text-indent: -9876em;}

#voriesA h2.h2vol4 { width: 545px; height: 240px; background: url(../VoriesAcademy/img/oMs02vol4_h2_00.gif) no-repeat; margin: 0;  text-indent: -9876em;}
#voriesA h3.h3vol4 { width: 545ox; height: 60px; background: url(../VoriesAcademy/img/oMs02vol4_h3_00.gif) no-repeat; margin: 0; text-indent: -9876em;}


#voriesA h4 { clear: both; width: 545px; height: 25px; margin: 0; text-indent: -9876em; }
#voriesA h4.h4vol1_01 { background: url(../VoriesAcademy/img/oMs02vol1_h4_01.gif) no-repeat;}
#voriesA h4.h4vol1_02 { background: url(../VoriesAcademy/img/oMs02vol1_h4_02.gif) no-repeat;}
#voriesA h4.h4vol1_03 { background: url(../VoriesAcademy/img/oMs02vol1_h4_03.gif) no-repeat;}
#voriesA h4.h4vol1_04 { background: url(../VoriesAcademy/img/oMs02vol1_h4_04.gif) no-repeat;}

#voriesA h4.h4vol2_01 { background: url(../VoriesAcademy/img/oMs02vol2_h4_01.gif) no-repeat;}
#voriesA h4.h4vol2_02 { background: url(../VoriesAcademy/img/oMs02vol2_h4_02.gif) no-repeat;}
#voriesA h4.h4vol2_03 { background: url(../VoriesAcademy/img/oMs02vol2_h4_03.gif) no-repeat;}

#voriesA h4.h4vol3_01 { background: url(../VoriesAcademy/img/oMs02vol3_h4_01.gif) no-repeat;}
#voriesA h4.h4vol3_02 { background: url(../VoriesAcademy/img/oMs02vol3_h4_02.gif) no-repeat;}
#voriesA h4.h4vol3_03 { background: url(../VoriesAcademy/img/oMs02vol3_h4_03.gif) no-repeat;}
#voriesA .ymca { display: block; width: 114px; height: 114px;  position: absolute; top: 350px; left: 890px; }

#voriesA h5 { font-weight: bolder; margin: 15px 0 0 0;}

#voriesA dl { clear: both; width: 545px; margin: 5px 0 25px 0; }
#voriesA dl:after { clear: both; content: "."; display: block; height: 0; visibility: hidden;}
/*\*//*/
    #voriesA dl{
         display: inline-table;
     }
 /**/

#voriesA dl dd.note { float: left; width: 380px;}
#voriesA dl dd.note p { padding: 0 0 .5em 0; text-indent: 1em; line-height: 170%;}
#voriesA dl dd.images { float: right; width: 160px;}
#voriesA dl dd.images img { display: block; margin: 0 0 0 auto;}
#voriesA dl dd.images span { display: block;  margin: 0 0 30px 0; font-size: .765em; padding: 0 0 0 1em;}

#voriesA .photo { float: left; margin: 10px 0 10px 10px;}
#voriesA .photo span { display: block;  margin: 0 0 30px 0; font-size: .765em; padding: 0;}

#voriesA .refer { clear: both; margin: 0 0 30px 0;}

#voriesA #areaC ul.wCircle { }
#voriesA #areaC ul.wCircle li { background: url(../VoriesAcademy/img/pm_wCircle.gif) 0 .4em no-repeat; padding: 0 0 .5em 15px; zoom:1;}
#voriesA #areaC ul.wCircle li:after { clear: both; content: "."; display: block; height: 0; visibility: hidden;}
#voriesA #areaC ol.decimal { list-style-type: decimal; padding: 1em 0 .5em 0; border-top: 1px dotted #666; border-bottom: 1px dotted #666; margin: 0 0 15px 0;}
#voriesA #areaC ol.decimal li { padding: 0 0 .5em 15px;}

#voriesA #areaC .left { display: block; float: left; margin: 0 5px 0 0;}
#voriesA #areaC .right { display: block; float: right; margin: 0 0 0 5px;}

#voriesA #areaC p.colorBox { background: #ECD6CA; padding: 10px; margin: 10px 0 30px 0;}
#voriesA #areaC p.rText { text-align: right;}

/*====================================================
	5: CampusPhot  ID:campusP
====================================================*/

#campusP ul.backN { display: block; width: 175px; height: 295px; list-style-type: none; margin: 0; padding: 0;}
#campusP ul.backN li a,#theE ul.backN li a:hover { width: 175px; height: 25px; display: block; background: transparent; vertical-align: top; overflow:hidden; margin: 0; padding: 0;}
/*\*//*/
 overflow:auto;
/**/

#campusP #areaSwf { width: 545px; height: 650px;  margin: 0 auto; padding: 0;}