@charset "Shift_JIS";

/* ------------------------------------------
	Dynatech HOTEL STORY
	RESERVE FORM
	ver.2004
------------------------------------------ */
body {
	background	: #FFF;
	color		: #333;
	font-size	: small;
	font-family	: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	line-height	: 1.4;
}


/* ------------------------------------------
	HEADING
------------------------------------------ */
h1		{ color: #454545; border: none; font-weight: normal; }
h2		{ color: #FFFFFF; border-left: 5px solid #a6b82b; background-color: #4d612a;}
h3		{ color: #FFFFFF; background-color: #4d612a; background-image: none;}
.cap		{ color: #740402;}
.onelinecap	{ color: #740402;}

a:link		{ color: #333333; text-decoration: underline; border:none;}
a:visited	{ color: #333333; text-decoration: underline;}
a:hover		{ color: #006cb8; text-decoration: none;}
a:active	{ color: #333333; text-decoration: underline;}
strong		{ font-weight: bold;}
em		{ font-style: italic;}


/*
--------------------------------------------------
	Container
-------------------------------------------------- */
.container { width: 100%; background: url(img/common/common_bg.gif) repeat-y center top;}
.container-inner {}
.container-inner-inner { width: 100%; background: url(img/common/header_bg.gif) repeat-x center top;}



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

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


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


/* cnav */
.cnav		  {}
.cnav ul	  { position: absolute; right: 5px; top: 60px;}
.cnav ul li	  { margin-right: 10px; 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 {
	position	: absolute;
	right		: 10px;
	top		: 45px;
	overflow	: hidden;
}	*/

#fontresize {
	width		: 100%;
	height		: 22px;
	margin		: 0 auto 10px;
	padding		: 10px 0;
}
#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: 55px;
	margin: 0 auto;
	padding:0;
	overflow: hidden;
}
.nav ul {
	width:961px;
	height:55px;
	margin:0 auto;
	padding:0 5px;
	background: url(img/common/nav.gif) no-repeat center top;
	font-size: 93%;
	line-height: 1.32;
}
.nav ul li { height: 55px; margin:0; padding:0; float:left;}
.nav ul li a {
	width: 120px;
	height: 0px;
	margin: 0;
	padding: 55px 0 0 0;
	font-size: 12px;
	font-weight: bold;
	color: #4d612a;
	text-decoration: none;
	background-image: url(img/common/nav2.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	display: block;
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
}


/* Nav default */
.nav .nav01 a { background-position:   -5px 0;}
.nav .nav02 a { background-position: -125px 0;}
.nav .nav03 a { background-position: -245px 0;}
.nav .nav04 a { background-position: -365px 0;}
.nav .nav05 a { background-position: -485px 0;}
.nav .nav06 a { background-position: -605px 0;}
.nav .nav07 a { background-position: -725px 0;}
.nav .nav08 a { background-position: -845px 0;}

/* Nav hover */
.nav .nav01 a:hover { background-position:   -5px -55px;}
.nav .nav02 a:hover { background-position: -125px -55px;}
.nav .nav03 a:hover { background-position: -245px -55px;}
.nav .nav04 a:hover { background-position: -365px -55px;}
.nav .nav05 a:hover { background-position: -485px -55px;}
.nav .nav06 a:hover { background-position: -605px -55px;}
.nav .nav07 a:hover { background-position: -725px -55px;}
.nav .nav08 a:hover { background-position: -845px -55px;}

/* Nav active */
#page-home	 .nav01 a { background-position:   -5px -55px; cursor: default;}
#page-contents01 .nav02 a { background-position: -125px -55px; cursor: default;}
#page-contents02 .nav03 a { background-position: -245px -55px; cursor: default;}
#page-contents03 .nav04 a { background-position: -365px -55px; cursor: default;}
#page-contents04 .nav05 a { background-position: -485px -55px; cursor: default;}
#page-contents05 .nav06 a { background-position: -605px -55px; cursor: default;}
#page-contents06 .nav07 a { background-position: -725px -55px; cursor: default;}
#page-access	 .nav08 a:hover { background-position: -845px -55px; cursor: pointer;}
#page-access	 .nav08 a { background-position: -845px 0px; cursor: default;}


/*
--------------------------------------------------
	Footer
-------------------------------------------------- */
.footer { width:100%; margin:0; padding:0; background: #4d612a url(img/common/footer_bg.gif) repeat-x 0 0; text-align:center; font-size:0.85em; color:#ceced4; clear: both;}
.footer-inner {}

/* Information */
.information    { width: 940px; margin: 0 auto; overflow: hidden; color:#ceced4; text-align:left; background:url(img/common/footermain_bg.gif) no-repeat 0 0; margin: 0 auto; padding: 20px 40px 0;}
.information h3 { font-weight: bold; line-height: 1.572; margin-bottom: 5px;}
.information h4 { line-height: 1.32; font-weight: bold; margin-bottom: 5px;}
.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    { width: 200px; padding: 10px; float: left;}
.information div.information-access   { width: 500px; padding: 10px; float: left;}
.information div.information-access p { margin-bottom: 5px;}
.information div.information-read   { width: 420px; padding: 10px; float: left;}
.information div.information-read p { margin-bottom: 5px;}

/* fnav */
.fnav { width: 100%; background: #4d612a;}
.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 solid #ceced4; display: inline;}
.fnav ul li a { color: #ceced4;}
.fnav ul li a:hover { color: #ceced4;}
.fnav ul li#fnav08, .fnav ul li#fnav17 { border: none;}

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


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

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

/*
--------------------------------------------------
	Page structure
-------------------------------------------------- */
.column-inner h3 { font-size: 107%; color: #268438; font-weight: bold; line-height:1.572;}

table#vacancy {
	background-color: transparent;
}

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