/*====================================================
------------------------------------------------------
	 news.css
------------------------------------------------------
====================================================*/

/*================= contents menu ============
	
	1: button
	
	2: common
	   - h2
		- h3
		- .headline		
			
	3: #news
	
	4: #jNews
	
	5: #hNews


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


/*====================================================
	1: button
====================================================*/

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

ul.btNews li, ul.btNews li a { width: 175px; height: 25px; text-indent: -9876em;}

ul.btNews li#news2007 a { background: url(../News/img/bt2007.gif) 0 0; margin: 10px 0 0 0;}
ul.btNews li#news2008 a { background: url(../News/img/bt2008.gif) 0 0; margin: 10px 0 0 0;}
ul.btNews li#news2009 a { background: url(../News/img/bt2009.gif) 0 0; margin: 10px 0 0 0;}
ul.btNews li#news2010 a { background: url(../News/img/bt2010.gif) 0 0; margin: 10px 0 0 0;}
ul.btNews li#news2011 a { background: url(../News/img/bt2011.gif) 0 0; margin: 10px 0 0 0;}

ul.btNews li#news2007 a:hover {  background: url(../News/img/bt2007.gif) -175px 0; margin: 10px 0 0 0;}
ul.btNews li#news2008 a:hover {  background: url(../News/img/bt2008.gif) -175px 0; margin: 10px 0 0 0;}
ul.btNews li#news2009 a:hover {  background: url(../News/img/bt2009.gif) -175px 0; margin: 10px 0 0 0;}
ul.btNews li#news2010 a:hover {  background: url(../News/img/bt2010.gif) -175px 0; margin: 10px 0 0 0;}
ul.btNews li#news2011 a:hover {  background: url(../News/img/bt2011.gif) -175px 0; margin: 10px 0 0 0;}

ul.btNews li#news2007 span.now { display: block; width: 175px; height: 25px; text-indent: -9876em; background: url(../News/img/bt2007.gif) -175px 0; margin: 10px 0 0 0;}
ul.btNews li#news2008 span.now { display: block; width: 175px; height: 25px; text-indent: -9876em;background: url(../News/img/bt2008.gif) -175px 0; margin: 10px 0 0 0;}
ul.btNews li#news2009 span.now { display: block; width: 175px; height: 25px; text-indent: -9876em;background: url(../News/img/bt2009.gif) -175px 0; margin: 10px 0 0 0;}
ul.btNews li#news2010 span.now { display: block; width: 175px; height: 25px; text-indent: -9876em;background: url(../News/img/bt2010.gif) -175px 0; margin: 10px 0 0 0;}
ul.btNews li#news2011 span.now { display: block; width: 175px; height: 25px; text-indent: -9876em;background: url(../News/img/bt2011.gif) -175px 0; margin: 10px 0 0 0;}

/*====================================================
	2: h2 h3 text
====================================================*/

#news h2, #jNews h2, #hNews h2 { width: 545px; height: 45px; text-indent: -9876em; margin: 0 0 15px 0; background: no-repeat;}
 
#news h2.h2_2007, #jNews h2.h2_2007, #hNews h2.h2_2007 { background: url(../News/img/h2_2007.gif);}
#news h2.h2_2008, #jNews h2.h2_2008, #hNews h2.h2_2008 { background: url(../News/img/h2_2008.gif);} 
#news h2.h2_2009, #jNews h2.h2_2009, #hNews h2.h2_2009 { background: url(../News/img/h2_2009.gif);}
#news h2.h2_2010, #jNews h2.h2_2010, #hNews h2.h2_2010 { background: url(../News/img/h2_2010.gif);} 
#news h2.h2_2011, #jNews h2.h2_2011, #hNews h2.h2_2011 { background: url(../News/img/h2_2011.gif);} 

#news h3, #jNws h3, #hNews h3 { width: 545px; height: 20px; text-indent: -9876em; background: no-repeat;} 
#news h3.h3_00, #jNews h3.h3_00, #hNews h3.h3_00 { background: url(../News/img/h3_00.jpg); margin: 0 0 10px 0;} 
#news h3.h3_01, #jNews h3.h3_01, #hNews h3.h3_01 { background: url(../News/img/h3_01.jpg); margin: 30px 0 10px 0;} 
#news h3.h3_02, #jNews h3.h3_02, #hNews h3.h3_02 { background: url(../News/img/h3_02.jpg); margin: 30px 0 10px 0;} 



/*====================================================
	3: dl dt dd
====================================================*/

/*
  - Top head line
====================================================*/
/*
	- common
----------------------------------------------------*/
#stop #whatsNew a:link, #jtop #whatsNew a:link, #htop #whatsNew a:link { color: #666; text-decoration: none;}
#stop #whatsNew #news a:visited, #news #areaC #sNews a:visited  { color: #997fff; text-decoration: none;}
#stop #whatsNew #jNews a:visited, #jtop #whatsNew #jNews a:visited, #news #areaC #jNews a:visited  { color: #73ca79; text-decoration: none;}
#stop #whatsNew #hNews a:visited, #htop #whatsNew #hNews a:visited, #news #areaC #hNews a:visited  { color: #308fd1; text-decoration: none;}
#stop #whatsNew a:hover, #jtop #whatsNew a:hover, #htop #whatsNew a:hover { color: #ff7f50; text-decoration: none;}
#stop #whatsNew a:active, #jtop #whatsNew a:active, #htop #whatsNew a:active { color: #ff7f50; text-decoration: none;}


/*
	- school Top
----------------------------------------------------*/
#stop #whatsNew dl { width: 325px; background: url(../News/img/dotLine.gif) no-repeat center 100%; margin: 0 0 8px 0;} 
#stop #whatsNew dl:after { clear: both; content: "."; display: block; height: 0; visibility: hidden;}
/*\*//*/
     #stop #whatsNew dl {
         display: inline-table;
     }
 /**/
#stop #whatsNew dd.date { display: block; width: 60px; padding: 0 .3em 0 0; text-align: right; position: relative; color:#fff; font-weight: bold;}
#stop #whatsNew dd.occur { display: block; width: 250px; margin: -1.7em 0 0 70px; background: none;} 
#stop #whatsNew dd.date .new { display: block; width: 21px; height: 1em; background: #ff7f50; position: absolute; top: .3em; left: -.3em; padding: 0 .3em; line-height: 1em; text-align: center;}


#stop #news dd.date { display: block; width: 60px;  background: #9087b3;}
#stop #jNews dd.date { display: block; width: 60px;  background: #91d2aa;}
#stop #hNews dd.date { display: block; width: 60px;  background: #94bbd7;}


#stop #whatsNew dd.ann { display: block; width: 60px; padding: 0 .3em 0 0; text-align: right; position: relative; color:#fff; font-weight: bold; text-align: right;}
#stop #whatsNew dd.ann .new { display: block; width: 5px; height: 1em; background: #ffcc00; position: absolute; top: .3em; left: -.3em; padding: 0 .3em; line-height: 1em; text-align: center;}
#stop #news dd.ann { display: block; width: 60px;  background: #564b7d;}
#stop #jNews dd.ann { display: block; width: 60px;  background: #3e865a;}
#stop #hNews dd.ann { display: block; width: 60px;  background: #547f9e;}

#stop #news dd.att, #stop #jNews dd.att, #stop #hNews dd.att { display: block; width: 60px;  background: #AF0A0A; color: #fff;font-weight: bold; text-align: center;}
#stop #news dd.emer, #stop #jNews dd.emer, #stop #hNews dd.emer { display: block; width: 60px;  background: #D30C0C; color: #fff;font-weight: bold; text-align: center;}

/*
	- jr-high Top
----------------------------------------------------*/
#jtop #whatsNew dl { width: 325px; background: url(../News/img/dotLine.gif) no-repeat center 100%; margin: 0 0 8px 0;} 
#jtop #whatsNew dl:after { clear: both; content: "."; display: block; height: 0; visibility: hidden;}
/*\*//*/
     #jtop #whatsNew dl {
         display: inline-table;
     }
 /**/
#jtop #whatsNew dd.date { display: block; width: 60px; padding: 0 .3em 0 0; text-align: right; position: relative; color:#fff; font-weight: bold;}
#jtop #whatsNew dd.occur { display: block; width: 250px; margin: -1.7em 0 0 70px; background: none;} 
#jtop #whatsNew dd.date .new { display: block; width: 21px; height: 1em; background: #ff7f50; position: absolute; top: .3em; left: -.3em; padding: 0 .3em; line-height: 1em; text-align: center;}

#jtop #whatsNew dd.date { display: block; width: 60px;  background: #91d2aa;}

#jtop #whatsNew dd.ann { display: block; width: 60px; padding: 0 .3em 0 0; text-align: right; position: relative; color:#fff; font-weight: bold; text-align: right;}
#jtop #whatsNew dd.ann .new { display: block; width: 5px; height: 1em; background: #ffcc00; position: absolute; top: .3em; left: -.3em; padding: 0 .3em; line-height: 1em; text-align: center;}

#jtop #jNews dd.ann { display: block; width: 60px;  background: #3e865a;}

#jtop #jNews dd.att { display: block; width: 60px;  background: #AF0A0A; color: #fff;font-weight: bold; text-align: center;}



/*
	- senior-high Top
----------------------------------------------------*/
#htop #whatsNew dl { width: 325px; background: url(../News/img/dotLine.gif) no-repeat center 100%; margin: 0 0 8px 0;} 
#htop #whatsNew dl:after { clear: both; content: "."; display: block; height: 0; visibility: hidden;}
/*\*//*/
     #jtop #whatsNew dl {
         display: inline-table;
     }
 /**/
#htop #whatsNew dd.date { display: block; width: 60px; padding: 0 .3em 0 0; text-align: right; position: relative; color:#fff; font-weight: bold;}
#htop #whatsNew dd.occur { display: block; width: 250px; margin: -1.7em 0 0 70px; background: none;} 
#htop #whatsNew dd.date .new { display: block; width: 21px; height: 1em; background: #ff7f50; position: absolute; top: .3em; left: -.3em; padding: 0 .3em; line-height: 1em; text-align: center;}

#htop #whatsNew dd.date { display: block; width: 60px;  background: #94bbd7;}

#htop #whatsNew dd.ann { display: block; width: 60px; padding: 0 .3em 0 0; text-align: right; position: relative; color:#fff; font-weight: bold; text-align: right;}
#htop #whatsNew dd.ann .new { display: block; width: 5px; height: 1em; background: #ffcc00; position: absolute; top: .3em; left: -.3em; padding: 0 .3em; line-height: 1em; text-align: center;}
#htop #hNews dd.ann { display: block; width: 60px;  background: #547f9e;}

#htop #hNews dd.att { display: block; width: 60px;  background: #AF0A0A; color: #fff;font-weight: bold; text-align: center;}

/*
  - What's new head line
====================================================*/

dd.occur .pm { display: block; background: url(../News/img/pmBlank.gif) no-repeat right center; padding: 0 18px 0 0;}
dd.occur .pmPdf { display: inline; background: url(../News/img/pmPdf.gif) no-repeat 100% 0; padding: 0 18px 0 0;}
dd.occur .lineH140 { line-height: 140%;}
dd.date span.new { display: block; width: 21px; height: 1em; background: #ff7f50; position: absolute; top: .3em; left: -.5em; padding: 0 .3em; line-height: 1em; text-align: center; }
dd.ann span.new { display: block; width: 10px; height: 1em; background: #ffcc00; position: absolute; top: .3em; left: -.3em; padding: 0 .3em; line-height: 1em; text-align: center;}

#sNews dl, #jNews dl, #hNews dl { width: 500px; background: url(../News/img/dotLine.gif) repeat-x center 100%; margin: 0 auto 10px auto;} 
#sNews dl:after, #jNews dl:after, #hNews dl:after { clear: both; content: "."; display: block; height: 0; visibility: hidden;}
/*\*//*/
     #news dl:after, #jNews dl:after, #hNews dl:after {
         display: inline-table;
     }
 /**/
#sNews dl dd.date, #jNews dl dd.date, #hNews dl dd.date, #sNews dl dd.ann, #jNews dl dd.ann, #hNews dl dd.ann, #sNews dl dd.att, #jNews dl dd.att, #hNews dl dd.att
{ display: block; width: 100px; padding: 0; text-align: center; position: relative; color:#fff; font-weight: bold; }
#sNews dl dd.occur, #jNews dl dd.occur, #hNews dl dd.occur { display: block; margin: -1.7em 0 0 120px; background: none;} 

#news #sNews a:link, #news #jNews a:link, #news #hNews a:link { color: #666; text-decoration: none;}
#news #sNews a:visited, #news #jNews a:visited, #news #hNews a:visited { color: #BDB76B; text-decoration: none;}
#news #sNews a:hover, #news #jNews a:hover, #news #hNews a:hover { color: #ff7f50; text-decoration: none;}
#news #sNews a:active, #news #jNews a:active, #news #hNews a:active { color: #ff7f50; text-decoration: none;}









/*====================================================
	3: #news
====================================================*/
#news dd.date { background: #9087b3;}
#news dd.ann { background: #564b7d;}
#news dd.att { background: #AF0A0A;}

/*====================================================
	4: #jNews
====================================================*/
#jNews dd.date { background: #91d2aa;}
#jNews dd.ann { background: #3e865a;}
#jNews dd.att { background: #AF0A0A;}


/*====================================================
	4: #hNews
====================================================*/
#hNews dd.date { background: #94bbd7;}
#hNews dd.ann {  background: #547f9e;}
#hNews dd.att { background: #AF0A0A;}