*{margin:0; padding:0;}

body { background:#eeeedd url(images/page_bg.gif) repeat-y center;}

img, a img {border:none;}

#page { margin:0 auto; width:850px; height:100%;}

#head { margin:0 auto; width:840px; height:200px; background:url(images/head_bg.gif);}
#head  h1{ position:relative; top:10px; left:20px;}
#head  strong { padding:10px;}
.copy {margin-left:10px; padding-top:10px; padding-bottom:15px; width:820px; background:#000; color:#ffffff; font-size:10pt;}
.copy img{padding-right:450px;}
#head a { color:#ffffff; text-decoration: none;}
#head a:hover {  text-decoration: underline}

#head_link {width:830px; margin:0px auto; text-align:right;}

#conte { margin:0px auto; width:840px;}
#side { float:left; width:200px; margin:0px; display:inline;  overflow:hidden;}
#main { float:left; width:632px; margin-top:0px; display:inline; overflow:hidden;}
#footer {clear:both; width:840px; height:60px; margin:0 auto; padding-top:15px;  border-top: #ff6600 1px solid;}
#fra {padding:10px 0px 10px 0px;}

.mo {border: #cccccc 1px solid;}

#side div.module {width:180px; margin:10px;}
#side div.module a { color:#330000; text-decoration: none;}
#side div.module a:hover {  text-decoration: underline}
#main div.module { width:630px; margin:5px;}
#main div.module a { color:#330000; text-decoration: none;}
#main div.module a:hover {  text-decoration: underline}

#main h2 {padding-top:10px; padding-bottom:10px;}
.img_senter {
	margin-top: 2px;
}

#main h3 {
	padding-top:10px;
	padding-bottom:10px;
	padding-left: 5px;
}

#main h4 {
	padding-top:10px;
	padding-left: 5px;
	font-size: 14px;
	line-height: 1.5;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FF6600;
	margin-bottom: 10px;
	color: #FF6600;
}

#main li { width:600px; padding:5px; border-bottom:#dddddd 2px solid; font-size: 10pt;}

#footer hr { color:#3C230C; height:8px;} 
#footer p {text-align:center; font-size: 10px;}
#footer p.copyright {margin:10px 0px;text-align:center; font-size: 10px; color:#CCCCCC;}
#footer a { color:#ff6600;}

.line1 { BORDER-BOTTOM: #CCCCCC 1px dotted;}
.line2 { BORDER-BOTTOM: #CCCCCC 1px solid;}

.pt14{ font-size: 14pt; line-height: 1.5}
.pt12{ font-size: 12pt; line-height: 1.5}
.pt10{ font-size: 10pt; line-height: 1.3}
.px10{ font-size: 10px; line-height: 1.3}
.par_3 {padding:3px;}
.par_5 {padding:5px;}
.par_10 {padding:10px;}
.td_org { background:#ff6600;}

.w630 {width:630px;}
.w600 {width:600px;}
.w300 {width:300px;}
.h200 {height:200px;}
.w630navi {
	width:630px;
	text-align: right;
	font-size: 12px;
}
.w630navi a{
	color: #666666;
	text-decoration: none;
}
.fl_L {float:left;}
.fl_R {float:right;}

.red {color:#ff0000;}
.org {color:#ff6600;}
.red_bld{
	color: #CC0000;
	font-weight: bold;
}

.c_form td,th{padding:5px;}
.c_form td {background:#eeeeee; border-bottom:1px #999999 dotted;}

.f_t {background:#ddd;}

.f_mat {font-size:10pt;}
.f_mat table {border-collapse:collapse; margin:20px 0px 20px 0px;}
.f_mat td {padding:3px; border:#ccc 1px solid;}
.f_mat h3 {font-size:12px; padding-bottom:10px;}

.j_map {width:630px; height:520px; background:url(images/sea_map2.gif);}
.j_map table {margin-top:50px; border-collapse:collapse;}
.j_map_c1 { border:1px #f33 solid;}
.j_map_c2 { border:1px #39f solid;}
.j_map_c3 { border:1px #096 solid;}
.j_map_c4 { border:1px #9c0 solid;}
.j_map_c5 { border:1px #f90 solid;}
.j_map_c6 { border:1px #f60 solid;}
.j_map_c7 { border:1px #f69 solid;}
.j_map_c8 { border:1px #3cf solid;}
.j_map_c9 { border:1px #06f solid;}
.j_map_c10 { border:1px #93f solid;}

#comp {
	font-size: 12px;
	line-height: 1.5;
	width: 600px;
}
#comp td#lf {
	padding: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	width: 160px;
}
#comp td#ri {
	padding: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}