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

.hachi_hed_img{
	background: url(../images/category/hachi/hed_img.jpg) no-repeat 0px 0px;
	height: 260px;
	width: 960px;
	margin-bottom:30px;
	}

.hachi_hed_img h2{
	display:none; 
}


.hachi_box {
	width:100%;
	padding:20px 0;
	border-bottom:1px solid #000;
	margin-bottom:30px;
}

/************************************************************************************
INDEX
*************************************************************************************/
.hachi_index_hed_img {
	margin-right: 5px;
	margin-bottom: 20px;
	margin-left: 5px;
	border: 1px solid #CCC;
	padding: 4px;
}


.hachi_index_box {
	width:100%;
	margin-bottom:20px;
}


.hachi_index_title_text {
	font-size:14px;
	line-height:1.4em;
	margin-bottom:10px;
}


/************************************************************************************
SCHOOL
*************************************************************************************/
.hachi_school_img01 {
	width:190px;
	float: left;
	margin:0 20px 20px 0;
}

.hachi_school_img01 img {
	padding:4px;
	border:1px solid #CCC;
}





/************************************************************************************
GOURMENT
*************************************************************************************/
.hahi_gourment_hed_box {
	width:98.6%;
	background: url(../images/com/bg_pattarn_blue.gif) 0 0 repeat;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	margin-bottom:20px;
	padding:5px;
}

.gourment_list_tit {
	color:#e4007f;
	border-bottom:1px dotted #e4007f;
	margin:0 0 10px;
	padding:0 0 4px
}

.gourment_list {
	margin:0 0 15px;
	padding:0;
	list-style-type:none;
}

.gourment_list li {
	width:33%;
	color:#e4007f;
	font-size:0.8em;
	font-weight:bold;
	float:left;
}



/************************************************************************************
PARKING
*************************************************************************************/
.hachi_parking_img {
	width:500px;
	padding:4px;
	border:1px solid #CCC;
	margin:0 auto 15px;
}

.hachi_parking_img img {
	width:100%;
}

.hachi_parking_text_box {
	width:450px;
	margin:auto;
}


.hachi_parking_title01 {
    color: #ff64c8;
	font-size:1.2em;
    font-weight: bold;
    min-height: 22px;
	border-bottom:1px dotted #ff64c8;
    padding-top: 0.3em;
	margin-bottom:15px;
}


.hachi_parking_title02 {
    color: #ff64c8;
	font-size:1.2em;
    font-weight: bold;
    min-height: 22px;
	border-bottom:1px dotted #ff64c8;
    padding-top: 0.3em;
	margin-bottom:15px;
}


.ski_school_img {
	background:url(../images/category/hachi/school/ski_school_img.gif) 0 0 no-repeat;
	width:290px;
	height:45px;
	text-indent:-9999px;
	margin-bottom:5px;
}


.snowboard_school_img {
	background: url(../images/category/hachi/school/snowboard_school_img.gif) 0 0 no-repeat;
	width:290px;
	height:45px;
	text-indent:-9999px;
	margin-bottom:5px;
}


.com_parking_box {
	width:100%;
	border-bottom:1px dotted #ff64c8;
	margin-bottom:20px;
	padding-bottom:4px;
	
}


/************************************************************************************
STAYING
*************************************************************************************/
.hachi_staying_l {
	width:355px;
	float:left;
	margin-bottom:20px;
}


.hachi_staying_r {
	width:355px;
	float:right;
	margin-bottom:20px;
}


.hachi_staying_l dl,.hachi_staying_r dl {
	margin:0;
	padding:0;
	border:1px solid #0071bd;
}

.hachi_staying_l dt,.hachi_staying_r dt {
	background:url(../images/com/bg_img_blue.jpg) left bottom repeat-x;
	color:#FF0;
	padding:3px;
	text-align:center;
	font-weight:bold;
	border-bottom:1px solid #008ceb;
}

.hachi_staying_l dd ,.hachi_staying_r dd {
	background:#ffffe6;
	padding:5px;
}

.hachi_staying_l dd ul,.hachi_staying_r dd ul {
	margin:0;
	padding:0;
}

.hachi_staying_l dd ul li,.hachi_staying_r dd ul li {
	color:#666;
	border-bottom:1px dotted #CCC;
	padding-bottom:4px;
	margin-bottom:5px;
	list-style-position:inside;
}


.hachi_staying_btn_stayingpdf_img a {
	background:url(../images/category/hachi/staying/btn_pdf_img02.gif) no-repeat 0 0;
	width:200px;
	height:35px;
	display:block;
	margin:auto;
	text-indent:-9999px;
	margin-bottom:10px;
}

.hachi_staying_btn_stayingpdf_img a:hover {
	background:url(../images/category/hachi/staying/btn_pdf_img02.gif) 0 0 no-repeat;
	width:200px;
	height:35px;
	display:block;
	margin:auto;
	text-indent:-9999px;
	margin-bottom:10px;
	filter:alpha(opacity=85);
     -moz-opacity:0.85;
     -khtml-opacity: 0.85;
     opacity:0.85;
}





/************************************************************************************
the parks
*************************************************************************************/

.hachi_theparks_01 {
	width:100%;
	padding-bottom: 20px;
	border-bottom: 1px solid #666;
}

.hachi_theparks_img {
	width:190px;
	float:left;
	padding:4px;
	border:1px solid #CCC;
}

.hachi_theparks_text {
	width:530px;
	float:right;
}

.next_link a{
	background: url(../images/com/btn_next_img.gif) no-repeat 0px 0px;
	height: 35px;
	width: 150px;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	display: block;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
}

.gallery_list {
	margin:0 auto;
	padding:0;
	list-style-type:none;
}

.gallery_list li {
	width:220px;
	margin:0 10px 20px;
	float:left;
}

.gallery_list li img {
	border:1px solid #CCC;
	padding:4px;
	width:100%;
}


.theparks_text,.theparks_text02 {
	text-align:center;
	font-weight:bold;
	color:#39C;
	margin-bottom:5px;
}


/************************************************************************************
slope
*************************************************************************************/

ul.hachi_map_tub {
	width:100%;
	margin:0 auto 15px;
	padding:0;
	list-style-type:none;
	border-bottom:1px solid #000;
}

ul.hachi_map_tub li {
	width:150px;
	text-align:center;
	color: #C8C8C8;
	margin:0 10px 0 0;
	padding:3px;
	float:left;
}

.hachi_map_tub_off {
	width:150px;
	background:url(../images/com/bg_pattarn_blbk.gif) 0 0 repeat;
	text-align:center;
	color: #C8C8C8;
	margin:0 10px 0 0;
	padding:3px;
	float:left;
}

.hachi_map_tub_on {
	width:150px;
	background: url(../images/com/bg_pattarn_skyblue.gif) 0 0 repeat;
	text-align:center;
	color: #C8C8C8;
	margin:0 10px 0 0;
	padding:3px;
	float:left;
}

ul.hachi_map_tub li a {
	color:#FFF !important;
	font-weight:bold;
}




ul.hachi_slope_tub {
	background:#000;
	font-size:0.9em;
	width:98%;
	margin:0 auto 20px;
	padding:5px;
	list-style-type:none;
}

ul.hachi_slope_tub li {
	border-right:1px dotted #999;
	white-space:nowrap;
	float:left;
	margin:0;
	padding:0 10px;
}

ul.hachi_slope_tub li a {
	color:#FFF !important;
	font-weight:bold;
}







.hachi_slope_title {}

.hachi_slope_map {
	float: left;
	width: 400px;
}

.hachi_slope_map img {
	width:100%;
}

.hachi_slope_list {
	float: right;
	width:320px;
}


.hachi_slope_course {
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #999;
}

.hachi_slope_text {
	float: right;
	width:170px;
}

.hachi_slope_text h3 {
	color:#0084c7;
	margin-bottom:5px;
	padding-bottom:4px;
	border-bottom:1px dotted #0084c7;
}

.level01_text {
	color:#00a04c !important;
	border-bottom:1px dotted #00a04c !important;
}

.level02_text {
	color:#f08c00 !important;
	border-bottom:1px dotted #f5a947 !important;
}

.level03_text {
	color:#000 !important;
	border-bottom:1px dotted #000 !important;
}

.hachi_slope_text p {
	font-size:0.9em;
}

.hachi_slope_img {
	float: left;
	width: 140px;
}



.hanrei_h4{
	background:url(../images/category/hachi/index/icon/0hanrei.gif) 0 0 no-repeat;
	width:650px;
	height:30px;
	text-indent:-9999px;
	margin:0 auto;
	padding:0;
}


.hanrei_list {
	width:637px;
	border-top:1px solid #CCC;
	border-right:1px solid #CCC; 
	margin:0 auto;
	padding:0;
	list-style-type:none;
}

.hanrei_list li {
	border-bottom:1px solid #CCC;
	border-left:1px solid #CCC; 
	padding:5px;
	float:left;
}

.hanrei_list01 {
	background:url(../images/category/hachi/index/icon/1beginner.gif) 0 0 no-repeat;
	width:148px;
	height:30px;
	text-indent:-9999px;
}

.hanrei_list02 {
	background:url(../images/category/hachi/index/icon/2middle.gif) 0 0 no-repeat;
	width:148px;
	height:30px;
	text-indent:-9999px;
}

.hanrei_list03 {
	background:url(../images/category/hachi/index/icon/3hight.gif) 0 0 no-repeat;
	width:148px;
	height:30px;
	text-indent:-9999px;
}


.hanrei_list04{
	background:url(../images/category/hachi/index/icon/4lift.gif) 0 0 no-repeat;
	width:148px;
	height:30px;
	text-indent:-9999px;
}

.hanrei_list05{
	background:url(../images/category/hachi/index/icon/5laquna.gif) 0 0 no-repeat;
	width:148px;
	height:30px;
	text-indent:-9999px;
}

.hanrei_list06{
	background:url(../images/category/hachi/index/icon/6snowpark.gif) 0 0 no-repeat;
	width:148px;
	height:30px;
	text-indent:-9999px;
}

.hanrei_list07{
	background:url(../images/category/hachi/index/icon/7greenarea.gif) 0 0 no-repeat;
	width:148px;
	height:30px;
	text-indent:-9999px;
}

.hanrei_list08{
	background:url(../images/category/hachi/index/icon/8patrol.gif) 0 0 no-repeat;
	width:148px;
	height:30px;
	text-indent:-9999px;
}

.hanrei_list09{
	background:url(../images/category/hachi/index/icon/9info.gif) 0 0 no-repeat;
	width:148px;
	height:30px;
	text-indent:-9999px;
}

.hanrei_list10{
	background:url(../images/category/hachi/index/icon/10wc.gif) 0 0 no-repeat;
	width:148px;
	height:30px;
	text-indent:-9999px;
}

.hanrei_list11{
	background:url(../images/category/hachi/index/icon/11smoking.gif) 0 0 no-repeat;
	width:148px;
	height:30px;
	text-indent:-9999px;
}

.hanrei_list12{
	background:url(../images/category/hachi/index/icon/12ticket.gif) 0 0 no-repeat;
	width:148px;
	height:30px;
	text-indent:-9999px;
}


.hanrei_list13{
	background:url(../images/category/hachi/index/icon/13restarea.gif) 0 0 no-repeat;
	width:148px;
	height:30px;
	text-indent:-9999px;
}

.hanrei_list14{
	background:url(../images/category/hachi/index/icon/14parking.gif) 0 0 no-repeat;
	width:148px;
	height:30px;
	text-indent:-9999px;
}

.hanrei_list15{
	background:url(../images/category/hachi/index/icon/15restaurant.gif) 0 0 no-repeat;
	width:148px;
	height:30px;
	text-indent:-9999px;
}

.hanrei_list16{
	background:url(../images/category/hachi/index/icon/16snowboard.gif) 0 0 no-repeat;
	width:148px;
	height:30px;
	text-indent:-9999px;
}

.hanrei_list17{
	background:url(../images/category/hachi/index/icon/17skischool.gif) 0 0 no-repeat;
	width:148px;
	height:30px;
	text-indent:-9999px;
}

.hanrei_list18{
	background:url(../images/category/hachi/index/icon/18skywall.gif) 0 0 no-repeat;
	width:148px;
	height:30px;
	text-indent:-9999px;
}

.hanrei_list20{
	background:url(../images/category/hachi/index/icon/20locker.gif) 0 0 no-repeat;
	width:148px;
	height:30px;
	text-indent:-9999px;
}



/************************************************************************************
slope
*************************************************************************************/
.hachi_akidspark_img{
	width:190px;
	float:left;
	padding:4px;
	border:1px solid #CCC;
	}
	
.hachi_akidspark_text {
	width:500px;
	float:right;
}

.hachi_akidspark_img02{
	width:360px;
	float:left;
	padding:4px;
	border:1px solid #CCC;
	}
	
.hachi_akidspark_text02 {
	width:350px;
	float:right;
}

.hachi_akidspark_01 {
	width:100%;
	padding-bottom: 20px;
	border-bottom: 1px solid #666;
}



/************************************************************************************
lift
*************************************************************************************/

.hachi_lift_title {}

.hachi_lift_map {
	float: left;
	width:400px;
}

.hachi_lift_map img {
	width:100%;
}

.hachi_lift_text {
	float: right;
	width:320px;
}

.hachi_lift_text table {
	width:100%;
	border-top: 1px solid #999;
	border-right: 1px solid #999;
	font-size:0.9em;
}

.hachi_lift_text table th {
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	background: #EBEBEB;
	padding: 4px;
}

.hachi_lift_text table h3 {
	color:#0084c7;
}

.hachi_lift_text table td {
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	padding: 4px;
}

.hachi_lift_up {
	background: url(../images/category/hachi/lift/lift_up.gif) no-repeat right center;
}

.hachi_lift_updown {
	background: url(../images/category/hachi/lift/lift_updown.gif) no-repeat right center;
}

.hachi_lift_massage {
	font-size: 0.9em;
	color: #666;
	background: #FFC;
	padding: 5px;
}



/************************************************************************************
laguna_green
*************************************************************************************/

.hachi_laguna_green_title {}

.hachi_laguna_green_map {
	float: left;
	width:400px;
}

.hachi_laguna_green_map img {
	width:100%;
}

.hachi_laguna_green_list {
	float: right;
	width:320px;
}

.hachi_laguna_green_course {
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #999;
}

.hachi_laguna_green_text {
	float: right;
	width: 170px;
}

.hachi_laguna_green_text02 {
	width:100%;
}

.hachi_laguna_green_text h3,.hachi_laguna_green_text02 h3 {
	color:#0084c7;
	margin-bottom:5px;
	padding-bottom:4px;
	border-bottom:1px dotted #0084c7;
}

.hachi_laguna_green_text p,.hachi_laguna_green_text02 p {
	font-size:0.9em;
}

.hachi_laguna_green_img {
	float: left;
	width: 140px;
}

.hachi_laguna_green_massage {
	font-size: 0.9em;
	color: #666;
	background: #E9E8FF;
	padding: 9px;
}

.hachi_laguna_green_line {
	border-bottom: 1px dotted #333;
}

.map_cap a{
	background: url(../images/com/btn_zoom_img.gif) no-repeat 0px 0px;
	height: 35px;
	width: 150px;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	display: block;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
}

/************************************************************************************
rental
*************************************************************************************/


.set1 {
    float: left;
    height: 96px;
    width: 214px;
}


.set2 {
    float: left;
    height: 96px;
    margin-left: 47px;
    width: 214px;
}


.set3 {
    float: left;
    height: 96px;
    margin-left: 47px;
    width: 214px;
}

.rental_box{
	width:96%;
	margin:1%;
	padding:1%;
	float:left;
	border: 2px solid #66B1EA;
}

.rental_box img{
	float:left;
	padding:4px;
	margin-right:10px;
	border: 1px solid #CCC;
}


.rental_text {
    color:#1a76bc
}