@charset "UTF-8";
/* CSS Document */

html, body, ol, ul, li, dl, dt, dd, img, h1, h2, h3, h4, h5, h6, h7, p, form, table, tr, th, td, a {
	margin: 0;
	padding: 0;
	border: none;
	list-style: none;
}

body {
	color: #111; 
	font-family: verdana, sans-serif;
	background: #FFF url(../images/back_line.gif) 860px top repeat-y;
	font-size: 0.75em;
	line-height: 1em;
	text-align: left;
}

body a { color: #216; }
body a:hover { color: #09F; text-decoration: none; }


/*************************************************
 layout
**************************************************/

#wrapper {
	width: 820px;
	position: relative;
	padding: 0 20px;
	background: #FFF url(../images/back.gif) left top repeat-y;
}

#header {
	width: 100%;
	background-color: #FFF;
	border-bottom: 4px solid #09F;
	padding: 20px 0 5px 0;
}

#header h1 { float: right; }

#container {
	width: 100%;
	background: url(../images/back_top.gif) left top no-repeat;
	padding-top: 44px;
}

#primary {
	width: 640px;
	float: right;
}

#secondary {
	width: 140px;
	float: left;
	padding: 0 10px;
}

#footer {
	width: 100%;
	text-align: center;
	background: #FFF url(../images/back_bottom.gif) left top no-repeat;
	padding: 15px 0;
	color: #216;
	clear: both;
}


/*************************************************
 head navi
**************************************************/

div.hnavi { position: absolute; width: 660px; top: 80px; left: 180px; }
div.hnavi li { float: left; padding: 0 5px; border-left: 1px solid #09F; }
div.hnavi li a { display: block; height: 21px; text-indent: -9999px; }
div.hnavi li.hn01 a { background: url(../images/hnavi01.gif) left top no-repeat; width: 58px; }
div.hnavi li.hn02 a { background: url(../images/hnavi02.gif) left top no-repeat; width: 71px; }
div.hnavi li.hn03 a { background: url(../images/hnavi03.gif) left top no-repeat; width: 96px; }
div.hnavi li.hn04 a { background: url(../images/hnavi04.gif) left top no-repeat; width: 55px; }
div.hnavi li.hn05 a { background: url(../images/hnavi05.gif) left top no-repeat; width: 71px; }
div.hnavi li.hn06 a { background: url(../images/hnavi06.gif) left top no-repeat; width: 98px; }
div.hnavi li.hn07 a { background: url(../images/hnavi07.gif) left top no-repeat; width: 72px; }
div.hnavi li a:hover { background-position: right top; }


/*************************************************
 global navi
**************************************************/

#secondary dl { margin-bottom: 15px; }
#secondary dt { margin-bottom: 10px; }
#secondary dd { margin-top: 3px; }
#secondary dd a { display: block; width: 125px; height: 21px; line-height: 22px; padding-left: 15px; background: url(../images/navi_back.gif) left top no-repeat; color: #DDF; text-decoration: none; }
#secondary dd a:hover, #secondary dd.naviOn a { background: url(../images/navi_back.gif) right top no-repeat; color: #FFF; }


/*************************************************
 BottomLink
**************************************************/

div.bLink { width: 100%; clear: both; text-align: right; line-height: 140%; padding-top: 15px; }
div.bLink a { margin-left: 20px; padding-left: 17px; }
div.bLink a.bl1 { background: url(../images/point_bl_back.gif) left center no-repeat; }
div.bLink a.bl2 { background: url(../images/point_bl_top.gif) left center no-repeat; }
div.bLink a.bl3 { background: url(../images/point_bl_home.gif) left center no-repeat; }


/*************************************************
 float clear
**************************************************/

.clearfix { clear: both; }
.clearfixB { clear: both; height: 1px; margin: 0; padding: 0; overflow: hidden; }

@media print{

body { text-align: center; background: none; }
#wrapper { text-align: left; margin: 0 auto; }
#wrapper, #header, #container { width: 640px; padding: 5px 0; background: none; }
#footer { background: none; }
#secondary, div.hnavi, div.bLink { display: none; }


}