/* 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:99px;
}

.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:20px 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:280px;
	right:17px;
	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-navi {
	width:100%;
	min-width:1040px;
	overflow:hidden;
	background:#222;
	border-top:solid 1px #454545;
}

#course-naviBox {
	float:right;
	overflow:hidden;
	width:600px;
	border-left:solid 1px #454545;
}

#course-navi ul { list-style:none; }
#course-navi ul li a {
	float:left;
	display:block;
	line-height:30px;
	text-align:center;
	width:99px;
	border-right:solid 1px #454545;
	font-size:85%;
	text-decoration:none;
	color:#FFF;
}
#course-navi ul li a:hover {
	background:#001A33;
	text-decoration:underline;
}

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

dl#courseMap{
	margin: 0;
	padding: 0;
	background: transparent url(img/course.jpg) top left no-repeat;
	height: 580px;
	width: 710px;
	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: 246px; left: 468px; }
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.jpg) -468px -826px 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: 310px; left: 373px; }
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.jpg) -373px -890px no-repeat; }

dd#hole-03{ top: 320px; left: 293px; }
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.jpg) -293px -900px no-repeat; }

dd#hole-04{ top: 440px; left: 249px; }
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.jpg) -249px -1020px no-repeat; }

dd#hole-05{ top: 484px; left: 189px; }
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.jpg) -189px -1064px no-repeat; }

dd#hole-06{ top: 228px; left: 359px; }
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.jpg) -359px -808px no-repeat; }

dd#hole-07{ top: 266px; left: 507px; }
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.jpg) -507px -846px no-repeat; }

dd#hole-08{ top: 326px; left: 543px; }
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.jpg) -543px -906px no-repeat; }

dd#hole-09{ top: 206px; left: 523px; }
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.jpg) -523px -786px no-repeat; }

dd#hole-10{ top: 192px; left: 269px; }
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.jpg) -269px -772px no-repeat; }

dd#hole-11{ top: 138px; left: 275px; }
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.jpg) -275px -718px no-repeat; }

dd#hole-12{ top: 182px; left: 189px; }
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.jpg) -189px -762px no-repeat; }

dd#hole-13{ top: 212px; left: 123px; }
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.jpg) -123px -792px no-repeat; }

dd#hole-14{ top: 310px; left: 116px; }
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.jpg) -116px -890px no-repeat; }

dd#hole-15{ top: 432px; left: 78px; }
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.jpg) -78px -1012px no-repeat; }

dd#hole-16{ top: 460px; left: 147px; }
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.jpg) -147px -1040px no-repeat; }

dd#hole-17{ top: 294px; left: 192px; }
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.jpg) -192px -874px no-repeat; }

dd#hole-18{ top: 218px; left: 319px; }
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.jpg) -319px -798px no-repeat; }

.par72 {
	position:absolute;
	top:20px;
	right:20px;
	z-index:10;
}

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

#course_caption {
	display:block;
	width:560px;
	position:absolute;
	top:450px;
	left:330px;
}

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

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

/* ホールのサムネイル */

ul.holelist { list-style:none; }
ul.holelist li a span { display:none; }
ul.holelist li a {
	float:left;
	display:block;
	width:57px;
	height:57px;
	margin:0 5px 5px 0;
	background-size:57px 57px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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 p {
	margin-bottom:10px;
	font-size:116%;
}

#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;
}

/* ローディング */

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

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