@charset "Shift_JIS";

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


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

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

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



/*=========================================================
               		common setting
===========================================================*/

/* Resets
--------------------------------------------*/
body, div, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, object, iframe, pre, code, p, blockquote, form, fieldset, legend, table, th, td, caption, tbody, tfoot, thead, article, section, nav, aside, figure, figcaption, header, footer, hgroup, menu audio, video, canvas {	margin: 0;	padding: 0;}article, section, nav, aside, figure, figcaption, header, footer, hgroup, menu {	display: block;}table { 	border-collapse: collapse; 	border-spacing: 0; } fieldset, img {  	border: 0; } ol, ul { 	list-style: none; }	caption, th { 	text-align: left; }	h1, h2, h3, h4, h5, h6 { 	font-size: 100%; 	font-weight: normal; } q:before, q:after { 	content:''; } abbr, acronym { 	border: 0; }b {font-weight: normal;}

/* clearfix
--------------------------------------------*/
.cf:before,.cf:after {	content:"";	display:table;}	.cf:after {clear:both; } .cf {zoom:1; }


/*=========================================================
              	 base designing
===========================================================*/
body {
	background: #fff; 
	/*padding-top: 25px;*/
	font-size: 14px;
	line-height: 1.5;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
a {text-decoration: none; color:#074c8c;}
a:link, a:visited { text-decoration: none; }	a:hover, a:active  { text-decoration: none;}
article a, .hbar a {opacity: 1;	-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease;}
article a:hover, .hbar a:hover {opacity: 0.6;}



/*==========================================
header
============================================*/
#original_header {
	width: 100%;
	height: 50px;
	background-image: url(image/nav_bg.gif);
	background-position: center;
	/*position: fixed;*/
	clear:both;
	position:absolute;
	top:25px;
	left:0;
}
#original_header .header {
	width: 960px;
	margin: 0 auto;
}
#original_header h1 {
	width: 180px;
	height: 170px;
	position: absolute;
}
#original_header .nav {
	text-align: right;
}
#original_header .nav li {
	float: right;
	height: 48px;
}
#original_header .nav li.rsv {
	width: 200px;
	position: relative;
}
#original_header .nav li.rsv a,#original_header .nav li.rsv a span {color: #fff; font-weight: bold;}
#original_header .nav li.rsv a,#original_header .nav li a:hover, .hnav_here {
	border-bottom: 2px solid #153055;
}
#original_header .nav li.rsv a:hover {
	background-color: #1e457a;
	border-bottom: 2px solid #1e457a;
}

/* hbar */
.hbar {
	width: 100%;
	height: 25px;
	background: #10243f;
	/*position: fixed;	
	z-index:12;*/
	position:absolute;
	top:0px;
	left:0;
}
.hbar ul {
	width: 960px;
	margin: 0 auto 0;
}
.hbar ul li {
	float: right;
}
.hbar_lang a,.hbar_wedd a,.hbar_shop a,.hbar_memb a {
	width: 120px;
	line-height: 25px;
	font-size: 11px;
	color: #fff;
	display: block;
	text-align: center;
}
.hbar_lang a {background: #8d8363;}
.hbar_wedd a {background: #39765d;}
.hbar_shop a {background: #8d6663;}
.hbar_memb a {background: #151515;}
.hbar_lang {position: relative;}
.hbar_lang ul {display: none; position: absolute;}
.hbar_lang ul li {float: none!important;}
.hbar_lang ul li a:hover {opacity: 1; background: #153055;}


/* Reservation div
--------------------------------------------*/
#rsv_div {
	width: 200px;
	display: none;
	position: absolute;
	background: #153055;
	height: 250px;
}


/* layout header
--------------------------------------------*/
#original_header .nav li a {
/*	color: #000;
	padding: 10px 25px 0;
	height: 38px;
	border-bottom: 2px solid #f6f6f6;
	font-size: 12px;
	line-height: 15px;
	text-align: center;
	display: block;	*/
	color: #214069;
	padding: 0 25px;
	height: 48px;
	border-bottom: 2px solid #f6f6f6;
	font-size: 12px;
	line-height: 48px;
	text-align: center;
	display: block;
}
#original_header .nav a span {
	display: block;
	font-size: 10px;
	color: #214069;
}


/*==========================================
footer
============================================*/
#original_footer {
	clear: both;
	width: 100%;
	background: #535a6c;
}
#footer {
	display: block;
	width: 960px;
	margin: 0 auto;
	z-index:100;
}
#footer .fclm {
	float: left;
	padding: 20px 15px 20px;
}
#footer ul {	padding-bottom: 18px; }
#footer li {	line-height: 15px;}
#footer p span {
	color: #fff;
	font-size: 13px;
	line-height: 32px;
}
#footer ul li a {
	color: #c5c6cb;
	font-size: 10px;
}
#footer ol {
	float: left;
	padding: 40px 5px 80px 10px;
}
#footer ol li  {
	float: left;
	margin: 0 5px;
	color: #fff;
	font-size: 12px;
}
#footer ol li a {	color: #fff;}
#footer .figure {	float: right;}
#footer .figure img {	margin: 0 10px;}


/*==========================================
original_list
============================================*/
/* IE7 */
*:first-child+html #original_list {
	padding-top:0px;
}

/*
#original_list {
	width:960px;
	margin:200px auto 0;
	text-align: center;

	position: relative;
	overflow: hidden;
}
#original_list ul li {
	display: inline;
    margin:0 3px;
    padding: 5px 0 5px 12px;
	background-image: url(image/aro_original_list.png);
	background-repeat:no-repeat;
	background-position:left center;
}
#original_list ul li a {
	color:#074c8c;
}
#original_list ul li a:hover {
	text-decoration:underline;
}
*/


#original_list {
	width:960px;
	margin:200px auto 0;
	text-align: center;

	position: relative;
	overflow: hidden;
}
#original_list ul {
	height: 100%;
	margin: 0;
	padding: 0;
	position: relative;
	left: 50%;
	float: left;

	display: table;
}
#original_list ul li {
	width: 120px;
	height: 100%;
	padding: 5px;
	border-right: 1px solid #CCC;

	position: relative;
	left: -50%;

	vertical-align: top;
	display: inline-block;
	overflow: hidden;
}
/* IE7 */
*:first-child+html #original_list ul li {
padding: 10px;
float: left;
}
#original_list ul li:last-child {
border-right: none;
}
#original_list ul li.last {
border-right: none;
}



#original_list ul li a {
color:#074c8c;
}
#original_list ul li a:hover {
text-decoration:underline;
}


/*==========================================
original_contents
============================================*/
#original_contents {
	width:960px;
	margin:15px auto 30px;

	clear:both;
}


/* return to top icon 
--------------------------------------------*/
#original_pagetop {
	/*width:960px;
	margin:30px auto 30px;*/
	position:fixed;
	bottom:20px;
	right:20px;
}
.tothetopfixed {
	height: 24px;
    width: 24px;
	display: block;
	background: #222;
	opacity: 0.7;
	padding: 15px;
	bottom: 20px;
	right:  20px;
	cursor: pointer;
}
div.icon {
    height: 24px;
    width: 24px;
    position: relative;
    margin: 0;
    overflow: hidden;
    display: inline-block;
}
div.icon a.upArrow {
    height: 0px;
    width: 0px;
    border-width: 12px;
    border-style: solid;
    border-color: transparent transparent #fff transparent;
    position: absolute;
    bottom: 12px;
    left: 0;
}
div.icon a.upArrow:after {
    content: '';
    width: 10px;
    height: 14px;
    background-color: #fff;
    position: absolute;
    top: 12px;
    right: -5px;
}



#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; font-size:112%;}
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;}

#original_maincol h2	{ padding: 5px 10px; margin-bottom: 10px;}
#original_maincol h3	{ padding: 5px 10px; margin-bottom: 10px;}