@charset "utf-8";
/*HARMONY css 2009/04/27*/

*{
	margin:0;
	padding:0;
}
a{
	text-decoration:none;
	color:#5588bb;
}
a:hover{
	color:#336699;
}
body {
	text-align: center;
	margin:0px; 
	padding:0px;
	font-size:75%;
	color:#333333;
	line-height:1.6;
	font-family: sans-serif;
	background-color:#efefef;
	background:url(../image/body_back.jpg) top center #efefef repeat-y;
}
img{
	border:0;
	vertical-align:middle;
}


#wrapper {
	width:897px;
	margin:0px auto;
	background-color:#efefef;
}

#header{
	text-align:left;
	width:897px;
	height:91px;
	background:url(../image/header.jpg) left -15px;
	
}
#header .logo a{
	display:block;
	height:65px;
	width:390px;
	text-indent:-9999px;
	float:left;
}
#header .search{
	position:relative;
	top:3px;
	right:10px;
	width:390px;
	height:32px;
	float:right;
	
	text-align:left;
	font-size:9pt;
}
#header .search a{
	margin-left:10px;
	float:right;
}
.arrow{
	color:#ff6b00;
	font-weight:bold;
	margin:5px;
	
}
.stext{
	position:relative;
	top:3px;
	left:20px;
	width:110px;
	border:0px;
	font-size:9pt;
	float:left;
	border:1px solid #cccccc;
}
.sbutton{
	float:left;
	width:40px;
	height:20px;
	margin-left:35px;
}
#position{
	float:right;
	position:relative;
	top:6px;
	right:10px;
	width:400px;
	height:20px;
	text-align:right;
}
#position a{
	color:#333333;
	font-size:9pt;
	font-weight:normal;
}
h2{
	text-indent:-9999px;
	display:none;
}
.dir{
	color:#999999;
	font-weight:normal;
}	
#submenu{
	clear:both;
	width:100%;
	height:26px;
	background:url(../image/main_menu_back.jpg) no-repeat;
	font-size:10pt;
}
#submenu ul{
	list-style:none;
	width:900px;
}
#submenu li{
	float:left;
	background:url(../image/separete.jpg) right no-repeat;
	width:125px;
	text-align:center;
}
#submenu li a{
	display:block;
	color:#ffffff;
}
#submenu li a:hover{
	border-top:1px solid #666666;
	border-bottom:3px solid #66CCFF;
	background-color:#666666;
}
#main_image{
	background:url(../image/main_image.jpg) no-repeat #000000;
	height:265px;
}
#contents{
	border-top:1px solid #999999;
	width:100%;
}
#left{
	width:688px;
	float:left;
	/*background:url(../image/main_back.jpg) #efefef no-repeat;*/
	background-color:transparent;
}
#left_body{
	width:100%;
	margin-top:10px;
}
#pagetitle{
	float:left;
	padding:5px;
	margin-bottom:5px;
}
#main_comment{
	clear:both;
	margin:10px;
	background: url(../image/left_main_comment.png);
	width:664px;
	height:135px;
	text-align:left;
	
}
#main_comment p{
	padding:0 15px 10px 15px;
}
#detail_title{
	background:url(../image/detail_title.jpg) no-repeat;
	width:663px;
	height:45px;
	padding:10px;
	text-align:right;
	font-weight:bold;
	margin:10px;
}
#detail_title p{
	padding-right:20px;
}
.detail_body{
	clear:both;
	width:659px;
	border-bottom:1px dotted #666666;
	margin:10px;
	padding-bottom:10px;
}
.image_frame{
	width:214px;
	height:228px;
	float:left;
	background:url(../image/image_frame.jpg) no-repeat;
	padding-top:5px;
}
.image_frame p{
	color:#cccccc;
	padding:8px;
	text-align:left;
}
.text_frame{
	float:right;
}
.text_frame_head{
	background:url(../image/text_frame_head.jpg) no-repeat;
	width:432px;
	height:17px;
}
.text_frame_body{
	background:url(../image/text_frame_body.jpg) repeat-y;
	width:432px;
	text-align:left;
	padding:10px 0 10px 0;
}
.text_frame_body p{
	padding:10px;
	text-align:left;
	
}
.text_frame_foot{
	background:url(../image/text_frame_foot.jpg) no-repeat;
	width:432px;
	height:17px;
}
.detail_text_head{
	background: url(../image/left_main_text.jpg) left top no-repeat;
	width:664px;
	height:17px;
}
.detail_text_body{
	background: url(../image/left_main_text_back.jpg) left bottom repeat-y;
	width:664px;
	text-align:left;
}
.detail_text_body2{
	background: url(../image/left_main_text_back.jpg) left bottom repeat-y;
	width:664px;
	text-align:left;
}
.detail_text_body3{
	background: url(../image/left_main_text_back.jpg) left bottom repeat-y;
	width:664px;
	text-align:left;
}
.detail_text_body p{
	padding:10px 20px 10px 20px;
	text-align:left;
	
}
.detail_text_body ul{
	padding:10px 20px 10px 20px;
	list-style:none;
}
.detail_text_body ol{
	padding:10px 20px 10px 20px;
	margin-left:30px;
}
.detail_text_body li{
	padding:5px;
}
.detail_text_body2 ul{
	padding-left:10px;
	list-style:none;
	width:205px;
	float:left;
}
.detail_text_body2 li{
	
}
.detail_text_body2 .listname{
	font-weight:bold;
	color:#333333;
	text-align:left;
	margin:5px;
	
}
.detail_text_body2 li a{
	display:block;
	padding:5px 10px 5px 20px;
	color:#777777;
	text-align:left;
	font-weight:normal;
	background:url(../image/arrow.gif) left no-repeat;
	background-position:3% 50%;
	text-decoration:underline;
}

.detail_text_foot{
	background: url(../image/left_main_text.jpg) left bottom no-repeat;
	width:664px;
	height:18px;
}
.right_link{
	text-align:right;
	padding:10px 20px 10px 5px;
	color:#333333;
}
#service_child{
	padding:5px;
	
	margin:10px;
	color:#336699;
}
#right{
	width:209px;
	float:right;
	/*background:url(../image/main_back.jpg) right top #efefef no-repeat;*/
	background-color:transparent;
}
#menu{
	background:url(../image/menu_back.jpg);
	width:209px;
	height:220px;
	
}
#menu ul{
	list-style:none;
	padding:10px;
}
#menu li{
	padding:10px;
	margin-top:10px;
	border-bottom:1px solid #666666;
	width:170px;
	text-align:left;
	background:url(../image/arrow.gif) left no-repeat;
	background-position:3% 50%;
}
#menu li a{
	padding-left:10px;
	display:block;
	color:#ffffff;
}
#menu li a:hover{
	color:#ff6b00;
	font-weight:bold;
}

#right_contents{
	width:199px;
	margin:60px 0 10px 0;
	border:1px solid #cccccc;
	background-color:#ffffff;
}
.right_title{
	background:url(../image/right_contents_header.gif) center no-repeat;
	width:100%;
	height:41px;
	vertical-align:middle;
	
}
.center{
	margin:0 5px 0 5px;
	text-align:center;
}
h3 {
	width: 401px;
	
	background: url(../image/h3_back.png);
	text-align:left;
	color:#666666;
	padding:5px 5px 5px 40px;
	vertical-align:middle;
	font-size:12pt;
}

h4{
	font-size:10pt;
	text-align:left;
	padding:7px 15px 0 15px;
}
#right h5{
	color:#333333;
	font-size:10pt;
	text-align:left;
}
#left h5{
	padding-left:5px;
	margin-left:10px;
	color:#3B8EB6;
	font-size:10pt;
	border-left:5px solid #3B8EB6;
	margin-bottom:10px;
	clear:both;
}
#left h5 a{
	color:#3B8EB6;
}
h6{
	clear:both;
	margin:10px;
	background-color:#444444;
	color:#666666;
	font-size:9pt;
	font-weight:normal;
	padding:8px 5px 5px 10px;
	height:26px;
	background:url(../image/h6_back.jpg) no-repeat;
}
h6 a{
	color:#ffffff;
}
.right_body{
	background:url(../image/news_back.jpg) center top repeat-x #ffffff;
	width:100%;
	margin-bottom:10px;
	
}
.right_body b{
	font-size:105%;
	color:#ffffff;
}
.right_body p{
	color:#666666;
	padding:8px;
	font-size:90%;
	text-align:left;
}
#right_body_sc{
	background: url(../image/news_back.jpg) left top repeat-x #ffffff;
	border:1px solid #cccccc;
	width:100%;
}
#right_body_sc p{
	color:#666666;
	padding:5px;
	text-align:left;
	height:26px;
	margin:5px;
	background:url(../image/rss_back.jpg) -105px top no-repeat;
}

#footermenu{
	clear:both;
	width:897px;
	background:url(../image/footermenu_back.jpg) #efefef;
	height:33px;
	text-align:left;
	font-size:9pt;
}
#footermenu ul{
	list-style:none;
	
}
#footermenu li{
	float:left;
	padding:4px;
	margin-left:10px;
	width:135px;
	text-align:center;
	
	background:url(../image/arrow.gif) left no-repeat;
	background-position:7% 50%;
}
#footermenu li a{
	display:block;
	color:#333333;
	border-left:3px;
	padding:2px;
	width:135px;
	border:1px solid #efefef;
}
#footermenu li a:hover{
	padding:2px;
	border:1px solid #aaaaaa;
}

#footer{
	clear:both;
	background:url(../image/footer.jpg) #efefef;
	height:112px;
	text-align:left;
	width:897px;
	
}
#footer .footerlogo a{
	display:block;
	width:250px;
	height:50px;
	position:relative;
	top:60px;
	text-indent:-9999px;
}
#fsubmenu{
	position:relative;
	top:-40px;
	left:10px;
	float:left;
}
#fsubmenu ul{
	list-style:none;
	width:550px;
	
}
#fsubmenu li{
	float:left;
	padding:5px;
	margin-left:4px;
	text-align:center;
}
#fsubmenu li a{
	display:block;
	color:#ffffff;
	border-left:3px;
}
#fsubmenu li a:hover{
	border-bottom:3px solid #056fc7;
}

#rss_icon {
	float:right;
	width:198px;
	margin-bottom:10px;
	margin-left:688px;
	padding-top:10px;
}
#rss_icon h5{
	color:#ffffff;
	
}
#rss_icon ul{
	padding:5px;
	list-style:none;
}
#rss_icon li{
	text-align:left;
	color:#cccccc;
	padding:5px;
	border-bottom:1px dotted #cccccc;	
}
#rss_icon a{
	display:block;
	width:170px;
	padding-left:5px;
	padding-right:5px;
}
#rss_icon li a:hover{
	text-align:left;
	color:#cccccc;
	background-color:#fefefe;
	color:#333333;
	padding-left:5px;
	padding-right:5px;
}

.eng{
	font-size:7pt;
	letter-spacing:0;
	line-height:1.1;
	color:#aaaaaa;
}

#cominfo{
	margin-top:20px;
	margin-left:30px;
	margin-right:30px;
	text-align:center;
}

#cominfo table{
	
	border-top:1px solid #cccccc;
	border-bottom:none;
	border-left:none;
	border-right:none;
	font-size:9pt;
	width:auto;
	
}
#cominfo th{
	vertical-align:text-middle;
	border-top:none;
	border-bottom:1px solid #cccccc;
	border-right:none;
	background-color:#f3f3f3;
	padding-right:10px;
	padding-top:5px;
	width:150px;
	letter-spacing:2pt;
	text-align:right;
	font-size:9pt;
	font-weight:normal;
	color:#5588bb;
}
#cominfo td{

	border-top:none;
	border-bottom:1px solid #cccccc;
	border-left:none;
	border-right:none;
	padding:10px;
	width:380px;
	text-align:left;
	font-size:9pt;
	line-height:1.4;
}
#cominfo ul{
	list-style:none;
}
#cominfo li{
	padding:2px;
	
}

#inquiry{
	margin-top:20px;
	margin-left:30px;
	margin-right:30px;
	text-align:center;
}

#inquiry table{
	
	border-top:1px solid #cccccc;
	border-bottom:none;
	border-left:none;
	border-right:none;
	font-size:9pt;
	width:auto;
	
}
#inquiry th{
	border-top:none;
	border-bottom:1px solid #cccccc;
	border-left:5px solid #cccccc;
	border-right:none;
	background-color:#f3f3f3;
	padding-left:10px;
	width:220px;
	text-align:left;
	font-size:9pt;
	font-weight:normal;
}
#inquiry td{

	border-top:none;
	border-bottom:1px solid #cccccc;
	border-left:none;
	border-right:none;
	padding:10px;
	width:380px;
	text-align:left;
	font-size:9pt;
	
}
#inquiry ul{
	list-style:none;
}
#inquiry li{
	padding:2px;
	
}

.itext{
	border:1px solid #cccccc;
	background-color:#efefef;
	width:200px;
	padding:5px;
}
select{
	border:1px solid #cccccc;
	background-color:#efefef;
	padding:5px;
}

textarea{
	border:1px solid #cccccc;
	background-color:#efefef;
	width:340px;
	height:150px;
	padding:5px;
	font-size:9pt;
}
.red{
	color:#ff0000;
}
.ibutton{
	vertical-align:middle;
	margin:0 5px 5px 5px;
	padding:2px;
	border:1px solid #aaaaaa;
	width:165px;
	color:#666666;
	font-size:9pt;
	background:url(../image/button_back.jpg);
}
.icheck{
	border:1px solid #cccccc;
	background-color:#efefef;
	width:25px;
	height:25px;
	margin-right:10px;
	vertical-align:middle;
}

#result_area{
	width:100%;
	text-align:left;
	padding:10px;
}

.result_data{
	width:550px;
	margin-left:20px;
	margin-bottom:20px;
	text-align:left;
}
.result_data ul{
	list-style:none;
}
.result_data a{
	font-size:12pt;
	text-decoration:underline;
	color:#0331aa;
}

#news{
	margin-top:20px;
	margin-left:30px;
	margin-right:30px;
	text-align:left;
	width:auto;
}

dl{
	
	border-left:none;
	border-right:none;
	font-size:9pt;
	margin-bottom:10px;
	width:600px;
	height:auto;
}
dt{

	border:1px solid #cccccc;
	text-indent:10px;
	padding:8px 0 5px 0;
	font-weight:bold;
	width:600px;
	text-align:left;
	font-size:9pt;
	letter-spacing:1.5px;
	background-color:#efefef;
	color:#666666;
	border-bottom:none;
	cursor:pointer;
	background:url(../image/h6_back.jpg) no-repeat;
}
dd{
	border-top:none;
	border:1px solid #cccccc;
	width:600px;
	height:auto;
	text-align:left;
	font-size:9pt;
}

#construct{
	margin-top:20px;
	margin-left:30px;
	margin-right:30px;
	text-align:center;
}

#construct table{
	
	border-top:1px solid #cccccc;
	border-bottom:none;
	border-left:none;
	border-right:none;
	font-size:9pt;
	width:auto;
	
}
#construct th{
	border-top:none;
	border-bottom:1px solid #cccccc;
	border-left:5px solid #cccccc;
	border-right:none;
	background-color:#f3f3f3;
	padding-right:10px;
	width:120px;
	text-align:right;
	font-size:9pt;
	font-weight:normal;
}
#construct td{

	border-top:none;
	border-bottom:1px solid #cccccc;
	border-left:none;
	border-right:none;
	padding:10px;
	width:480px;
	text-align:left;
	font-size:9pt;
	
}
#construct ul{
	list-style:none;
}
#construct li{
	padding:2px;
	
}

.service_img{
	float:left; 
	margin-right:10px; 
	border:1px solid #cccccc;
	padding:5px;
	background-color:#cccccc;
}