/* whole base
----------------------------------------------------- */
body, table, select, input, textarea {font: arial,helvetica,clean,sans-serif;}

body{
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-family: ;
	color: #000000;
	background-color: #FFFFFF;
}
h1, h2, p, dl{
	margin: 0;
}
a:link{
	color: #CC0000;
	background: transparent;
}
a:visited{
	color: #CC0000;
	background: transparent;
}
a:hover, a:active{
	color: #FF6666;
	background: transparent;
}

/* toptext
----------------------------------------------------- */
#toptext h3{
	width: 738px;
	font-size: 85%;
	line-height: 150%;
	font-weight: normal;
	background-color: #FFFFFF;
	padding-top: 2px;
	padding-bottom: 0px;
	padding-left: 5px;
	padding-right: 5px;
	margin: 0;
	border-top-color: #878787;
	border-top-style: solid;
	border-top-width: 1px;
	border-left-color: #878787;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: #878787;
	border-right-style: solid;
	border-right-width: 1px;
	border-bottom-color: #878787;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

/* header
----------------------------------------------------- */
#header{
	width: 750px;
	height: 102px;
	background: url(../comimg/header.png) no-repeat;
	letter-spacing: 1px;
	font-size: 10px;
}
#header h1{
	position: relative;
	top: 10px;
	left: 5px;
	width: 250px;
	height: 75px;
}
#logo{
	border: 0px;
}
#header a{
	text-decoration: none;
	color: white;
}
#header ul{
	margin: 0;
	padding: 0;
	position: relative;
	top: 5px;
	left: 670px;
}
#header li{
	display: inline;
	margin-right: 10px;
}

/* navigation
----------------------------------------------------- */
#nav{
	width: 750px;
}
#nav ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
#nav li, #nav a, #nav span{
	display: block;
	height: 33px;
	float: left;
}
#nav li{
	width: 105px;
	text-indent: -9000px;
}
#nav li#nav08_open{
	width: 15px;
}
#nav a{
	text-decoration: none;
	background: url(../comimg/nav_buttons.png) no-repeat;
}
#nav span{
	text-decoration: none;
	background: url(../comimg/nav_buttons.png) no-repeat;
}
#nav01 a{background-position: 0px 0; width: 105px;}
#nav02 a{background-position: -105px 0; width: 105px;}
#nav03 a{background-position: -210px 0; width: 105px;}
#nav04 a{background-position: -315px 0; width: 105px;}
#nav05 a{background-position: -420px 0; width: 105px;}
#nav06 a{background-position: -525px 0; width: 105px;}
#nav07 a{background-position: -630px 0; width: 105px;}

#nav01_open a{background-position: 0px -66px; width: 105px;}
#nav02_open a{background-position: -105px -66px; width: 105px;}
#nav03_open a{background-position: -210px -66px; width: 105px;}
#nav04_open a{background-position: -315px -66px; width: 105px;}
#nav05_open a{background-position: -420px -66px; width: 105px;}
#nav06_open a{background-position: -525px -66px; width: 105px;}
#nav07_open a{background-position: -630px -66px; width: 105px;}
#nav08_open a{background-position: -735px -66px; width: 15px;}

#nav01 a:active, #nav01 a:hover, #nav01_open a:active, #nav01_open a:hover {background-position: 0px -33px; width: 105px;}
#nav02 a:active, #nav02 a:hover, #nav02_open a:active, #nav02_open a:hover {background-position: -105px -33px; width: 105px;}
#nav03 a:active, #nav03 a:hover, #nav03_open a:active, #nav03_open a:hover {background-position: -210px -33px; width: 105px;}
#nav04 a:active, #nav04 a:hover, #nav04_open a:active, #nav04_open a:hover {background-position: -315px -33px; width: 105px;}
#nav05 a:active, #nav05 a:hover, #nav05_open a:active, #nav05_open a:hover {background-position: -420px -33px; width: 105px;}
#nav06 a:active, #nav06 a:hover, #nav06_open a:active, #nav06_open a:hover {background-position: -525px -33px; width: 105px;}
#nav07 a:active, #nav07 a:hover, #nav07_open a:active, #nav07_open a:hover {background-position: -630px -33px; width: 105px;}

#nav_bottom{
	width: 750px;
	height: 39px;
	background: url(../comimg/header_bottom.png) no-repeat;
}

/* middle
----------------------------------------------------- */
#middle{
	width: 750px;
	padding-left: 0;
	padding-right: 0;
	background: url(../comimg/middle.png) repeat-y;
}
#content{
	float: right;
	width: 578px;
	padding: 1px;
}
#left{
	float: left;
	width: 170px;
}
#main{
	float: left;
	width: 408px;
}
#main_subpage{
	float: left;
	width: 578px;
}
#sub{
	float: left;
	width: 170px;
}
#middle:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* left
----------------------------------------------------- */
#leftnav{
	margin: 8px 0px 0px 0px;
	background: url(../comimg/leftnav_body.png) repeat-y;
	font-size: 85%;
}
#leftnav dl{
	padding: 2px 8px 5px 14px;
	margin: 0px 0px 0px 0px;
}
#leftnav dt{
	margin: 5px 0px 0px 0px;
	font-weight: bold;
}
#leftnav dd{
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 5px 0px;
	line-height: 150%;
	width: 147px;
}
#leftnav ul{
	list-style: none;
	padding: 3px 8px 5px 14px;
	margin: 0px 0px 0px 0px;
}
#leftnav li{
	margin: 2px 0px 2px 0px;
	font-weight: bold;
}
#leftnav_footer{
	height: 11px;
	margin: 0px 0px -1px 0px;
	background: url(../comimg/leftnav_footer.png) no-repeat;
	display: block;
}
.sub_body_line{
	background: url(../comimg/left_body_line.png) no-repeat;
	display: block;
	width: 145px;
	height: 1px;
	margin: 10px 0px 0px -2px;
	padding: 0px 0px 2px 0px;
}
/* main
----------------------------------------------------- */
#main{
	margin: 8px 0px 0px 0px;
	font-size: 95%;
}
#main p{
	padding: 10px 15px 15px 15px;
	margin: 0px 0px 0px 0px;
	line-height: 200%;
}
#main h4{
	margin: 1px 0px 10px 10px;
	font-size: 90%;
	font-weight: normal;
	letter-spacing: normal;
}
#main a{
	text-decoration: underline;
}
#main img{
	border: 0;
}

/* subpage_main
----------------------------------------------------- */
#subpage_main{
	margin: 9px 0px 0px 0px;
	width: 578px;
	font-size: 95%;
}
#subpage_main p{
	padding: 10px 15px 15px 15px;
	margin: 0px 0px 0px 0px;
	line-height: 200%;
}
#subpage_main h4{
	margin: 1px 0px 10px 5px;
	font-size: 90%;
	font-weight: normal;
	letter-spacing: normal;
}
#subpage_main a{
	text-decoration: underline;
}
#subpage_main img{
	border: 0;
}
#subpage_main h5{
	margin: 6px 0px 10px 5px;
	font-size: 90%;
	font-weight: normal;
}
#subpage_main ul{
	margin: 0px 0px 10px 10px;
	padding: 0px 15px 0px 15px;
	line-height: 200%;
}
#subpage_main li{
	margin: 0px 0px 0px 5px;
}
#subpage_main h4, #subpage_main h5{
	float: left;
}
#letter_size_subpage{
	margin: -4px 0px 0px 0px;
	height: 24px;
	width: 578px;
	position: absolute;
	left: 569px;
}
#letter_size_subpage ul{
	margin: 0px 0px 10px 10px;
	list-style: none;
}
#letter_size_subpage li{
	margin: 0px 0px 0px 5px;
}
#letter_size_subpage li, #subpage_main h4, #subpage_main h5{
	float: left;
}

#subpage_main table{
	background-color: #888888;
	margin: 15px;
	line-height: 200%;
}
#subpage_main td{
	background-color: #FFFFFF;
	padding: 0px 5px;
}
#subpage_main span{
	text-indent: 30px;
	display: block;
}


/* sub
----------------------------------------------------- */
#sub h4{
	margin: 5px 0px 10px 0px;
	font-size: 85%;
	font-weight: normal;
}
#sub img{
	border: 0;
}
#sub ul{
	margin: 0px 0px 10px 10px;
	list-style: none;
}
#sub li{
	margin: 0px 0px 0px 5px;
}
#sub li, #sub h4{
	display: block;
	float: left;
}
#letter_size{
	margin: 5px 0px 0px 0px;
}
#future{
	margin: 44px 0px 0px 0px;
	background: url(../comimg/top/top_future_body.png) repeat-y;
	font-size: 85%;
}
#future dl{
	padding: 2px 8px 5px 14px;
	margin: 0px 0px 0px 0px;
}
#future dt{
	margin: 5px 0px 0px 0px;
	font-weight: bold;
}
#future dd{
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 5px 0px;
	line-height: 150%;
	width: 147px;
}
#future_footer{
	height: 3px;
	margin: 0px 0px -1px 0px;
	background: url(../comimg/top/top_future_footer.png) no-repeat;
	display: block;
}

/* footer
----------------------------------------------------- */
#footer{
	width: 750px;
	height: 83px;
	margin-top: 0px;
	background: url(../comimg/footer_bar.png) no-repeat;
	letter-spacing: 1px;
	font-size: 10px;
}
#footer p, #footer a{
	text-decoration: none;
	color: white;
}
#footer p{
	position: relative;
	top: 44px;
	left: 9px;
}
#footer ul{
	margin: 0;
	padding: 0;
	position: relative;
	top: 31px;
	left: 9px;
}
#footer li{
	list-style-image: url(../comimg/arrow_blue.gif);
	display: inline;
	margin-right: 10px;
}
#valid{
	border: 0px;
	float: right;
	width: 88px;
	height: 31px;
	margin: 8px 2px 0px 0px;
}

/* bottomtext
----------------------------------------------------- */
#bottomtext h3{
	text-align: right;
	width: 738px;
	font-size: 85%;
	font-weight: normal;
	background-color: #FFFFFF;
	padding-top: 3px;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
	margin: 0;
	border-left-color: #878787;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: #878787;
	border-right-style: solid;
	border-right-width: 1px;
	border-bottom-color: #878787;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}
#bottomtext h4{
	text-align: left;
	display: block;
	width: 100px;
	margin: 5px 10px 5px 10px;
}
#spacer{
	margin: 0px 0px 25px 0px;
}