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

#contents #gh p { margin:0; }
#contents #gh ul{ margin:0; padding:0; }
#contents #gh li{ list-style:none; }
#contents #gh h3,
#contents #gh h4,
#contents #gh h5,
#contents #gh h6{ margin:0; padding:0; background:none; border:none; color:#666; }


#contents table,
#contents table tr,
#contents table th,
#contents table td{
	border:none;
	margin:0;
	padding:0;
	background:none;
	background:none;
	font-size:100%;
}

#contentsTitle h1{ margin:0 !important; padding:0 !important; background:none !important; }
#contentsTitle p{ font-size:91.67%; line-height:1.6; }

#s01{
	width:540px;
	position:relative;
	float:left;
}
#s02{
	border:1px solid #F2B388;
	width:402px; height:377px;
	position:relative;
	float:right;
}
#s02 h3,
#s02 p{ position:absolute; }

#s02 h3{ left:1px; top:1px; }
#s02 .img_01{ left:  1px; top: 49px; border-bottom:1px dotted #999999; }
#s02 .img_02{ left:  1px; top:214px; border-right:1px dotted #999999; }
#s02 .img_03{ left:201px; top:214px; }

#s02 p a{ display:block; background-position:left top; text-indent:-9999px; }
#s02 p a:hover{ background-position:left bottom; }
#s02 .img_01 a{ background:url(../images/02/1_img.jpg) no-repeat; width:400px; height:164px; }
#s02 .img_02 a{ background:url(../images/02/2_img.jpg) no-repeat; width:199px; height:162px; }
#s02 .img_03 a{ background:url(../images/02/3_img.jpg) no-repeat; width:200px; height:162px; }


#s03{
	width:718px;
	border:1px solid #F49AAE;
	margin-top:20px;
	float:left;
}

#s03 a{ color:#FF8000; }
#s03 .txt{ font-size:91.67%; line-height:1.6; padding:10px; }

#s03 .big{ padding-bottom:17px; }
#s03 .big li{
	background:url(../images/03/bg_b.png) center top no-repeat;
	float:left;
	width:154px;
	padding:6px 5px 0;
	margin:0 4px 10px 10px;
}
#s03 .big li img{ margin-bottom:10px; }

#s03 .small{}
#s03 .small li{
	background:url(../images/03/bg_s.png) left top no-repeat;
	float:left;
	width:215px;
	padding:5px 0 5px 5px;
	margin:0 8px 10px 10px;
}
#s03 .small li img{ margin-right:13px; float:left }

#s03 .btn{ padding:10px 0 15px; }
#s03 .btn a{
	display:block;
	background:url(../images/03/btn.jpg) no-repeat;
	background-position:left top;
	width:365px; height:42px;
	text-indent:-99999px;
	margin:0 auto;
}

#s03 .btn a:hover{ background-position:left bottom; }

#s04{
	background:#F3F1EB;
	border:1px solid #F8F7F3;
	border-top:none;
	margin-top:20px;
	padding-bottom:5px;
	width:223px;
	float:right;
}

#s04 .slider{
	margin:10px 9px;
	width:204px;
	height:127px;
	overflow:hidden;
	position:relative;
}

#s04 .slider ul{
	width:99999px;
	height:127px;
	position:relative;
	top:0;
	z-index:99;
}

#s04 .slider li{ float:left; width:204px; }
#s04 .slider .sbtn{
	z-index:100;
	position:absolute;
	top:40px;
	width:20px; height:47px;
}

#s04 .slider .sbtn a{
	display:block;
	width:20px; height:47px;
	background:url(../images/04/slide.png) no-repeat;
	text-indent:-99999px;
	outline:none;
}

#s04 .slider .sbtn.l{ left:0px; }
#s04 .slider .sbtn.r{ right:0px; }
#s04 .slider .sbtn.l a{ background-position:left top; }
#s04 .slider .sbtn.r a{ background-position:right top; }
#s04 .slider .sbtn.l a:hover{ background-position:left bottom; }
#s04 .slider .sbtn.r a:hover{ background-position:right bottom; }


#s04 .s_inner{
	background:#FFFFFF;
	margin:0 9px;
	padding-bottom:5px;
}
#s04 h4{ margin-bottom:10px; }

#s04 .s_inner ul li a{
	display:block;
	background:url(../images/04/arr.jpg) left 2px no-repeat;
	padding:0 10px 0 17px;
	margin:5px 0 0 7px;
	font-size:91.67%;
	line-height:1.5;
	color:#666666;
}

#s04 .btn a{
	display:block;
	background:url(../images/04/btn.jpg) no-repeat;
	background-position:left top;
	width:207px; height:52px;
	margin:8px auto 0;
	text-indent:-99999px;
}

#s04 .btn a:hover{ background-position:left bottom; }


#s05{ padding:30px 0 0; }

#s05 h3{ padding-bottom:20px !important; }

#s05 ul{
	background:url(../images/05/bg.jpg) top left repeat-y;
}
#s05 ul li{
	float:left;
	width:310px;
}
#s05 ul li.li_1{ padding-right:15px; }
#s05 ul li.li_2{ padding-right:15px; }
#s05 ul li.li_3{ padding-right:0; }
#s05 ul li.last{ float:none; clear:both; padding-top:3px; }

#s05 ul li p.txt { padding:0 15px 15px; }
#s05 ul li p.link{ padding:0 20px 0 0; }
#s05 ul li p.link a{
	display:inline-block;
	float:right;
	background:url(../images/05/icon.gif) left 3px no-repeat;
	padding:0 0 0 19px;
	text-align:left;
	color:#F9708C;
	line-height:1.4;
}
#s05 .s05CenterLink{
    margin-top:20px;
}
#s05 .s05CenterLink a{
    display: block;
    background: url(../images/05/icon.gif) left 3px no-repeat;
    padding: 0 0 0 19px;
    text-align: left;
    color: #F9708C;
    line-height: 1.4;
    margin: 0 auto;
    width: 26em;
}

#s06{
	background:#FFFAF0;
	padding:20px 25px;
	margin-top:30px;
}


#s06 h3{
	border-bottom:1px dotted #888 !important;
	padding-bottom:1px !important;
	font-size:158.33% !important;
	line-height:1.2 !important;
	font-weight:normal !important;
	color:#666 !important;
	margin-bottom:15px !important;
}
#s06 h3 span{
	display:block;
	padding-left:10px;
}

#s06 .box_1{ width:425px; float:left; padding-right:25px; }
#s06 .box_2{ width:425px; float:right; padding-left:30px; border-left:1px dotted #888; }

#s06 .box_1 h3 span{ border-left:6px solid #FF8000; }
#s06 .box_2 h3 span{ border-left:6px solid #F896A3; }


#s06 .box_1 th a{ color:#FF8000; }
#s06 .box_2 th a{ color:#F57888; }


#s06 .btn a{
	display:block;
	width:364px; height:42px;
	text-indent:-99999px;
	background-position:left top;
	margin:15px auto 25px;
}
#s06 .box_1 .btn a{ background:url(../images/06/btn_01.jpg) no-repeat; }
#s06 .box_2 .btn a{ background:url(../images/06/btn_02.jpg) no-repeat; }
#s06 .btn a:hover{ background-position:left bottom; }

#s06 table{ width:100%; }

#s06 th,
#s06 td{ padding:0 5px 0 0 !important; }

#s06 td th{ font-size:108.33%; line-height:1.2; font-weight:bold; margin-bottom:5px; text-align:left; }
#s06 td td{ font-size:91.67%; line-height:1.8; padding:0 0 0 1.3em !important; }
#s06 td td span{ margin-left:-1.3em; }

#s06 td td a{ color:#666666; }


#s07{ margin-top:30px; }
#s07 h3{
	border-bottom:1px dotted #888 !important;
	padding-bottom:1px !important;
	font-size:158.33% !important;
	line-height:1.2 !important;
	font-weight:normal !important;
	margin-bottom:15px !important;
}
#s07 h3 span{
	border-left:6px solid #FFA204;
	display:block;
	padding-left:10px;
}
#s07 h4{
	font-size:133.33% !important;
	line-height:1.2 !important;
	padding:5px 20px !important;
	background:#FEF6F4 !important;
	margin-bottom:15px !important;
}

#s07 table{ width:950px; margin:0 0 20px 10px !important; }
#s07 td{ padding:0 0 0 10px !important; width:25%; vertical-align:top; border-right:1px dotted #888888 !important; }
#s07 td.no_border{ border:none !important; }

#s07 td table{ width:100%; margin:0 0 0 0 !important; }
#s07 td th{ text-align:left; }
#s07 td th img{ float:left; margin:0 5px 0 0; }
#s07 td th h5{ font-size:116.67% !important; line-height:1.4 !important; color:#F896A3 !important; font-weight:bold !important; margin:2px 0 !important; }
#s07 td td{ font-size:91.67%; line-height:1.8; padding:0 0 0 1.3em !important; width:auto; border:none !important; }
#s07 td td span{ margin-left:-1.3em; }
#s07 td td a{ color:#666666; }

#s08{ margin-top:30px; }
#s08 h3{
	border-bottom:1px dotted #888 !important;
	padding-bottom:1px !important;
	font-size:158.33% !important;
	line-height:1.2 !important;
	font-weight:normal !important;
	margin-bottom:15px !important;
}
#s08 h3 span{
	border-left:6px solid #3F868C;
	display:block;
	padding-left:10px;
}
#s08 table{ width:100%; }
#s08 td{ width:50%; }
#s08 td h4{ margin-bottom:10px !important; }
#s08 td p{ margin:0 -1em 20px !important; line-height:2.5; }
#s08 td p a{ display:inline-block; margin:0 1em; color:#666666; }


/* { areaBox1 */
div#contents .areaBox1 {
    position: relative;
    float: left;
    margin-top: 0;
    margin-bottom: 0;
    width: 540px;
    height: 380px;
    background: url(../images/area-top_box1_img.png) no-repeat;
}
div#contents .areaBox1 .area {
 display:inline-block;
 position:absolute;
 background:#fff;
 border-radius:4px;
 border:1px solid #FA9449;
 font-size:16px;
}
div#contents .areaBox1 .area h3 {
 display:inline-block;
 position:relative;
 padding:2px 15px 0;
 margin:-10px auto 0;
 line-height:20px;
 font-weight:normal;
 border-radius:10px;
 background:#FA9449;
 color:#fff;
}
div#contents .areaBox1 .area.open:before {
 content:"";
 display:block;
 width:58px;
 height:26px;
 background:url(../images/ico_top.png) no-repeat;
 position:absolute;
 top:-10px;
 left:-10px;
}
div#contents .areaBox1 .area ul {
 margin:5px 14px 5px 16px;
}
div#contents .areaBox1 .area li {
 display:inline-block;
 list-style:none;
}
div#contents .areaBox1 .area li a {
 color:#333;
 font-size:15px;
}
div#contents .areaBox1 .area .list {
 width:48px;
 content:"｜";
 display:inline-block;
}
div#contents .areaBox1 .area .list2 {
 width:112px;
}
div#contents .areaBox1 .area .list2.long {
 width:125px;
}
div#contents .areaBox1 .area .list3 {
 width:48px;
 padding:8px 0;
}
div#contents .areaBox1 .area .list2 li:nth-child(even):before {
 content:"｜";
 display:inline-block;
 margin:0 1px 0 -3px;
}
div#contents .areaBox1 h2 {
    margin: 30px;
    font-size: 18px;
    padding:3px 0 2px 30px;
    background: url(../images/ico_top.png) no-repeat 0 50%;
    background-position: 0 -90px;
		border: none;
}
div#contents .areaBox1 .area {
 position:absolute;
 margin-left:0;
}
div#contents .areaBox1 .area ul {
 padding:0;
}
div#contents .areaBox1 .area1 {
 top:215px;
 left:363px;
}
div#contents .areaBox1 .area2 {
 top:117px;
 left:315px;
}
div#contents .areaBox1 .area3 {
 top:215px;
 left:193px;
}
div#contents .areaBox1 .area4 {
 top:110px;
 left:141px;
}
div#contents .areaBox1 .area5 {
 top:22px;
 left:413px;
}
div#contents .areaBox1 .area6 {
 top:135px;
 left:45px;
}
div#contents .areaBox1 .area7 {
 top:120px;
 left:420px;
}
div#contents .areaBox1 .area8 {
 top:240px;
 left:20px;
}
div#contents .areaBox1 .more {
 position:absolute;
 left:16px;
 bottom:17px;
}
div#contents .areaBox1 .more a {
 font-size:15px;
 color:#333;
 line-height:18px;
 display:block;
 margin-top:10px;
}
.arrow a.resort {
  background: url(../images/ico_arrow_right_blue2.png) no-repeat 0 0;
  background-size: auto auto;
  padding-left: 20px;
  display: inline-block;
  background-size: 16px 16px;
}
/* areaBox1 } */

/* end */