@charset "utf-8";
/* CSS Document */


/*------------------------------------------
 すべての要素 
------------------------------------------*/
html
{
	height:100%;
}


/*------------------------------------------
 body
------------------------------------------*/
body
{
	font-family:"ＭＳ Ｐゴシック", Verdana, Arial, sans-serif;
	font-size:80%;
	line-height:110%;
	color:#333333;
	background:#780915;
	text-align:center;
	margin:0 auto;
	padding:0;
}


/*------------------------------------------
 float解除 
------------------------------------------*/
.clear
{
	clear:both;
}


/*------------------------------------------
 リンク 
------------------------------------------*/
a
{
	color:#cc0000;
}

a:hover
{
	color:#6633ff;
}

a img
{
	border:0;
}


/*------------------------------------------
 段落
 ------------------------------------------*/
#footer p
{
	margin-bottom:0.3em;
} 

/*------------------------------------------
 全体
------------------------------------------*/
#main-container
{
	width:750px;
	/*font-size:100%;*/
	background:#ffffff;
	margin:0 auto;
	text-align:center;
}


/*------------------------------------------
 ヘッダー
 ------------------------------------------*/
#header
{
	width:750px;
	height:111px;
}

#header-left
{
	width: 514px;
	height: 111px;
	float: left;
}

#header-right
{
	width: 236px;
	height: 111px;
	float: right;
}


/*------------------------------------------
 コンテンツ全体ボックス
 ------------------------------------------*/
/* 本文全体のボックス　*/
#container
{
	width:750px;
	text-align:left;
	/*font-size:100%;*/
}



/* メニューボックス　*/
#menu
{
	width:180px;
	margin:0 auto;
	padding:0 5px 0 10px;
	float:left;
	/*font-size:80%;*/
}

/* メインボックス　*/
#top-main,
#sub-main
{
	width:540px;
	margin:0 auto;
	padding:0 10px 0 5px;
	float:right;
}




/*------------------------------------------
 サブページ
 ------------------------------------------*/
/* パンくずリスト　*/
#sub_topicpath
{
	padding:10px 0px 10px 15px;
	float:left;
	font-size:80%;
	line-height:100%;
	color:#666666;
}

#sub_topicpath a
{
	color:#666666;
}

#sub_topicpath a:hover
{
	color:#cc0000;
/*	background:#ffffff;*/
}


/* コンテンツ部　*/
.contents
{
/*	width:100%;*/
	margin:0 5px 0 10px;
	/*font-size:80%;*/
	line-height:1.5em;
}


/* 注釈コメント　*/
.comment
{
	font-size:90%;
	margin:5px 0 5px 0;
	line-height:100%;
}

/* ページトップへ　*/
.pagetop
{
	font-size:90%;
	margin:5px 20px 5px 0px;
	text-align:right;
}

/*------------------------------------------
 メニューボックス内設定
 ------------------------------------------*/
#menu p.midashi
{
	background:#780915;
	color:#ffffff;
	font-weight:bold;
	font-size:120%;
	width:180px;
	margin:0 auto;
	padding:5px 0;
}

#menu ul
{
	list-style:none;
	margin:0 0 1.5em 0;
	padding:0;
	background:url(images/contents_bg_1.gif) repeat-y;
}

#menu li,
#menu li.here
{
	list-style:none;
	font-size:110%;
	font-weight:bold;
	width:155px;
	height:27px;
	line-height:1.7em;
	margin:0 auto;
	padding:5px 0 0 25px;
	
}

#menu li
{
	background:url(images/contents_bg.gif) no-repeat bottom;
}

#menu li.here
{
	background:url(images/contents_bg_here.gif) no-repeat bottom;
}

#menu a
{
	color:#333333;
}

#menu a:hover
{
	color:#cc0000;
}

#guide,
#diva
{
	background:#780915;
	color:#ffffff;
	padding:2px 0 2px 0;
	margin-bottom:1em;
}

#diva
{
	font-size:80%;
	text-align:right;
	padding-left:4px;
	padding-right:4px;
	line-height:120%;
}

#top-main .image-box,
#sub-main .image-box
{
	padding:10px 20px 0 20px;
	text-align:center;
	font-size:80%;
	line-height:100%;
	float:left;
}

#top-main .image-box
{
	width:110px;
}

#sub-main .image-box
{
	width:160px;
}

#top-main .text-box,
#sub-main .text-box
{
	padding-top:10px;
	float:right;
}

#top-main .text-box
{
	width:386px;
}

#sub-main .text-box
{
	width:336px;
}

#sub-main dd
{
	padding-bottom:10px;
}

#sub-main table
{
	background:#cccccc;
}


#sub-main tr.a
{
	background:#FFE8DD;
}

#sub-main tr.b
{
	background:#FFFFDF;
}

#sub-main tr.c
{
	background:#FFD7FF;
}

#sub-main tr.white
{
	background:#ffffff;
}




/*------------------------------------------
 トップページインフォボックスリスト
 ------------------------------------------*/
#top-main #info ul
{
	list-style:none;
	margin:0 1em;
	padding-left:0.5em;
}


#top-main #info li
{
	line-height:1.7em;
	padding-left:20px;
	background:url(images/listmark_1.gif) no-repeat left 0.5em;
	border-bottom:#780915 1px dashed;
}

/*------------------------------------------
 サブページリスト
 ------------------------------------------*/
#sub-main ul
{
	list-style:none;
	margin:0 1em;
	padding-left:0.5em;
}


#sub-main li
{
	line-height:1.7em;
	padding-left:20px;
	background:url(images/listmark_1.gif) no-repeat left 0.5em;
}


/*------------------------------------------
 フッター
 ------------------------------------------*/
#footer
{
	width:750px;
	height:41px;
	background:url(images/footer_bg.gif) no-repeat;
}

#footer-inner
{
	color:#ffffff;
	font-size:80%;
	padding-top:15px;
}



/*------------------------------------------
 見出し
 ------------------------------------------*/
h1
{
	display:none;
}

h2
{
	margin-bottom:5px;
}

h5
{
	border-left:10px solid #FF3366;
	padding-left:10px;
}

#top-main #info h2,
#top-main #spa h2,
#top-main #esthe h2
{
	text-indent:-9999px;
	width:535px;
	height:21px;
	margin:10px 0 0 0;
}

#top-main #info h2
{
	background:url(images/top_midashi_info.gif) no-repeat;
}

#top-main #spa h2
{
	background:url(images/top_midashi_spa.gif) no-repeat;
}

#top-main #esthe h2
{
	background:url(images/top_midashi_esthe.gif) no-repeat;
}

#top-main h3
{
	color:#780915;
	font-size:110%;
	margin-bottom:5px;
}

#sub-main h2
{
	width:535px;
	height:25px;
	margin:0;
	padding-left:5px;
	font-size:130%;
	color:#780915;
	line-height:160%;
	background:url(images/sub_h2_bg.gif) no-repeat;
}

#sub-main h3
{
	color:#780915;
	font-size:110%;
	margin-bottom:5px;
}

#sub-main h3.esthe,
#sub-main h4.esthe
{
	width:480px;
	height:27px;
	font-size:110%;
	color:#993366;
	font-weight:lighter;
	margin:0 0 5px 0;
	padding:7px 3px 0 45px;
	line-height:200%;
	background:#ffffff url(images/fair_h3_bg.gif) no-repeat;
}

#sub-main h4
{
	width:519px;
	color:#780915;
	font-size:100%;
	font-weight:lighter;
	margin-bottom:5px;
	padding:3px;
	background:#EDDFE0;
}



/*------------------------------------------
 画像回り込み
 ------------------------------------------*/
img.left
{
	margin:0 20px;
	float:left;
}

img.right
{
	margin:0 20px;
	float:right;
}



/*------------------------------------------
 画像の回り込みで、画像が文字より高い時の
 背景の調節
 ------------------------------------------*/
.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */

/*------------------------------------------
 フォント
 ------------------------------------------*/
.big110
{
	font-size:110%;
	line-height:1em;
}

.big150
{
	font-size:150%;
	line-height:1em;
}

.blue
{
	color:#6666FF;
}

.red
{
	color:#780915;
}

.small_80
{
	font-size:80%;
	line-height:1em;
}

.pink
{
	color:#FF0080;
}

.kakaku
{
	font-size:150%;
	font-weight:bold;
	color:#FF0080;
	line-height:1em;
}