/* charter */
/* -------------------------------------------------------- */

#contents.charter1 {
	background: #fff url(../img/side_bg.gif) repeat-y left top;
}

#contents.charter1 #side {
	width: 260px;
}
#contents.charter1 #side .side-01 {
	width: 250px;
	margin-bottom: 10px;
}
#contents.charter1 #side .side-01 ul {
	width: 215px;
	font-size: 120%;
	margin: 0 0 10px 15px;
}
#contents.charter1 #side .side-01 ul.f10 {
	font-size: 90%;
}
#contents.charter1 #side .side-01 ul a:link,
#contents.charter1 #side .side-01 ul a:visited,
#contents.charter1 #side .side-01 ul a:active {
	color: #333333;
	text-decoration: none;
}
#contents.charter1 #side .side-01 ul a:hover {
	color: #333333;
	text-decoration: underline;
}
#contents.charter1 #side .side-01 .sub {
	font-size: 100%;
	color: #663300;
	margin: 0 0 5px 15px;
}
#contents.charter1 #side .side-01 p {
	font-size: 100%;
	color: #6f390d;
	margin-right: 40px;
	padding: 0 0 2px 15px;
	border-bottom: dotted 2px #6f390d;
}
#contents.charter1 #side .btn {
	margin-left: 35px;
}
#contents.charter1 #side .btn a:hover img {
	opacity: 0.8;
	filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=80);
}


#contents.charter1 #main {
	width: 710px;
	padding: 20px 0 50px 0;
}


/* block-01 */

#contents.charter1 .block-01 {
	width: 693px;
}

#contents.charter1 .block-01 .l-block {
	width: 345px;
}
#contents.charter1 .block-01 .l-block dl {
	font-size: 120%;
	line-height: 140%;
}
#contents.charter1 .block-01 .l-block dt {
	width: 345px;
}
#contents.charter1 .block-01 .l-block .inner-01 {
	width: 345px;
	padding-bottom: 140px;
	background: url(../img/top/bg_01.jpg) no-repeat left bottom;
}
#contents.charter1 .block-01 .l-block .inner-01 dd {
	width: 205px;
	margin: -22px 0 0 130px;
}
#contents.charter1 .block-01 .l-block .inner-02 {
	width: 345px;
	padding-bottom: 150px;
	background: url(../img/top/bg_02.jpg) no-repeat left bottom;
}
#contents.charter1 .block-01 .l-block .inner-02 dd {
	width: 250px;
	margin: -22px 0 0 78px;
}
#contents.charter1 .block-01 .l-block .inner-03 {
	width: 345px;
	padding-bottom: 17px;
	background: url(../img/top/bg_03.jpg) no-repeat left bottom;
}
#contents.charter1 .block-01 .l-block .inner-03 dt {
	margin: 0 0 10px 0;
}
#contents.charter1 .block-01 .l-block .inner-03 dd {
	width: 310px;
	margin: 0 0 0 15px;
}

#contents.charter1 .block-01 .r-block {
	width: 336px;
	padding-bottom: 10px;
	background: #faeed6;
}
#contents.charter1 .block-01 .r-block ol {
	list-style-type: none;
	font-size: 120%;
	line-height: 140%;
	margin: 0 15px;
}
#contents.charter1 .block-01 .r-block ol li {
	margin-bottom: 10px;
	padding-bottom: 55px;
	background: url(../img/top/bg_04.gif) no-repeat center bottom;
}
#contents.charter1 .block-01 .r-block .btn {
	margin-left: 12px;
}
#contents.charter1 .block-01 .r-block .btn a:hover img {
	opacity: 0.8;
	filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=80);
}



/* block-02 */

#contents.charter1 .block-02 {
	width: 700px;
	margin-bottom: 50px;
}
#contents.charter1 .block-02 p {
	margin: 0 0 5px 142px;
}
#contents.charter1 .block-02 dl.attention {
	font-size: 120%;
	margin: 0 0 10px 142px;
}
#contents.charter1 .block-02 dl.attention dd {
	padding-bottom: 0;
}
#contents.charter1 .block-02 ul {
	margin: 0 0 0 42px;
}
#contents.charter1 .block-02 ul li {
	padding: 0 25px 5px 0;
	float: left;
}
#contents.charter1 .block-02 ul li a:hover img {
	opacity: 0.8;
	filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=80);
}



/* block-03 */

#contents.charter1 .block-03 {
	width: 695px;
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	margin-bottom: 20px;
}
#contents.charter1 .block-03 .select {
	width: 47px;
	text-align: center;
	vertical-align: middle;
}
#contents.charter1 .block-03 .select a:hover img {
	opacity: 0.8;
	filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=80);
}
#contents.charter1 .block-03 .ctx {
	width: 648px;
	text-align: left;
	vertical-align: top;
	padding: 2px 0;
	background: #0060b6;
}
#contents.charter1 .block-03 .ctx table {
	width: 644px;
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	margin-left: 2px;
}
#contents.charter1 .block-03 .ctx table .img {
	text-align: left;
	vertical-align: top;
	background: #03004d;
}
#contents.charter1 .block-03 .ctx table .txt {
	background: #ffffff;
}
#contents.charter1 .block-03 .ctx table .txt h4 {
	margin-bottom: 10px;
}
#contents.charter1 .block-03 .ctx table .txt dl.list1 {
	font-size: 110%;
	line-height: 140%;
	margin: 0 5px 0 13px;
}
#contents.charter1 .block-03 .ctx table .txt dl.list1 dt {
	float: left;
}
#contents.charter1 .block-03 .ctx table .txt dl.list1 dd {
	width: 279px;
	float: right;
}
#contents.charter1 .block-03 .ctx table .txt dl.list1 dd ul {
	margin-top: 10px;
}
#contents.charter1 .block-03 .ctx table .txt dl.list1 dd li {
	padding: 0 5px 5px 0;
	float: left;
}
#contents.charter1 .block-03 .ctx table .txt dl.list2 {
	margin: 0 5px 5px 13px;
}
#contents.charter1 .block-03 .ctx table .txt dl.list2 dt {
	position: relative;
}
#contents.charter1 .block-03 .ctx table .txt dl.list2 dt span {
	white-space: nowrap;
	position: absolute;
}
#contents.charter1 .block-03 .ctx table .txt dl.list2 dd {
	padding: 0 0 0 5em;
}
#contents.charter1 .block-03 .ctx table .txt dl.list3 {
	font-size: 110%;
	line-height: 140%;
	margin: 0 5px 10px 20px;
}
#contents.charter1 .block-03 .ctx table .txt p.list4 {
	margin: 0 5px 10px 20px;
}
#contents.charter1 .block-03 .ctx table .txt p.list4 img {
	vertical-align: middle;
	display: inline;
}



/* map */

#contents.charter1 .map-spot,
#contents.charter1 .map-ski,
#contents.charter1 .map-spa,
#contents.charter1 .map-golf {
	width: 676px;
	position: relative;
}
#contents.charter1 .map-spot li,
#contents.charter1 .map-ski li,
#contents.charter1 .map-spa li,
#contents.charter1 .map-golf li {
	position: absolute;
}
#contents.charter1 .map-spot li a:hover img,
#contents.charter1 .map-ski li a:hover img,
#contents.charter1 .map-spa li a:hover img,
#contents.charter1 .map-golf li a:hover img {
	opacity: 0.8;
	filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=80);
}
#contents.charter1 .map-spot .btn01 {width: 54px; top: 531px; left: 123px;}
#contents.charter1 .map-spot .btn02 {width: 68px; top: 397px; left: 194px;}
#contents.charter1 .map-spot .btn03 {width: 54px; top: 41px; left: 206px;}
#contents.charter1 .map-spot .btn04 {width: 68px; top: 266px; left: 308px;}
#contents.charter1 .map-spot .btn05 {width: 55px; top: 383px; left: 375px;}
#contents.charter1 .map-spot .btn06 {width: 67px; top: 220px; left: 488px;}
#contents.charter1 .map-spot .btn07 {width: 60px; top: 338px; left: 509px;}
#contents.charter1 .map-spot .btn08 {width: 78px; top: 323px; left: 120px;}
#contents.charter1 .map-spot .btn09 {width: 77px; top: 399px; left: 121px;}
#contents.charter1 .map-spot .btn10 {width: 77px; top: 498px; left: 111px;}
#contents.charter1 .map-spot .btn11 {width: 80px; top: 6px; left: 199px;}
#contents.charter1 .map-spot .btn12 {width: 77px; top: 342px; left: 194px;}
#contents.charter1 .map-spot .btn13 {width: 76px; top: 221px; left: 281px;}
#contents.charter1 .map-spot .btn14 {width: 85px; top: 305px; left: 308px;}
#contents.charter1 .map-spot .btn15 {width: 81px; top: 239px; left: 351px;}
#contents.charter1 .map-spot .btn16 {width: 78px; top: 285px; left: 406px;}
#contents.charter1 .map-spot .btn17 {width: 81px; top: 349px; left: 377px;}
#contents.charter1 .map-spot .btn18 {width: 78px; top: 183px; left: 474px;}
#contents.charter1 .map-spot .btn19 {width: 82px; top: 308px; left: 491px;}
#contents.charter1 .map-spot .btn20 {width: 82px; top: 157px; left: 552px;}
#contents.charter1 .map-spot .btn21 {width: 77px; top: 243px; left: 592px;}
#contents.charter1 .map-spot .btn22 {width: 77px; top: 361px; left: 76px;}

#contents.charter1 .map-ski .btn01 {width: 70px; top: 447px; left: 143px;}
#contents.charter1 .map-ski .btn02 {width: 62px; top: 368px; left: 207px;}
#contents.charter1 .map-ski .btn03 {width: 69px; top: 9px; left: 225px;}
#contents.charter1 .map-ski .btn04 {width: 69px; top: 189px; left: 274px;}
#contents.charter1 .map-ski .btn05 {width: 71px; top: 267px; left: 392px;}
#contents.charter1 .map-ski .btn06 {width: 82px; top: 179px; left: 407px;}
#contents.charter1 .map-ski .btn07 {width: 69px; top: 228px; left: 461px;}
#contents.charter1 .map-ski .btn08 {width: 82px; top: 291px; left: 114px;}
#contents.charter1 .map-ski .btn09 {width: 83px; top: 318px; left: 176px;}
#contents.charter1 .map-ski .btn10 {width: 82px; top: 349px; left: 122px;}
#contents.charter1 .map-ski .btn11 {width: 82px; top: 385px; left: 75px;}
#contents.charter1 .map-ski .btn12 {width: 83px; top: 406px; left: 163px;}
#contents.charter1 .map-ski .btn13 {width: 82px; top: 462px; left: 145px;}
#contents.charter1 .map-ski .btn14 {width: 82px; top: 258px; left: 200px;}
#contents.charter1 .map-ski .btn15 {width: 82px; top: 24px; left: 228px;}
#contents.charter1 .map-ski .btn16 {width: 82px; top: 204px; left: 278px;}
#contents.charter1 .map-ski .btn17 {width: 82px; top: 258px; left: 292px;}
#contents.charter1 .map-ski .btn18 {width: 83px; top: 349px; left: 278px;}
#contents.charter1 .map-ski .btn19 {width: 82px; top: 129px; left: 361px;}
#contents.charter1 .map-ski .btn20 {width: 82px; top: 316px; left: 337px;}
#contents.charter1 .map-ski .btn21 {width: 83px; top: 193px; left: 420px;}
#contents.charter1 .map-ski .btn22 {width: 83px; top: 281px; left: 397px;}
#contents.charter1 .map-ski .btn23 {width: 83px; top: 243px; left: 467px;}

#contents.charter1 .map-spa .btn01 {width: 71px; top: 451px; left: 142px;}
#contents.charter1 .map-spa .btn02 {width: 74px; top: 367px; left: 232px;}
#contents.charter1 .map-spa .btn03 {width: 71px; top: 241px; left: 291px;}
#contents.charter1 .map-spa .btn04 {width: 70px; top: 361px; left: 388px;}
#contents.charter1 .map-spa .btn05 {width: 83px; top: 215px; left: 441px;}
#contents.charter1 .map-spa .btn06 {width: 72px; top: 297px; left: 456px;}
#contents.charter1 .map-spa .btn07 {width: 82px; top: 299px; left: 112px;}
#contents.charter1 .map-spa .btn08 {width: 89px; top: 322px; left: 179px;}
#contents.charter1 .map-spa .btn09 {width: 102px; top: 349px; left: 105px;}
#contents.charter1 .map-spa .btn10 {width: 77px; top: 379px; left: 89px;}
#contents.charter1 .map-spa .btn11 {width: 77px; top: 404px; left: 170px;}
#contents.charter1 .map-spa .btn12 {width: 76px; top: 471px; left: 112px;}
#contents.charter1 .map-spa .btn13 {width: 77px; top: 213px; left: 327px;}
#contents.charter1 .map-spa .btn14 {width: 102px; top: 299px; left: 293px;}
#contents.charter1 .map-spa .btn15 {width: 77px; top: 261px; left: 388px;}
#contents.charter1 .map-spa .btn16 {width: 77px; top: 331px; left: 379px;}
#contents.charter1 .map-spa .btn17 {width: 77px; top: 248px; left: 466px;}
#contents.charter1 .map-spa .btn18 {width: 76px; top: 136px; left: 519px;}

#contents.charter1 .map-golf .btn01 {width: 85px; top: 285px; left: 105px;}
#contents.charter1 .map-golf .btn02 {width: 94px; top: 336px; left: 101px;}
#contents.charter1 .map-golf .btn03 {width: 103px; top: 391px; left: 48px;}
#contents.charter1 .map-golf .btn04 {width: 85px; top: 455px; left: 116px;}
#contents.charter1 .map-golf .btn05 {width: 86px; top: 21px; left: 226px;}
#contents.charter1 .map-golf .btn06 {width: 93px; top: 244px; left: 201px;}
#contents.charter1 .map-golf .btn07 {width: 85px; top: 307px; left: 195px;}
#contents.charter1 .map-golf .btn08 {width: 103px; top: 363px; left: 198px;}
#contents.charter1 .map-golf .btn09 {width: 85px; top: 206px; left: 285px;}
#contents.charter1 .map-golf .btn10 {width: 93px; top: 277px; left: 285px;}
#contents.charter1 .map-golf .btn11 {width: 86px; top: 197px; left: 378px;}
#contents.charter1 .map-golf .btn12 {width: 86px; top: 154px; left: 461px;}
#contents.charter1 .map-golf .btn13 {width: 86px; top: 316px; left: 362px;}
#contents.charter1 .map-golf .btn14 {width: 85px; top: 262px; left: 448px;}
.s_box ul {
	margin: 0px;
	padding: 0px;
}
#side .side-01 li {
	padding-left: 0px;
}



/* block-04 */

#contents.charter1 .main-block {
	width: 785px;
	margin: 0 0 0 0;
}
#contents.charter1 .block-04 {
	width: 785px;
	height: 785px;
	background: url(../img/top1/bg_01.jpg) no-repeat left top;
	position: relative;
}
#contents.charter1 .block-04 h2,
#contents.charter1 .block-04 h3,
#contents.charter1 .block-04 p,
#contents.charter1 .block-04 ul,
#contents.charter1 .block-04 ol,
#contents.charter1 .block-04 li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	position: absolute;
}
#contents.charter1 .block-04 .txt1 {
	width: 695px;
	top: 0;
	left: 0;
}
#contents.charter1 .block-04 .txt2 {
	width: 427px;
	top: 139px;
	left: 0;
}
#contents.charter1 .block-04 .txt3 {
	width: 202px;
	top: 301px;
	left: 11px;
}
#contents.charter1 .block-04 .txt4 {
	width: 202px;
	top: 301px;
	left: 246px;
}
#contents.charter1 .block-04 .txt5 {
	width: 202px;
	top: 496px;
	left: 11px;
}
#contents.charter1 .block-04 .txt6 {
	width: 202px;
	top: 550px;
	left: 11px;
}
#contents.charter1 .block-04 .txt7 {
	width: 202px;
	top: 592px;
	left: 11px;
}
#contents.charter1 .block-04 .txt8 {
	width: 202px;
	top: 634px;
	left: 11px;
}
#contents.charter1 .block-04 .txt9 {
	width: 202px;
	top: 496px;
	left: 246px;
}
#contents.charter1 .block-04 .txt10 {
	width: 202px;
	top: 584px;
	left: 246px;
}
#contents.charter1 .block-04 .txt11 {
	width: 210px;
	top: 286px;
	left: 475px;
}
#contents.charter1 .block-04 .txt12 {
	width: 210px;
	top: 325px;
	left: 475px;
}
#contents.charter1 .block-04 .txt13 {
	width: 210px;
	top: 422px;
	left: 475px;
}
#contents.charter1 .block-04 .txt14 {
	width: 210px;
	top: 517px;
	left: 475px;
}
#contents.charter1 .block-04 .txt15 {
	width: 210px;
	top: 582px;
	left: 475px;
}