@charset "utf-8";
/* lightbox */
@import "../../css/lightbox.css";
/***************************
01 top
02 gondola
03 ecol
***************************/

/*----------------------------------
=01 top
----------------------------------*/

#top{
	clear:both;
	width:610px;
	margin:0 auto;
	}
#top .banners .left{
	float:left;
	}
#top .banners .left h3{
	margin-bottom:4px;
	}
#top .banners .right{
	float:right;
	}
#top .banners h4{
	margin-top:20px;
	}

#top .cont-caps{
	width:auto;
	margin-top:40px;
	clear:both;
	}
#top .cont-caps .blodk{
	clear:both;
	}
#top .cont-caps .left,
#top .cont-caps .right{
	width:290px;
	float:left;
	margin:20px 0 0 5px;
	}
#top .cont-caps .right{
	float:right;
	margin:20px 0 0;
	}

#top .cont-caps .fl-img{
	float:left;
	}
#top .cont-caps .block dl{
	float:left;
	width:200px;
	margin-left:10px;
	display:inline;
	text-align:left;
	font-size:12px;
	}
#top .cont-caps dl dt{
	padding-top:6px;
	}
#top .cont-caps .block dl dd{
	margin-top:4px;
	padding-left:2px;
	font-size:83%;
	}
	
	
#top .gondolabox{
	width:490px;
	margin:0 auto 40px;
	text-align:left;
	}
#top .gondolabox h5{
	margin-bottom:5px;
	}

#top .gondolabox p{
	margin:3px 0 0 26px;
	}
	

/*----------------------------------
=02 gondola
----------------------------------*/

#gondla-mov{
	width:750px;
	margin:0 auto 10px;
	padding-top:5px;
	padding-bottom:5px;
	text-align:center;
	background:#D5ECA9;
	}
#gondla-mov p{
	margin:5px auto;
	}
#gondla-mov #type{
	position:relative;
	z-index:5;
	}
#gondola{
	clear:both;
	}

#gondola h3{
	margin-bottom:13px;
	}
#gondola h4{
	margin:0 auto 25px;
	}

#gondola .box{
	width:490px;
	margin:0 auto 40px;
	text-align:left;
	}
#gondola .box h5{
	margin-bottom:5px;
	}
#gondola .box.one ul{
	width:400px;
	margin-left:23px;
	text-align:left;
	background:url(../../img/tensen01.gif) top repeat-x;
	}
#gondola .box.one ul li{
	padding-top:5px;
	padding-bottom:5px;
	clear:both;
	background:url(../../img/tensen01.gif) bottom repeat-x;
	}	
#gondola .box.one ul li .left{
	float:left;
	width:135px;
	color:#6FA800;
	}
#gondola .box.one ul li .right{
	float:left;
	}
#gondola .box.one p{
	margin:3px 0 0 25px;
	font-size:92%;
	color:#FF6000;
	}

#gondola .box.two p{
	margin:3px 0 0 26px;
	}

#gondola .box.three .left{
	float:left;
	width:275px;
	margin-top:10px;
	margin-left:28px;
	display:inline;
	}
#gondola .box.three .right{
	float:right;
	margin-top:10px;
	margin-right:45px;
	display:inline;
	}

#gondola .box.four{
	width:477px;
	height:190px;
	background:url(../img/bg_gondola-outdoor.jpg) no-repeat;
	}
#gondola .box.four dl{
	padding:35px 0 0 160px;
	}
#gondola .box.four dl dd{
	padding:10px 0 0 25px;
	color:#414141;
	}
#gondola .box.four dl dd .txt-green{
	color:#6FA800;
	}


/*----------------------------------
=03 ecol
----------------------------------*/


#approach{
	width:546px;
	margin:0 auto;
}

#ecol h3{
	margin-bottom:13px;
	}
#ecol h4{
	margin-bottom:20px;
	}
#ecol .box{
	margin:0 auto 40px;
	text-align:left;
	}
#ecol .box.one{
	width:495px;
	margin-top:30px;
	}
#ecol .box.one .left{
	float:left;
	width:280px;
	margin-left:25px;
	display:inline;
	}
#ecol .box.one .right{
	float:left;
	width:187px;
	height:165px;
	margin-top:10px;
	background:url(../img/bgfr_ecol.gif) no-repeat;
	}
#ecol .box.one .right p{
	width:140px;
	margin:0;
	padding:10px 0 0 40px;
	}
#ecol .box.two{
	width:492px;
	margin:0 auto;
	}
#ecol .box.two .left{
	float:left;
	width:233px;
	margin-right:18px;
	margin-left:24px;
	display:inline;
	background:url(../../img/tensen02.gif) right repeat-y;
	}
#ecol .box.two .right{
	float:left;
	width:214px;
	background:none;
	}
#ecol .box.two dl,#ecol .box.two dt,#ecol .box.two dd{
	margin:0;
	padding:0;
	}
#ecol .box.two dt{
	margin-bottom:10px;
	}
#ecol .box.two dd p{
	width:214px;
	margin-top:12px;
	}

#ecol .box.three{
	width:480px;
	margin:45px auto 0;
	}
#ecol .box.three h5{
	margin-bottom:10px;
	}
#ecol .box.three .left{
	float:left;
	width:174px;
	margin-left:20px;
	display:inline;
	}
#ecol .box.three .right{
	float:left;
	width:266px;
	margin-left:20px;
	display:inline;
	}
#ecol .box.three .right dt{
	margin-bottom:15px;
	}
#ecol .box.three ul{
	width:462px;
	margin:20px 0 0 20px;
	text-align:left;
	clear:both;
	background:url(../../img/tensen01.gif) top repeat-x;
	}
#ecol .box.three ul li{
	padding-top:5px;
	padding-bottom:5px;
	clear:both;
	text-align:left;
	background:url(../../img/tensen01.gif) bottom repeat-x;
	}	
#ecol .box.three ul li .left{
	float:left;
	width:100px;
	margin-left:0;
	color:#6FA800;
	}
#ecol .box.three ul li .right{
	float:left;
	margin-left:0;
	}
#ecol .box.three li .txt-s{
	font-size:82%;
	}
#ecol .box.three li .txt-l{
	font-size:108%;
	}


/*----------------------------------
=04 summer club
----------------------------------*/

#club h3{
	margin-bottom:13px;
	}
#club h4{
	margin-bottom:20px;
	}
#club .box{
	width:490px;
	margin:0 auto 40px;
	text-align:left;
	clear:both;
	}
#club .box .left{
	float:left;
	width:290px;
	}
#club .box .left .cap-tok{
	float:left;
	}
#club .box .left dl{
	float:right;
	width:215px;
	text-align:left;
	}
#club .box .left dl dt{
	margin:5px 0 10px;
	}
#club .box .left dl dd img{
	margin-top:15px;
	}
#club .box .right{
	float:right;
	width:200px;
	text-align:right;
	}

#club .box .right table{
	width:180px;
	float:right;
	text-align:left;
	}
#club .box .right table caption{
	padding-top:10px;
	margin-bottom:5px;
	}
#club .box .right table th,
#club .box .right table td{
	padding:3px;
	vertical-align:top;
	border:1px solid #167EB9;
	background:#fff;
	}
#club .box .right table th{
	font-weight:normal;
	background:#FFF1C3;
	}
#club .box.two{
	margin-bottom:45px;
	}
#club .box.two .left{
	float:left;
	width:310px;
	}
#club .box.two .left dl{
	float:left;
	width:215px;
	text-align:left;
	}
#club .box.two .right{
	width:170px;
	}
#club .box.two .left .cap-tok{
	margin-right:10px;
	}

#club .box.extra p{
	width:430px;
	color:#6A5F34;
	margin:10px 0 0 23px;
	}
#club .box.extra .entry-btn{
	margin-top:10px;
	text-align:center;
	}









/*----------------------------------
=05 trek
----------------------------------*/

#trek h4{
	margin:20px auto;
	}
#trek .box{
	width:490px;
	margin:10px auto 0px;
	text-align:left;
	}
#trek h5{
	margin:25px auto;
	clear:both;
	}
#trek .box.one .left,
#trek .box.two .left{
	float:left;
	width:240px;
	text-align:right;
	}
#trek .box.one .left{
	margin-top:10px;
	}
#trek .box.one .left p,
#trek .box.two .left p{
	text-align:left;
	margin-bottom:10px;
	}
#trek .box.one .right,
#trek .box.two .right{
	float:right;
	width:228px;
	padding-top:10px;
	}
#trek .box.two{
	padding-top:45px;
	margin-bottom:30px;
	}
#trek .box.two .left{
	width:240px;
	}
#trek .box.two .right{
	width:223px;
	padding:0;
	}
#trek .box.two .left p{
	margin-bottom:25px;
	}
#trek .box.three{
	width:505px;
	clear:both;
	}
#trek .box.three h6{
	margin-bottom:5px;
	}
#trek .box.three p{
	margin-left:30px;
	}
#trek .box.bnr{
	margin-top:25px;
	}
#trek .box.bnr p{
	margin-left:25px;
	}
#trek .box.bnr .nupuri{
	text-align:center;
	margin:20px auto 0;
	}




/*----------------------------------
=08 contents
----------------------------------*/

#contents .box.one{
	width:490px;
	margin:15px auto;
	text-align:left;
	}
#contents .box.one .left{
	float:left;
	width:235px;
	text-align:left;
	}
#contents .box.one .right{
	float:left;
	width:250px;
	}
#contents .box.one .right h5{
	margin-bottom:16px;
	}
#contents .box.one .right p{
	margin:0;
	}

#contents .box.two{
	width:493px;
	margin:15px auto;
	text-align:left;
	}
#contents .box.two .left{
	float:left;
	width:255px;
	text-align:left;
	}
#contents .box.two .left p.price-t{
	padding:5px 0 5px 10px;
	background:url(../../img/tensen01.gif) bottom repeat-x;
	}
#contents .box.two .left p.price-b{
	padding:5px 0 5px 10px;
	background:url(../../img/tensen01.gif) bottom repeat-x;
	}
#contents p .txt-s{
	font-size:82%;
	}

#contents .box.two .right{
	float:right;
	width:228px;
	}


#contents .box.three{
	width:493px;
	margin:30px auto 20px;
	text-align:left;
	}
#contents .box.three .left{
	float:left;
	width:228px;
	margin-right:10px;
	}
#contents .box.three .right{
	float:left;
	width:240px;
	text-align:left;
	}
#contents .box.three h5{
	margin-top:45px;
	margin-bottom:15px;
	}
#contents .box.three ul{
	width:462px;
	margin-top:20px;
	margin-left:20px;
	text-align:left;
	background:url(../../img/tensen01.gif) top repeat-x;
	}
#contents .box.three ul li{
	padding-top:5px;
	padding-bottom:5px;
	clear:both;
	text-align:left;
	background:url(../../img/tensen01.gif) bottom repeat-x;
	}	
#contents .box.three ul li .left{
	float:left;
	width:100px;
	margin-left:0;
	color:#6FA800;
	}
#contents .box.three ul li .right{
	float:left;
	margin-left:0;
	}
#contents .box.three li .txt-s{
	font-size:82%;
	}
#contents .box.three li .txt-l{
	font-size:108%;
	}
#contents .box.three p.price{
	margin:10px 0 0 23px;
	}

#contents .txt-orange{
	font-size:82%;
	color:#FF6000;
	}
#contents .txt-green{
	color:#6FA800;
	}


#contents .box.four{
	width:515px;
	margin-top:25px;
	}
#contents .box.four .left{
	float:left;
	width:230px;
	}
#contents .box.four .right{
	width:265px;
	float:left;
	text-align:left;
	}
#contents .box.four .right p{
	margin:5px 0 0 25px;
	}


/*----------------------------------
=08 slalom
----------------------------------*/

#slalom h3{
	margin-bottom:15px;
	}

#slalom h4{
	margin-bottom:15px;
	}
#slalom h4.set-mat{
	margin-top:55px;
	}

#slalom .txt-green{
	color:#127100;
	}
#slalom .block{
	width:545px;
	clear:both;
	margin:0 auto;
	}
#slalom .block .left{
	float:left;
	}
#slalom .block .right{
	float:right;
	}
	


#slalom .block .center{
	clear:both;
	}
	
#slalom .block .box.one{
	width:505px;
	margin:0 auto;
	padding-bottom:5px;
	text-align:left;
	background:#fff url(../../../img/tensen01.gif) bottom repeat-x;
	}
#slalom .block .box.one .left{
	width:280px;
	margin:15px 0 0 5px;
	display:inline;
	}
	
#slalom .block .box.one .left02{
	width:480px;
	height:100px;
	margin:15px 0 0 5px;
	background: url(../img/img_slalom04.jpg) no-repeat 200px 5px ;
	}
	
#slalom .block .box.one .left03{
	width:480px;
	margin:15px 0 0 5px;
	}
	
#slalom .block .box.one .left04{
	width:480px;
	height:150px;
	margin:15px 0 20px 5px;
	background: url(../img/img_slalom04.jpg) no-repeat 0px 5px ;
	}
#slalom .block .box.one .left04 p{
	padding-left:160px;
	}
	
#slalom .block .box.one .left05{
	width:480px;
	height:110px;
	margin:15px 0 20px 5px;
	background: url(../img/img_sralom_lunch02.jpg) no-repeat 0px 5px ;
	}
#slalom .block .box.one .left05 p{
	padding-left:160px;
	}
	
#slalom .block .box.one .left06{
	width:480px;
	height:110px;
	margin:15px 0 20px 5px;
	background: url(../img/img_sralom_lunch03.jpg) no-repeat 0px 5px ;
	}
#slalom .block .box.one .left06 p{
	padding-left:160px;
	}
	
#slalom .block .box.one .left07{
	width:480px;
	height:110px;
	margin:15px 0 20px 5px;
	background: url(../img/img_sralom_lunch04.jpg) no-repeat 0px 5px ;
	}
#slalom .block .box.one .left07 p{
	padding-left:160px;
	}
	
#slalom .block .box.one .left08{
	width:480px;
	height:110px;
	margin:15px 0 20px 5px;
	background: url(../img/img_sralom_lunch05.jpg) no-repeat 0px 5px ;
	}
#slalom .block .box.one .left08 p{
	padding-left:160px;
	}
	
#slalom .block .box.one .left ul{
	clear:both;
	margin:5px 0;
	padding-top:1px;
	background:#fff url(../../img/tensen01.gif) top repeat-x;
	}
#slalom .block .box.one .left li{
	padding:5px 0 5px 5px;
	background:#fff url(../../img/tensen01.gif) bottom repeat-x;
	}
#slalom .block .box.one dl{
	width:300px;
	margin:15px 15px 0;
	text-align:left;
	}
#slalom .block .box.one dl dd{
	margin:10px 0 0;
	}
#slalom .block.ssize .box.one{
	width:480px;
	margin:15px auto;
	text-align:center;
	}
#slalom .block .box.one.no-line{
	background:none;
	}



#slalom .menu-bg-m{
	width:482px;
	margin:45px auto;
	text-align:center;
	background:url(../img/bgfr_menu03.gif) repeat-y;
	}
#slalom .menu-bg-t{
	height:100%;
	padding-top:8px;
	background:url(../img/bgfr_menu01.gif) top no-repeat;
	}
#slalom .menu-bg-b{
	height:100%;
	padding-bottom:8px;
	background:url(../img/bgfr_menu02.gif) bottom no-repeat;
	}
#slalom .menu-bg-m p{
	margin:15px auto;
	}
#slalom .menu-bg-m ul{
	width:450px;
	margin:15px auto 10px;
	text-align:left;
	}
#slalom .menu-bg-m ul li{
	clear:both;
	margin-left:15px;
	color:#414141;
	line-height:1.6;
	}
#slalom .menu-bg-m ul li span{
	display:block;
	}
#slalom .menu-bg-m ul li .left{
	float:left;
	font-weight:bold;
	clear:both;
	}
#slalom .menu-bg-m ul li .left2{
	float:left;
	clear:both;
	}
#slalom .menu-bg-m ul li .right{
	float:right;
	}
#slalom .menu-bg-m ul li.set-mar{
	margin-top:1em;
	}

#slalom .menu-bg-m ul.list-l{
	float:left;
	width:250px;
	}
#slalom .menu-bg-m ul.list-r{
	float:right;
	width:180px;
	margin-right:30px;
	display:inline;
	}
#slalom .menu-bg-m p.caut{
	margin:0 0 15px 15px;
	clear:both;
	text-align:left;
	}
	
#slalom .menu-bg-m p.caut02{
	margin:0 0 0 15px;
	clear:both;
	text-align:left;
	}
	
#slalom .menu-bg-m ul.list-l.cow{
	width:220px;
	}
#slalom .menu-bg-m ul.list-r.cow{
	width:220px;
	}

#slalom .menu-bg-m h6{
	margin:15px 0 5px 25px;
	padding-left:15px;
	text-align:left;
	background:url(../img/icon_menu.gif) center left no-repeat;
	}
#slalom .menu-bg-m ul.top-line{
	margin-top:0;
	padding-top:20px;
	background:#fff url(../../img/tensen01.gif) top repeat-x;
	}
#slalom .menu-bg-m ul.top-line2{
	width:220px;
	float:left;
	padding:20px 20px 0 15px;
	}
#slalom .menu-bg-m ul.top-line3{
	width:205px;
	float:left;
	}
#slalom .menu-bg-m ul li img{
	float:right;
	margin:25px 0;
	clear:both;
	text-align:right;
	}



/*----------------------------------
=09 approach
----------------------------------*/

#approach h3{
	margin-bottom:13px;
	}
#approach h4{
	margin-bottom:20px;
	}
#approach .box{
	margin:0 auto 40px;
	text-align:left;
	}
#approach .box.one{
	width:495px;
	margin-top:30px;
	}
#approach .box.one .left{
	float:left;
	width:280px;
	margin-left:25px;
	display:inline;
	}
#approach .box.one .right{
	float:left;
	width:187px;
	height:165px;
	margin-top:10px;
	background:url(../img/bgfr_ecol.gif) no-repeat;
	}
#approach .box.one .right p{
	width:140px;
	margin:0;
	padding:10px 0 0 40px;
	}
#approach .box.two{
	width:492px;
	margin:0 auto;
	}
#approach .box.two .left{
	float:left;
	width:233px;
	margin-right:18px;
	margin-left:24px;
	display:inline;
	background:url(../../img/tensen02.gif) right repeat-y;
	}
#approach .box.two .right{
	float:left;
	width:214px;
	background:none;
	}
#approach .box.two dl,#ecol .box.two dt,#ecol .box.two dd{
	margin:0;
	padding:0;
	}
#approach .box.two dt{
	margin-bottom:10px;
	}
#approach .box.two dd p{
	width:214px;
	margin-top:12px;
	}

#approach .box.three{
	width:480px;
	margin:45px auto 0;
	}
#approach .box.three h5{
	margin-bottom:10px;
	}
#approach .box.three .left{
	float:left;
	width:174px;
	margin-bottom:20px;
	margin-left:20px;
	display:inline;
	}
#approach .box.three .right{
	float:left;
	width:266px;
	margin-bottom:20px;
	margin-left:20px;
	display:inline;
	}
#approach .box.three .right dt{
	margin-bottom:15px;
	}
#approach .box.three ul{
	width:462px;
	margin-left:20px;
	text-align:left;
	clear:both;
	background:url(../../img/tensen01.gif) top repeat-x;
	}
#approach .box.three ul li{
	padding-top:5px;
	padding-bottom:5px;
	clear:both;
	text-align:left;
	background:url(../../img/tensen01.gif) bottom repeat-x;
	}	
#approach .box.three ul li .left{
	float:left;
	width:100px;
	margin-left:0;
	color:#6FA800;
	}
#approach .box.three ul li .right{
	float:left;
	margin-left:0;
	}
#approach .box.three li .txt-s{
	font-size:82%;
	}
#approach .box.three li .txt-l{
	font-size:108%;
	}

#approach .approach_01{
	width:536px;
	}
#approach .approach_02{
	width:536px;
	background:url(../img/img_approach_cont01.gif) top no-repeat;
	height:203px;
	text-align:left;
	}
#approach .approach_02 p{
	width:470px;
	color:#000000;
	text-align:left;
	line-height:170%;
	padding:0 0 0 25px;
	}
	
#approach .approach_03{
	width:536px;
	text-align:left;
	}
#approach .approach_04{
	width:536px;
	background:url(../img/img_approach_cont02.jpg) top no-repeat;
	height:560px;
	text-align:left;
	}
#approach .approach_04 p.kuzyo01{
	width:250px;
	text-align:left;
	padding:0 0 0 270px;
	color:#414141;
	line-height:1.7;
	}
#approach .approach_04 p.kuzyo02{
	width:200px;
	text-align:left;
	padding:235px 0 0 10px;
	color:#414141;
	line-height:1.7;
	}
#approach .approach_03 p{
	width:536px;
	text-align:left;
	padding:0 0 30px 10px;
	color:#414141;
	line-height:170%;
	}
#approach .approach_05{
	width:462px;
	background:url(../img/img_approach_cont04.gif) top no-repeat;
	height:58px;
	text-align:left;
	margin:10px;
	}

#approach .approach_05 p{
	width:440px;
	text-align:left;
	padding:0.5em;
	line-height:1.2;
	}