@charset "Shift_JIS";

/* ------------------------------------------
	Dynatech HOTEL STORY
	RESERVE FORM
	ver.2004
------------------------------------------ */
body {
	margin:0;
	padding:0;
	background-color:#FFF3E3;
}


/* ------------------------------------------
	HEADING
------------------------------------------ */
h1		{ color: #454545; border: none;}
h2		{ color: #FFFFFF; border-left: 5px solid #D0BF91; background-color: #724B33;}
h3		{ color: #FFFFFF; background-color: #724B33; background-image: none;}
.cap		{ color: #740402;}
.onelinecap	{ color: #740402;}



/* ------------------------------------------
	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;}


#direct_in		{ width: 760px; margin-top: 15px; margin-bottom: 25px; text-align: center; font-size: 12px; *margin-top: 30px;}
#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: #333333; text-decoration: underline;}
#direct_in ul li a:hover{ color: #333333; text-decoration: none;}

#original_maincol	{ width: 800px; margin: 0 auto; padding:15px; font-size:110%;}
input[type="text"]	{ font-family:Arial,Helvetica,sans-serif;}

#socialtool_hd	{ margin-bottom: 5px; display: block; clear: both; overflow: hidden;}
#socialtool	{}
#socialtool li	{ float: left; margin-right: 5px;}


@charset "Shift_JIS";




table#vacancy {
	background-color: transparent;
}

table#vacancy th {
	white-space: normal !important;
}

.plantitle {
background-color: #724B33;
background-image: none;}

.plantitle h1{
	color:#FFFFFF;
}


html { background: #402f21;}
body {
	background	: #000;
	color		: #402f21;
	font-size	: 14px;
	font-family	: Verdana,Arial,"ƒqƒ‰ƒMƒmŠpƒS Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ƒƒCƒŠƒI",Meiryo,"‚l‚r ‚oƒSƒVƒbƒN",sans-serif;
}
/* IE6 base font */
* html body {
	font-family	: "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", Sans-Serif;
}
a:link		{ color: #5e4208; text-decoration: none;}
a:visited	{ color: #5e4208; text-decoration: underline;}
a:hover		{ color: #5e4208; text-decoration: none;}
a:active	{ color: #5e4208; text-decoration: underline;}
strong		{ font-weight: bold;}
em		{ font-style: italic;}

/*
--------------------------------------------------
	Container
-------------------------------------------------- */
.container				{ width: 100%;}
.container-inner		{}
.container-inner-inner	{ width: 960px; margin: 0 auto; background: #fff3e3;}


/*
--------------------------------------------------
	Header
-------------------------------------------------- */
.header {
	width		: 960px;
	height		: 100px;
	margin		: 0 auto;
	background	: url(img/header.gif) no-repeat 0 0;
	position	: relative;
	overflow	: hidden;
}

/* Logo */
.logo {
	padding			: 25px 0 25px 25px;
	color			: #5e4208;
	font-size		: 30px;
	text-decoration	: none;
	display			: block;
	position		: absolute;
	left			: 0;
	top				: 0;
	overflow		: hidden;
}
a.logo:link,
a.logo:hover,
a.logo:visited,
a.logo:active { color: #5e4208; text-decoration: none;}


/* Language nav */
.langnav {
	position	: absolute;
	right		: 10px;
	top			: 5px;
	overflow	: hidden;
}
.langnav div {
	padding-right	: 5px;
	padding-left	: 13px;
	background		: url(img/arrow.gif) no-repeat left center;
	font-size		: 73%;
	line-height		: 1.32;
	display			: inline;
}
.langnav a		 { color: #5e4208; text-decoration: underline;}
.langnav a:hover { color: #5e4208; text-decoration: none;}


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


/* Font resize */
#fontresize {
	margin-bottom	: 15px;
	overflow	: hidden;
}
#fontresize-hd {
	width		: 115px;
	height		: 0;
	padding		: 20px 0 0 0;
	background	: url(img/fontresize_hd.gif) no-repeat 0 0;
	float		: left;
	overflow	: hidden;
}
#fontresize ol {
	width		: 100px;
	float		: left;
	overflow	: hidden;
}
#fontresize ol li { padding-left: 5px; float: left;}
#fontresize ol li span {
	width		: 20px;
	height		: 0;
	padding-top	: 20px;
	display		: block;
	overflow	: hidden;
	cursor		: pointer;
}
#fontresize-small	{ background-image: url(img/fontresize_btn_small.gif);}
#fontresize-medium	{ background-image: url(img/fontresize_btn_medium.gif);}
#fontresize-large	{ background-image: url(img/fontresize_btn_large.gif);}
#fontresize-small.fontresize-selected	{ background-position: 0 20px;}
#fontresize-medium.fontresize-selected	{ background-position: 0 20px;}
#fontresize-large.fontresize-selected	{ background-position: 0 20px;}
.active span	{ background-position: 0 20px;}


/*
-----------------------------------------------
	Nav
----------------------------------------------- */
.nav {
	width		: 960px;
	height		: 70px;
	margin		: 0 auto;
	padding		: 0;
	background	: ;
	overflow	: hidden;
}
.nav ul {
	width		: 961px;
	height		: 70px;
	margin		: 0 auto;
	padding		: 0;
	font-size	: 93%;
	line-height	: 1.32;
}
.nav ul li {
	height		: 70px;
	margin		: 0;
	padding		: 0;
	float		: left;
}
.nav ul li a {
	width		: 120px;
	height		: 70px;
	margin		: 0;
	padding		: 0;
	background	: url(img/nav.gif) no-repeat 0 0;
	color		: #FFF;
	font-size	: 12px;
	font-weight	: bold;
	text-decoration	: none;
	text-align	: center;
	line-height	: 60px;
	vertical-align	: middle;
	display		: block;
	overflow	: hidden;
}

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

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

/* Nav active */
#page-home	 .nav .nav01 a { background-position:    0px 0px; cursor: default;}
#page-contents01 .nav .nav02 a { background-position: -120px 0px; cursor: default;}
#page-contents02 .nav .nav03 a { background-position: -240px 0px; cursor: default;}
#page-contents03 .nav .nav04 a { background-position: -360px 0px; cursor: default;}
#page-contents04 .nav .nav05 a { background-position: -480px 0px; cursor: default;}
#page-contents05 .nav .nav06 a { background-position: -600px 0px; cursor: default;}
#page-contents06 .nav .nav07 a { background-position: -720px 0px; cursor: default;}
#page-access	 .nav .nav08 a { background-position: -840px 0px; cursor: default;}

/*
--------------------------------------------------
	Footer
-------------------------------------------------- */
.footer		{ width: 960px; margin: 0 auto; padding: 0; background: #fff3e3; color: #402f21; font-size: 1.0em; clear: both;}
.footer-inner	{}

/* Information */
.information		{ width: 960px; margin: 0 auto; overflow: hidden;}
.information h3		{ margin-bottom: 5px; font-size: 100%; font-weight: bold; line-height: 1.572;}
.information h4		{ margin-bottom: 5px; font-size: 93%; font-weight: bold; line-height: 1.32;}
.information p		{ font-size: 85%; line-height: 1.42;}
.information ul		{ font-size: 85%; line-height: 1.42;}
.information ul li	{ margin-bottom: 1px; padding-left: 13px; background: url(img/arrow.gif) no-repeat left center;}
.information div.information-photo	{ padding: 10px; float: left;}
.information div.information-access	{ padding: 10px; float: left;}
.information div.information-access p	{ margin-bottom: 5px;}
.information div.information-read	{ padding: 10px; overflow: hidden;}
.information div.information-read p	{ margin-bottom: 5px;}

/* fnav */
.fnav		{ width: 100%; background: #724b33; padding: 5px 0;}
.fnav-inner	{ width: 960px; margin: 0 auto; padding: 10px 0 5px;}
.fnav ul	{ margin-bottom: 5px; font-size: 85%; line-height: 1.32; text-align: center;}
.fnav ul li	{ padding: 0 10px; border-right: 1px solid #fff; display: inline;}
.fnav ul li a		{ color: #fff; text-decoration: none;}
.fnav ul li a:hover	{ color: #fff; text-decoration: underline;}
.fnav ul li#fnav08,
.fnav ul li#fnav17,
.fnav ul li:last-child	{ border: none;}

/* Copyright */
.copyright		{ width: 100%; background: #d0bf91;}
.copyright p		{ width: 960px; margin: 0 auto; color: #402f21; font-size: 85%; line-height: 40px; text-indent: 15px;text-align: center;}
.copyright a		{ color: #fff; text-decoration: underline;}
.copyright a:hover	{ color: #fff; text-decoration: none;}

/* Header */
.header {
        background	: url(img/watarase_header.gif) no-repeat 0 0 ; height: 100px ;
}

/* Logo */
.logo {
	padding		: 300px 0 0 0 ;
}

/* nav */
.nav ul li a {
	padding		: 100px 0 0 0;
	background	: url(img/watarase_nav_bg.png) no-repeat 0 0;
}

/* cnav */
.cnav {}
.cnav ul { position: absolute; right: 10px; top: 62px;}
.cnav ul .cnav00 li { margin-right: 10px; float: left; }
.cnav ul .cnav00 li a {width: 120px;
height: 25px;}

body {
    color : #402f21;
    font-size : 14px;
    font-family : Verdana,Arial,"ƒqƒ‰ƒMƒmŠpƒS Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ƒƒCƒŠƒI",Meiryo,"‚l‚r ‚oƒSƒVƒbƒN",sans-serif;
}



.btns a:hover img {
  opacity: 0.7;
  filter: btns(opacity=70);
  -ms-filter: "btns(opacity=70)";
}

#page-room .alpha a:hover img {
  opacity: 0.7;
  filter: btns(opacity=70);
  -ms-filter: "btns(opacity=70)";
}


.btns  img {
  padding-top: 30px;
}

.content h2 {
      background: none;
      text-indent: -9999px;
}

.content h2 {
height: 0px;

}

.alpha a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

/*
--------------------------------------------------
#page-facilities@Main Image
-------------------------------------------------- */
#page-facilities .main-photo { width: 100%; height: 507px; margin: 0 auto; text-align: center; overflow: hidden;}
#page-facilities .main-photo img { width: 960px;}
#page-facilities .main-photo .show { width: 960px; height: 507px; margin: 0 auto; overflow: hidden; background: #fff3e3;}

/*
--------------------------------------------------
di panel hotelname
-------------------------------------------------- */
.booking-links-3hotels ul li a { padding-left: 30px; left center; color: #DE5135; font-weight:bold; font-size : 115%;}

#shitsumon {
background: url(http://pre.h-maker.jp/watarase-onsenjp/img/shitsumon.jpg) no-repeat 0 0;
width: 120px;
height: 25px;
position : absolute;
right: 300px;
overflow : hidden;
top: 62px;  
}