@charset "UTF-8";
/*
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=

 [[ CSS Framework ]]

-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=	

 [ File Name   ] top.css	
 [ Version		 ] 2.0 
 [ Last UpDate ] 2009 Dec

*/
/*
--------------------------------------------------------------
[ Import Css Library ]
--------------------------------------------------------------
*/
@import '../lib/clear.css';
@import '../lib/font.css';
@import '../lib/common.css';
@import '../lib/form.css';
@import '../lib/sitemap.css';
@import '../layout/l2-3.css';

/*
--------------------------------------------------------------
[ XHTML Construction ]
--------------------------------------------------------------

body
 |
 |__ container
		 |
		 |__ header
		 |		|__ header-inner
		 |				|__ h-i-logo					( logo image )
		 |				|__ h1								( text links )
		 |				|__ h-i-navi					( sitemap,link link )
		 |
		 |__ grovalnavi
		 |		|__ grovalnavi-inner			( main navi )
		 |
		 |__ wrap
		 |		|__ wrap-inner
		 |				|__ contents-alpha		( local navi, archives )
		 |				|__ contents-beta		 ( articles )
		 |
		 |
		 |__ footer
					|__ footer-inner
							|__ f-i-navi					( footer navi )
							|__ f-i-articles			( articles-navi )
							|__ address					 ( copyright )
*/
/*
--------------------------------------------------------------
[ Custom Style ]
--------------------------------------------------------------
*/

/* 

	#container
--------------------------------------------------------------
*/

#container
	{
	background:#FFFFFF url('../../img/container-back.jpg') repeat-x left bottom;
	}

ol{list-style:upper-alpha inside;}
ol li{list-style:upper-alpha inside;}


/* 

	#header 
--------------------------------------------------------------
*/

#header 
	{
	background:transparent;
	}
	
#header-inner 
	{
	width:850px;
	height:80px;
	padding:0 5px;
	background:url('../../img/h-i-back.jpg') no-repeat 0 0;
	}

#header-inner ul li
	{
	display:inline;
	margin-left:15px;
	}

#header-inner ul li a
	{
	padding:0.7em 0 0.7em 10px;
	background:url('../../img/h-i-li.gif') no-repeat left center;
	color:#333333;
	text-align:left;
	text-decoration:none;
	} 

#header-inner ul li a:hover
	{
	color:#0075C3;
	text-decoration:underline;
	}

#header-inner h1
	{ 
	padding:5px 20px;
	}
 
#header-inner h1 a
	{ 
	color:#333333;
	text-decoration:none;
	}	

#h-i-logo
	{
	width:270px;
	height:45px;
	margin-left:15px;
	}

* html #h-i-logo
	{
	behavior: expression(IEPNGFIX.fix(this));
	}

/* 

	#keyvisual 
--------------------------------------------------------------
*/

#keyvisual
	{
	height:250px;
	}

#keyvisual-inner
	{
	width:850px;
	height:250px;
	margin:0 auto;
	background:#FFFFFF;
	border-left:1px solid #EEEEEE;
	border-right:1px solid #EEEEEE;
	}


/* 

	#grovalnavi 
--------------------------------------------------------------
*/

#grovalnavi 
	{
	height:40px;
	padding:0px 0px 0px 0px;
	background:transparent;
	}
	
#grovalnavi-inner 
	{
	width:850px;
	height:40px;
	padding:0px 0px 0px 0px;
	background:transparent;
	border:1px solid #DDDDDD;
	} 
 
#grovalnavi-inner ul li
	{
	display:block;
	width:170px;
	height:40px;
	line-height:40px;
	float:left;
	}	 

#grovalnavi-inner ul li a
	{
	display:block;
	width:170px;
	height:40px;
	background:url('../../img/gn-i-back.jpg') repeat-x 0 0;
	color:#FFFFFF;
	text-align:center;
	text-decoration:none;
	}	

#grovalnavi-inner ul li a.home,
#grovalnavi-inner ul li a.home:link,
#grovalnavi-inner ul li a.home:visited
	{
	background:url('../../img/gn-i-home-back.jpg') repeat-x 0 0;
	color:#FFFFFF;
	text-decoration:none;
	}

#grovalnavi-inner ul li a.home:hover,
#grovalnavi-inner ul li a.home-here,
#grovalnavi-inner ul li a.home-here:hover
	{
	background:url('../../img/gn-i-here-home-back.jpg') no-repeat 0 0;
	color:#333333;
	text-decoration:none;
	}

#grovalnavi-inner ul li a:hover,
#grovalnavi-inner ul li a.here,
#grovalnavi-inner ul li a.here:hover
	{
	background:url('../../img/gn-i-here-back.jpg') repeat-x 0 0;
	color:#333333;
	text-decoration:none;
	}		

	
/* 

	#wrap 
--------------------------------------------------------------
*/

#wrap
	{
	padding:0px;	
	background:transparent;
	}
	
#wrap-inner 
	{
	width:850px;
	padding:10px 0 0px;		
	background:#FFFFFF; 
	border-left:1px solid #EEEEEE;
	border-right:1px solid #EEEEEE;
	}

div.pagetop
	{
	width:100%;
	height:30px;
	position:absolute;
	bottom:-1px;
	}

div.pagetop a,
div.pagetop a:link,
div.pagetop a:visited
	{
	width:100px;
	height:30px;
	margin:0;
	padding:0;
	background:url('../../img/pagetop.gif') no-repeat 0 0;
	font-size:12px;
	text-indent:20px;
	line-height:30px;
	text-decoration:none;
	position:absolute;
	right:10px;
	}

div.pagetop a:hover,
div.pagetop a:active
	{
	color:#024273;
	background:url('../../img/pagetop.gif') no-repeat 0 -30px;
	}


/* 

	#contents-alpha
--------------------------------------------------------------
*/

#contents-alpha
	{
	width:200px;
	margin-left:15px;
	padding:0px;
	background:#FFFFFF;
	}

#contents-alpha h3 a
	{
	display:block;
	width:198px;
	height:33px;
	margin:0;
	padding:0;
	background:url('../../img/c-a-h3-back.jpg') no-repeat 0 0;
	border:1px solid #DDDDDD;
	color:#333333;
	font-weight:bold;
	text-indent:20px;
	line-height:33px;
	text-decoration:none;
	}

#contents-alpha h3 a:hover
	{
	text-decoration:none;
	}

#contents-alpha ul li
	{
	margin:0;
	padding:0;
	}

#contents-alpha ul li a
	{
	display:block;
	height:1em;
	margin:0;
	padding:10px;
	background:#FFFFFF url('../../img/c-a-li.gif') no-repeat 10px center;
	color:#333333;
	text-indent:15px;
	text-decoration:none;
	}

#contents-alpha ul li a:hover
	{
	background:#F8FFEA url('../../img/c-a-li.gif') no-repeat 10px center;
	text-decoration:none;
	}

/* 

 #contents-beta 
--------------------------------------------------------------
*/

#contents-beta 
	{
	margin-top:10px;
	padding-left:235px;	
	background:transparent;
	}	

* html #contents-beta	{	margin-top:20px;	}
*:first-child + html #contents-beta	{	margin-top:20px;	}

.c-b-info
	{
	margin:0 15px 30px 0;
	background:#FFFFFF;
	}

.c-b-link
	{
	height:200px;
	margin:0 15px 0px 0;
	background:#FFFFFF;
	}

	/* ---------------------------------------------------------------- */
	/*	c-b-info
	/* ---------------------------------------------------------------- */

.c-b-info h2
	{
	width:598px;
	height:38px;
	margin-bottom:5px;
	background:url('../../img/c-b-info-h2.jpg') no-repeat 0 0;
	border:1px solid #DDDDDD;
	color:#1C5A89;
	font-weight:bold;
	text-indent:30px;
	line-height:40px;
	}

.c-b-info dl
	{
	width:600px;
	margin:0;
	padding:0px 0px 10px;
	}

.c-b-info dl dt
	{
	padding:10px 20px 5px;
	}

.c-b-info dl dd
	{
	padding:0px 20px 5px;
	line-height:2;
	border-bottom:1px dashed #cccccc;
	}

.c-b-info dl dd p.readmore
	{
	text-align:right;
	}

	/* ---------------------------------------------------------------- */
	/*	c-b-link
	/* ---------------------------------------------------------------- */

.c-b-link dl
	{
	margin:0;
	padding:0 0 10px;
	}

.c-b-link dl dt
	{
	display:inline;
	width:234px;
	height:60px;
	padding:5px 15px 5px 20px;
	float:left;
	}

.c-b-link dl dd
	{
	padding:5px 20px 5px 0px;
	line-height:2;
	}

		/* ---------------------------------------------------------------- */
		 /*	c-b-one
		/* ---------------------------------------------------------------- */

.c-b-one
	{
	margin-top:0;	
	margin-bottom:0.7em;
	padding:0 0.7em;
	background:#FFFFFF;
	border-bottom:1px solid #666666;
	}

.c-b-one img
	{
	width:200px;
	margin:0 1em 1em 0;
	float:left;
	 /*
	float:left;→margin-left 0，
	float:right;→margin-right 0	
	*/
	}

.c-b-one h2
	 {
	 width:100%;
	 height:2.5em;
	 margin:0 0 1em 0;
	 background:#333333;
	 text-indent:0.5em;
	 line-height:2.5em;
	 }

.c-b-one h2 a
	{
	color:#FFFFFF;
	}	 


/* 

#footer 
--------------------------------------------------------------
*/

#footer 
	{
	height:200px;
	background:#0175AE url(../../img/footer-back.jpg) repeat-x top left;
	}
	
#footer-inner 
	{
	width:810px;
	height:185px;
	padding:15px 20px 0px;
	backgroud:transparent;
	}

#footer-inner div.f-i-link
	{
	width:150px;
	margin-right:10px;
	padding:0 15px 0 5px;
	float:left;
	}

#footer-inner div.f-i-link ul li ul
	{
	margin-top:5px;
	}

#footer-inner div.f-i-link ul li 
	{
	margin-bottom:5px;
	padding:0;
	text-align:left;
	}
	
#footer-inner div.f-i-link ul li a
	{
	padding-left:15px;
	background:url('../../img/f-i-ul-li.gif') no-repeat left center;
	color:#FFFFFF;
	text-decoration:none;
	}

#footer-inner div.f-i-link ul li a:hover
	{
	color:#BDFF00;
	}

#footer-inner div.f-i-link ul li ul li
	{
	clear:both;
	}

#footer-inner div.f-i-link ul li ul li a
	{
	background:url('../../img/f-i-ul-li-ul-li.gif') no-repeat left center;
	}

#footer-inner a#f-i-contact
	{
	display:block;
	width:265px;
	height:145px;
	float:right;
	}

#footer-inner address
	{
	width:100%;
	color:#FFFFFF;
	text-align:center;
	clear:both;
	position:absolute;
	left:0;
	bottom:15px;
	} 

#footer-inner #dcslink
	{
	clear:both;
	position:absolute;
	right:15px;
	bottom:5px;
	}