@charset "Shift_JIS";

/* ------------------------------------------
	Dynatech HOTEL STORY
	RESERVE FORM
	ver.2004
------------------------------------------ */
html { background: #fff;}
body {
	background	: #fff;
	color		: #333;
	font-family	: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	font-size	: small;
	line-height	: 1.4;
}
/* IE6 base font */
* html body {
	font-family	: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}
a:link		{ color: #6c0404; text-decoration: underline; border:none;}
a:visited	{ color: #6c0404; text-decoration: underline;}
a:hover		{ color: #6c0404; text-decoration: none;}
a:active	{ color: #6c0404; text-decoration: underline;}
strong		{ font-weight: bold;}
em		{ font-style: italic;}


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

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

/*
--------------------------------------------------
	Header
-------------------------------------------------- */
.header {
	width		: 100%;
	height		: 100px;
	margin		: 0;
	background	: #0c0c0c;
}


.header-inner{
	width		: 960px;
	height		: 100px;
	margin		: 0 auto;
	position	: relative;
	overflow	: hidden;

	background	: url(img/common/header2.gif) no-repeat 0 0;
}

.header-inner{
	width		: 960px;
	height		: 100px;
	margin		: 0 auto;
	position	: relative;
	overflow	: hidden;
}

/* Logo */
.logo {
	width		: 460px;
	height		: 0px;
	padding		: 100px 0 0 0;
	color		: #FFF;
	font-size	: 24px;
	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: #FFF; text-decoration: none;}


/* Language nav */
.langnav {
	position	: absolute;
	right		: 0;
	bottom		: 10px;
	overflow	: hidden;
}
.langnav div {
	padding-right	: 8px;
	padding-left	: 12px;
	background	: url(img/common/arrow.gif) no-repeat left center;
	font-size	: 75%;
	line-height	: 1.32;
	display		: inline;
}
.langnav a	 { color: #fff; text-decoration: underline;}
.langnav a:hover { color: #eee; text-decoration: none;}


/* cnav */
.cnav		  {}
.cnav ul	  { position: absolute; right: 0; top: 15px;}
.cnav ul li	  { margin-left: 5px; float: left;}
.cnav ul li a	  { text-decoration: none;}
.cnav ul li a img { vertical-align: bottom;}
/*	.cnav ul li.cnav01 { left: 540px; top: 65px;}	*/
/*	.cnav ul li.cnav02 { left: 680px; top: 65px;}	*/
/*	.cnav ul li.cnav03 { left: 820px; top: 65px;}	*/


/* Font resize */
#fontresize {
	margin		: 5px 0;
	padding		: 5px 0;
	background	: #4b4a4a;
	border		: 2px solid #0f0f0f;
	overflow	: hidden;
}
#fontresize-hd {
	width		: 115px;
	height		: 0;
	padding		: 20px 0 0 0;
	background	: url(img/common/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/common/fontresize_btn_small.gif);}
#fontresize-medium	{ background-image: url(img/common/fontresize_btn_medium.gif);}
#fontresize-large	{ background-image: url(img/common/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		: 100%;
	height		: 60px;
	margin		: 0;
	padding		: 0;
	background	: url(img/common/nav_base.gif) repeat-x center top;
	overflow	: hidden;
}
.nav ul {
	width		: 961px;
	height		: 60px;
	margin		: 0 auto;
	padding		: 0;
	font-size	: 93%;
	line-height	: 60px;
}
.nav ul li {
	height		: 60px;
	margin		: 0;
	padding		: 0;
	float		: left;
}
.nav ul li a {
	width		: 120px;
	height		: 0px;
	margin		: 0;
	padding		: 60px 0 0 0;
	background	: url(img/common/nav2.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 ul li a:hover{ text-decoration: underline;}

/* 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 -60px;}
.nav .nav02 a:hover { background-position: -120px -60px;}
.nav .nav03 a:hover { background-position: -240px -60px;}
.nav .nav04 a:hover { background-position: -360px -60px;}
.nav .nav05 a:hover { background-position: -480px -60px;}
.nav .nav06 a:hover { background-position: -600px -60px;}
.nav .nav07 a:hover { background-position: -720px -60px;}
.nav .nav08 a:hover { background-position: -840px -60px;}

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

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

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


/*
--------------------------------------------------
	Footer
-------------------------------------------------- */
.footer		{ width: 100%; margin: 0; padding: 0; color: #000; font-size: 0.85em; text-align: center; border-top: 3px solid #111110; clear: both;}
.footer-inner	{}

/* Information */
.information		{ width: 960px; margin: 0 auto; color: #000; text-align: left; overflow: hidden;}
.information h3		{ margin-bottom: 5px; font-weight: bold; line-height: 1.572;}
.information h4		{ margin-bottom: 5px; font-weight: bold; line-height: 1.32;}
.information p		{ line-height: 1.42;}
.information ul		{ line-height: 1.42;}
.information ul li	{ margin-bottom: 1px; padding-left: 13px; background: url(img/common/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: url(img/common/fnav_bg.gif) repeat-x 0 0;}
.fnav-inner	{ width: 960px; margin: 0 auto; padding: 10px 0 15px;}
.fnav ul	{ padding: 5px 0 0 0;}
.fnav ul li	{ padding: 0 10px; border-right: 1px dotted #fff; display: inline;}
.fnav ul li a		{ color: #fff;}
.fnav ul li a:hover	{ color: #f4e49c;}
.fnav ul li#fnav08,
.fnav ul li#fnav17,
.fnav ul li:last-child	{ border: none;}

/* Copyright */
.copyright		{ width: 100%; background: #131313;}
.copyright p		{ width: 960px; margin: 0 auto; padding: 10px 0; color: #fff;}
.copyright a		{ color: #EEEEEE;}
.copyright a:hover	{ color: #EEEEEE;}


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


/* ------------------------------------------
	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: #353535; text-decoration: underline;}
#direct_in ul li a:hover{ color: #353535; text-decoration: none;}

#original_maincol	{ width: 800px; margin: 0 auto; padding:15px; font-size:125%;}
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;}

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