html, body,
ul, ol, li, dl, dt, dd,
h1, h2, h3, h4, h5, h6,
div, p, blockquote,
th, hd,
form, fieldset, input, textarea,
pre {
	color: #655;
}

body {
	background: url("image/hana/bg2.jpg") repeat-y top center;
}

#header {
	background: url("image/hana/bg1.jpg") no-repeat top center;
	}
#header .wrap {
	position: relative;
	border: 0;
	background: none;
	height: 100px;
	}
#header #pagetitle {
	position: absolute;
	top: 59px; left: 10px;
	}
#header h1,
#header h2 {
	position: relative;
	display: inline;
	float: left;
	width: auto;
	color: #CCB;
	}
	
#footer {
	background: url("image/hana/bg3.jpg") no-repeat bottom center;
	}
#footer .wrap {
	background: none;
	height: 40px;
	padding-top: 20px;
	}
#footer address {
	line-height: 40px;
	color: #FFF;
	}
	
#sub {
	position: relative;
	float: right;
	width: 209px;
	}

#main {
	position: relative;
	}
#main .content3 {
	position: absolute;
	z-index: 10;
	width: 340px;
	background: #FFF;
	opacity: .7;
	filter: alpha(opacity="70");
	}
#main #time {
	top: 230px; left: 0px;
	}
#main #qr {
	top: 130px; left: 0px;
	}
#main #qr img {
	float: left;
	display: inline;
	position: relative;
	top: -1px;
	}
#main #qr p {
	float: right;
	width: 250px;
	position: relative;
	top: 3px;
	}
#main .content3 .con_body {
	padding: 5px 10px;
	}
#main .content3 p,
#main .content3 td {
	color: #433;
	}
#main .content3 th {
	color: #FFF;
	}
#main .content3 .address p {
	color: #F60;
	}
#time table {
	border-top: 1px solid #655;
	border-left: 1px solid #655;
	}
#time th,
#time td {
	border-right: 1px solid #655;
	border-bottom: 1px solid #655;
	}
#time th {
	background: #A99;
	}


#main .content4b {
	position: relative;
	border-top: 0;
	background: #FFF url("image/hana/con_body_top.jpg") top center no-repeat;
	padding-top: 4px;
	}
#main .con_head {
	border-left: 10px solid #544;
	background: #766;
	display: inline;
	width: auto;
	margin-left: 10px;
	padding-left: 20px;
	padding-right: 26px;
	padding-top: 4px;
	line-height: 40px;
	color: #FFF;
	opacity: 0.65;
	filter: alpha(opacity=65);
	}
#main .subtitle {
	position: absolute;
	color: #FFF;
	right: 5px;
	top: 14px;
	opacity: 0.7;
	filter: alpha(opacity=70);
	}
#main h4 {
	display: inline;
	width: auto;
	border: 1px solid #F9F9F9;
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	background: #F6F6F6;
	padding: 1px 8px;
	position: relative;
	top: 5px;
	}
#main .con_body ul {
	margin-top: 10px;
	}
	
#sub .content4 {
	width: 198px;
	border-top: 0;
	}
#sub .content4 .con_head {
	position: relative;
	left: -5px;
	background: #554C44;
	padding: 5px;
	color: #FFF;
	}
.con_head span {
	right: 5px; top: 5px;
	}
#sub .content4 .con_head span,
#sub .content4 .con_body * {
	color: #FFE;
	}

#topimage {
	position: relative;
	top: -20px;
	border: 3px solid #100;
	z-index: 0;
	}

#accessMap {
	float: left;
	}
#accessMap .con_body {
	padding: 10px;
	}
#accessMap img.map {
	width: 176px;
	}
#accessMap ul {
	width: 180px;
	}

#accessMap img.map {
	border: 2px solid #CCC;
	}
#accessMap a:hover img.map {
	border: 2px solid #FD9;
	}
	
#ksite img {
	margin: 5px 0;
	border: 2px solid #CCC;
	opacity: 0.7;
	filter: alpha(opacity=70);
	}