@charset "Shift_JIS";

/* ------------------------------------------
	Dynatech HOTEL STORY
	RESERVE FORM
	ver.2004
------------------------------------------ */
body {
	margin:0;
	padding:0;
	background: #FFF;
	color		: #250d00;
	font-size	: 14px;
	line-height	: 1.5;
height: 100%;
	min-width:1200px;	
}


/* ------------------------------------------
	HEADING
------------------------------------------ */
h1		{ color: #454545; border: none;	font-family	:"Ÿà–¾’©", YuMincho, "ƒqƒ‰ƒMƒm–¾’© ProN W3", "Hiragino Mincho ProN", "HG–¾’©E", "‚l‚r ‚o–¾’©", "‚l‚r –¾’©", 'Times New Roman', serif;
}
h2		{ color: #FFFFFF; border-left: 5px solid #071E48; background-color: #071E48;	font-family	:"Ÿà–¾’©", YuMincho, "ƒqƒ‰ƒMƒm–¾’© ProN W3", "Hiragino Mincho ProN", "HG–¾’©E", "‚l‚r ‚o–¾’©", "‚l‚r –¾’©", 'Times New Roman', serif;
}
h3		{ color: #FFFFFF; background-color: #071E48; background-image: none;	font-family	:"Ÿà–¾’©", YuMincho, "ƒqƒ‰ƒMƒm–¾’© ProN W3", "Hiragino Mincho ProN", "HG–¾’©E", "‚l‚r ‚o–¾’©", "‚l‚r –¾’©", 'Times New Roman', serif;
}
.cap		{ color: #071E48;}
.onelinecap	{ color: #071E48;}



/*
--------------------------------------------------
	Container
-------------------------------------------------- */
.container		{ position:relative; width: 100%; margin: 0 auto;}
.container-inner	{}
.container-inner-inner	{}

/*
--------------------------------------------------
	Header
-------------------------------------------------- */
.header {
	width		: 1200px;
	height		: 120px;
	margin		: 0 auto;
	background	: ;
	position	: relative;
	overflow	: hidden;
	font-family	:"Ÿà–¾’©", YuMincho, "ƒqƒ‰ƒMƒm–¾’© ProN W3", "Hiragino Mincho ProN", "HG–¾’©E", "‚l‚r ‚o–¾’©", "‚l‚r –¾’©", 'Times New Roman', serif;
}

.header a:hover{opacity:0.75;}

/* Logo */
h1 a.logo  {
	background:url(img/common/logo.png) no-repeat;
	width:400px;
	height:120px;
	font-size	: 26px;
	text-decoration	: none;
	display		: block;
	position	: absolute;
	left		: 0;
	top		:0;
	overflow: hidden;
text-indent: 100%;
white-space: nowrap;
}

/* Language nav */
.langnav {
	position	: absolute;
	right		: 0;
	top: 50px;
	overflow	: hidden;
}
.langnav div {
	padding-right	: 8px;
	padding-left	: 10px;
	font-size	: 14px;
	line-height	: 1.32;
	display		: inline;
}

.langnav a	 { color: #000; text-decoration: underline;     background: url(img/common/headerLangArrow.png)no-repeat 0 center;    padding-left: 14px;}
.langnav a:hover { color: #000; text-decoration: none;}


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

/*headerBannerArea*/
#headerBannerArea { position: absolute; right: 0; bottom: 18px; }
#oyadonetBanner, #telBanner{float:left;}
#oyadonetBanner a{background: url(img/common/headerOyadonetBnr.gif)no-repeat 0 center;width:180px; height:18px; overflow: hidden; text-indent: 100%; white-space: nowrap; display: block;padding-right: 30px;}
#telBanner {font-size:20px;background: url(img/common/headerTel.gif)no-repeat 0 center;width:180px; height:18px;overflow: hidden; text-indent: 100%; white-space: nowrap;}

/* Font resize */
#fontresize {
	margin		: 0 0 10px 0;
	padding		: 10px 0;
	background	: #eee2da;
	border		: 2px solid #c85109;
	overflow	: hidden;
}
#fontresize-hd {
	width		: 120px;
	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		: 90px;
	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		: 70px;
	margin		: 0;
	padding		: 0;
	overflow	: hidden;
	background	: url(img/common/navBg.jpg) repeat-x 0 0;
	font-family	:"Ÿà–¾’©", YuMincho, "ƒqƒ‰ƒMƒm–¾’© ProN W3", "Hiragino Mincho ProN", "HG–¾’©E", "‚l‚r ‚o–¾’©", "‚l‚r –¾’©", 'Times New Roman', serif;

}
.nav .nav-inner{}
.nav ul {
	width		: 1200px;
	height		: 70px;
	margin		: 0 auto;
	padding		: 0;
	font-size	: 93%;
	line-height	: 60px;
}
.nav ul li:first-child{border-left: 1px #6f5c58 solid;}
.nav ul li {
	width:150px;
	height		: 70px;
	margin		: 0;
	padding		: 0;
	float		: left;
	border-right: 1px #6f5c58 solid;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.nav ul li a {
	transition: all 0.5s ease;
	width		: 150px;
	height		: 70px;
	margin		: 0;
	padding		: 0;
	color		: #fff;
	font-size	: 20px;
	text-decoration	: none;
	text-align	: center;
	line-height	: 70px;
	display:block;
}
.nav ul li a:hover{ opacity:0.8;background:#543c3a;}

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

/*
--------------------------------------------------
	Footer
-------------------------------------------------- */
.footer{ width: 100%;
	font-family	:"Ÿà–¾’©", YuMincho, "ƒqƒ‰ƒMƒm–¾’© ProN W3", "Hiragino Mincho ProN", "HG–¾’©E", "‚l‚r ‚o–¾’©", "‚l‚r –¾’©", 'Times New Roman', serif;
 height: 440px; margin: 0; padding: 0; background: url(img/common/footerBgPhoto.jpg)no-repeat; background-size: cover;color:#fff;  text-align: center; clear: both; }
.footer-inner	{padding-top: 40px;}

/* Information */
.information		{ width: 100%;  padding: 25px 0 25px; text-align: left; overflow: hidden;font-size: 18px;}
.information .information-inner{ width: 1200px; margin: 0 auto;}
.information h3		{ margin-bottom: 5px; font-weight: bold; line-height: 1.572;}
.information h4		{ margin-bottom: 5px; font-weight: bold; font-size: 24px; background:none; padding :0;}
.information p		{ line-height: 1.42;}
.information ul		{ line-height: 1.42;}
.information div.information-photo	{ padding: 0 10px; float: left;}
.information div.information-access	{float: left;     width: 350px;}
.information div.information-access p	{ margin-bottom: 5px;}
.information div.information-access ul{width:350px;}
.information div.information-access li{float:left;margin-top:10px;}
.information div.information-access li:first-child{ margin-right: 10px; }
.information div.information-read	{ padding: 10px 0; padding-left: 15px; float: right;}
.information div.information-read p	{ width: 560px;    font-size: 14px;    line-height: 1.6; margin-bottom: 24px;}
.information .footerBtns a{transition: all 0.5s ease;}
.information .footerBtns a:hover{ opacity:0.8; display:block;}
/* fnav */
.fnav		{ width: 100%; overflow: hidden; background: #c85109; }
.fnav-inner	{ width: 960px; margin: 0 auto; padding: 10px 0 15px;}
.fnav ul	{ padding: 5px 0 0 0;}
.fnav ul li	{ padding: 0 12px 0 0; display: inline;}
.fnav ul li a		{ color: #FFF;}
.fnav ul li a:hover	{ color: #FFF;}
.fnav ul li#fnav08,
.fnav ul li#fnav17,
.fnav ul li:last-child	{ border: none;}

/* Copyright */
.copyright		{ width: 100%; background: #250d00; }
.copyright p		{ width: 1200px; margin: 0 auto; padding: 10px 0; color:#fff;text-align:center;}
.copyright a		{ color: #fff;}
.copyright a:hover	{ color: #fff;}

/*groupInfo*/
.groupInfo{text-align:center;padding-top: 20px;    padding-bottom: 40px;
	font-family	:"Ÿà–¾’©", YuMincho, "ƒqƒ‰ƒMƒm–¾’© ProN W3", "Hiragino Mincho ProN", "HG–¾’©E", "‚l‚r ‚o–¾’©", "‚l‚r –¾’©", 'Times New Roman', serif;
}
.groupInfo a{text-decoration:none;}
.groupInfo a:hover{opacity:0.8;}
.groupInfoTitle{width: 1200px;    margin: 0 auto;    border-bottom: 1px #999999 solid;    padding-bottom: 20px;margin-bottom: 20px;}
.groupInfo .wrap{width: 1200px;    margin: 0 auto;}
.groupInfo ul {
    width: 240px;
    text-align: left;
    line-height: 20px;
    font-size: 12px;
	float:left;
	padding-right: 80px;
}
.groupInfo ul.last{padding-right: 0px;}
.groupInfo li.title {
    font-size: 18px;
    line-height: 36px;
}

.groupInfo li a{background: url(img/common/footerArrow.png) no-repeat left center;padding-left: 12px;    display: block}

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




.langnav div {
    font-size: 15px;
}


/*navigation*/
.nav ul li:first-child{border-left: 1px #354461 solid;}
.nav ul li {
    border-right: 1px #354461 solid;
}
.nav ul li a:hover{ opacity:0.8;background:#3a3f54;}



/*footer*/
.information h4, .information-access p, .information div.information-read p {
    -moz-text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.8);
    -webkit-text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.8);
    -ms-text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.8);
    text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.8);
}
.copyright {
    background: #000138;
}

.groupInfo ul {
    width: 240px;
    text-align: left;
    line-height: 20px;
    font-size: 12px;
    float: left;
    padding-right: 0px;
}

a:link, a:visited {
    color: #000;
    text-decoration: none;
}

.information h4, .information-access p, .information div.information-read p {
    -moz-text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.8);
    -webkit-text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.8);
    -ms-text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.8);
    /* text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.8); */
    text-shadow: 0px 0px 10px rgb(0, 0, 0), 0px 0px 6px rgb(0, 0, 0);
}


table#vacancy {
	background-color: transparent;
}

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

#oyadonetBanner a {
    text-indent: -9999px;
}
.comment {font-family	:"Ÿà–¾’©", YuMincho, "ƒqƒ‰ƒMƒm–¾’© ProN W3", "Hiragino Mincho ProN", "HG–¾’©E", "‚l‚r ‚o–¾’©", "‚l‚r –¾’©", 'Times New Roman', serif;}


/*ƒSƒVƒbƒN‘Ì*/
body,.information, .groupInfo{    
	font-family: "ƒ�ƒCƒŠƒI", "Meiryo", verdana, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", Sans-Serif;
}

#sotowaku { min-width: 1200px; }