/* -----------------------------------------------------------

CSS Information

 File name:     index.css

 Style Info:     トップページ用スタイル

----------------------------------------------------------- */
body#index{
	background:url(../images/index/bg.gif) center top repeat-x;
}


/* ------------------------------------------------------------
  HEADER
------------------------------------------------------------ */
body#index div#header{
	background:url(../images/index/header_bg.gif) left top no-repeat;
	width:899px;
	height:107px;
	margin:0 auto;
	position:relative;
}
body#index div#header p#logo{
	width:249px;
	height:81px;
	position:absolute;
	top:15px;
	left:0px;
	margin:0;
}
body#index div#header div{
	width:350px;
	color:#66FF99;
	position:absolute;
	top:50px;
	right:231px;
	text-align:right;
}
body#index div#header div h1,
body#index div#header div h2,
body#index div#header div p{
	font-size:12px;
	font-weight:normal;
	color:#996666;
	line-height:1;
	margin:0 0 4px 0;
}
body#index div#header div h1 a{
	text-decoration:none;
}
body#index div#header p#contact{
	width:209px;
	height:21px;
	margin:0;
	position:absolute;
	top:53px;
	right:5px;
}

/* ------------------------------------------------------------
  MAIN VISUAL
------------------------------------------------------------ */
div#mainVisual{
	margin:0 auto;
	width:899px;
	height:308px;
	background:url(../images/index/main_visual.jpg) left top no-repeat;
	position:relative;
}
div#mainVisual p{
	width:293px;
	height:35px;
	position:absolute;
	top:29px;
	right:36px;
}

/* ------------------------------------------------------------
  CONTENTS
------------------------------------------------------------ */
h3.titleNews{
	width:600px;
	height:23px;
	margin:0;
	line-height:1;
}

div#information{
	width:600px;
	height:112px;
	overflow:auto;
	margin:0 0 18px 0;
	scrollbar-face-color:#ffffff;       /* 表面の色 */
	scrollbar-3dlight-color:#9B5858;    /* 左端と上端の色 */
	scrollbar-highlight-color:#ffffff;  /* ハイライトの色 */
	_scrollbar-highlight-color:#FFFFFF;  /* ハイライトの色 */
	scrollbar-shadow-color:#ffffff;     /* 影の色 */
	_scrollbar-shadow-color:#EFE5E2;     /* 影の色 */
	scrollbar-darkshadow-color:#9B5858; /* 右端と下端 */
	scrollbar-arrow-color:#9B5858;      /* 矢印の色 */
	scrollbar-track-color:#EFE5E2;      /* バーの背景の色 */

}
div#information .box03{
	margin:0;
	_font-size:1em;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 15px;
}
div#information .box03 span{
	margin:0;
	_font-size:1em;
	padding-right: 15px;
	padding-left: 15px;
	color: #663333;
}
div#information table{
	width:570px;
	margin:0;
	_font-size:1em;
}
div#information table th{
	width:80px;
	font-weight:normal;
	text-align:left;
	color:#9A6464;
	background:url(../images/index/news_th.gif) left bottom no-repeat;
	padding:14px 0 10px 0;
	line-height:1;
	text-indent:10px;
	letter-spacing:-1px;
}
div#information table td{
	padding:14px 0 10px 0;
	line-height:1;
	background:url(../images/index/news_td.gif) left bottom no-repeat;
}
div#greeting{
	width:600px;
	height:180px;
	margin:0 0 20px 0;
	background:url(../images/index/greeting_bg.jpg) left top no-repeat;
	position:relative;
}
div#greeting p{
	position:absolute;
	top:113px;
	left:22px;
	margin:0;
	color:#666666;
}
div#greeting p a{
	text-decoration: none;
}
div#greeting .02{
	position:absolute;
	top:148px;
	left:450px;
	margin:0;
	color:#666666;
	font-size: 11px;
}

/* ------------------------------------------------------------
  CONTENTS MENU
------------------------------------------------------------ */
ul#contentsMenu{
	margin:0 0 36px 0;
    display: inline-block;
}

ul#contentsMenu:after {   
    content: ".";   
    display: block;   
    visibility: hidden;   
    height: 0.1px;   
    font-size: 0.1em;   
    line-height: 0;   
    clear: both;   
}
ul#contentsMenu li{
	width:285px;
	height:169px;
	position:relative;
	display:inline;
	float:left;
}
ul#contentsMenu li p{
	margin:0;
	width:270px;
	font-size:12px;
	line-height:1.1;
	position:absolute;
	top:115px;
	left:7px;
	color:#663333;
}
ul#contentsMenu li small{
	display:block;
	width:60px;
	height:10px;
	position:absolute;
	top:151px;
	right:7px;
	background:url(../images/index/arrow.gif) right top no-repeat;
	line-height:1;
}
ul#contentsMenu li small a:link,
ul#contentsMenu li small a:visited{
	text-decoration:none;
}
ul#contentsMenu li small a:hover,
ul#contentsMenu li small a:active{
	text-decoration:underline;
}
ul#contentsMenu li.history{
	background:url(../images/index/history_bg.jpg) left top no-repeat;
	margin:0 0 20px 0;
}
ul#contentsMenu li.gallery{
	background:url(../images/index/gallery_bg.jpg) left top no-repeat;
	margin:0 0 20px 29px;
}
ul#contentsMenu li.entrance{
	background:url(../images/index/entrance_bg.jpg) left top no-repeat;
	margin:0 0 20px 0;
}
ul#contentsMenu li.facilities{
	background:url(../images/index/intro_bg.jpg) left top no-repeat;
	margin:0 0 20px 29px;
}