@charset "utf-8";
/* index.css */


/* ====================================
			contents
==================================== */
div#contents {
	width: auto;
	height: auto;
	background: URL(images/index/img_main.jpg) center top no-repeat #ECE9D6;
	clear: both;
}
div#contents div.bg {
	width: 910px;
	height: auto;
	/*margin: 307px auto 0 auto;*/
	margin: 290px auto 0 auto;
	padding: 13px 0 0 0;
	/*
	background: URL(../images/index/contents/bg_contents_white.png) center top repeat-y;
	behavior: expression(IEPNGFIX.fix(this));
	*/
}


/* ====================================
			mainimg
==================================== */
div#contents h2 {
	margin: 0;
	padding: 0;
	font-size: 12px;
	text-indent: -9999px;
}


/* ====================================
			page title
==================================== */
div#rightcontents div#pagetitle {
	width: 620px;
	height: 84px;
	margin: 0 0 0 14px;
	text-align: right;
	background: URL(images/index/tit_stay.gif) left top no-repeat;
}
div#rightcontents div#pagetitle h3 {
	width: 200px;
	margin: 0;
	padding: 0;
	font-size: 0px;
	float: left;
}
div#rightcontents div#pagetitle ul {
	width: 410px;
	margin: 30px 0 0 0;
	padding: 0 10px 0 0;
	list-style-type: none;
	float: right;
}
div#rightcontents div#pagetitle li {
	display: inline;
	margin: 0;
	padding: 0;
	font-size: 10px;
	color: #858697;
}
div#rightcontents div#pagetitle li span {
	margin: 0 4px;
}
div#rightcontents div#pagetitle li a {
	color: #858697;
	text-decoration: underline;
}
div#rightcontents div#pagetitle li a:hover {
	color: #858697;
	text-decoration: none;
}


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

	タブインデックス

=======================================*/
div#contents div.bg ul#cont_another_tabindex {
	height: 45px;
	padding:0 0 0 15px;
	margin:20px 0 0 0;
}

div#contents div.bg ul#cont_another_tabindex li {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	float: left;
}
div#contents div.bg ul#cont_another_tabindex .close {
	background: url(images/index/tab_ba_bl.gif) top left no-repeat;
	white-space: nowrap;
}

div#contents div.bg ul#cont_another_tabindex .open {
	background: url(images/index/tab_bar.gif) top left no-repeat;
	white-space: nowrap;
}

div#line{
	margin:0 0 15px 15px;
	padding:0;
	width:620px;
	height:4px;
	background:url(images/index/tab_line.gif) top left no-repeat;
}
* html div#line{
	margin:0 0 0 15px;
}
/*------タブ1-------*/
div#contents div.bg ul#cont_another_tabindex li#head1{
	width:202px;
	height:45px;
	background-position:0 0;
}

div#contents div.bg ul#cont_another_tabindex li#head1 a{
	width: 202px;
	height: 45px;
	overflow: hidden;
	text-indent: -9999px;
	display: block;
}
/*------タブ2-------*/
div#contents div.bg ul#cont_another_tabindex li#head2{
	width:207px;
	height:45px;
	background-position:-202px 0;
}

div#contents div.bg ul#cont_another_tabindex li#head2 a{
	width: 207px;
	height: 45px;
	overflow: hidden;
	text-indent: -9999px;
	display: block;
}

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

	コンテンツ共通

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

div#contents  p.ph_1{
	float:left;
	margin:15px 0 0 0;
	padding:0;
}

div#contents  p.title_1{
	float:left;
	margin:15px 0 0 10px;
	padding:0;
}
div#contents  p.format_1{
	float:left;
	width:270px;
	margin:0 0 0 15px;
	padding:0;
	font-size:0.8em;
	line-height:1.6em;
}
div#contents  p.format_1 a{
	letter-spacing:0;
}

div#contents  p.ph_2{
	float:right;
	margin:15px 0 0 0;
	padding:0;
}
div#contents  p.title_2{
	float:left;
	margin:15px 0 0 0;
	padding:0;
}

div#contents  p.format_2{
	float:left;
	width:270px;
	margin:0 0 0 5px;
	padding:0;
	font-size:0.8em;
	letter-spacing:0.1em;
	line-height:1.6em;
}
div#contents  p.format_2 a{
	letter-spacing:0;
}
div#contents p.restrant_btn2 {
	float:left;
	width:270px;
	margin:10px 0 0 5px;
	padding:0;
	text-align:right;
}

div#contents p.restrant_btn1 {
	float:left;
	width:270px;
	margin:10px 0 0 10px;
	padding:0;
	text-align:right;
}





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

	コンテンツ1

=======================================*/
div#contents div.bg div#rightcontents div#cont_another1 div#contents1{
	clear:both;
	margin:0 auto 20px;
	padding:0;
	width:590px;
}
div#contents div.bg div#rightcontents div#cont_another1 div#contents1 h4 {
	width:590px;
	height: 24px;
	overflow: hidden;
	text-indent: -9999px;
	display: block;
	background: url(images/index/stay_st1.gif) top left no-repeat;
	margin:0;
}

/*------コンテンツ1_2-------*/
div#contents div.bg div#rightcontents div#cont_another1 div#contents1_2{
	clear:both;
	margin:0 auto 20px;
	padding:0;
	width:590px;
}

/*------コンテンツ1_3-------*/
div#contents div.bg div#rightcontents div#cont_another1 div#contents1_3{
	clear:both;
	margin:0 auto 20px;
	padding:0;
	width:590px;
}

/*------コンテンツ1_4-------*/
div#contents div.bg div#rightcontents div#cont_another1 div#contents1_4{
	clear:both;
	margin:0 auto 30px;
	padding:0;
	width:590px;
}

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

	コンテンツ2

=======================================*/
div#contents div.bg div#rightcontents div#cont_another1 div#contents2{
	clear:both;
	margin:0 auto 20px;
	padding:0;
	width:590px;
}
div#contents div.bg div#rightcontents div#cont_another1 div#contents2 h4 {
	width:590px;
	height: 24px;
	overflow: hidden;
	text-indent: -9999px;
	display: block;
	background: url(images/index/stay_st2.gif) top left no-repeat;
	margin:0;
}

/*------コンテンツ2_2-------*/
div#contents div.bg div#rightcontents div#cont_another1 div#contents2_2{
	clear:both;
	margin:0 auto 30px;
	padding:0;
	width:590px;
}

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

	コンテンツ3

=======================================*/
/*------コンテンツ3共通-------*/
div#contents div.bg div#rightcontents div#cont_another1 div#contents3 div.corner1{
	float:left;
	width:285px;
	height:120px;
	margin:20px 19px 0 0;
	background-color:#EFF2F5;
}
div#contents div.bg div#rightcontents div#cont_another1 div#contents3 div.corner1_2{
	float:left;
	width:285px;
	height:120px;
	margin:20px 19px 0 0;
	background-color:#DBE0E4;
}
div#contents div.bg div#rightcontents div#cont_another1 div#contents3 div.corner2{
	float:left;
	width:285px;
	height:120px;
	margin:20px 0 0 0;
	background-color:#DBE0E4;
}
div#contents div.bg div#rightcontents div#cont_another1 div#contents3 div.corner2_2{
	float:left;
	width:285px;
	height:120px;
	margin:20px 0 0 0;
	background-color:#EFF2F5;
}

p.corner_ph1 {
  float:left;
  margin:10px 0 0 0;
  padding:0 0 0 10px;
}
p.corner_text1 {
	float:left;
	width:108px;
	font-size:0.8em;
	letter-spacing:0.1em;
	line-height:1.4em;
	margin:5px 0 0 0;
	padding:0 0 0 10px;
}
p.corner_text1 span {
	font-weight:bold;
}
/*------共通ここまで-------*/
div#contents div.bg div#rightcontents div#cont_another1 div#contents3{
	clear:both;
	margin:0 auto 20px;
	padding:0;
	width:590px;
}
div#contents div.bg div#rightcontents div#cont_another1 div#contents3 h4 {
	width:590px;
	height: 24px;
	overflow: hidden;
	text-indent: -9999px;
	display: block;
	background: url(images/index/stay_st3.gif) top left no-repeat;
	margin:0;
}

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

	観光_コンテンツ1

=======================================*/
div#contents div.bg div#rightcontents div#cont_another2 div#contents4{
	clear:both;
	margin:0 auto 20px;
	padding:0;
	width:590px;
}
div#contents div.bg div#rightcontents div#cont_another2 h4.active {
	width:590px;
	height: 24px;
	overflow: hidden;
	text-indent: -9999px;
	display: block;
	background: url(images/index/sightseeing/tit_active.gif) top left no-repeat;
	margin:0;
}
div#contents div.bg div#rightcontents div#cont_another2 h4.spa {
	width:590px;
	height: 24px;
	overflow: hidden;
	text-indent: -9999px;
	display: block;
	background: url(images/index/sightseeing/tit_spa.gif) top left no-repeat;
	margin: 15px 0 0 0;
}
div#contents div.bg div#rightcontents div#cont_another2 h4.spa {
	width:590px;
	height: 24px;
	overflow: hidden;
	text-indent: -9999px;
	display: block;
	background: url(images/index/sightseeing/tit_spa.gif) top left no-repeat;
	margin: 15px 0 0 0;
}
div#contents div.bg div#rightcontents div#cont_another2 h4.sound {
	width:590px;
	height: 24px;
	overflow: hidden;
	text-indent: -9999px;
	display: block;
	background: url(images/index/sightseeing/tit_sound.gif) top left no-repeat;
	margin: 15px 0 0 0;
}
div#contents div.bg div#rightcontents div#cont_another2 h4.fujikyu {
	width:590px;
	height: 24px;
	overflow: hidden;
	text-indent: -9999px;
	display: block;
	background: url(images/index/sightseeing/tit_fujikyu.gif) top left no-repeat;
	margin: 15px 0 0 0;
}
div#contents div.bg div#rightcontents div#cont_another2 h4.experience {
	width:590px;
	height: 24px;
	overflow: hidden;
	text-indent: -9999px;
	display: block;
	background: url(images/index/sightseeing/tit_experience.gif) top left no-repeat;
	margin: 15px 0 0 0;
}

/*------コンテンツ1_2-------*/
div#contents div.bg div#rightcontents div#cont_another2 div#contents4_2{
	clear:both;
	margin:0 auto 20px;
	padding:0;
	width:590px;
}
/*------コンテンツ1_3-------*/
div#contents div.bg div#rightcontents div#cont_another2 div#contents4_3{
	clear:both;
	margin:0 auto 20px;
	padding:0;
	width:590px;
}

/*------コンテンツ1_4-------*/
div#contents div.bg div#rightcontents div#cont_another2 div#contents4_4{
	clear:both;
	margin:0 auto 30px;
	padding:0;
	width:590px;
}
div#contents div.bg div#rightcontents div#cont_another2 div#contents4_5,
div#contents div.bg div#rightcontents div#cont_another2 div#contents4_6,
div#contents div.bg div#rightcontents div#cont_another2 div#contents4_7,
div#contents div.bg div#rightcontents div#cont_another2 div#contents4_8 {
	clear:both;
	margin:0 auto 30px;
	padding:0;
	width:590px;
}

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

	観光_コンテンツ2

=======================================*/
div#contents div.bg div#rightcontents div#cont_another2 div#contents5{
	clear:both;
	margin:0 auto 20px;
	padding:0;
	width:590px;
}
div#contents div.bg div#rightcontents div#cont_another2 div#contents5 h4 {
	width:590px;
	height: 24px;
	overflow: hidden;
	text-indent: -9999px;
	display: block;
	background: url(images/index/stay2_st2.gif) top left no-repeat;
	margin:0;
}

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

	観光_コンテンツ3

=======================================*/
div#contents div.bg div#rightcontents div#cont_another2 div#contents6{
	clear:both;
	margin:0 auto 20px;
	padding:0;
	width:590px;
}
div#contents div.bg div#rightcontents div#cont_another2 div#contents6 h4 {
	width:590px;
	height: 24px;
	overflow: hidden;
	text-indent: -9999px;
	display: block;
	background: url(images/index/stay2_st3.gif) top left no-repeat;
	margin:0;
}