*{
	margin:0;
	padding:0;
	outline:0;
	border:0;
}

img{
	vertical-align:top;
}
ul{
	list-style:none;
}
a{
	color:#020799;
}

a:hover{
	color:#00A1E9;
	text-decoration:none;
}

.clfix:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clfix{
	zoom:1;
}


body{
	background:#FFF url(../image/bg_top.jpg) repeat-x;
	color:#333;
	text-align:center;
}
#wrapper{
	width:824px;
	background:transparent url(../image/bg_content.png) repeat-y center top;
	margin:0 auto;
}

#wrap{
	width:800px;
	margin:0 auto;
	text-align:left;
}
#header{
	height:96px;
	text-align:left;
	padding:0 12px;
	position:relative;
}
#header h1{
	padding-top:4px;
}
#header .en{
	width:300px;
	height:18px;
	font-size:0.8em;
	position:absolute;
	bottom:12px;
	right:12px;
	text-align:right;
}
#header .counter{
	width:300px;
	position:absolute;
	top:12px;
	right:12px;
}
#header .en li{
	display:inline;
}


#wrapper,.iepng{
	behavior: url(iepngfix.htc);
}

.navi{
	height:69px;
	background:url(../image/navigation.gif) no-repeat left top;
}

.navi ul{
	text-align:left;
}

.navi ul li{
	float:left;
}
.navi a{
	display:block;
	width:114px;
	height:69px;
	text-indent:-9999px;
	background:url(../image/navigation.gif) no-repeat;
}
.navi a.home{
	background-position:0 0;
}
.navi a.home:hover{
	background-position:0 -69px;
}
.navi a.room{
	background-position:-114px 0;
}
.navi a.room:hover{
	background-position:-114px -69px;
}
.navi a.access{
	background-position:-228px 0;
}
.navi a.access:hover{
	background-position:-228px -69px;
}

.navi a.service{
	width:113px;
	background-position:-342px 0;
}
.navi a.service:hover{
	background-position:-342px -69px;
}

.navi a.seeing{
	background-position:-455px 0;
}
.navi a.seeing:hover{
	background-position:-455px -69px;
}

.navi a.link{
	background-position:-569px 0;
}
.navi a.link:hover{
	background-position:-569px -69px;
}
.navi a.contact{
	width:116px;
	background-position:-683px 0;
}
.navi a.contact:hover{
	background-position:-683px -69px;
}


#box{
	padding:12px;
	text-align:left;
	clear:both;
}


#content .main{
	width:510px;
	float:right;
	margin-top:1px;
}

#content #wide{
	width:670px;
	text-align:left;
	margin:0 auto;
}
#wide h2{
	width:620px;
	margin:0 auto;
}

.main h2,.main h3{
	width:500px;
}

.info{
	width:498px;
	background:transparent url(../image/bg_info.jpg) no-repeat left bottom;
	padding-top:12px;
	padding-bottom:200px;
	margin-bottom:12px;
	border:1px solid #DDD;
}
.main .info h3{
	width:474px;
	font-size:0.9em;
	letter-spacing:1px;
	padding-bottom: 7px;
	margin:12px;
	border-bottom:dotted 1px #CCC;
	color:#111;
}

.info p{
	font-size:0.9em;
	letter-spacing:1px;
	line-height:1.45;
	padding:0 12px;
}
.info p.back{
	font-size:0.8em;
	margin-top:36px;
	text-align:right;
}


#content .side{
	width:256px;
	float:left;
}
.side .snavi li{
	margin-bottom:7px;
}

.side .about{
	width:248px;
	margin-top:12px;
	margin-left:2px;
	border:1px solid #DDD;
	padding:7px 0;
}
.side .about h2{
	text-align:center;
}
.side .about address{
	font-style:normal;
	font-size:0.8em;
	padding-top:6px;
	padding-left:12px;
	color:#020799;
}
.nkr{
	font-size:0.8em;
	margin-top:12px;
	padding-left:12px;
	list-style:square inside;
	line-height:1.45;
}

#under{
	margin-top:24px;
	font-size:0.8em;
	border-top:1px dotted #777;
	color:#EEE;
	text-align:center;
}
#under p{
	line-height:1.75;
}

 .belt{
	text-align:right;
	margin-top:12px;
	margin-right:48px;
	padding-bottom:24px;
}
.belt a{
	color:#333;
}
#footer{
	background-color:#17184b;
	color:#EEE;
	text-align:center;
}
#footer a{
	color:#EEE;
}
#copy{
	width:800px;
	margin:0 auto;
	font-size:0.8em;
	text-align:right;
}