@charset "Shift_JIS";

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


/* ------------------------------------------
	HEADING
------------------------------------------ */
h1		{ color: #454545; border: none;}
h2		{ color: #FFFFFF; border-left: 5px solid #822852; background-color: #822852;}
h3		{ color: #FFFFFF; background-color: #822852; 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: #000000; text-decoration: underline;}
#direct_in ul li a:hover{ color: #822852; 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;}

@charset "Shift_JIS";




table#vacancy {
	background-color: transparent;
}

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

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

.plantitle h1{
	color:#FFFFFF;
}


@charset "UTF-8";
/*
-----------------------------------------------
	Base Style
	Version: 21 MAR 2013
----------------------------------------------- */
html { background: #fff;}
body {
	background	: #fbfaf6 repeat 0 0;
	color		: #000;
	font-size	: small;
	font-family	: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", verdana, "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	line-height	: 1.4;
}
/* IE6 base font */
* html body {
	font-family	: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}
a:link		{ color: #822852; text-decoration: underline; border:none;}
a:visited	{ color: #822852; text-decoration: underline;}
a:hover		{ color: #822852; text-decoration: none;}
a:active	{ color: #822852; text-decoration: underline;}
strong		{ font-weight: bold;}
em		{ font-style: italic;}

.move {display: none;}


/*
--------------------------------------------------
	Container
-------------------------------------------------- */
.container		{border-top: 4px solid #A66783;}
.container-inner	{}
.container-inner-inner	{}

/*	shadow
-------------------------------------------------- */
.shadow_01 {
	box-shadow: rgba(0, 0, 0, 0.3) 1px 1px 5px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.3) 1px 1px 5px 0px;
	-moz-box-shadow: rgba(0, 0, 0, 0.3) 1px 1px 5px 0px;
}
.shadow_02 {
	box-shadow: rgba(0, 0, 0, 0.15) 2px 2px 5px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.15) 2px 2px 5px 0px;
	-moz-box-shadow: rgba(0, 0, 0, 0.15) 2px 2px 5px 0px;
}
/*
--------------------------------------------------
	Header
-------------------------------------------------- */
.header {
	width		: 960px;
	height		: 179px;
	margin		: 0 auto;
	padding-bottom:  56px;
	position	: relative;
	overflow	: hidden;
}

.header .header-inner { position: relative;}
p#group_top {
	width: 216px;
	height: 20px;
	font-size: 93%;
	letter-spacing: 0.1em;
	color: #666;
	padding: 12px 0 20px 4px;
}
p#group_top a {
	width: 216px;
	height: 20px;
	text-indent: -9999px;
	display: block;
	background: url(img/common/group_top.png) no-repeat 4px 4px;
	color: #666;
	text-decoration: none;
}
p#group_top a:hover {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

/* Logo */
.logo {
	text-indent: -9999px;
	background: url(img/common/main_logo.png) no-repeat;
	width: 619px;
	height: 106px;
	padding		: 0;
	font-size	: 197%;
	text-decoration	: none;
	display		: block;
	overflow	: hidden;
}
a.logo:link,
a.logo:hover,
a.logo:visited,
a.logo:active { color: #252021; text-decoration: none;}

a.logo:hover,
p#hotel_name a:hover {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

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


/* cnav */
.cnav {
	position: absolute;
	left: 282px;
	top: 133px;
}

.cnav ul	  {}
.cnav ul li	  { padding-left: 17px; float: left;}
.cnav ul li a	  { text-decoration: none;}
.cnav ul li a img { vertical-align: bottom;}
.cnav ul li a:hover	{
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

/* lang */
.header ul.lang {
	position: absolute;
	right: 0px;
	top: 11px;
}
.header ul.lang li {
	float: left;
	height: 17px;
	margin-right: 4px;
	font-size: 93%;
}
.header ul.lang li span,
.header ul.lang li a {
	display: block;
	padding: 2px 16px 0;
    border-radius: 8px; 
    -webkit-border-radius: 8px; 
    -moz-border-radius: 8px;
}

.header ul.lang li span,
.header ul.lang li a:hover{
	background-color: #822852;
	color: #fff;
}
.header ul.lang li a {
	background-color: #EFEBDD;
	color: #000;
	text-decoration: none;
}

/* group */
ul.group {
	position: absolute;
	left: 639px;
	top: 60px;
}
ul.group li {
	float: left;
	text-indent: -9999px;
	height: 103px;
	width: 91px;
	margin-right: 20px;
}
ul.group li span,
ul.group li a {
	height: 103px;
	width: 91px;
	display: block;
	background-image : url(img/common/bnr_hotels.png);
	background-repeat: no-repeat;
}
ul.group li.honkan a {
	background-position	: 0 0;
}
ul.group li.honkan span,
ul.group li.honkan a:hover {
	background-position	: 0 -103px;
}
ul.group li.annex a {
	background-position	: -91px 0;
}
ul.group li.annex span,
ul.group li.annex a:hover {
	background-position	: -91px -103px;
}
ul.group li.kishibe {
	margin-right: 0;
}
ul.group li.kishibe a {
	background-position	: -182px 0;
}
ul.group li.kishibe span,
ul.group li.kishibe a:hover {
	background-position	: -182px -103px;
}


/* Font resize */
#fontresize {
	margin		: 0 auto 10px;
	padding		: 10px 0;
	background	: #f7f4ec;
	border		: 3px solid #743829;
	overflow	: hidden;
}
#fontresize-hd {
	width		: 120px;
	height		: 0;
	padding		: 20px 0 0 0;
	background	: url(img/common/fontresize_hd.png) 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		: 56px;
	margin		: 0 0 -1px;
	padding		: 0;
	overflow	: hidden;
	background	: url(img/common/nav_bg.png) repeat-x 0 0;
	z-index: 2;
	position: absolute;
	top: 183px;
	left: 0;
}
.nav.fixed {
	position: fixed;
	top: 0;
	left: 0;
}
.nav .nav-inner{
	width: 960px;
	margin:0 auto;
	background	: url(img/common/nav_bg.png) repeat-x 0 -70px;
}
.nav ul {
	float: left;
	width		: auto;
	height		: 56px;
	margin		: 0 auto;
	padding		: 0;
	line-height	: 50px;
	background	: url(img/common/nav_bg.png) repeat-x center -70px;
}
.nav ul li {
	height		: 56px;
	margin		: 0;
	padding		: 0;
	float		: left;
}
.nav ul li.nav07,
.nav ul li.nav08 {display: none;}

.nav ul li a {
	width		: auto;
	height		: 56px;
	background	: url(img/common/nav_bg.png) no-repeat center -70px;
	margin		: 0;
	padding		: 0 16px;
	color		: #f4f1e9;
	font-size	: 108%;
	font-weight	: bold;
	/*font-weight	: normal;*/
	font-family	: "ヒラギノ角ゴ Pro W6", "HiraKakuPro-W6", "ヒラギノ角ゴ ProN W6", "HiraKakuProN-W6", "メイリオ", "Meiryo", verdana, "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	text-decoration	: none;
	text-align	: center;
	line-height	: 52px;
	vertical-align	: middle;
	display		: block;
	overflow	: hidden;
	letter-spacing: 0.1em;
}

/* Nav default */
.nav li a { background-position: center 0px;}

/* Nav hover */
.nav li a:hover { background-position: center -140px;}

/* Nav active */
#page-home	 .nav ul li.nav01 a,
#page-roomtype .nav ul li.nav02 a,
#page-restaurant .nav ul li.nav03 a,
#page-facilities .nav ul li.nav04 a,
#page-access .nav ul li.nav05 a,
#page-q_and_a .nav ul li.nav06 a { background-position: center -140px; cursor: default;}

/* Nav nav_reservation */
.nav .nav_reservation {
	height: 56px;
	float: right;
}
.nav .nav_reservation a {
	height: 56px;
	display: block;
	float: left;
	font-size	: 108%;
	font-weight	: bold;
	/*font-weight	: normal;*/
	font-family	: "ヒラギノ角ゴ Pro W6", "HiraKakuPro-W6", "ヒラギノ角ゴ ProN W6", "HiraKakuProN-W6", "メイリオ", "Meiryo", verdana, "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	text-decoration	: none;
	text-align	: left;
	color: #fff;
	letter-spacing: 0.1em;
	background	: url(img/common/nav_bg.png) no-repeat center -70px;
}
.nav .nav_reservation a span {
	height: 56px;
	display: block;
	background-repeat: no-repeat;
	background-position: 9px 13px;
	line-height	: 52px;
	text-indent: 45px;
}
.nav .nav_reservation a.nav_plan span {
	background-image: url(img/common/nav_plan.png);
	width: 163px;
}
.nav .nav_reservation a.nav_available span {
	background-image: url(img/common/nav_available.png);
	width: 130px;
}
.nav .nav_reservation a:hover {
	background-position: center -140px;
}



/*
--------------------------------------------------
	Footer
-------------------------------------------------- */
.footer		{ width: 100%; margin: 0; padding: 0 0 40px; background: #F5F1E6; border-top: 1px solid #E7E3D6; color: #000; font-size: 100%; text-align: left; clear: both;}
.footer-inner	{position: relative;}

.footer #f_mainlogo {
	width:484px;
	height: 102px;
}
.footer #f_mainlogo a {
	background: url(img/common/f_logo.png) no-repeat 0 0;
	display: block;
	width:484px;
	height: 102px;
	text-indent: -9999px;
}
.footer #f_mainlogo a:hover {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
.information		{ width: 960px; margin: 0 auto; padding: 20px 0 0; text-align: left; overflow: hidden;position: relative;}
.information h3		{
	margin-bottom: 5px;
	font-weight: bold;
	/*font-weight	: normal;*/
	font-family	: "ヒラギノ角ゴ Pro W6", "HiraKakuPro-W6", "ヒラギノ角ゴ ProN W6", "HiraKakuProN-W6", "メイリオ", "Meiryo", verdana, "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	line-height: 1.572;
}
.information h4		{
	color: #822852;
	font-size: 108%;
	margin: 14px 0 0 8px;
	letter-spacing: 0.1em;
	font-weight: bold;
	/*font-weight	: normal;*/
	font-family	: "ヒラギノ角ゴ Pro W6", "HiraKakuPro-W6", "ヒラギノ角ゴ ProN W6", "HiraKakuProN-W6", "メイリオ", "Meiryo", verdana, "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	line-height: 1.32;
}
.information h4 span.en {
	color: #666;
	font-size: 85%;
	padding: 0 0 0 8px;
}
.information p		{ line-height: 1.42;}
.information ul		{ line-height: 1.42;}
.information ul li	{ margin-bottom: 1px; padding-left: 13px; }
.information div.information-photo	{ padding: 0 10px; float: left;}
.information div.information-access	{ padding: 0 10px; float: left;}
.information div.information-access p	{ margin-bottom: 2px;}
.information div.information-access p.email { margin-bottom: 10px;}
.information div.information-access p.email a {color: #000;}
.information div.information-read	{ padding: 10px 15px 10px 15px; overflow: hidden;}
.information div.information-read p	{ margin-bottom: 5px;}

/* fnav */
.fnav		{ width: 100%; }
.fnav-inner	{ width: auto; margin: 0 auto; padding: 0 0 15px;}
.fnav ul	{ padding: 18px 0 0 12px; font-size: 93%; line-height: 12px;}
.fnav ul li	{ padding: 0 0 0 0; display: block; float: left; border-left: 1px solid #822852;}
.fnav ul li a		{ color: #822852; padding: 0 15px 0 15px; text-decoration: none;}
.fnav ul li a:hover	{
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
.fnav ul li:last-child	{ border-right: 1px solid #822852;}

/* Copyright */
.copyright		{ width: 960px; margin: 0 auto; }
.copyright p		{ margin: 0 auto; padding: 0px 10px; color: #000; font-size: 85%;}
.copyright a		{ color: #000;}
.copyright a:hover	{ color: #000;}

/* group */
.footer	ul.group {
	position: absolute;
	left: 639px;
	top: 46px;
}
.footer	ul.group li {
	float: left;
	text-indent: -9999px;
	height: 93px;
	width: 91px;
	margin: 0 20px 0 0;
	padding: 0;
}
.footer	ul.group li span,
.footer	ul.group li a {
	height: 93px;
	width: 91px;
	display: block;
	background-image : url(img/common/bnr_f_hotels.png);
	background-repeat: no-repeat;
}
.footer	ul.group li.honkan a {
	background-position	: 0 0;
}
.footer	ul.group li.honkan span,
.footer	ul.group li.honkan a:hover {
	background-position	: 0 -93px;
}
.footer	ul.group li.annex a {
	background-position	: -91px 0;
}
.footer	ul.group li.annex span,
.footer	ul.group li.annex a:hover {
	background-position	: -91px -93px;
}
.footer	ul.group li.kishibe {
	margin-right: 0;
}
.footer	ul.group li.kishibe a {
	background-position	: -182px 0;
}
.footer	ul.group li.kishibe span,
.footer	ul.group li.kishibe a:hover {
	background-position	: -182px -93px;
}

p#f_group_top {
	width: 216px;
	height: 20px;
	font-size: 93%;
	letter-spacing: 0.1em;
	color: #666;
	padding: 0 0 4px 0;
}
p#f_group_top a {
	width: 216px;
	height: 20px;
	text-indent: -9999px;
	display: block;
	background: url(img/common/group_top.png) no-repeat 4px 4px;
	color: #666;
	text-decoration: none;
}
p#f_group_top a:hover {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}




/*
--------------------------------------------------
	Clearfix
	version: 2008
-------------------------------------------------- */
.clearfix:after {
	content: " ";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	}
.clearfix { display: inline-block;}
/* ﾂ･*/
* html .clearfix { height: 1%;}
.clearfix { display: block;}
/* */