@charset "utf-8";

@import url("base.css");

@import url("structure.css");


/*====================================================
------------------------------------------------------
	 main.css
------------------------------------------------------
====================================================*/

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

	1: common

	2: top
	
	3: about
	
	4: contact
	

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

/*====================================================
	1: common
====================================================*/

h2 { width: 495px; height: 45px; background: url(../c_img/h2Bg.jpg) no-repeat; margin: 0 0 15px 0; padding: 15px 0 0 25px; font-size: 250%; color: #ff6600; font-weight: bold;}
h2 span { font-size: 50%; font-weight: normal; padding: 0 0 0 25px;}

h3 { width: 490px; height: 30px; background: url(../c_img/h3Bg.png) no-repeat; padding: 25px 0 0 30px; font-size: 120%; margin: 0 0 15px 0; behavior: expression(IEPNGFIX.fix(this));}

ul.yl, ul.or, ul.gr, ul.non { width: 490px; margin: 0 0 20px auto; list-style: none;}
ul.yl li { background: url(../c_img/pmCircle.gif) 0 .3em no-repeat; padding: 0 0 .5em 20px;}
ul.or li { background: url(../c_img/pmCircleOr.gif) 0 .3em no-repeat; padding: 0 0 .5em 20px;}
ul.gr li { background: url(../c_img/pmCircleGr.gif) 0 .3em no-repeat; padding: 0 0 .5em 20px;}
ul.non li { padding: 0 0 .5em 20px;}

/*====================================================
	2: top
====================================================*/

#top { width: 800px; margin: 0 auto;}

#swf { width: 520px; height: 305px; background: url(../img/top.jpg) 0 0; margin: 0 0 10px 0;}
#swf p { text-indent: -9876em;}

#top p.newsTitle { width: 490px; height: 20px;  background: url(../c_img/h3Bg.png) no-repeat; padding: 25px 0 10px 30px; font-size: 150%; margin: 20px 0 15px 0; behavior: expression(IEPNGFIX.fix(this));}

dl.data { display: block; width: 520px; margin: 0 0 10px auto; padding: 0;}
dl.data:after { clear: both; content: "."; display: block; height: 0; visibility: hidden;}
/*\*//*/
     dl.data   {
         display: inline-table;
     }
 /**/
dl.data  dd.date { display: block; width: 140px; float: left; background:  url(../img/bgDateTop.gif) no-repeat top center; padding: 2px 0 0 0; position: relative;}
dl.data  dd.date span { display: block; width: 140px; background: #999999 url(../img/bgDateUnder.gif) no-repeat bottom center; color: #fff; text-align: center; padding: 0 0 2px 0;}
dl.data  dd.date .new { display: block; width: 30px; height: 12px; background: url(../img/new.gif) no-repeat; position: absolute; top: 25%; left: 0; text-indent: -9876em;}
dl.data  dd.occur { display: block; width: 350px; float: left; margin: 8px 0 0 10px; line-height: 120%;} 
dl.data  dd.occur a { line-height: 150%} 

/* feedControl -  
----------------------------------------------------*/
#feedControl { width: 520px; margin: 0 auto;}
.gf-result { display: block; width: 520px; margin: 0 0 10px auto;}
.gfc-resultsHeader { display: none;}
a.gf-title { display: block; width: 495px; height: 20px; padding: 0 0 0 15px; background: url(../c_img/pmCircleGr.gif) 0 .2em no-repeat; margin: 0; font-weight: bolder;}
.gf-snippet { clear: both; width: 510px; margin: 0 0 10px auto; line-height: 120%; font-size: 90%; color: #666;}
 
 
 
 
 /*====================================================
	3: about
====================================================*/

#about { width: 800px; margin: 0 auto;}
#about h4 { width: 490px; margin: 0 0 10px 20px; padding: 0 0 0 5px; border-left: 10px solid #ffa200;}	 

 
#map {}
#map p { line-height: 200%;} 
#map p span { border-bottom: 1px solid #DEDF7D; padding: 0 0 0 0;}	  
  
#map iframe { display: block; width: 450px; margin: 15px auto 0 auto; border: 10px solid #efefc2; padding: 3px;}
span.bTmap a { display: block; width: 120px; height: 25px; background: url(../About/img/btGoogle120.gif) 0 0 no-repeat; margin: 4px 20px 0 auto; text-indent: -9876em; overflow: hidden;}
span.bTmap a:hover { background: url(../About/img/btGoogle120.gif) 0 -25px no-repeat;}
 
 
 /*====================================================
	4: contact
====================================================*/

 #contact { width: 800px; margin: 0 auto;}

form { width: 450px; margin: 0 auto 30px auto; border: 10px solid #D9EFC2; padding: 10px 10px 30px 10px;}
form dl { width: 450px; padding: 5px 0; border-bottom: 1px dotted #ccc;}
form dl:after { clear: both; content: "."; display: block; height: 0; visibility: hidden;}
/*\*//*/
     form dl   {
         display: inline-table;
     }
 /**/

form dl dt, form dl dd { display: block; float: left; padding: 4px 15px;}
form dl dt { width: 130px; text-align: right;}
form dl dd { width: 250px; border-left: 1px solid #ccc; font-size: .765em;}
form ul { list-style: none;}
 
input { width: 9em; padding: .2em; border: 1px solid #aaa; margin-right: .5em}
input.check, input.radio {width: 30px; border: none;}
input.submit { display: block; width: 150px; background-color: #BADF61; margin: 20px auto 0 auto; padding: .5em 0;}


textarea { width: 15em; height: 5em; border: 1px solid #aaa;}
 
 #pp ul { width: 510px; margin: 0 0 20px auto; list-style: none;}
 #pp ul li { padding: 0 0 1em 0;}