/* tags */
body { font-size: 80%; line-height: 200%; background-image: url(../images/bg_body.gif); width: 864px; margin-top: 18px; margin-right: auto; margin-left: auto; }
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; line-height: 200%; margin: 0; }
p,ul,dl { 
	margin: 0; 
	padding: 0px;
}
ul{
	list-style: none;
}

img { border-width: 0; }
a {}
a:hover { text-decoration: none; }
table { border-collapse: collapse }
/* class */
.clear_both { font-size: 0; line-height: 0; clear: both; }
.error { color: #c00; font-weight: bold; }
/* common */
div#base_area { background-image: url(../images/bg_div.gif); background-repeat: repeat-y; padding-right: 32px; padding-left: 32px; }
div#header_area { padding-top: 8px; padding-bottom: 8px; border-color: #ccc; border-style: solid; border-width: 1px 0 0; }
div#header_area h1 { color: #69b3d2; font-size: 80%; line-height: 150%; width: 256px; float: right; }
div#header_area img#logo { float: left; margin-left: 16px; }
div#header_area img#headerimage { clear: both; display: block; } 
div#footer_area { color: #fff; line-height: 150%; background-image: url(../images/bg_footer.gif); background-repeat: repeat-x; height: 55px; clear: both; padding-right: 16px; padding-left: 16px; }
div#footer_area ul { text-align: right; margin-top: 8px; }
div#footer_area ul li { background-image: url(../images/symbol_arrow1.gif); background-repeat: no-repeat; background-position: 0 2px; margin-left: 16px; padding-left: 12px; display: inline; }
div#footer_area div { text-align: right; }
/* float */
div#topleft_area { background-color: #DEDEDE; width: 208px; float: left; }
div#topright_area { width: 592px; float: right; }
div#subright_area { width: 592px; float: right; }
div#subleft_area { background-color: #dedede; width: 208px; float: left; }