@import url("/golf/css/common.css");
/* ---------------------------- コンテンツ部分 ---------------------------- */
/* ----- タイトル h1 ----- */
#content h1{
	background:url(../image/title_h1.gif) 0px 0px no-repeat;
}
/* ----- タイトル イメージ ----- */
#img_box #img_text{
	background:url(../image/title_img.jpg) 0px 0px no-repeat;
	}

/* ----- 幅 ----- */
.w_0{
	width:0;
	height:0
	}
.w_20p{
	width:20%;
	}
	
.w_25p{
	width:25%;
	}
	
.w_33p{
	width:33%;
	}
.w_40p{
	width:40%;
	}	
.w_50p{
	width:50%;
	}	
.w_60p{
	width:60%;
	}	
.w_95p{
	width:95%;
	}	
/*ライブカメラ*/	
.live{
position:relative;
	width:861px;
	height:387px;
	background:url(../image/back_03.jpg) repeat-x;
	}
.live .left_img .right_img{
	height:387px;
	}	
.right_img {
	border-left:2px solid #d3d3d3;
}
.left_img {
	border-right:2px solid #d3d3d3;
}
	
/*ライブカメラの中身*/
.live_ttl{
	position:absolute;
	width:551px;
	height:17px;
	text-indent:-9999px;
	left:18px;
	top:14px;
	background: url(../image/live_ttl.gif) no-repeat;

	}


.live_box{
	position:absolute;
	width:338px;
	height:258px;
	background:url(../image/live_box.gif) no-repeat;
	padding:9px 0 0 0px ;
	left: 18px;
	top: 42px;
	}

.live_map{
	position:absolute;
	width:469px;
	height:258px;
	left: 373px;
	top: 42px;
	}

ul.live_btn {
	margin:313px 20px 0 20px;
	_margin:313px 20px 0 10px;
	width:343px;
	height:62px;
	background:url(../image/live_btn.jpg) no-repeat;
	float:left;
}

ul.live_btn li {
	width:171px;
	height:31px;
	float:left;
}

ul.live_btn li a {
	display:block;
	text-indent:-9999px;
	width:164px;
	height:31px;
	*margin-left:-6px;
}

ul.live_btn li.house a:hover {	background:url(../image/live_btn.jpg) no-repeat 0 -62px;}
ul.live_btn li.hole9 a:hover {	background:url(../image/live_btn.jpg) no-repeat -171px -62px;}
ul.live_btn li.yacht a:hover {	background:url(../image/live_btn.jpg) no-repeat 0px -93px;}
ul.live_btn li.hole18 a:hover {	background:url(../image/live_btn.jpg) no-repeat -171px -93px;}

ul.map_kome{
	font-size:85%;
	line-height:125%;
	padding:330px 0 0 0;
	text-align:left;
}





.kome001{
	position:absolute;
	left: 376px;
	top: 312px;
	width:170px;
	letter-spacing: normal;	
	}

/*QRコード*/	
.live_qr{
	position:absolute;
	width:293px;
	height:103px;
	left: 552px;
	top: 310px;
	background-image: url(../image/live_qr.gif);
	background-repeat: no-repeat;
	text-indent:-9999px;
	}
.qr_mova{
	position:absolute;
	left: 560px;
	top: 319px;
		background:url(../image/live_mova_ico.gif) no-repeat top left;
}
.qr_txt{
	position:absolute;
	left: 581px;
	top: 319px;
	width:170px;
	letter-spacing: normal;	
	font-size:90%;
	line-height:125%;
	margin-bottom:3px;
	font-weight:bold;
	text-align:left;
	}
.qr_kome{
	position:absolute;
	left: 562px;
	top: 357px;
	width:170px;
	letter-spacing: normal;	
	font-size:90%;
	line-height:125%;
	margin-bottom:3px;
	}
/*一番下のボタン*/

.btn_photo{
	width:410px;
	height:108px;
	text-indent:-9999px;
	background:url(../image/btn_photo.jpg) 0px 0px no-repeat;	
	}
.btn_photo a{
	display:block;
	width:410px;
	height:108px;
	background:url(../image/btn_photo.jpg) 0px 0px no-repeat;
}
.btn_photo a:hover{
	background:url(../image/btn_photo_ov.jpg) 0px 0px no-repeat;
}
			


.btn_laser{
	width:410px;
	height:108px;
	text-indent:-9999px;
	background:url(../image/btn_laser.jpg) 0px 0px no-repeat;	
	}
.btn_laser a{
	display:block;
	width:410px;
	height:108px;
	background:url(../image/btn_laser.jpg) 0px 0px no-repeat;
}
.btn_laser a:hover{
	background:url(../image/btn_laser.jpg) 0px -108px no-repeat;
}