@charset "Shift_JIS";

/* ------------------------------
Dynatech HOTEL STORY
RESERVE FORM
ver.2004
------------------------------ */
body {
background-color: #111;
}

/* ------------------------------
HEADING
------------------------------ */
h1 {
color: #290610; border: none;
}

h2 {
color: #FFFFFF;
border-left: 5px solid #666666;
background-color: #333333;
}

h3 {
color: #FFFFFF;
background-color: #333333;
background-image: none;
}

.cap {
color: #333333;
}

.onelinecap {
color: #333333;
}

html { background: #111;}
body { font-family: 'Lucida sans', Arial, sans-serif; color: #333;}
a       { color: #333; text-decoration: underline;}
a:hover { color: #333; text-decoration: none;}
strong  { font-weight: bold;}
em      { font-style: italic;}
img     { vertical-align: bottom;}

/* Container */
.container { width: 100%;}

/* Header */
.header { width: 960px; margin: 0 auto; background-color: #111;}

/* Header general */
.header-general { width: 960px; height: 100px; position: relative;}
.header-general .message {
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	line-height: 20px;
	position: absolute;
	left: 0;
	top: 10px;
	}
.header-general .logo { position: absolute; top: 40px; left: 0;}
.header-general .cnav { font-size: 11px; position: absolute; left: 360px; top: 10px;}
.header-general .cnav li { margin-right: 5px; float: left;}
.header-general .langnav {
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	line-height: 20px;
	position: absolute;
	right: 0;
	top: 10px;
	}
.header-general .langnav li { white-space: nowrap; margin-left: 5px; display: inline;}
.header-general .langnav li a { text-decoration: none;}
.header-general .langnav li a:hover { color: #fff; text-decoration: underline;}
.header-general .nav {
	width: 600px;
	height: 60px;
	overflow: hidden;
	position: absolute;
	right: 0;
	bottom: 0;
	}
.header-general .nav li { float: left;}
.header-general .nav a {
	width: 150px;
	height: 0;
	padding-top: 60px;
	background-image: url(./image/nav.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	display: block;
	overflow: hidden;
	}
.header-general .nav-01 a { background-position: 0 0;}
.header-general .nav-02 a { background-position: -150px 0;}
.header-general .nav-03 a { background-position: -300px 0;}
.header-general .nav-04 a { background-position: -450px 0;}
.header-general .nav-01 a:hover { background-position: 0 -60px;}
.header-general .nav-02 a:hover { background-position: -150px -60px;}
.header-general .nav-03 a:hover { background-position: -300px -60px;}
.header-general .nav-04 a:hover { background-position: -450px -60px;}
.page-top .header-general .nav-01 a { background-position: 0 -120px; cursor: default;}
.page-concept .header-general .nav-02 a { background-position: -150px -120px; cursor: default;}
.page-service .header-general .nav-03 a { background-position: -300px -120px; cursor: default;}
.page-hotels .header-general .nav-04 a { background-position: -450px -120px; cursor: default;}

/* Header location */
.header-location {
	width: 960px;
	height: 90px;
	background: #fff url(./image/header_bg.png) repeat-x 0 0;
	position: relative;
	}
.header-location .logo { height: 30px; position: absolute; left: 20px; top: 10px;}
.header-location .info { width: 530px; font-size: 14px; line-height: 1.32; position: absolute; left: 20px; top: 45px;}
.header-location .tel { position: absolute; right: 180px; top: 20px;}
.header-location .btn { position: absolute; right: 20px; top: 20px;}

/* Nav */
.nav-location { width: 960px; height: 80px; margin: 0 auto; overflow: hidden;}
.nav-location ul { width: 961px; font-size: 93%; line-height: 1.32;}
.nav-location ul li { float: left;}
.nav-location a {
	width: 110px;
	height: 0;
	text-decoration: none;
	padding-top: 80px;
	background-image: url(./image/nav_location.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	float: left;
	display: block;
	overflow: hidden;
	}
.nav-location-01 a { background-position: 0 0;}
.nav-location-02 a { background-position: -110px 0;}
.nav-location-03 a { background-position: -220px 0;}
.nav-location-04 a { background-position: -330px 0; width: 120px;}
.nav-location-05 a { background-position: -450px 0; width: 140px;}
.nav-location-06 a { background-position: -590px 0; width: 130px;}
.nav-location-07 a { background-position: -720px 0; width: 120px;}
.nav-location-08 a { background-position: -840px 0; width: 120px;}
.nav-location-01 a:hover { background-position: 0 -80px;}
.nav-location-02 a:hover { background-position: -110px -80px;}
.nav-location-03 a:hover { background-position: -220px -80px;}
.nav-location-04 a:hover { background-position: -330px -80px;}
.nav-location-05 a:hover { background-position: -450px -80px;}
.nav-location-06 a:hover { background-position: -590px -80px;}
.nav-location-07 a:hover { background-position: -720px -80px;}
.nav-location-08 a:hover { background-position: -840px -80px;}
.page-home .nav-location-01 a { background-position: 0 -160px; cursor: default;}
.page-room .nav-location-02 a { background-position: -110px -160px; cursor: default;}
.page-breakfast .nav-location-03 a { background-position: -220px -160px; cursor: default;}
.page-facilities .nav-location-04 a { background-position: -330px -160px; cursor: default;}
.page-photos .nav-location-05 a { background-position: -450px -160px; cursor: default;}
.page-faq .nav-location-06 a { background-position: -590px -160px; cursor: default;}
.page-sightseeing .nav-location-07 a { background-position: -720px -160px; cursor: default;}
.page-access .nav-location-08 a { background-position: -840px -160px; cursor: default;}


/* Footer */
.footer-location {
	width: 960px;
	height: 100px;
	border-top: 1px solid #e5e2d5;
	background: #fff url(./image/footer_location.png) no-repeat 0 0;
	margin: 0 auto 50px;
	position: relative;
	}
.footer-location a { color: #4d4d4f; text-decoration: none;}
.footer-location a:hover { color: #4d4d4f; text-decoration: underline;}
.footer-location .fnav { font-size: 12px; line-height: 1.42; position: absolute; left: 102px; top: 24px;}
.footer-location .fnav li { padding: 0 5px 0 8px; border-left: 1px solid #4d4d4f; display: inline;}
.footer-location .fnav li:first-child { padding-left: 0; border: none;}
.footer-location .copyright { font-size: 12px; line-height: 1.42; position: absolute; right: 32px; top: 51px;}


/* ------------------------------
TABLES "SEARCH"
------------------------------ */
span.mark {
color: #740402;
}


/* ------------------------------------------
	Original Header
------------------------------------------ */
html, body,
div, p, dl, dt, dd, ul, ol, li,
span, strong, em, table, th, td		{ margin: 0; padding: 0;}
ul, li					{ list-style-type: none;}


.hotel_original_container		{ width: 100%; margin: 0; paddinig: 0;}
.hotel_original_container-inner		{ width: 100%; margin: 0; paddinig: 0;}
.hotel_original_container-inner-inner	{ width: 100%; margin: 0; paddinig: 0;}

.hotel_original_header			{ width: 100%;  height: 100px; margin: 0; padding: 0; background: #290610 url(./image/header_inner.png) repeat-x 0 0;}
.hotel_original_header-inner		{ width: 960px; height: 100px; margin: 0 auto; padding: 0; position: relative; overflow: hidden;}

/* Logo */
a.hotel_original_logo			{ width: 480px; height: 100px; padding: 30px 0 0 15px; color: #FFF; font-size:24px; overflow: hidden; display: block; position: absolute; left: 0; top: 0;}
a.hotel_original_logo:link,
a.hotel_original_logo:hover,
a.hotel_original_logo:visited,
a.hotel_original_logo:active,		{ color: #FFF; text-decoration: none;}

/* cnav */
.hotel_cnav				{}
.hotel_cnav ul				{ position: absolute; right:10px; top: 35px; list-style-type: none;}
.hotel_cnav ul li			{ margin-left: 5px; float:left;}
.hotel_cnav ul li a			{ text-decoration: none;}
.hotel_cnav ul li a img			{ vertical-align: bottom;}

.hotel_original_nav				{ width: 100%;  height: 60px; margin: 0 auto; padding: 0; background: url(./image/nav_base.gif) repeat-x center top; overflow: hidden;}
.hotel_original_nav ul			{ width: 961px; height: 60px; margin: 0 auto; padding: 0; font-size: 93%; /*line-height: 1.32;*/ line-height: 60px;}
.hotel_original_nav ul li			{ width: 120px; height: 60px; margin: 0; padding: 0; float:left;}
.hotel_original_nav ul li a			{ width: 120px; height: 0px;  margin: 0; padding: 60px 0 0; text-decoration: none;
					  background: url(./image/nav.png) no-repeat center top; display: inline-block; overflow: hidden;}

/* Nav default */
.hotel_original_nav .nav01 a		{ background-position:    0px 0;}
.hotel_original_nav .nav02 a		{ background-position: -120px 0;}
.hotel_original_nav .nav03 a		{ background-position: -240px 0;}
.hotel_original_nav .nav04 a		{ background-position: -360px 0;}
.hotel_original_nav .nav05 a		{ background-position: -480px 0;}
.hotel_original_nav .nav06 a		{ background-position: -600px 0;}
.hotel_original_nav .nav07 a		{ background-position: -720px 0;}
.hotel_original_nav .nav08 a		{ background-position: -840px 0;}

/* Nav hover */
.hotel_original_nav .nav01 a:hover	{ background-position:    0px -60px;}
.hotel_original_nav .nav02 a:hover	{ background-position: -120px -60px;}
.hotel_original_nav .nav03 a:hover	{ background-position: -240px -60px;}
.hotel_original_nav .nav04 a:hover	{ background-position: -360px -60px;}
.hotel_original_nav .nav05 a:hover	{ background-position: -480px -60px;}
.hotel_original_nav .nav06 a:hover	{ background-position: -600px -60px;}
.hotel_original_nav .nav07 a:hover	{ background-position: -720px -60px;}
.hotel_original_nav .nav08 a:hover	{ background-position: -840px -60px;}

.hotel_original_content			{ width: 960px; margin: 0 auto; padding: 0px 0 0;}
.hotel_original_content-inner		{}



/* Contents 1col */
.c-m					{}
.c-m .hotel_subcol			{ display: none;}
.c-m .hotel_wrapper			{ width: 960px;  overflow: hidden;}
.c-m .hotel_maincol			{ width: 960px;  overflow: hidden; margin-top: 0px;}
.c-m .hotel_xcol			{ display: none; overflow: hidden; margin-top: 0px;}

/* Move */
.hotel_original_move			{ width: 100%; margin: 0 auto 20px; clear: both;}
.hotel_original_move ul			{ font-size: 85%; line-height: 1.32; text-align: right;}
.hotel_original_move ul li		{ display: inline;}
.hotel_original_move ul li a		{ color: #aaa; text-decoration: none; padding-left: 16px; background: url(./image/arrow_totop.gif) no-repeat left center;}
.hotel_original_move ul li a:hover	{ color: #5a604d; text-decoration: underline;}


/* Box end */
.hotel_original_clear			{ clear: both; overflow: hidden;}

.hotel_original_footer			{ width:100%; margin:0; padding:0; background:; text-align:center; font-size:0.85em; color:#000; clear: both; border-top: 3px solid #370816;}
.hotel_original_footer-inner		{}

/* Information */
.hotel_information			{ width: 960px; margin: 0 auto; overflow: hidden; color:#fff; text-align:center;}
.hotel_information h3			{ font-weight: bold; line-height: 1.572; margin-bottom: 5px;}
.hotel_information h4			{ font-weight: bold; line-height: 1.32; font-size: 11px; margin: 0 0 5px 0; padding: 0;}
.hotel_information p			{ line-height: 1.42;}
.hotel_information ul			{ line-height: 1.42;}
.hotel_information ul li		{ margin-bottom: 1px; padding-left: 13px; background: url(./image/arrow.gif) no-repeat left center;}
.hotel_information div.information-photo	{ width: 200px; padding: 10px; float: left;}
.hotel_information div.information-access	{ width: 260px; padding: 10px; float: left;}
.hotel_information div.information-access p	{ margin-bottom: 5px;}
.hotel_information div.information-read		{ width: 430px; padding: 10px; float: left;}
.hotel_information div.information-read p	{ margin-bottom: 5px;}

/* fnav */
.hotel_original_fnav			{ width: 100%; background: url(./image/fnav_bg.gif) repeat-x 0 0;}
.hotel_original_fnav-inner		{ width: 960px; margin: 0 auto; padding:10px 0 15px;}
.hotel_original_fnav ul			{ padding: 5px 0 0 0;}
.hotel_original_fnav ul li		{ padding: 0 12px; border: 1px solid #eae0c3; border-width: 0 1px 0 0; display: inline;}
.hotel_original_fnav ul li a		{ color: #FFF; text-decoration: underline;}
.hotel_original_fnav ul li a:hover	{ color: #eae0c3; text-decoration: none;}
.hotel_original_fnav ul li.fnav08,
.hotel_original_fnav ul li.fnav17	{ border: none;}

/* Copyright */
.hotel_original_copyright		{ width: 100%; background: #1b040b;}
.hotel_original_copyright p		{ width: 960px; margin: 0 auto; padding:10px 0; color: #FFF;}
.hotel_original_copyright a		{ color: #EEE;}
.hotel_original_copyright a:hover	{ color: #EEE;}




#direct_in			{ width: 760px; margin-bottom:25px; text-align: center; font-size: 12px; background: #fff;}
#direct_in ul			{ list-style: none; margin: 0; padding: 0;}
#direct_in ul li			{ display: inline; padding: 0 10px; border-right: 1px solid #ddd;}
#direct_in ul li.last		{ border-right: none;}
#direct_in ul li a		{ color:#290610; text-decoration: underline;}
#direct_in ul li a:hover		{ color:#290610; text-decoration: none;}

#original_maincol			{ width: 800px; margin: 0 auto; padding: 20px 80px 80px 80px ; font-size: 18px; background: #fff;}
#original_maincol h3		{ padding: 0px; margin: 0px; background: #fff;}
#original_maincol h3		{ color: #290610; padding:5px 10px; margin-bottom: 10px; background: #fff;}