/* Basic
--------------------------------------------------------- */
html { height:100%; }
body {
	height:100%;
	margin:0;
	padding:0;
}
#main img {
	border:0;
	margin:0;
	display: inline;
	vertical-align: top;
}
#main a,  #main object {
	border: none;
	outline: none;
}

#main .clear { clear:both; }
#main .float-left { float:left; }
#main .float-right { float:right; }
#main .left { text-align:left; }
#main .right { text-align:right; }
#main .center { text-align:center; }
#main .justify { text-align:justify; }
#main .normal { font-weight:normal; }
#main .bold { font-weight:bold; }
#main .italic { font-style:italic; }
#main .underline { border-bottom:1px solid; }
#main .highlight { background:#ffc; }
#main .nopadding { padding:0; }
#main .noindent {
	margin-left:0;
	padding-left:0;
}
#main .nobullet {
	list-style:none;
	list-style-image:none;
}
#main .block { display:block; }
#main .hidden { display:none; }
#main .hide { display:none; }


/* Style
--------------------------------------------------------- */
#main {
	width:950px;
	margin:auto;
}
#main p,
#main h3,
#main h4 { margin: 0; }

#main #mainVisual {
	background: url(../images/bg_main.jpg) no-repeat;
	width: 100%;
	height:486px;
	margin-bottom:30px;
	position: relative;
}
#main #mainVisual #mainVisualInner {
	padding: 9px 0px 20px 7px;
	overflow: hidden;
	zoom: 1;
}
#main #mainVisual .mainLogo {
	padding-bottom: 60px;
}
#main #mainVisual .mainmBox { padding-left: 23px;}
#main #mainVisual .mainmBox .fl {
	background: url(../images/bg_trans_z.png);
	padding:4px 7px 15px 6px;
	margin-top:130px;}
#main #mainVisual .mainmBox .fr {
	padding-right:28px;}
#main #mainVisual .mainmBox .btn-main {
	text-align:center;}
#main #mainVisual .mainmBox img { vertical-align: top; }

#main #mainVisual .btn-social {
	position: absolute;
	right: 29px;
	top: 9px;
	text-align: right;
	min-width: 180px;
	width: 180px;
}
#main #mainVisual .btn-social a { padding-left: 2px; }
#main #mainVisual .btn-award {
	position: absolute;
	right: 272px;
	top: 119px;
}



#main #banner-box {
	background: url(../images/bg_banner.jpg) no-repeat;
	padding-bottom: 19px;
	margin-bottom: 30px;
	}


#main #greenBox {
	width:950px;
	margin:0;
	padding: 48px 0 50px 0;
	background: #000 url(../images/bg_content_col.jpg) repeat-y;
}

#main .row {
	width:910px;
	margin:0 20px 0 20px;
	padding:0;
	overflow:hidden;
}


#main #greenBox .row {
	width: auto;
	margin: 0 0 0 28px;
	padding:0;
	overflow: hidden;
}

#main #greenBox #cont01 {
	background: url(../images/bg_content_1.png) no-repeat;
	width: 876px;
	height:541px;
	margin-bottom: 40px;
}
#cont01 .contBox { padding: 36px 0 0 0;}
#cont01 .catch {
	padding: 0 0 50px 544px;
	width: 300px;
	text-align: center;
}


#main #greenBox #cont02 {
	background: url(../images/bg_content_2.png) no-repeat;
	width: 912px;
	height: 590px;
	margin-bottom: 39px;
}
#cont02 .contBox { padding: 29px 0 0 0;}
#cont02 .catch {
	padding: 0 0 48px 53px;
	width: 300px;
	text-align: center;
}


#main #greenBox #cont03 {
	background: url(../images/bg_content_3.png) no-repeat;
	width: 873px;
	height:534px;
	margin-bottom: 49px;
}
#cont03 .contBox { padding: 115px 0 0 0;}
#cont03 .catch {
	padding: 0 0 50px 544px;
	width: 300px;
	text-align: center;
}


#main #greenBox #cont04 {
	background: url(../images/bg_trans_w.png);
	width: 848px;
	margin: 0 auto;
	position: relative;
	z-index:101;
}
#cont04 .contBox {
	width: 100%;
	padding: 0 0 75px 0;
	background: url(../images/bg_bnr_1.png) no-repeat 50% 100%;
}
#cont04 .movie-box {
	width: 798px;
	margin: 0 auto 107px auto;
}
#cont04 .movie-box .fl,
#cont04 .movie-box .fr { border-top: 7px solid #abcd03; width: 392px;}


#main .contents-menu { }
#main .contents-menu ul,  #main .contents-menu li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#main .contents-menu ul {
	overflow: hidden;
	zoom: 1;
}
#main .contents-menu li {
	float: left;
	margin-right: 12px;
	display: inline;
}
#main .contents-menu li.nav-2 { margin-right: 11px; }
#main .contents-menu li.nav-3 { margin-right: 0; }



/* Camping
--------------------------------------------------------- */
#main #greenBox.camping {
	background: #000 url(../images/top/bg_content_col_2.jpg) repeat-y;
	position: relative;
	padding: 38px 0 50px 0;
	z-index: 10;
}

#main #greenBox .inner,
#main #greenBox .inner-w { width: 850px; margin: 0 auto; position: relative; z-index: 100;}
#main #greenBox .inner-w { width: 859px; margin-bottom: 56px; }

.video-box { text-align: center; margin-bottom: 16px; }

.camping .catch {
	background: url(../images/top/bg_catch.png) no-repeat 50% 0;
	min-height: 278px;
}
.camping .catch .in { padding: 24px;}
.camping .catch .pd20 { padding: 20px;}

/*.camping #box03 .catch {
	background: url(../images/top/bg_catch_2.png) no-repeat 50% 0;
	min-height: 228px;
}*/
#greenBox.camping .title { position: relative; z-index: 99;}
#greenBox.camping .bg {
	position: absolute;
	z-index: 11;
}
#greenBox.camping .football {
	top: 148px;
	right: 0;
}
#greenBox.camping .ground_cyc {
	top: 1660px;
	left: 7px;
}

#greenBox.camping .shoes {
	top: 2699px;
	left: 9px;
}

.mouseover:hover {
	zoom: 1;
	filter: alpha(opacity=75);
	opacity: 0.75;
}



/* park
--------------------------------------------------------- */
#main #greenBox.park {
	background: #000 url(../images/index_new/bg_park.jpg) repeat-y;
	position: relative;
	padding: 0px 0 50px 0;
	z-index: 10;
}
#main #greenBox.park .bg_Forest {
	background: url(../images/index_new/bg_forest.png) no-repeat 0 0;}
#main #greenBox .inner,
#main #greenBox .inner-w { width: 850px; margin: 0 auto; position: relative; z-index: 100;}
#main #greenBox .inner-w { width: 859px; margin-bottom: 56px; }

.video-box { text-align: center; margin-bottom: 16px; }
#main #greenBox.park .contBox {
	margin-bottom:56px;}

#main #greenBox .contBox.contbox-bottom {
	margin-bottom:0;
	}
.park .catch {
	background: url(../images/top/bg_catch.png) no-repeat 50% 0;
	min-height: 278px;
}
.park .catch {
	background: none;}

.park .catch .fr {
	margin-right:-13px;
	margin-top:-16px;}

.park .catch_left .fl {
	margin-left:-16px;
	margin-top:-12px;}
.park .catch_left .fr {
	margin-top:-4px;}

.park .catch .in { padding: 24px;}
.park .catch_bg {
	background:url(../images/index_new/catch_bg.png) no-repeat 0 0;
	padding:27px 23px 23px 23px;
	margin-left:15px;
	margin-right:-5px;}
.park .catch .pd20 { padding: 20px;}

/*.camping #box03 .catch {
	background: url(../images/top/bg_catch_2.png) no-repeat 50% 0;
	min-height: 228px;
}*/
#greenBox.park .title { position: relative; z-index: 99;}
#greenBox.park .bg {
	position: absolute;
	z-index: 11;
}
#greenBox.park .football {
	top: 148px;
	right: 0;
}
#greenBox.park .ground_cyc {
	top: 1660px;
	left: 7px;
}

#greenBox.park .shoes {
	top: 2699px;
	left: 9px;
}

.mouseover:hover {
	zoom: 1;
	filter: alpha(opacity=75);
	opacity: 0.75;
}




/* Margin
--------------------------------------------------------- */

#main .top0 { margin-top: 0px; }
#main .top06 { margin-top: 6px; }
#main .top10 { margin-top: 10px; }
#main .top18 { margin-top: 18px; }
#main .top30 { margin-top: 30px; }
#main .top40 { margin-top: 40px; }
#main .top-10 { margin-top: -10px; }
#main .lft06 { margin-left: 6px; }
#main .lft12 { margin-left: 12px; }
#main .lft25 { margin-left: 25px; }
#main .rgt05 { margin-right: 5px; }
#main .btm08 { margin-bottom:8px; }


/* MODULE
--------------------------------------------------------- */

/* =========================================================
	FLOAT & TEXT-ALIGN
========================================================= */
.of { overflow: hidden; zoom: 1; }
.col { clear: both; overflow: hidden; }
.c1,
.c2,
.cl,
.fl { float: left; display: inline; }
.c3,
.cr,
.fr { float: right; display: inline; }
.al { text-align: left!important; }
.ac { text-align: center!important; }
.ar { text-align: right!important; }


/* =========================================================
	MARGIN
========================================================= */
.ma0 { margin: 0!important;}
.mt-10 { margin-top: -10px !important; }
.mt-5 { margin-top: -5px !important; }
.mt-2 { margin-top: -2px !important; }
.mt0 { margin-top: 0 !important; }
.mt2 { margin-top: 2px !important; }
.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt12 { margin-top: 12px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt24 { margin-top: 24px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }
.mr0 { margin-right: 0 !important; }
.mr5 { margin-right: 5px !important; }
.mr8 { margin-right: 8px !important; }
.mr10 { margin-right: 10px !important; }
.mr12 { margin-right: 12px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr24 { margin-right: 24px !important; }
.mr40 { margin-right: 40px !important; }
.mr80 { margin-right: 80px !important; }
.mr-120 { margin-right: -120px !important; }
.mr-150 { margin-right: -150px !important; }
.mr-200 { margin-right: -200px !important; }
.mb0 { margin-bottom: 0 !important; }
.mb2 { margin-bottom: 2px !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb12 { margin-bottom: 12px !important; }
.mb14 { margin-bottom: 14px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb24 { margin-bottom: 24px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb55 { margin-bottom: 55px !important; }
.mb60 { margin-bottom: 60px !important; }
.ml0 { margin-left: 0 !important; }
.ml2 { margin-left: 2px !important; }
.ml5 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml32 { margin-left: 32px !important; }
.ml35 { margin-left: 35px !important; }
.ml40 { margin-left: 40px !important; }
.ml50 { margin-left: 50px !important; }
.ml60 { margin-left: 60px !important; }
.ml100 { margin-left: 100px !important; }
.ml-100 { margin-left: -100px !important; }
.ml-120 { margin-left: -120px !important; }
.ml-150 { margin-left: -150px !important; }
.ml-175 { margin-left: -175px !important; }
.ml-200 { margin-left: -200px !important; }


/* =========================================================
	PADDING
========================================================= */
.p0   { padding: 0px !important; }
.pt0  { padding-top:    0px !important; }
.pt5  { padding-top:    5px !important; }
.pt10 { padding-top:   10px !important; }
.pt15 { padding-top:   15px !important; }
.pt20 { padding-top:   20px !important; }
.pt25 { padding-top:   25px !important; }
.pt30 { padding-top:   30px !important; }
.pt40 { padding-top:   40px !important; }
.pt50 { padding-top:   50px !important; }
.pt60 { padding-top:   60px !important; }
.pl0  { padding-left:   0px !important; }
.pl10 { padding-left:  10px !important; }
.pl25 { padding-left:  25px !important; }
.pl40 { padding-left:  40px !important; }
.pl65 { padding-left:  65px !important; }
.pb5  { padding-bottom: 5px !important; }



/* =========================================================
	FONT & TEXT-SIZE
========================================================= */
.fz9 { font-size: 9px; }
.fz10 { font-size: .85em; }
.fz11 { font-size: 11px; }
.fz12 { font-size: 12px; }
.fz13 { font-size: 13px; }
.fz14 { font-size: 1.15em /*14px*/; }
.fz15 { font-size: 15px; }
.fz16 { font-size: 16px; }
.h34 { height: 34px !important; }



/* =========================================================
	buttons
========================================================= */
.btn-new,
.btn-new-s,
.btn-new-m {
	display:block;
	width: 399px;
	height: 40px;
	overflow: hidden;
	text-align: left;
	text-indent: -1984px;
	background-image:url(../images/top/g_btn_1_n.png);
	background-repeat: no-repeat;
	background-position: 50% 0;
}
.btn-new img,
.btn-new-s img { display: none !important;}

.btn-new-m {
	width: 390px;
	height: 41px;
	background-image:url(../images/btn_3_n.png);
}
.btn-new-s {
	width: 295px;
	height: 25px;
	background-image:url(../images/btn_3_n.png);
}
.btn-new:hover,
.btn-new-s:hover,
.btn-new-m:hover {
	background-position: 50% 50%;
}
.btn-new:active,
.btn-new.active,
.btn-new-s:active,
.btn-new-s.active,
.btn-new-m:active,
.btn-new-m.active {
	background-position: 50% 100%;
}

.no-ac .btn-new:active,
.no-ac .btn-new.active,
.btn-new.noac {
	background-position: 50% 0 !important;
}


.btn-1 {
	/*background-image:url(../images/top/g_btn_1_n.png);*/
}
.btn-2 {
	background-image:url(../images/top/g_btn_2_n.png);
}
.btn-3 {
	background-image:url(../images/top/g_btn_3_n.png);
}
.btn-4 {
	background-image:url(../images/top/g_btn_4_n.png);
}
.btn-5 {
	background-image:url(../images/top/g_btn_5_n.png);
}
.btn-6 {
	background-image:url(../images/top/g_btn_6_n.png);
}

.btn-7 {
	background-image:url(../images/top/g_btn_7_n.png);
}
.btn-8 {
	background-image:url(../images/top/g_btn_8_n.png);
}
.btn-9 {
	background-image:url(../images/top/g_btn_9_n.png);
}


.btn-s-3 {
	background-image:url(../images/btn_3_n.png);
}
.btn-s-4 {
	background-image:url(../images/btn_4_n.png);
}
.btn-s-5 {
	background-image:url(../images/btn_5_n.png);
}
.btn-s-6 {
	background-image:url(../images/btn_6_n.png);
}



/*-----------------------------------------------------------------------------
   movie_box
-----------------------------------------------------------------------------*/
#movie_box{
	display:none;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index: 102;
}
#movie_box #movie{
	width: 797px;
	margin: 330px auto 0;
	margin-top: 0;
	height: 449px;
	overflow: hidden;
	box-shadow: 0px 2px 10px rgba(0,0,0, .5);
	position: relative;
	z-index:10000000;
}
#movie_box .btn_close_video{
	width: 107px;
	height: 108px;
	margin: 30px auto 0;
	line-height: 108px;
	background: url(../images/btn_close.png) no-repeat 0 0;
}
#movie_box .btn_close_video a{
	display: block;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	text-align:center;
	text-indent: -1984px;
	overflow: hidden;
}
#movie_box .btn_close_video a:hover{
	color:#999999;
}

#video {  }


/*-----------------------------------------------------------------------------
   CANP_overlay
-----------------------------------------------------------------------------*/

#CANP_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
	background-color:#fff;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
* html #CANP_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}


.movie-wrap {
	position: fixed;
	z-index:11000;
	top: 0px;
	left: 0px;
	bottom: 0;
right: 0;
	height:100%;
	width:100%;
	overflow: auto;
overflow-y: scroll;
	background:transparent;
}

html.lb-lock {
height: auto;
overflow: hidden !important;
width: auto;
}

.lb-lock body {
overflow: hidden !important;
}