@charset "Shift_JIS";

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


/* ------------------------------------------
	HEADING
------------------------------------------ */
h1 {
color: #9A7C21;
}

h2 {
color: #333333;
border-left: 5px solid #9A7C21;
border-right: 1px solid #9A7C21;
border-top: 1px solid #9A7C21;
border-bottom: 1px solid #9A7C21;
background-color: #E8DFC1;
}

h3 {
color: #9A7C21;
}

.cap {
color: #9A7C21;
}

.onelinecap {
color: #9A7C21;
}



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



/* ===================================================================
CSS information
 file name  :  default.css
 style info :  リセット及びbody初期設定 (このスタイルシートは基本的に変更しない)
=================================================================== */
/*--- reset */
html {
	overflow-y: scroll;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td {
	margin: 0;
	padding: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption {
	text-align: left;
}

object,
embed {
	vertical-align: top;
}
hr,legend {
	display: none;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}
img,abbr,acronym,fieldset {
	border: 0;
}
li {
	list-style-type: none;
}

/* ===================================================================
CSS information

 file name  :common.css
 author	 :Ability Consultant
 style info :基本・共通設定　ハックは最下部に記述
=================================================================== */

/*----------------------------------------------------
	基本設定、リンクカラーなど
----------------------------------------------------*/
body {
	background: #ececec;
	color: #2f1308;
	font-size: small;
	font-family: Verdana, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.5;
}


a:link {color: #2f1308; text-decoration: none;}

a:visited {color: #2f1308; text-decoration: none;}

a:hover {color: #2f1308; text-decoration: none;}

a:active {color: #505050; text-decoration: none;}

/* 半透明ホバー */
a:hover img ,
input.btn:hover {
	/* for IE */
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	/* CSS3 standard */
	opacity: 0.8;
}

img {
	vertical-align:top;
}

.img_l {
	float: left;
	padding-right: 10px;
}

.img_r {
	float: right;
	padding-left: 10px;
}

.box_l {
	float: left;
}

.box_r {
	float: right;
}

.txt_red {
	color: #791515;
	font-weight: bold;
}

.txt_bold {
	font-weight: bold;
}

.txt_center {
	text-align: center;
}

.txt_link {
	padding-left: 25px;
	background: url(images/ic_planlist.gif) 0 4px no-repeat;
}

.clickable {
	cursor: pointer;
}

.clickable img {
	/* for IE */
	filter: alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	/* CSS3 standard */
	opacity: 1!important;
}


sup {
	font-size: 50%;
}


/* -----------------------------------------------------------
	#original_header		ヘッダー

----------------------------------------------------------- */
#original_header {
	margin: 0 auto ;
	background:#e8dfc1;
}
/* ロゴ */
#original_header h1 {
	margin-bottom: 20px;
	padding-top: 10px;
	float: left;
}


/*--	.con_header
----------------------------------------------------------- */
#original_header .con_header {
	width:990px;
	height:82px;
	margin:0 auto;
	overflow:hidden;
}
#original_header .con_header h1 {
	float:left;
	width:290px;
	padding: 16px 0 0 0;
}
#original_header .con_header p.txt {
	float:left;
	width:690px;
	color: #957426;
	padding: 30px 0 0 0;
	font-size: x-small;
}


@media screen and (max-width: 1024px) {
	#original_header .con_header {
	width:830px;
	}
	#original_header .con_header p.txt {
		float:left;
		width:530px;
	}
}




/* -----------------------------------------------------------
	#title		２階層目コンテンツタイトルエリア

----------------------------------------------------------- */
#title {
	margin: 0 auto ;
	border-top:4px solid #563726;
	background: url(images/header/bg_innertitle.jpg) center top;
}
#title .con_title h2 {
	width:990px;
	margin:0 auto;
	height:48px;
	padding:42px 0 0 0;
	border: none;
	background: none;
}

@media screen and (max-width: 1024px) {
	#title .con_title h2 {
	width:830px;
	}
}

#title .con_title {
	background: url(images/bg_title.jpg) center top no-repeat;
}

.con_header h1 {
	border: none;
}



/* #pagenav
----------------------------------------------------------- */
#pagenav {
	width:100%;
	height:93px;
	z-index:1200;
}


/* #gnav
----------------------------------------------------------- */
#gnav {
	background: url(images/header/bg_gnav.jpg) center 0 repeat;
	height: 65px;
	overflow: hidden;
	width:100%;
	clear: both;
}
#gnav ul {
	width:990px;
	overflow:hidden;
	margin:0 auto;
}
#gnav li {
	height: 65px;
	float: left;
}


@media screen and (max-width: 1024px) {
	#gnav ul {
	width:830px;
	}
}

#gnav li a {
	padding-top: 65px;
	height: 0;
	display: block;
	overflow: hidden;
}

#gnav li.gnav_rom a {
	width: 100px;
	background: url(images/header/gnav_rooms.jpg) 0 0 no-repeat;
}

#gnav li.gnav_res a {
	width: 130px;
	background: url(images/header/gnav_restaurant.jpg) 0 0 no-repeat;
}

#gnav li.gnav_fac a {
	width: 120px;
	background: url(images/header/gnav_facilities.jpg) 0 0 no-repeat;
}

#gnav li.gnav_ban a {
	width: 123px;
	background: url(images/header/gnav_banquet.jpg) 0 0 no-repeat;
}

#gnav li.gnav_bue a {
	width: 150px;
	background: url(images/header/gnav_beauty.jpg) 0 0 no-repeat;
}

#gnav li.gnav_wed a {
	width: 123px;
	background: url(images/header/gnav_wedding.jpg) 0 0 no-repeat;
}

#gnav li.gnav_acc a {
	width: 115px;
	background: url(images/header/gnav_access.jpg) 0 0 no-repeat;
}

#gnav li.gnav_pla a {
	width: 129px;
	background: url(images/header/gnav_plan.jpg) 0 -65px no-repeat;
}

@media screen and (max-width: 1024px) {
	#gnav li.gnav_rom a {
		width: 71px;
		background: url(images/header/gnav_rooms_s.jpg) 0 0 no-repeat;
	}

	#gnav li.gnav_res a {
		width: 130px;
		background: url(images/header/gnav_restaurant_s.jpg) 0 0 no-repeat;
	}

	#gnav li.gnav_fac a {
		width: 90px;
		background: url(images/header/gnav_facilities_s.jpg) 0 0 no-repeat;
	}

	#gnav li.gnav_ban a {
		width: 112px;
		background: url(images/header/gnav_banquet_s.jpg) 0 0 no-repeat;
	}

	#gnav li.gnav_bue a {
		width: 142px;
		background: url(images/header/gnav_beauty_s.jpg) 0 0 no-repeat;
	}

	#gnav li.gnav_wed a {
		width: 99px;
		background: url(images/header/gnav_wedding_s.jpg) 0 0 no-repeat;
	}

	#gnav li.gnav_acc a {
		width: 80px;
		background: url(images/header/gnav_access_s.jpg) 0 0 no-repeat;
	}

	#gnav li.gnav_pla a {
		width: 103px;
		background: url(images/header/gnav_plan_s.jpg) 0 0 no-repeat;
	}
}

/* ホバー設定 */
#gnav li a:hover{
	background-position: 0 -65px !important;
}



/* #snav
----------------------------------------------------------- */
#snav {
	background: url(images/header/bg_snav.jpg) 0 0 repeat-x;
	height: 28px;
	overflow: hidden;
	clear: both;
}
#snav ul {
	margin:0 auto;
	width:913px;
	overflow:hidden;
	padding:0 0 0 77px;
}
#snav ul li {
	float:left;
	padding:;
}

@media screen and (max-width: 1024px) {
	#snav ul {
	width:830px;
	padding:0;
	}
}



/* -----------------------------------------------------------
	.contents-inner		INTRO
----------------------------------------------------------- */
#original_contents {
	margin: 50px auto 0;
}

#original_contents #original_contents-inner {
	background: #fff;
	margin:5px auto 50px;
	padding: 40px 95px 70px;
	max-width: 1150px;
  box-sizing: border-box;
}


/*----------------------------------------------------
	#topic
----------------------------------------------------*/
#original_contents #topic {
	margin:0 auto;
	width:990px;
	padding:15px 0 10px;
	overflow:hidden;
}
#original_contents #topic ul.topic {
	float:left;
	width:660px;
	font-size: x-small;
}
#original_contents #topic li {
	float:left;
	padding:0 0 0 6px;
}
#original_contents #topic li.home {
	padding:0;
}
#original_contents #topic li a {
	background:url(images/ic_topic.jpg) right center no-repeat;
	padding:0 12px 0 0;
	text-decoration: underline;
}
#original_contents #topic li a:hover {
	text-decoration: none;
}
#original_contents #topic .sns {
	float:left;
	width:330px;
}
#original_contents #topic .sns li {
	float:left;
}


/* タブレット端末用設定 */
@media screen and (max-width: 1024px) {
	#original_contents #topic {
		width:830px;
	}
	#original_contents #topic ul.topic {
		width:455px;
	}
}



/*----------------------------------------------------
	.btn_ptop		PAGE TOP ボタン
----------------------------------------------------*/
#original_contents .btn_ptop {
	text-align: center;
	clear: both;
}




/*----------------------------------------------------
	#contents-inner
----------------------------------------------------*/


#original_contents #contents-inner #contentsbox {
	padding:20px 0 0 0;
}
#original_contents #contents {
	float:none;
	width:800px;
	background: #fff;
}
#original_contents #contents h1 {
	/*padding:10px;
	margin: 0px 0px 5px 0px;*/
        line-height: 1.2em;
}
#original_contents #contents  h2 {
padding: 0px 0px 0px 20px;
margin-bottom: 10px;
}
#original_contents #contents div.plan-list {
/*	font-size: small!important;	*/
}
#original_contents #contents div.plan-list h3 {
	font-size: 140%;
	padding: 5px;
	margin: 0px 0px 20px 0px;
}

#original_main {
	width:950px;
}
#original_main td #category {
	line-height:1;
	width:auto !important;
}
div.plan-list table.plan-data,
div.plan-list p.comment {
	font-size:100%;
}

.plan-list input {
	padding:3px 10px;
}
div.plan-list #returntotop {
	font-size:90%;
	float:none !important;
	text-align:right;
	font-weight:bold;
}


div.listimgarea {
	padding:0 0 20px 20px;
}
div.previewbig {
	margin:0 0 5px 0;
}
div.selecterbig {
	margin:5px 0 0 0;
}

#original_contents  table {
/*	width:auto;	*/
}

#original_contents #contents-inner table th {
	color:#302415;
	padding:5px;
	font-size:90%;
}
#original_contents #contents-inner table td {
	color:#302415;
	padding:5px;
	font-size:90%;
}
#original_contents #contents-inner table#search {
width: 100%;
}
#original_contents #contents-inner div.plan-list table.plan-data th ,
#original_contents #contents-inner div.plan-list table.plan-data td {
	padding:5px 10px;
}
#original_contents #contents-inner div.plan-list table.plan-data th {
	color:#fff;
	border-top:1px solid #7c1e28;
	border-bottom:1px solid #7c1e28;
	background:none #7c1e28;
}

#original_contents #contents-inner table td td a {
	font-size:100%;
	color:#fff;
}

div.photoareabig {
	border:0;
}
div.selecterbig {
	border:0;
	background:none;
}
div.selecterbig a {
	border:1px solid #7c1e28;
}

#topic_path-tabs ul li a.current {
	font-size: small;
}

#topic_path-tabs ul li a {
	font-size: small;
}



/* -----------------------------------------------------------
	#original_footer		フッター

----------------------------------------------------------- */
#original_footer {
	margin: 0 auto;
	clear: both;
	border-bottom:1px solid #ffffff;
}

/* .con_footlist
----------------------------------------------------------- */
#original_footer .con_footlist {
	background:#291c09;
	margin:0 auto;
}
#original_footer .con_footlist .box_footlist {
	width:990px;
	margin:0 auto;
	overflow:hidden;
}

/* left */
#original_footer .con_footlist .box_footlist ul.left {
	float:left;
	width:495px;
}
#original_footer .con_footlist .box_footlist ul.left li {
	float:left;
	padding:15px 0;
}
#original_footer .con_footlist .box_footlist ul.left li a {
	border-right:1px solid #e4dbc4;
	color:#e4dbc4;
	padding:0 10px;
	text-decoration: none;
}
#original_footer .con_footlist .box_footlist ul.left li a:hover {
	text-decoration: underline;
}
#original_footer .con_footlist .box_footlist ul.left li a.end {
	border-right:0;
}


/* right */
#original_footer .con_footlist .box_footlist ul.right {
	float:left;
	width:495px;
	text-align:right;
	overflow: hidden;
	padding-top: 10px;
	*padding-top: 15px;
	line-height: 0;
	letter-spacing: -.40em;
}

#original_footer .con_footlist .box_footlist ul.right li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	letter-spacing: normal;
	margin-right: 8px;
}



/* .con_footarea
----------------------------------------------------------- */
#original_footer .con_footarea {
	background:url(images/footer/bg_footer.jpg);
	margin:0 auto;
	padding:0 0 50px 0;
}
#original_footer .con_footarea .footarea {
	margin:0 auto;
	width:990px;
	overflow:hidden;
}
/* box_footlogo */
#original_footer .con_footarea .box_footlogo {
	float:left;
	border:3px solid #ccc2a0;
	border-top:0;
	width:222px;
	background:url(images/footer/bg_footlogo.jpg);
}
#original_footer .con_footarea .box_footlogo h4.btn_ptop {
	width:222px;
	background:#fff;
	padding:30px 0 28px 0;
	text-align:center;
	margin:0 0 9px 0;
}
#original_footer .con_footarea .box_footlogo p.name {
	width:194px;
	background:#e2d9bf;
	font-weight:bold;
	text-align:center;
	padding:5px 14px;
}
#original_footer .con_footarea .box_footlogo address {
	text-align:center;
	padding:8px 14px 10px;
}
#original_footer .con_footarea .box_footlogo dl.tel {
	width:194px;
	padding: 0 14px;
	font-size:11px;
	overflow:hidden;
}
#original_footer .con_footarea .box_footlogo dl.tel dt {
	float:left;
	width:4em;
	font-weight:bold;
	padding:0 0 3px 0;
}
#original_footer .con_footarea .box_footlogo dl.tel dd {
	overflow: hidden;
}

#original_footer .con_footarea .box_footlogo ul {
	padding:20px 14px 0;
}
#original_footer .con_footarea .box_footlogo ul.sns {
	padding-left: 20px;
	overflow: hidden;
	padding-bottom: 10px;
}

#original_footer .con_footarea .box_footlogo ul li {
	text-align:center;
	margin:0 auto;
	padding:0 0 5px 0;
}


/* box_fnav */
#original_footer .con_footarea .box_fnav {
	float:left;
	width:760px;
	padding:35px 0 0 0;
}
#original_footer .con_footarea .box_fnav p a {
	color:#d8ccaa;
	text-decoration: none;
	font-weight: bold;
}
#original_footer .con_footarea .box_fnav p a:hover {
	text-decoration: underline;
}

#original_footer .con_footarea .box_fnav .fnav_list {
	float:left;
	width:206px;
	border-right:1px solid #65481b;
	border-left:1px solid #816c48;
	padding:0 14px 0 22px;
}
#original_footer .con_footarea .box_fnav .fnav_list.left {
	border-left:none;
	padding:0 22px 0 30px;
}
#original_footer .con_footarea .box_fnav .fnav_list.right {
	border-right:0;
	width:215px;
	padding:0 0 0 25px;
}
#original_footer .con_footarea .box_fnav .fnav_list p {
	background:url(images/footer/ic_footarrow.gif) left 4px  no-repeat;
	padding:0 0 8px 16px;
}
#original_footer .con_footarea .box_fnav .fnav_list ul.box_fnav {
	width:206px;
	float:none;
	padding:0 0 15px 0;
}
#original_footer .con_footarea .box_fnav .fnav_list ul.box_fnav li {
	background:url(images/footer/ic_txtlink.gif) 3px 7px no-repeat;
	padding:0 0 0 12px;
}

#original_footer .con_footarea .box_fnav .fnav_list .box_fnav a {
	color:#d8ccaa;
	text-decoration: underline;
}
#original_footer .con_footarea .box_fnav .fnav_list .box_fnav a:hover {
	text-decoration: none;
}
#original_footer p.copy {
	text-align:center;
	border-bottom:1px solid #b0a78a;
	padding:15px 0;
	font-size: x-small;
}



/* タブレット端末用設定 */
@media screen and (max-width: 1024px) {
	#original_footer .con_footlist .box_footlist {
		margin:0 auto;
		float:none;
		width: 830px;
	}
	#original_footer .con_footlist .box_footlist ul.left {
		float:left;
		width:405px;
	}
	#original_footer .con_footlist .box_footlist ul.right {
		float:right;
		width:425px;
		text-align:right;
	}
	#original_footer .con_footarea .footarea {
		margin:0 auto;
		float:none;
		width: 830px;
	}
}

/* タブレット端末用設定 */
@media screen and (max-width: 1024px) {
	#original_footer .con_footarea .box_footlogo {
		float:none;
		width:796px;
		position:relative;
		height:155px;
		border:3px solid #ccc2a0;
		border-top:0;
		background:url(images/footer/bg_footlogo.jpg);
	}
	#original_footer .con_footarea .box_footlogo h4.btn_ptop {
		float:left;
	}
	#original_footer .con_footarea .box_footlogo p.name {
		float:left;
		margin:30px 300px 0 0;
	}
	#original_footer .con_footarea .box_footlogo address {
		float:left;
		width:300px;
		padding: 8px 0 10px 0;
		text-align:left;
	}
	#original_footer .con_footarea .box_footlogo dl.tel {
		float:left;
		width:300px;
		padding: 8px 0 0 0;
		text-align:left;
	}
	#original_footer .con_footarea .box_footlogo ul.sns {
		width:380px;
		position:absolute;
		right:10px;
		top:10px;
		text-align:center;
	}
	#original_footer .con_footarea .box_footlogo ul.sns li {
		display:inline-block;
	}


	#original_footer .con_footarea .box_fnav {
		float:none;
		padding: 15px 0 0 0;
		width:750px;
		overflow:hidden;
		margin:0 auto;
	}

	#original_footer .con_footarea {
		padding:0 0 25px 0;
	}
}


/*======================================

	hack - 各種cssハック - for IE7

=======================================*/
*:first-child+html {}


/*======================================

	hack - 各種cssハック - for IE6

=======================================*/s
* html {}




#direct_in		{ width: 760px; margin-top: 0px; margin-bottom: 25px; text-align: center; font-size: 12px; *margin-top: 15px;}
#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: #6f5228; text-decoration: underline;}
#direct_in ul li a:hover{ color: #6f5228; text-decoration: none;}

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