/* CSS Document */

/* フッターを下に ////////// */

html,body {
	height: 100%;
}

#maincontent {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -41px; /* the bottom margin is the negative value of the footer's height */
}

/* //////////////////////// */

.bgmaximage {
	opacity:0.5;
}

#sub-navi ul {
	margin-left:199px;
}

.courseBtn a {
	float:left;
	display:inline-block;
	padding:6px 20px;
	background:#FFF;
/*	border-radius:15px;*/
	color:#000 !important;
	font-size:85%;
	text-decoration:none !important;
	margin:5px;
	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

.courseBtn a:hover {
	background:#3A3878;
	color:#FFF !important;
	text-decoration:none !important;
}

#course_maintxt {
	margin:0 30px 40px;
}

.course_concept_txt {
	width:660px;
	margin-bottom:20px;
}

#bn_gallery a {
	display:block;
	width:166px;
	height:156px;
	background:url(img/bn_gallery.png) no-repeat;
	position:absolute;
	top:300px;
	right:25px;
	z-index:20;
}

#bn_gallery a:hover {
	opacity:0.7;
}

#bn_gallery2 a {
	display:block;
	width:114px;
	height:114px;
	background:url(img/bn_gallery.png) no-repeat;
	position:absolute;
	top:390px;
	right:0;
	z-index:20;
}

#bn_gallery2 a:hover {
	opacity:0.7;
}

#titleBox {
	width:540px;
	height:50px;
	background:#FFF;
	margin-bottom:20px;
}

#titleBox h2 {
	float:left;
	width:440px;
	margin:0;
	padding:0;
}

#b_back a {
	float:left;
	display:block;
	background:url(img/b_back.jpg) no-repeat;
	width:50px;
	height:50px;
}

#b_back a:hover {
	opacity:0.7;
}

#b_next a {
	float:left;
	display:block;
	background:url(img/b_next.jpg) no-repeat;
	width:50px;
	height:50px;
}

#b_next a:hover {
	opacity:0.3;
}

.course-box {
	overflow:hidden;
	width:940px;
	background:#F2F2EB;
	margin:40px auto;
}

.course-contents {
	overflow:hidden;
	width:860px;
	margin:40px auto;
}

#course-Lbox {
	float:left;
	width:540px;
	margin-right:20px;
}

#course-Rbox {
	float:left;
	width:300px;
}

img.hokusai {
	max-width:45%;
}

img.courseImg {
	max-width:100%;
}

#course-Lbox ul {
	list-style:decimal outside;
	font-size:85%;
	margin-bottom:10px;
}

#course-Lbox ul li {
	margin-left:2em;
	line-height:135%;
	margin-bottom:5px;
}

#course-Lbox table {
	font-size:93%;
	text-align:center;
	line-height:25px;
	width:300px;
}

.guideBox {
	margin: 30px 0 20px;
	overflow:hidden;
}

#course-Lbox2 {
	float:left;
	width:300px;
	margin-right:20px;
}

#course-Rbox2 {
	float:left;
	width:220px;
}

/* 以前のCSS ここから */

#course-top-base {
	width:920px;
	margin:10px;
	position: relative;
	overflow:hidden;
}

dl#courseMap{
	margin: 0 0 30px;
	padding: 0;
	background: transparent url(img/course.png) top left no-repeat;
	height: 330px;
	width: 730px;
	position: relative;
}

dt{ margin: 0; padding: 0; position: absolute; font-size: 85%; display: none; }
dd{ margin: 0; padding: 0; position: absolute;  font-size: 85%; }

/* ---------- Hotspot Declarations ---------- */
dd#hole-01{ top: 140px; left: 640px; }
dd#hole-01 a{ position: absolute; width: 30px; height: 36px; text-decoration: none; }
dd#hole-01 a span{ display: none; }
dd#hole-01 a:hover{ background: transparent url(img/course.png) -640px -490px no-repeat; }
/* ロールオーバーでキャプションをつける場合 */
dd#hole-01 a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 250%;
}
dd#hole-02{ top: 150px; left: 570px; }
dd#hole-02 a{ position: absolute; width: 30px; height: 36px; text-decoration: none; }
dd#hole-02 a span{ display: none; }
dd#hole-02 a:hover{ background: transparent url(img/course.png) -570px -500px no-repeat; }

dd#hole-03{ top: 190px; left: 620px; }
dd#hole-03 a{ position: absolute; width: 30px; height: 36px; text-decoration: none; }
dd#hole-03 a span{ display: none; }
dd#hole-03 a:hover{ background: transparent url(img/course.png) -620px -540px no-repeat; }

dd#hole-04{ top: 220px; left: 660px; }
dd#hole-04 a{ position: absolute; width: 30px; height: 36px; text-decoration: none; }
dd#hole-04 a span{ display: none; }
dd#hole-04 a:hover{ background: transparent url(img/course.png) -660px -570px no-repeat; }

dd#hole-05{ top: 200px; left: 540px; }
dd#hole-05 a{ position: absolute; width: 30px; height: 36px; text-decoration: none; }
dd#hole-05 a span{ display: none; }
dd#hole-05 a:hover{ background: transparent url(img/course.png) -540px -550px no-repeat; }

dd#hole-06{ top: 180px; left: 400px; }
dd#hole-06 a{ position: absolute; width: 30px; height: 36px; text-decoration: none; }
dd#hole-06 a span{ display: none; }
dd#hole-06 a:hover{ background: transparent url(img/course.png) -400px -530px no-repeat; }

dd#hole-07{ top: 190px; left: 280px; }
dd#hole-07 a{ position: absolute; width: 30px; height: 36px; text-decoration: none; }
dd#hole-07 a span{ display: none; }
dd#hole-07 a:hover{ background: transparent url(img/course.png) -280px -540px no-repeat; }

dd#hole-08{ top: 160px; left: 240px; }
dd#hole-08 a{ position: absolute; width: 30px; height: 36px; text-decoration: none; }
dd#hole-08 a span{ display: none; }
dd#hole-08 a:hover{ background: transparent url(img/course.png) -240px -510px no-repeat; }

dd#hole-09{ top: 140px; left: 420px; }
dd#hole-09 a{ position: absolute; width: 30px; height: 36px; text-decoration: none; }
dd#hole-09 a span{ display: none; }
dd#hole-09 a:hover{ background: transparent url(img/course.png) -420px -490px no-repeat; }

dd#hole-10{ top: 80px; left: 410px; }
dd#hole-10 a{ position: absolute; width: 30px; height: 36px; text-decoration: none; }
dd#hole-10 a span{ display: none; }
dd#hole-10 a:hover{ background: transparent url(img/course.png) -410px -430px no-repeat; }

dd#hole-11{ top: 50px; left: 260px; }
dd#hole-11 a{ position: absolute; width: 30px; height: 36px; text-decoration: none; }
dd#hole-11 a span{ display: none; }
dd#hole-11 a:hover{ background: transparent url(img/course.png) -260px -400px no-repeat; }

dd#hole-12{ top: 110px; left: 210px; }
dd#hole-12 a{ position: absolute; width: 30px; height: 36px; text-decoration: none; }
dd#hole-12 a span{ display: none; }
dd#hole-12 a:hover{ background: transparent url(img/course.png) -210px -460px no-repeat; }

dd#hole-13{ top: 140px; left: 100px; }
dd#hole-13 a{ position: absolute; width: 30px; height: 36px; text-decoration: none; }
dd#hole-13 a span{ display: none; }
dd#hole-13 a:hover{ background: transparent url(img/course.png) -100px -490px no-repeat; }

dd#hole-14{ top: 160px; left: 150px; }
dd#hole-14 a{ position: absolute; width: 30px; height: 36px; text-decoration: none; }
dd#hole-14 a span{ display: none; }
dd#hole-14 a:hover{ background: transparent url(img/course.png) -150px -510px no-repeat; }

dd#hole-15{ top: 60px; left: 310px; }
dd#hole-15 a{ position: absolute; width: 30px; height: 36px; text-decoration: none; }
dd#hole-15 a span{ display: none; }
dd#hole-15 a:hover{ background: transparent url(img/course.png) -310px -410px no-repeat; }

dd#hole-16{ top: 110px; left: 290px; }
dd#hole-16 a{ position: absolute; width: 30px; height: 36px; text-decoration: none; }
dd#hole-16 a span{ display: none; }
dd#hole-16 a:hover{ background: transparent url(img/course.png) -290px -460px no-repeat; }

dd#hole-17{ top: 120px; left: 330px; }
dd#hole-17 a{ position: absolute; width: 30px; height: 36px; text-decoration: none; }
dd#hole-17 a span{ display: none; }
dd#hole-17 a:hover{ background: transparent url(img/course.png) -330px -470px no-repeat; }

dd#hole-18{ top: 120px; left: 460px; }
dd#hole-18 a{ position: absolute; width: 30px; height: 36px; text-decoration: none; }
dd#hole-18 a span{ display: none; }
dd#hole-18 a:hover{ background: transparent url(img/course.png) -460px -470px no-repeat; }

.par72 {
	position:absolute;
	top:30px;
	right:30px;
	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	z-index:10;
}

.hole_b a {
	display:block;
	background:url(img/hole_b_r.jpg) no-repeat;
	width:160px;
	height:50px;
	position:absolute;
	top:300px;
	left:550px;
	z-index:10;
}

#holebtn-box {
	width:360px;
	overflow:hidden;
	z-index:10;
}

#holebtn-box h3 {
	font-size:116%;
	margin:0 0 20px;
	padding-bottom:10px;
	background:url(../../shared/img/line.jpg) repeat-x bottom;
}

ul.holelist { list-style:none; }
ul.holelist li a span { display:none; }
ul.holelist li a {
	float:left;
	display:block;
	width:50px;
	height:50px;
	margin:0 10px 10px 0;
}

ul.holelist li#hole01 a { background:url(img/hole01.jpg) no-repeat; background-size: 100%; }
ul.holelist li#hole01 a:hover { background:url(img/hole01_r.jpg) no-repeat; background-size: 100%; }

ul.holelist li#hole02 a { background:url(img/hole02.jpg) no-repeat; background-size: 100%; }
ul.holelist li#hole02 a:hover { background:url(img/hole02_r.jpg) no-repeat; background-size: 100%; }

ul.holelist li#hole03 a { background:url(img/hole03.jpg) no-repeat; background-size: 100%; }
ul.holelist li#hole03 a:hover { background:url(img/hole03_r.jpg) no-repeat; background-size: 100%; }

ul.holelist li#hole04 a { background:url(img/hole04.jpg) no-repeat; background-size: 100%; }
ul.holelist li#hole04 a:hover { background:url(img/hole04_r.jpg) no-repeat; background-size: 100%; }

ul.holelist li#hole05 a { background:url(img/hole05.jpg) no-repeat; background-size: 100%; }
ul.holelist li#hole05 a:hover { background:url(img/hole05_r.jpg) no-repeat; background-size: 100%; }

ul.holelist li#hole06 a { background:url(img/hole06.jpg) no-repeat; background-size: 100%; }
ul.holelist li#hole06 a:hover { background:url(img/hole06_r.jpg) no-repeat; background-size: 100%; }

ul.holelist li#hole07 a { background:url(img/hole07.jpg) no-repeat; background-size: 100%; }
ul.holelist li#hole07 a:hover { background:url(img/hole07_r.jpg) no-repeat; background-size: 100%; }

ul.holelist li#hole08 a { background:url(img/hole08.jpg) no-repeat; background-size: 100%; }
ul.holelist li#hole08 a:hover { background:url(img/hole08_r.jpg) no-repeat; background-size: 100%; }

ul.holelist li#hole09 a { background:url(img/hole09.jpg) no-repeat; background-size: 100%; }
ul.holelist li#hole09 a:hover { background:url(img/hole09_r.jpg) no-repeat; background-size: 100%; }

ul.holelist li#hole10 a { background:url(img/hole10.jpg) no-repeat; background-size: 100%; }
ul.holelist li#hole10 a:hover { background:url(img/hole10_r.jpg) no-repeat; background-size: 100%; }

ul.holelist li#hole11 a { background:url(img/hole11.jpg) no-repeat; background-size: 100%; }
ul.holelist li#hole11 a:hover { background:url(img/hole11_r.jpg) no-repeat; background-size: 100%; }

ul.holelist li#hole12 a { background:url(img/hole12.jpg) no-repeat; background-size: 100%; }
ul.holelist li#hole12 a:hover { background:url(img/hole12_r.jpg) no-repeat; background-size: 100%; }

ul.holelist li#hole13 a { background:url(img/hole13.jpg) no-repeat; background-size: 100%; }
ul.holelist li#hole13 a:hover { background:url(img/hole13_r.jpg) no-repeat; background-size: 100%; }

ul.holelist li#hole14 a { background:url(img/hole14.jpg) no-repeat; background-size: 100%; }
ul.holelist li#hole14 a:hover { background:url(img/hole14_r.jpg) no-repeat; background-size: 100%; }

ul.holelist li#hole15 a { background:url(img/hole15.jpg) no-repeat; background-size: 100%; }
ul.holelist li#hole15 a:hover { background:url(img/hole15_r.jpg) no-repeat; background-size: 100%; }

ul.holelist li#hole16 a { background:url(img/hole16.jpg) no-repeat; background-size: 100%; }
ul.holelist li#hole16 a:hover { background:url(img/hole16_r.jpg) no-repeat; background-size: 100%; }

ul.holelist li#hole17 a { background:url(img/hole17.jpg) no-repeat; background-size: 100%; }
ul.holelist li#hole17 a:hover { background:url(img/hole17_r.jpg) no-repeat; background-size: 100%; }

ul.holelist li#hole18 a { background:url(img/hole18.jpg) no-repeat; background-size: 100%; }
ul.holelist li#hole18 a:hover { background:url(img/hole18_r.jpg) no-repeat; background-size: 100%; }

#course_caption {
	float:left;
	width:495px;
	margin-right:30px;
	margin-left:20px;
}

#course_tablebox {
	width:862px;
	margin:30px auto;
}

#course_tablebox table {
	font-size:85%;
	text-align:center;
	line-height:25px;
/*	padding:0.3em 0;*/
}

/* 各コース共通 ------------------- */

.wrapper-course-contents {
	margin-bottom:1px;
}

/* メニュー */

#course_navi_area { display:block; width:100%; overflow:hidden; }

#course_navi_photo a {
	float:left;
	display:block;
	background:url(img/course_navi_photo_r.png) no-repeat;
	width:120px;
	height:25px;
	margin-right:2px;
}

#cursor_course_photo {
	width: 100%;
	bottom: -78px;
	position: fixed;
	z-index:-1;
}

#cursor_course_photo #course_navi_area #course_navi_photo a img {
	display:none;
}

#cursor_course_photo #course_navi_area #course_navi_photo a {
	background:url(img/course_navi_photo_o.png) no-repeat;
}

#course_navi_guide a {
	float:left;
	display:block;
	background:url(img/course_navi_guide_r.png) no-repeat;
	width:120px;
	height:25px;
	margin-right:2px;
}

#cursor_course_guide #course_navi_area #course_navi_guide a img {
	display:none;
}

#cursor_course_guide #course_navi_area #course_navi_guide a {
	background:url(img/course_navi_guide_o.png) no-repeat;
	cursor:default;
}

#course_navi_movie a {
	float:left;
	display:block;
	background:url(img/course_navi_movie_r.png) no-repeat;
	width:120px;
	height:25px;
	margin-right:2px;
}

#cursor_course_movie #course_navi_area #course_navi_movie a img {
	display:none;
}

#cursor_course_movie #course_navi_area #course_navi_movie a {
	background:url(img/course_navi_movie_o.png) no-repeat;
	cursor:default;
}

/* コンテンツ */

.course_bg {
	background:url(img/course_bg.png) repeat;
	overflow:hidden;
}

/* スライドショーのサムネイル */

#photo {
	min-width:990px;
	margin:25px 10px;
	overflow:hidden;
}

#view img {
	z-index: -1;
}

#photo ul {
	list-style:none;
}

#photo ul li a img {
	width:60px;
	height:60px;
}

#photo ul li a {
	float:left;
	display:block;
	border:1px solid #FFF;
	margin:0 10px;
}

#photo ul li a:hover {
	background:url(img/chip_btn_r.jpg) no-repeat;
	/* 透け透けにしたいとき */
	opacity: .80; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=80); /* IE lt 8 */
	-ms-filter: "alpha(opacity=80)"; /* IE 8 */
	-khtml-opacity: .80; /* Safari 1.x */
	-moz-opacity: .80; /* FF lt 1.5, Netscape */
}

/* ポップアップ - コース詳細 */

#pop_course_win {
	overflow:hidden;
	background:#EDEDED;
	width:750px;
	height:560px;
	position:relative;
}

#popbox-txt {
	float:left;
	display:block;
	width:350px;
	margin:40px 20px 20px 40px;
}

#popbox-txt ul {
	list-style:decimal outside;
	background:#FFF;
	padding:10px;
	font-size:85%;
}

#popbox-txt ul li {
	margin-left:2em;
}

#popbox-img {
	float:left;
	display:block;
	margin:20px;
	margin-left:0px;
}

#pop_course_win table {
	font-size:93%;
	text-align:center;
	line-height:25px;
	position:absolute;
	left:40px;
	bottom:40px;
	width:340px;
}

#ladies-guide-box {
	width:330px;
	background:#FFF;
	padding:15px 10px;
}

#ladies-guide-title {
	color:#FF3366;
	margin-bottom:5px;
	font-weight:bold;
}

.teetitle-area {
	width:350px;
	overflow:hidden;
	margin-bottom:5px;
}

#backtee-title {
	float:left;
	display:block;
	line-height:20px;
	background:url(img/backtee_icon.jpg) no-repeat left center;
	font-weight:bold;
	margin-right:5px;
	padding-left:20px;
}

#regulertee-title {
	float:left;
	display:block;
	line-height:20px;
	background:url(img/regulertee_icon.jpg) no-repeat left center;
	font-weight:bold;
	margin-right:5px;
	padding-left:20px;
}

#ladiestee-title {
	float:left;
	display:block;
	line-height:20px;
	background:url(img/ladiestee_icon.jpg) no-repeat left center;
	font-weight:bold;
	margin-right:5px;
	padding-left:20px;
}

img.hokusai {
	max-width:175px;
}

/* ローディング */

#loading { 
  width:100%;
  height:100%;
  background:#000000;
  position:absolute;
}

#loading img{ 
  position:absolute;
  z-index:9999;
  width:35px;
  height:35px;
  top:49%;
  left:49%
}