@charset "UTF-8";
@import "base.css";
@import "digi_2.css";


/*=======================TOC=======================*/
/*                                                 */
/*                 01  Base                        */
/*                 02  Container                   */
/*                 03  Header                      */
/*                 04  Navigation                  */
/*                 05  Footer                      */
/*                 06  Contents                    */
/*                 07  Index                       */
/*                 08  Concept                     */
/*                 08  Trekking                    */
/*                 09  Ski                         */
/*                 10  Trekking                    */
/*                 11  Trekking                    */
/*                 12  Staff                       */




/*------ 10 汎用スタイル -----*/










/*=======================TOC-END===================*/




/*====================COLOR SCHEME=================*/
/*                                                 */
/*        Main Color - Pink           #de91a2      */
/*        Main Color - Light Pink     #fce6e6      */
/*        Main Color - Fresh Pink     #f94956      */
/*                                                 */
/*        Sub Color  - Yellow Green   #7ac300      */
/*                                                 */
/*==================COLOR SCHEME-END===============*/

/*================フォントサイズ換算===============*/
/*                                                 */
/*                   10px      77%                 */
/*                   11px      85%                 */
/*                   12px      93%                 */
/*                   14px     108%                 */
/*                   16px     124%                 */
/*                                                 */
/*===============フォントサイズ換算-END============*/



/*---------- 01  Base -----------*/

/*-- 冒頭の @import で外部CSSを読み込み --*/



/*---------- 02  Container -----------*/

body { background: url(../img_cmn/bg.jpg) top repeat-x; }

#wrapper {
	background-color:#fff;
	width: 760px;
	padding: 0 10px 0 10px;
	text-align: left;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	}

#main {
	margin: 0;
	background: url(../images/main_bg.png) repeat-y;
	}

#content {
	width: 560px;
	float: right;
	font-size: 100%;
	line-height: 1.5;
	color: #666;
	background: #fff;
	padding-top: 1em;
	padding-right: 0;
	padding-bottom: 1em;
	padding-left: 0;
	}

#read{ font-size:x-small; color:#336600; font-weight:bold; padding:8px 0 5px 5px;}

/*---------- 03  Header -----------*/

#header {
	height: 88px;
	width: 760px;
	background-image: url(../img_cmn/header.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	padding-right: 0;
	margin-bottom: 15px;
	padding-left: 0;
	position:relative;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	}
	
#header2 {
	height: 88px;
	width: 760px;
	background-image: url(../img_cmn/header5.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	padding-right: 0;
	margin-bottom: 15px;
	padding-left: 0;
	position:relative;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	}

h1 {
	text-indent: -9999px;
	width: 430px;
	height: 80px;
	line-height: 1.0;
	position:absolute;
	top:5px;
	left:10px;
	}
h1 a {
	display: block;
	width: 430px;
	height: 80px;
	z-index:2;
	}
	

#indexH1 {
	text-indent: -9999px !important;
	width: 430px !important;
	height: 80px !important;
	line-height: 1.0 !important;
	position:absolute !important;
	top:76px!important;
	left:137px!important;
	z-index:2 !important;
	}
#indexH1 a {
	display: block !important;
	width: 430px !important;
	height: 80px !important;
	}

#inq {
	text-indent: -9999px;
	width: 222px;
	height: 63px;
	line-height: 1.0;
	position:absolute;
	left:527px;
	top: -4px;
	}
#inq a {
	display: block;
	width: 222px;
	height: 63px;
	}

#inq2 {
	text-indent: -9999px;
	width: 225px;
	height: 98px;
	line-height: 1.0;
	position:absolute;
	left:668px;
	top: 116px;
	background:url(../images/bnr_inq.jpg) 0 0 no-repeat;
	z-index:3;
	}
#inq2 a {
	display: block;
	width: 225px;
	height: 66px;
	}



#header_nav {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 180px;
	height: 19px;
	}



/*----------04  Navigation -----------*/

#nav {
	float: left;
	width: 180px;
	_width: 160px;
	}

#nav ul,
#nav li {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height:100%
	}
	
/*あとで質問する*/
/*#nav .internal li.ttl_nav*/

#nav .internal li.ttl_nav a{
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 30px;
	font-weight:bold !important;
}

#nav .internal li a{
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 20px;
	font-weight:bold !important;
}

li.ttl_nav {
	padding:0 !important;
	height:32px !important;
	line-height:20px !important;
	font-weight:bold !important;
	}

	
#nav .internal li.ttl_nav a{
	display:block;
	background-image: url(../images/ttl_nav_off.jpg) ;
	color:#fff;
	height:32px !important;
	font-weight:bold !important;
	}

#nav .internal li.ttl_nav a:hover{
	background-image: url(../images/ttl_nav_on.jpg);
	color: #FFCC00;
	height:32px;
	font-weight:bold!important;
	}
#nav .internal li.ttl_nav,
#nav .internal li {
	height: 25px;
	width:160px;
	border-bottom: 1px solid #fff;
	font-weight:bold !important;
	}

#nav .internal li a {
	display: block;
	height: 25px;
	width: 160px;
	background-image: url(../images/nav_off.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	color:#009933;
	font-weight:bold !important;
	}


#nav .internal li a:hover {
	background-image: url(../images/nav_on.jpg);
	color: #FFCC00;
	}

.index_bold #nav .internal li a{ font-weight:bold!important;}
/*---------- 05  Footer -----------*/

#footer {
	clear: both;
	padding: 20px 0 14px 0;
	margin: 0;
	background: url(../img_cmn/bg_ft.jpg) bottom repeat-x;
	font-size: 85%;
	text-align: center;
	color: #ffffff;
	height:100px;
	width:760px;
	}
*:first-child+html #footer { font-size: 9px; } /*  for IE7 only */
* html body #footer { font-size: 9px; } /*  for IE6 only */

#footer a {
	text-decoration: none;
	color: #ffffff;
	}
#footer a:hover { text-decoration: underline; }


#footer address { margin: 8px 1em; letter-spacing:0.2em; line-height:1.5em; }


/*---------- 06  Contents -----------*/

.section {
	padding: 0px;
}
.section .section { padding: .5em 10px 1em 10px; }

.center { text-align: center; }

#content h2 {
	height: 46px;
	text-indent: -9999px;
	margin: 0 15px;
	}
#content h3 {
	clear: both;
	}
#content h4 {
	height: auto;
	text-indent: 0px;
	}

#content h5 {
	font-size: 100%;
	font-weight: bold;
	margin: 1em 0 .3em .3em;
	}

#content ul li {
	list-style: none;
	background: url(../images/li_bg.png) 0 4px no-repeat;
	padding-left: 20px;
	}
#content ul.olist li {
	background-image: none;
	padding-left: 0;
	}

#content dt { font-weight: bold; }

/**********全体のリンク色設定**************/

#content a { text-decoration: underline; }

a {
	color: #006600;
	outline: none;
	text-decoration:none;
	}
a:hover { color: #66CC33; }

#content blockquote {
	margin: .5em;
	background: url(../images/blockquote_bg.jpg) top left repeat-y;
	padding: .5em 1em;
	}

.image_l  {
	float: left;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 8px;
	margin-left: 0;
	}

.image_r {
	float: right;
	margin: 0 0 8px 5px;
	}

.case {
	margin: 10px 20px;
	background: url(../images/arrow_h.png) center center no-repeat;
	}

.case-narrow {
	margin: 10px 40px;
	background: url(../images/arrow_h.png) center center no-repeat;
	}

.case-noimg { margin: 10px 20px; }

.case img,
.case-narrow img,
.case-noimg img { display: block; }

.caption {
	text-align: center;
	border-top: 2px solid #ccc;
	}


#content ul.totop {
	clear: both;
	padding-bottom: 20px;
	}

#content ul.totop li {
	list-style: none;
	width: 100px;
	height: 14px;
	margin: 0;
	padding: 0;
	float: right;
	background-image: none;
	}
#content ul.totop li a {
	display: block;
	height: 14px;
	background: url(../images/to_top.png) 0 0 no-repeat;
	}

p.caution {
	padding-left: 24px;
	background: url(../images/caution.png) 0 1px no-repeat;
	}

/* Hides from IE-mac \*/
p.answer:first-letter {
	display: block;
	padding: 2px;
	background: #4499af;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	border: 1px solid #ccc;
	margin: 0 5px 0 0;
	float: left;
	}
/* End hide from IE-mac */



#content table {
	border-collapse: collapse;
	border-spacing: 1px;
	border: 1px solid #586e29;
	font-size: 100%;
	color: #666;
	width: 547px;
	margin-left: 0px;
	}
	
#content table.case01 {
	border-collapse: collapse;
	border-spacing: 1px;
	border: 1px solid #586e29;
	font-size: 100%;
	color: #666;
	width: 547px;
	margin-left: 0px;
	}

#content table.case02 {
	border-collapse: collapse;
	border-spacing: 1px;
	border: 1px solid #FFF;
	font-size: 100%;
	color: #666;
	width: 547px;
	margin-left: 0px;
}

#content table.case02 th,#content table.case02 td {
	border: 1px solid #FFF !important;
	}

#content table th,
#content table td {
	padding: 5px;
	border: 1px solid #586e29;
	}
#content table th,
#content table td p{
	margin: 5px;	
	}
#content table th {
	color: #ffffff;
	background-color: #3cba33 !important;
	width:25% !important;
	}
	
#content table th.nonebg {
	color: #ffffff;
	background-color: #FFF !important;
	width:25% !important;
	}

#content2 table th,
#content2 table td {
	padding: 5px !important;
	border: 1px solid #586e29 !important;
	}


input.submit {
	font-weight: bold;
	margin-right: 1.5em;
	}





/*---------- 07  Index -----------*/

#index h2{
	width:746px;
	height:185px;
	text-indent:-99999px;
	background:url(../images/img_main.jpg) 0 0 no-repeat;
	margin:0 auto 5px;
	}
#index #content h3{background:url(../images/bnr_header_top.jpg) 0 0 no-repeat;
	width:547px;
	height:103px;
	text-indent:-9999px;
	}


#index #bnrArea table,
#index #bnrArea table tr,
#index #bnrArea table td{
border:none;
}


#index #bnrArea table{
 width:540px;
	}

/*---------- 08  Trekking -----------*/






/*---------- 11  homestay -----------*/


#homestay #cost table,
#homestay #cost table tr,
#homestay #cost table td{
border:1px solid #fff;
padding:5px;
}

#homestay #cost table td.grn{ background-color:#009900; color:#FFFFFF; font-weight:bold;}
#homestay #cost table td.pnk{ background-color:#ffcccc;}






/*---------- 08  Trekking -----------*/
/*---------- 08  Trekking -----------*/

/*---------- 09  Staff -----------*/




/*------ 10 汎用スタイル -----*/

.txtBox{
	background:#fffde3;
	border: 1px solid #fafafa;
	line-height:1.4em;
	color:#333333;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}


.txtBox01{
	background:#ffffff;
	line-height:1.4em;
	color:#333333;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}


.mt10{margin-top:10px;}
.mt15{margin-top:15px;}


.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}

.fsS{font-size:67%;}
.fsS01{font-size:93%;margin: 5px;}
.fsB{font-size:1.25em;}

.fc01{color:#ff0000;}
.fc02{color:#000000;}



.fwB{font-weight:bold;}

.img_waku {
	margin: 5px;
	padding: 3px;
	border: 1px solid #E0E0E0;
	background-color: #FFFFFF;
}




/*h2,h3,h4の設定*/
#bgH2{
	width:746px;
	height:142px;
	background: url(../img_cmn/bg_h2.jpg) 0 0 no-repeat;
	margin:0 auto 5px;
	position:relative;
	}
	

#bgH2 h2{
 width:406px;
 height:35px;
 position:absolute;
 top:102px;
 left:294px;
 margin-right:10px;
 font-weight:bold;
 font-size:1.8em;
}


	
	
#content h3{ background:url(../img_cmn/bg_h3.jpg) 0 0 no-repeat;
	width:545px;
	height:103px;
	padding-left:160px;
	padding-top:40px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:1.35em;
	
	}
	
	
#content h4{
	background-color: #fff;
	display: block;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left:20px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-left-width: 5px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #058236;
	border-left-color: #058236;
	font-size: 14px;
	line-height: 120%;
	font-weight: bold;
	color:#003300;
}	
	

	
#content h5{
	background: url(../img_cmn/ic_h5.jpg) no-repeat left;
	width:540px;
	height:20px;
	padding-left:20px;
	color:#ff6600;
	font-weight:bold;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	}	
	

#content .midashi_g{
	color:#003300;
	font-size:1.05em;
	font-weight:bold;
	line-height:1.25em;
}


#content .midashi_o{
	color:#ff6600;
	font-size:1.05em;
	font-weight:bold;
	line-height:1.25em;
}

.clearTable table,
.clearTable table tr,
.clearTable table td{border:none!important;}



#infoTable table,
#infoTable table tr,
#infoTable table td{border: 1px solid #003300;}
#infoTable table th{ background-color:#3cba33; color:#fff; width:150px!important;}


#infoTable table .w180{width:180px;}
#infoTable table .w100{width:100px;}
#infoTable table .w60{width:60px;}
#infoTable table .require{color:#CC0000; font-size:14px; text-align:center; width:20px;}

h2.Title{font-weight:bold; color:#586E29; font-size:14px;}
.fcG{font-weight:bold; color:#586E29;}
h1.Title01{font-weight:bold; color:#586E29; font-size:16px;}

.clear {clear:both;}
.imgborder {border:2px solid #003300;}

.txtBox02 {width:220px; height:auto;}

dl {
	font-size:13px;
	}

.pfix {
	padding:0 !important;}
	

.newTable a{color:#FFF !important;}

.newTable th {margin:0 !important; padding:0 !important; background-color:#FFF !important;}

.newTable img {margin:0 !important; padding:0 !important; vertical-align:bottom !important;}

.newTable th{border-left:1px solid #FFF !important; border-right:1px solid #FFF !important; border-top:1px solid #FFF !important;}
.newTable td{border-left:1px solid #FFF !important; border-right:1px solid #FFF !important; border-top:1px solid #FFF !important;}

.index2Box {margin-top:15px; margin-left:20px; width:240px; float:left !important;}

.mp0 {margin:0 !important; padding:0 0 0 10px; !important;}

.newTable {border:none !important;}

.indexTxtBox {width:300px; height:auto; float:left;}

.indexTiny01 {width:250px; height:200px; overflow:scroll; overflow-x:hidden; float:left;}

.newHeader {margin-bottom:10px; width:746px; height:185px; background:url(../images/new_headerImg.jpg) 0 0 no-repeat; position:relative; z-index:1;}


.inqp a{
	width:181px;
	height:149px;
	position:absolute;

top:10px right:20px; 		text-indent:-9999px;
	left: 558px;
	top: 28px;
}

.enBanner {width:70px; height:20px; position:absolute; top:-38px; right:8px}


.submit001 {width:180px; height:60px; background:url(../images/bnr_mail_001_off.jpg) 0 0 no-repeat; text-indent:-9999px; border:none; display:block; cursor:pointer; margin:0 auto;}

.submit002 {width:180px; height:60px; background:url(../images/bnr_mail_002.jpg) 0 0 no-repeat; text-indent:-9999px; border:none; display:block; cursor:pointer; float:left; margin-left:200px;}

.submit003 {width:180px; height:60px; background:url(../images/bnr_mail_003.jpg) 0 0 no-repeat; text-indent:-9999px; border:none; display:block; cursor:pointer; float:left;}


.nav_top { width:180px; border:1px solid #EAEAEA; margin-bottom:15px; font-size:80%; _width:160px;}

.nav_top { /font-size:70%; }
.nav_top { font-size: 70%\9; }

.nav_top .photoBox {padding:1px; background-color:#FFF; border:1px solid #999999; float:left; margin:0 5px 5px 5px;}


.newTable table th{background-color:#FFF !important;}
.newTable table td{background-color:#FFF !important;}

.tablebgnone {background-color:#FFF !important;}


#indexTable th,indexTable td{border:none !important;}