/* base
===============================================================*/
h1,h2,h3,h4,h5,h6,p,pre,blockquote,ul,ol,dl,dd,tr {
	font-size: 12px;
	line-height: 22px;
}

body {
	color:#323232;
	background:url(../images/common/img_bg_01.jpg) repeat;
	font-family:"メイリオ", Meiryo, "Osaka", Osaka, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Verdana, "ＭＳ Ｐゴシック", "MS P Gothic", san-serif;
}


/* font
===============================================================*/
a { 
	color:#323232;
	text-decoration:none;
}
 
a:visited {
	color:#323232;
	text-decoration:none;
}

a:hover {
	color:#323232;
	text-decoration: underline; 
}

a:active {
	color:#323232;
	text-decoration: underline; 
}


/* Contents
===============================================================*/
div#AllBox{	
	background:url(https://creeksound.com//imgg3/bg.jpg) no-repeat center top;
	background-size:650px 272px;
}

div#Wrapper{
}

div#Top_Contents {
	
}

div#Contents {
	
}

div#Main {
	
}

div#SideBar {
		
}

input[type="text"], select, textarea{
font-size: 16px;
}


/* HeaderBox
===============================================================*/
div#HeaderBox {
	width:100%;
	height:60px;
	
}

div#HeaderBox .inner {
	width:100%;
	margin: 0px auto;	
}

div#HeaderBox .header_top {
	width:100%;
	height:60px;
	background:url(https://creeksound.com/imgg3/sp-headder.png) no-repeat center top;
	background-size:650px 60px;
	position:absolute;
	top:0;
	left:0;
	z-index:10;
}

div#HeaderBox h1 {
	display:none;
}

div#HeaderBox .hin {
	width:320px;
	margin:0 auto;
	position:relative;
}

div#HeaderBox p.logo {
	width:123px;
	height:30px;
	padding:4px 0 0 13px;
	text-indent:-9999px;
}

div#HeaderBox p.logo a {
	display:block;
	width:123px;
	height:30px;
	background:url(https://creeksound.com/imgg3/logo.png) no-repeat 0 0;
	background-size:123px 30px;
}

div#HeaderBox p.tel {
	display:none;
}

div#HeaderBox ul.btn li.res {
	display:none;
}

div#HeaderBox ul.btn li.menu {
	width:68px;
	height:25px;
	text-indent:-9999px;
	position:absolute;
	top:6px;
	right:13px;
}

div#HeaderBox ul.btn li.menu a {
	display:block;
	width:68px;
	height:25px;
	background:url(../images/common/img_btn_02.jpg) no-repeat 0 0;
	background-size:68px 25px;
}

div#HeaderBox ul.btn li.con {
	display:none;
}


/* Navigation
===============================================================*/
div#Navigation {
	display:none;
	width:100%;
	padding:60px 0 10px 0;
	background:url(../images/common/img_bg_04.png) repeat;
	position:absolute;
	top:0;
	left:0;
	z-index:9;
	-moz-box-shadow: 0 0 5px #222;  
	-webkit-box-shadow: 0 0 5px #222;  
}

div#Navigation ul {
	
	width:290px;
	margin:0 auto;
	-webkit-border-radius: 5px;  
    -moz-border-radius: 5px; 
	-moz-box-shadow: 0 0 5px #222;  
	-webkit-box-shadow: 0 0 5px #222;  
}

div#Navigation ul li {
	border-bottom:#4ec260 1px solid;
	background: -moz-linear-gradient(top, #f5fbf6, #f4fbf5);
    background: -webkit-gradient(linear, left top, left bottom, from(#f5fbf6), to(#f4fbf5));
}

div#Navigation ul li a {
	display:block;
	color:#4e350d;
	padding:10px 18px;
	background:url(../images/common/img_ar_01.png) no-repeat right 50%;
	background-size:16px 12px;
}

div#Navigation ul li.nv01 {
	display:none;
}

div#Navigation ul li.nv02 {
	-webkit-border-top-left-radius: 5px;  
    -webkit-border-top-right-radius: 5px;  
    -moz-border-radius-topleft: 5px;  
    -moz-border-radius-topright: 5px; 
}

div#Navigation ul li.nv11 {
	border:none;
	-webkit-border-bottom-left-radius: 5px;  
    -webkit-border-bottom-right-radius: 5px;  
    -moz-border-radius-bottomleft: 5px;  
    -moz-border-radius-bottomright: 5px; 
}

/* FooterBox
===============================================================*/
div#FooterBox {
	background:url(../images/top/img_bg_04.jpg) no-repeat center top;
	background-size:650px 750px;
}

div#FooterBox .footer_wrapper {
	width:320px;
	padding:70px 0 0 0;
	margin:0 auto;
	position:relative;
}

div#FooterBox .footer_link {
	width:289px;
	background-color:#4bae5a;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding:7px;
	margin:0 auto 12px auto;
}

div#FooterBox .footer_link li.b01 {
	width:142px;
	height:39px;
	padding:0 0 5px 0;
	text-indent:-9999px;
	float:left;
}

div#FooterBox .footer_link li.b01 a {
	display:block;
	width:142px;
	height:39px;
	background:url(../images/common/img_bn_01.jpg) no-repeat 0 0;
	background-size:142px 39px;
}

div#FooterBox .footer_link li.b02 {
	width:142px;
	height:39px;
	padding:0 0 5px 0;
	text-indent:-9999px;
	float:right;
}

div#FooterBox .footer_link li.b02 a {
	display:block;
	width:142px;
	height:39px;
	background:url(../images/common/img_bn_02.jpg) no-repeat 0 0;
	background-size:142px 39px;
}

div#FooterBox .footer_link li.b03 {
	width:142px;
	height:39px;
	padding:0 0 5px 0;
	text-indent:-9999px;
	float:left;
}

div#FooterBox .footer_link li.b03 a {
	display:block;
	width:142px;
	height:39px;
	background:url(../images/common/group.jpg) no-repeat 0 0;
	background-size:142px 39px;
}

div#FooterBox .footer_link li.b04 {
	width:142px;
	height:39px;
	padding:0 0 5px 0;
	text-indent:-9999px;
	float:right;
}

div#FooterBox .footer_link li.b04 a {
	display:block;
	width:142px;
	height:39px;
	background:url(../images/common/img_bn_05.jpg) no-repeat 0 0;
	background-size:142px 39px;
}

div#FooterBox .footer_link li.b05 {
	width:142px;
	height:39px;
	text-indent:-9999px;
	float:left;
}

div#FooterBox .footer_link li.b05 a {
	display:block;
	width:142px;
	height:39px;
	background:url(../images/common/img_bn_06.jpg) no-repeat 0 0;
	background-size:142px 39px;
}

div#FooterBox .footer_link li.b06 {
	width:142px;
	height:39px;
	text-indent:-9999px;
	float:right;
}

div#FooterBox .footer_link li.b06 a {
	display:block;
	width:142px;
	height:39px;
	background:url(../images/common/tubing_banner.jpg) no-repeat 0 0;
	background-size:142px 39px;
}

div#FooterBox p.list {
	display:none;
}

div#FooterBox ul.sp_list {
	width:320px;
	margin:0 auto 10px auto;
}

div#FooterBox ul.sp_list li {
	width:159px;
	height:30px;
	text-align:center;
	padding:8px 0 0 0;
	margin:0 0 2px 0;
	background:url(../images/common/img_bg_05.jpg) no-repeat 0 0;
	background-size:159px 38px;
}

div#FooterBox ul.sp_list li a {
	color:#176d24;
}

div#FooterBox .address_box {
	width:290px;
	margin:0 auto;
}

div#FooterBox .address_box p.logo {
	display:none;
}

div#FooterBox .address_box p.tit {
	color:#ffffff;
}

div#FooterBox .address_box .p01 {
	color:#ffffff;
	line-height:18px;
	padding:0 0 6px 65px;
	background:url(../images/top/img_ic_02.jpg) no-repeat 0 2px;
	background-size:62px 16px;
}

div#FooterBox .address_box .p01 a {
	color:#ffffff;
	text-decoration:underline;
}

div#FooterBox .address_box .p02 {
	color:#ffffff;
	line-height:18px;
	padding:0 0 10px 65px;
	background:url(../images/top/img_ic_03.jpg) no-repeat 0 2px;
	background-size:62px 16px;
}

div#FooterBox .address_box .p02 a {
	color:#ffffff;
	text-decoration:underline;
}

div#FooterBox .address_box .p01 span ,
div#FooterBox .address_box .p02 span {
	display:block;
}

div#FooterBox .address_box p.tel {
	width:290px;
	height:70px;
	text-indent:-9999px;
	border-top:#85cc8e 1px solid;
	background:url(../images/top/img_tl_01.jpg) no-repeat 0 0;
	background-size:290px 65px;
}

div#FooterBox .address_box p.txt {
	color:#ffffff;
	line-height:16px;
	padding:0 0 10px 0;
}

div#FooterBox .address_box p.txt a {
	color:#ffffff;
	text-decoration:underline;
}

div#FooterBox .copy {
	width:100%;
	height:40px;
	text-indent:-9999px;
	background:url(../images/common/copy.jpg) no-repeat center top;
	background-size:642px 40px;
}


div#FooterBox p.pagetop {
	width:91px;
	height:52px;
	text-indent:-9999px;
	position:absolute;
	top:0;
	right:10px;
}

div#FooterBox p.pagetop a {
	display:block;
	width:91px;
	height:52px;
	background:url(../images/common/pagetop.png) no-repeat 0 0;
	background-size:91px 52px;
}


/* sp_contact
===============================================================*/
div.sp_contact {
	width:320px;
	height:201px;
	margin:0 auto;
	background:url(../images/common/img_bg_contact.jpg) no-repeat 0 0;
	background-size:320px 201px;
	position:relative;
}

div.sp_contact p.tel {
	width:217px;
	height:27px;
	text-indent:-9999px;
	position:absolute;
	top:64px;
	left:47px;
}

div.sp_contact p.tel a {
	display:block;
	width:217px;
	height:27px;
}

div.sp_contact p.tel2 {
	width:160px;
	height:20px;
	text-indent:-9999px;
	position:absolute;
	top:108px;
	left:135px;
}

div.sp_contact p.tel2 a {
	display:block;
	width:160px;
	height:20px;
}

div.sp_contact p.con {
	width:136px;
	height:41px;
	text-indent:-9999px;
	position:absolute;
	top:140px;
	left:20px;
}

div.sp_contact p.con a {
	display:block;
	width:136px;
	height:41px;
	background:url(../images/top/img_btn_02.jpg) no-repeat 0 0;
	background-size:136px 41px;
}

div.sp_contact p.rev {
	width:136px;
	height:41px;
	text-indent:-9999px;
	position:absolute;
	top:140px;
	right:20px;
}

div.sp_contact p.rev a {
	display:block;
	width:136px;
	height:41px;
	background:url(../images/top/img_btn_03.jpg) no-repeat 0 0;
	background-size:136px 41px;
}

.pc_none{
	display:none;
}


/*========================================================================================================================


	アクティビティ共通


========================================================================================================================*/


/****************************** タブ制御 ******************************/

div#Main ul#tab li{
	float: left;
	text-indent: -9999px;
	margin-right: 5px;
	cursor:pointer;
}

div#Main ul#tab li.l01{ 
	background:url(../images/common/img_btn_03.gif) no-repeat 0 0;
	background-size: 89px;
	width: 89px;
	height: 27px;
	margin-left: 3px;
}

div#Main ul#tab li.l02{
	background:url(../images/common/img_btn_04.gif) no-repeat 0 0;
	background-size: 127px;
	width: 127px;
	height: 27px;
}

div#Main ul#tab li.l03{
	background:url(../images/common/img_btn_05.gif) no-repeat 0 0;
	background-size: 89px;
	width: 89px;
	height: 27px;
	margin-right: 2px;
}

div#Main ul#tab li.l01:hover,
div#Main ul#tab li.l02:hover,
div#Main ul#tab li.l03:hover,
div#Main ul#tab li.select{
	background-position: 0 -30px;
}

/****************************** コンテンツ領域 ******************************/

div#Main div.content_wrap{
	border-top: #b6b1a4 1px solid;
	background-color: #fefefe;
}

div#Main div.content_wrap div.contents{
	padding: 10px;
}



/****************************** 基本情報 ******************************/

div.contents a{
	color: #008eb1;
	text-decoration: underline;
}

div.contents a:hover{
	text-decoration: none;
}

div.contents div.info table.tbl_list{
	width: 100%;
}

div.contents div.info table.tbl_list tr{
	border-bottom: #ffffff 3px solid;
}

div.contents div.info table.tbl_list tr th{
	padding: 5px 0;
	width: 60px;
	margin-right: 10px;
	text-align: center;
	background-color: #c9f4fa;
	color: #008eb1;
	font-weight: bold;
	-webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */
}

div.contents div.info table.tbl_list tr td{
	padding: 5px 10px;
}

/****************************** タイムテーブル ******************************/

div.contents div.timetable div.box p.time{
	background:url(../images/common/img_bg_06_1.gif) no-repeat 0 0;
	background-size: 150px;
	height: 30px;
	padding-left: 35px;
	color: #ffffff;
}

div.contents div.timetable div.box p.time_one{
	background:url(../images/common/img_bg_06_2.gif) no-repeat 0 0;
	background-size: 150px;
	height: 30px;
	padding-left: 35px;
	color: #ffffff;
}

div.contents div.timetable div.box div.box_txt{
	margin-bottom: 15px;
	border-bottom: #ebebeb 1px solid;
	padding-bottom: 10px;
}


div.contents div.timetable div.box_end div.box_txt{
	border-bottom: none;
	padding-bottom: 0;
}

div.contents div.timetable div.box div.box_txt p.title{
	font-size: 14px;
}

div.contents div.timetable div.box div.box_txt p.photo{
	text-align: center;
	padding: 10px 0;
}

div.contents div.timetable div.box div.box_txt p.txt{
	background:url(../images/common/ico_arrow_01.gif) no-repeat bottom center;
	background-size: 10px;
	padding-bottom: 15px;
}

div.contents div.timetable div.box_end div.box_txt p.txt{
	background: none;
	padding-bottom: 0;
}


/****************************** 各種ご案内 ******************************/

div.contents div.announce p.tit{
	padding: 5px 0;
	width: 180px;
	margin-right: 10px;
	text-align: center;
	background-color: #f0ebd2;
	color: #008eb1;
	font-weight: bold;
	-webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */
	margin-bottom: 15px;
	color: #614119;
}

div.contents div.announce .txt{
	margin-bottom: 35px;
}

div.contents div.announce .txt dl{
	border: #c8baa0 2px solid;
	margin-top: 15px;
	padding: 10px;
}

div.contents div.announce .txt dl.list1{
	float: left;
}

div.contents div.announce .txt dl.list2{
	float: right;
}



div.contents div.announce .txt dl{
}

div.contents div.announce .txt dl dt{
	clear:both;
	float:left;
	display:block;
	text-align: center;
	width: 75px;
	margin-right: 8px;
	color: #61441a;
	font-weight: bold;
}

div.contents div.announce .txt dl dd{
	float:left;
}

div.contents div.announce table.tbl_list{
	border-top: #c8baa0 2px solid;
	border-left: #c8baa0 2px solid;
	table-layout: fixed;
}

div.contents div.announce table.tbl_list tr th,
div.contents div.announce table.tbl_list tr td{
	border-right: #c8baa0 2px solid;
	border-bottom: #c8baa0 2px solid;
	padding: 7px 10px;
	text-align: center;
}

div.contents div.announce table.tbl_list tr th{
	background-color: #f0ebd2;
}

dl dt.rafting  { background:url(/images/blog/ico_rafting.png) no-repeat left top; padding-left: 100px; }
dl dt.canyoning{ background:url(/images/blog/ico_canyon.png) no-repeat left top; padding-left: 110px; }
dl dt.shower   { background:url(/images/blog/ico_shawer.png) no-repeat left top; padding-left: 140px; }
dl dt.kayac    { background:url(/images/blog/ico_kayac.png) no-repeat left top; padding-left: 120px; }
dl dt.kinobori { background:url(/images/blog/ico_kinobori.png) no-repeat left top; padding-left: 100px; }
dl dt.sup  { background:url(/images/blog/ico_sup.png) no-repeat left top;  padding-left: 110px; }
dl dt.special  { background:url(/images/blog/ico_special.png) no-repeat left top; }
dl dt.slacklining { background:url(/images/blog/ico_slacklining.png) no-repeat left top; }
dl dt.tubing   { background:url(/images/blog/ico_tubing.png) no-repeat left top; }
dl dt.trekking { background:url(/images/blog/ico_trekking.png) no-repeat left top; }
dl dt.trc      { background:url(/images/blog/ico_trc.png) no-repeat left top; }
dl dt.sawaasobi{ background:url(/images/blog/ico_sawaasobi.png) no-repeat left top; }
dl dt.bicycle  { background:url(/images/blog/ico_bicycle.png) no-repeat left top; }
dl dt.other    { background:url(/images/blog/ico_other.png) no-repeat left top; padding-left: 100px; }



/*	btn_back
========================================================================================================================*/

div.btn_back a{
	background:url(../images/common/img_btn_back.png) no-repeat top center;
	background-size: 130px;
	text-indent: -9999px;
	display: block;
	height: 32px;
	margin: 20px auto;
}


span.btn_detail{
	display:block;
	padding: 3px 5px;
}


div.btn_footer{
	width:320px;
	margin:10px auto;
}

div.btn_footer ul li{
	margin-bottom: 2px;
	padding-bottom: 2px;
}

div#HeaderBox .btn_english{
	display: none;
}

div#HeaderBox ul.btn li.english{
	width:68px;
	height:25px;
	text-indent:-9999px;
	position:absolute;
	top:6px;
	right:65px;
}

div#HeaderBox ul.btn li.english a{
	display:block;
	width:46px;
	height:25px;
	background:url(../images/common/img_btn_06.png) no-repeat 0 0;
	background-size:46px 25px;

}