@charset "Shift-Jis";

/*
 :dependencies [
 	:name "Yahoo";
	:title "YUI Fonts CSS";
	:description "ブラウザ間のフォントサイズを揃えるライブラリ";
	:revisiton "2.5.1";
	:homepage <http://developer.yahoo.com/yui/fonts/>;
	:license <http://developer.yahoo.com/yui/license.txt>;
	:note "
		Font-size Adjustment.
			77% = 10px	|	123.1% = 16px	|	167% = 22px
			85% = 11px	|	131% =  17px	|	174% = 23px 
			93% = 12px	|	138.5% = 18px	|	182% = 24px 
			100% = 13px	|	146.5% = 19px	|	189% = 25px 
			108% = 14px	|	153.9% = 20px	|	197% = 26px 
			116% = 15px	|	161.6% = 21px	| 
			"
	]
*/

/* Do not edit Start*/
body{ font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/* Do not edit End*/



*{
	margin: 0;
	padding: 0;
}

body{
/*	font-family: "ＭＳゴシック","ヒラギノ角ゴ", Osaka ;  /*, Century Gothic , Arial*/
	text-align: center;
	color: #625B58;
	background-color: #ffffff;
	position: relative;
}

a,
img,
a img		{ border: none;}

img			{ vertical-align: bottom; }


hr			{ clear: both; height: 0px; border: none; color: #F4F2F1;}

address		{ clear: both; font-family: Century Gothic; }



/*  clearfix
--------------------------------------------------------------------------*/
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



/*	iepngfix
--------------------------------------------------------------------------*/
* html .iepngfix{
	behavior: expression(IEPNGFIX.fix(this));
}



/*	作業効率UP
--------------------------------------------------------------------------*/
.fleft	{ float: left;}
.fright	{ float: right;}

.fclear	{ clear: both;}
.clearl	{ clear: left;}
.clearf	{ clear: right;}

.aright	{ text-align: right;}
.aleft	{ text-align: left;}
.acenter{ text-align: center;}



/*	フォントサイズ,フォントアクセント
--------------------------------------------------------------------------*/
h1,h2,h3,h4,p,li,dt,dd,th,td,adress{ font-size: 93%; line-height: 1.5; text-align: left;}

li p,dd p,th p,td p{ font-size: 100%;}

.attention	{ color: #c00;}
.notice		{ font-weight: bold;}

.accent01	{ color: orange;}
.accent02	{ color: blue;}



/*	リンク
--------------------------------------------------------------------------*/
a 			{ text-decoration: none; font-weight: bold;}

a:link		{ color:#625B58; font-weight: bold;}

a:visited	{ color:#625B58; font-weight: bold;}

a:hover 	{ color:#473640;}

a:active	{ color:#222222;}





/*	詳細
--------------------------------------------------------------------------*/
table {
	border-collapse:collapse;
	border-spacing:0;
}

caption,th {
	text-align:left;
}

fieldset{
	border:0;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}


input.InputArea{
	font-size: 10px;
	line-height: 12px;
	height: 12px; _height: 21px;
	background: #190506;
	border: #3F2620 1px solid;
	padding: 3px 1px 4px;
	color: #fefefe;
}

input.SubmitBtn{ 
	font-size: 10px;
	background: #1B1212;
	color: #fefefe;
	border: #3F2620 1px solid;
	margin-left: 2px;
	padding: 2px;
}



/*--------------------------------------------------------------------------*/
	/*ベースレイアウト*/
/*--------------------------------------------------------------------------*/
div.MainContainer		{ width: 918px; margin: 0 auto; background: #ffffff; overflow: hidden; zoom: 1;}
div.Site,
div.Publication			{ width: 918px; margin: 0 auto; clear: both;}
div.PageTopics			{ width: 670px; float: right;}
div.SubContents			{ width: 245px; float: right;}



/*--------------------------------------------------------------------------*/
	/*＠div.MainContainer
	/*メインコンテナ*/
/*--------------------------------------------------------------------------*/
/*div.MainContainer		{ background: url(../../images/background.jpg) no-repeat top center #ECE6E3;}*/
div.MainContainer		{ background: #ECE6E3;}



/*--------------------------------------------------------------------------*/
	/*＠div.Site
	/ヘッダー＆ナビゲーション*/
/*--------------------------------------------------------------------------*/
/*div.Site				{ overflow: hidden; zoom: 1; background: url(../../images/sitebackground.gif) repeat-x bottom left;}*/
div.Site				{ overflow: hidden; zoom: 1; background: url(../../images/background.jpg) no-repeat top center #ECE6E3;}

h1						{
	position: relative; 
	top: 0;
	left: 12px;
	font-size: 1px;
	line-height: 20px;
	height: 20px;
	font-weight: normal;
	z-index: 5;
}
h1 img					{ position: absolute; top: 0px; left: -8px; z-index: 10;}
* html h1 img			{ behavior: expression(IEPNGFIX.fix(this));}

ul.AssistNavigation			{ margin-bottom: 5px; margin-right: 12px; margin-top: 70px; overflow: hidden;}
ul.AssistNavigation li		{ font-size: 10px; height: 15px; line-height: 15px; text-align: right; }

div.Site ul.Navigation		{ height: 28px; clear: both; margin-left: 492px; overflow: hidden; zoom: 1;}
div.Site ul.Navigation li	{ float: left; margin-right: 2px; font-size: 10px; height: 28px; line-height: 28px;}



/*--------------------------------------------------------------------------*/
	/*＠div.PageTopics
	/コンテンツ*/
/*--------------------------------------------------------------------------*/
div.PageTopics					{ overflow: hidden; zoom: 1; text-align: left; clear: both; background: #ECE6E3;}

div.PageTopics div.TopicsTitle	{
	background: url(../../images/h2titlebackground.gif) no-repeat top left;
	margin-top: 12px;
}
div.PageTopics div.TopicsTitle h2,
div.PageTopics div.TopicsTitle h2 img{
	vertical-align: middle;
}
div.PageTopics div.TopicsTitle h2		{ font-size: 10px; color: #540C5A; padding-top: 5px; padding-bottom: 1px;}
div.PageTopics div.TopicsTitle h2 img	{ margin-right: 8px; margin-left: 4px;}

div.PageTopics div.section		{ text-align: center; margin-right: 2px; margin-bottom: 3px; border: 1px solid #928D8D;}



/*--------------------------------------------------------------------------*/
	/*＠div.SubContents
	/共通表示部分*/
/*--------------------------------------------------------------------------*/
div.SubContents			{
	text-align: left;
	margin-bottom: 2em;
	margin-top: -25px;
	background: url(../../images/subcontentsbackground.gif) repeat-y top left;
}

div.SubContents h2,
div.SubContents h2 img	{ vertical-align: middle;}
div.SubContents h2		{ background: #928D8D; height: 24px;font-size: 9.5px; color: #540C5A; margin-left: 3px; margin-right: 9px;}
div.SubContents h2 img	{ margin-right: 5px;}



/*	新着情報
-----------------*/
div#UpdateInformation			{ height: 47px; margin: 2px 12px 2px 15px; overflow: auto; border: none;}

html body div#UpdateInformation,
body div#UpdateInformation		{
	scrollbar-face-color: #C4C0C2; /* 表面の色 */
	scrollbar-arrow-color: #928D8D; /* 矢印の色 */
	scrollbar-highlight-color: #C4C0C2; /* ハイライトの色 */
	scrollbar-shadow-color: #C4C0C2; /* 影の色 */
	scrollbar-base-color: #C4C0C2; /* ベース色 */
	scrollbar-3dlight-color: #928D8D; /* 左端と上端の色 */
	scrollbar-darkshadow-color: #928D8D; /* 右端と下端の色 */
}
div#UpdateInformation p			{ font-size: 11px;}
div#UpdateInformation a			{ font-weight: bold;}



/*	店舗一覧
-----------------*/
div.SubContents div				{ margin-left: 3px; margin-right: 9px; padding-bottom: 6px; text-align: center; border-bottom: 1px solid #928D8D;}
div.SubContents div dl			{ width: 215px; margin: 6px auto 0; background: #CECACB; overflow: hidden; zoom: 1;}

div.SubContents div dt			{ float: left;}
div.SubContents div dt img		{ border: 3px solid #fff;}
div.SubContents div dd			{ margin-left: 66px; font-size: 11px; line-height: 1.2;}
div.SubContents div dd p		{ 
	font-size: 11px;
	font-weight: bold;
	line-height: 1.5;
	margin-bottom: 3px;
	position: relative;
	border-bottom: dashed 1px #020201;
	color: #020201;
}
div.SubContents div dd p span	{ display: block; position: absolute; top: 0; left: 93px;}



/*	ホテル検索
-----------------*/
div.SubContents form.HotelSearch	{ margin-left: 8px; margin-top: 7px; margin-bottom: 5px;}
div.SubContents form.HotelSearch p	{ 
	background: url(../../images/liststyleimage01.gif) no-repeat 0px 2px;
	padding-left: 15px;
	color: #421F3D;
}

div.SubContents form.HotelSearch ul.Notice		{ margin-left: 15px; color: #421F3D; font-weight: normal;}
div.SubContents form.HotelSearch ul.Notice li	{ font-size: 10px;}

div.SubContents form.HotelSearch p input.InputArea{
	width: 158px;
	border: solid 1px #928D8D;
	background: #ECE6E3;
	color: #421F3D;
}
div.SubContents form.HotelSearch p input.SubmitBtn{
	border-top: solid 1px #928D8D;
	border-bottom: solid 1px #928D8D;
	border-right: solid 1px #928D8D;
	border-left: solid 1px #ECE6E3;
	background: #ECE6E3;
	color: #421F3D;
	margin-left: 0;
}



/*--------------------------------------------------------------------------*/
	/*＠div.Publication
	/フッター＆ナビゲーション*/
/*--------------------------------------------------------------------------*/
div.Publication		{ text-align: center;}

div.Publication p.SubNavigation{
	background: #1C1211 url(../../images/publicationbackground.gif) repeat-x top left;
	color: #020201;
	font-size: 93%;
	text-align: center;
	height: 32px;
	line-height: 32px;
}
div.Publication p.SubNavigation a		{ color: #020201; font-weight: normal;}
div.Publication p.SubNavigation a:hover	{ font-weight: normal; color: #723467;}
div.Publication p.SubNavigation span	{ margin-left: 0.3em; margin-right: 0.2em;}

address				{ font-size: 93%; padding-top: 0.3em; padding-bottom: 0.3em;}
address a:link		{ color: #723467;}
address a:hover		{ color: #020201;}