/*基本設定*/

* {margin:0; padding:0; font-style: normal; font-weight:normal;}

.right{float:right; margin:0px 3px 0px 5px;}

.left{float:left; margin:0px 5px 0px 3px;}

.center{margin:0px auto 0px auto; text-align:center;}

.clear {clear: both;}

img, img a {border: 0px;}

strong{font-weight:normal;}

.strong{font-weight:bold;}

a,a:visited{text-decoration:none; color:#6fcf0e;}

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

ul {list-style:none;}
.small{font-size:10px;}

body {

	background-image: url(img/bg.jpg);

	background-repeat:repeat-x;

	background-position:top;

	background-color:#ffd9d9;

	color: #000000; 

	text-align : center;

	line-height:14px;

	letter-spacing:1px;

	font-size: 12px;

	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";

}

.contents{width:810px; margin:0px auto 0px auto; padding:0px; text-align:left; display:block; overflow:hidden;

background-image: url(img/bg-contents.gif); background-repeat:repeat-y; background-position:center;

}

.page-comment{margin:0px 0px 3px 23px;}





.top-index{

width:810px; height:330px; text-align:left;

padding:0px; margin:0px auto 0px auto; color:#000000;

background-repeat:repeat-y; background-position:center;

}

.top-sisetsu,.top-ryouri,.top-news,.top-kanko,.top-koe,.top-form,.top-access,

.top-rafting,.top-canyoning,.top-canoe,.top-hydrospeed,.top-paraglider,.top-mountainbike,

.top-golf,.top-snowshoe,.top-ski,.top-live1,.top-live2,.top-live3,.top-live4,.top-live5{

width:810px; height:285px; text-align:left;

padding:0px; margin:0px auto 0px auto; color:#000000;

background-repeat:repeat-y; background-position:center;

}

.top-index{background-image: url(img/main-index.jpg);}

.top-sisetsu{background-image: url(img/main-sisetsu.jpg);}

.top-ryouri{background-image: url(img/main-ryouri.jpg);}

.top-news{background-image: url(img/main-news.jpg);}

.top-kanko{background-image: url(img/main-kanko.jpg);}

.top-rafting{background-image: url(img/main-rafting.jpg);}

.top-canyoning{background-image: url(img/main-canyoning.jpg);}

.top-canoe{background-image: url(img/main-canoe.jpg);}

.top-hydrospeed{background-image: url(img/main-hydrospeed.jpg);}

.top-paraglider{background-image: url(img/main-paraglider.jpg);}

.top-mountainbike{background-image: url(img/main-mountainbike.jpg);}

.top-golf{background-image: url(img/main-golf.jpg);}

.top-snowshoe{background-image: url(img/main-snowshoe.jpg);}

.top-ski,.top-live1,.top-live2,.top-live3,.top-live4,.top-live5{background-image: url(img/main-ski.jpg);}

.top-koe{background-image: url(img/main-koe.jpg);}

.top-access{background-image: url(img/main-access.jpg);}

.top-form{background-image: url(img/main-form.jpg);}





h1{width:800px; text-align:left; padding:17px 0px 0px 190px; margin:0px 0px 0px 0px; font-size:12px; color:#000000;}

h1 a,h1 a:visited,h1 a:hover{text-decoration:none; color:#ffffff;}

.top-index p,.top-sisetsu p,.top-ryouri p,.top-news p,.top-kanko p,.top-outdoor p,.top-koe p,.top-form p,.top-access p,

.top-rafting p,.top-canyoning p,.top-canoe p,.top-hydrospeed p,.top-paraglider p,.top-mountainbike p,

.top-golf p,.top-snowshoe p,.top-ski p,.top-live1 p,.top-live2 p,.top-live3 p,.top-live4 p,.top-live5 p{

width:420px; height:20px; margin:7px 0px 0px 195px; 

font-size:12px; line-height:12px; letter-spacing:0px; 

}

#plan{

display:block; width:158px; height:61px; float:right; text-align:center; padding:0px; margin:-18px 10px 0px 0px;

background-image: url(img/button-online-tel.gif); background-repeat:no-repeat; background-position:top left; overflow:hidden;

}

#plan a{display:block; padding:275px; width:275px; height:32px;}



h3{font-size:12px; margin:0px; line-height:12px;}











.adress a,.adress a:visited{color:#000000;}

.adress{

width:335px; float:right;

padding:0px 0px 0px 0px; margin:0px auto 0px auto;

background-image: url(img/bg-adress.gif); background-repeat:no-repeat; background-position:bottom right;

}



.find{

width:560px; height:30px; font-size:16px; font-weight:bold; line-height:30px; color:#ffffff; padding:0px 0px 3px 3px;



background-image: url(img/bg-find.gif); background-repeat:no-repeat; background-position:center left; margin:10px 0px 0px 15px;

}





.main-image{margin:0px;}



/*上部メニュー*/

.menu {

background-image: url(img/bg-menu.gif); padding:0px; height:35px; clear:both;

background-repeat:repeat-y; background-position:center top;

width:810px;  margin:0px auto 0px auto;

}

.menu ul {border:0px; margin:0px 5px; padding:0px; text-align:center; list-style-type:none; width:800px;}

.menu ul li {display: block;float:left; text-align:center; padding:0px; margin:0px;}

.menu ul li a,.menu ul li a:active, .menu ul li a:visited{

display:block; width:98px; line-height:30px;

padding:0px 0px 0px 0px; margin:0px 0px 1px 0px;

color:#ffffff; font-weight:normal; font-size:13px; letter-spacing:0px;

text-align: center; text-decoration: none;

background-image: url(img/bg-button.gif); background-position: 0px 0px;

}

.menu ul li a:hover {

color: #832323; text-decoration: none;

background-image: url(img/bg-button.gif); background-position: 0px 30px;

}

/*下部メニュー部分*/

.menu-bottom {margin:20px 5px 2px 5px; padding:0px; height:14px; width:790px;}

.menu-bottom ul {border:0px; margin:0px; padding:0px; text-align:left; list-style-type: none;}

.menu-bottom ul li {padding:0px; margin:0px 5px; float:left; border-right:1px solid #8d2626; margin:0px;}

.menu-bottom ul li a, .menu-bottom ul li a:visited {

padding:0px; margin:0px 5px; text-decoration: none; line-height:13px;

color: #000000; font-weight:normal; font-size:12px; letter-spacing:1px;

}

.menu-bottom ul li a:hover { text-decoration: none;color: #ff8800;}





.bottom{width:800px; height:50px; text-align:left; padding:0px; margin:0px auto;}

.adress{margin-top:0px; padding:0px; width:340px;}

.copyright{

width:800px; color:#ffffff; font-size:10px; text-align:right; line-height:10px; clear:both; height:15px;

padding:0px; margin:0px 5px;

background-image:url(img/bg-copyright.gif); background-repeat:repeat-x;

}

.adress2{font-size:10px; margin:4px 3px 0px 0px; line-height:11px; float:left;}

.link-button{float:right; margin:5px 5px 0px 0px;}

.link-button2{

color:#000000; margin:0px 1px 0px 2px; padding-top:3px; font-size:12px; display:block; width:82px; height:20px;

background-image: url(img/button-access.gif); background-position:center; background-repeat:no-repeat; text-align:center;

}

.link-button a,.link-button a:visited{color:#000000;}

.link-button a:hover{color:#ff8800;}

.logo-s{margin:6px 5px 0px 3px; float: left;}













/*index*/

#index-flash{margin:0px 0px 8px 6px;}

.index-right{width:525px; float:right; margin:5px 0px 0px 0px;

background-image: url(img/index-banner-sub.gif); background-position:bottom; background-repeat:no-repeat;

}

.banner-ryouri{

width:515px; height:100px; margin:0px 0px 5px 0px; float:left; overflow:hidden;

background-image: url(img/banner-ryouri.gif); background-position:0px 0px; background-repeat:no-repeat;

}

.banner-ryouri h2{line-height:22px; padding-left:22px; font-size:14px; color:#ffffff; margin:4px 0px 0px 268px;}

.banner-ryouri p{margin:0px 0px 0px 290px;}

.banner-ryouri p a,.banner-ryouri p a:visited{color:#ffffff; display:block; width:225px; height:80px;}

.banner-ryouri p a:hover{color:#ffffff; text-decoration:underline;}

.banner-ryouri img{float:right; width:138px; height:80px;}

.index-box{width:168px; height:135px; float:left; border-right:1px dotted #8d2626; margin-left:3px;}

.box-outdoor,.box-ski,.box-sightseeing,.box-customer{

width:168px; height:215px; float:left; border-right:1px dotted #8d2626; margin-left:3px; display:block; overflow:hidden;

background-position:left top; background-repeat:no-repeat;

}

.box-outdoor{background-image: url(img/banner-outdoor.jpg);}

.box-ski{background-image: url(img/banner-ski.jpg);}

.box-sightseeing{background-image: url(img/banner-sightseeing.jpg);}

.box-customer{background-image: url(img/banner-customer.jpg);}

.box-outdoor h3,.box-ski h3,.box-sightseeing h3,.box-customer h3{margin:0px 0px 0px 300px; line-height:1px;}

.box-outdoor a,.box-outdoor a:visited,

.box-ski a,.box-ski a:visited,

.box-sightseeing a,.box-sightseeing a:visited,

.box-customer a,.box-customer a:visited

{display:block; padding:102px 0px 0px 2px; color:#000000;}

.box-outdoor a:hover,.box-ski a:hover,.box-sightseeing a:hover,.box-customer a:hover{color:#ff8800;}





.space{float:right; width:110px;}

.index-left{

width:265px; float:left; margin:5px 0px 0px 10px; overflow:hidden; height:365px;

background-image: url(img/bg-news.jpg); background-position:0px 0px; background-repeat:no-repeat;

}

.index-left h4{font-size:14px; font-weight:bold; line-height:16px; margin:0px 0px 0px -300px;}

.index-left p{margin-bottom:5px;}

.index-left ul{

width:240px; height:155px; margin:10px 0px 0px 0px; padding:12px 0px 0px 22px;

}

.index-left li{line-height:23px; border-bottom:1px dotted #876738; width:210px;}

.index-left li a,.index-left li a:visited{color:#000000;}

.index-left li a:hover{color:#ff8800;}



/*施設*/

.find-sisetsu{

height:31px; width:800px; overflow:hidden; margin:6px 0px 0px -400px; display:block; color:#ffd9d9;

background-image: url(img/bg-find-sisetsu.gif); background-repeat:no-repeat; background-position: 415px 0px; 

}

.sisetsu-left{

float:left; margin:0px 0px 0px 10px; width:320px; height:275px;

background-image: url(img/bg-sisetsu.gif); background-repeat:no-repeat; background-position:top center; 

}

.sisetsu-left p{margin:7px 15px 0px 10px;}

#sisetsu-flash

{width:465px; padding:0px; margin:0px 0px 0px 0px; height:275px;}





/*お料理*/

.find-ryouri{

height:31px; width:800px; overflow:hidden; margin:6px 0px 0px -400px; display:block; color:#ffd9d9;

background-image: url(img/bg-find-ryouri.gif); background-repeat:no-repeat; background-position: 415px 0px;

font-size:10px;

}

.ryouri-right{

float:right; margin:0px 5px 0px 0px; width:340px; height:325px; 

background-image: url(img/bg-ryouri.jpg); background-repeat:no-repeat; background-position:left bottom; 

}

.ryouri-right p{margin:0px 0px 5px 0px;}

#ryouri-flash

{width:440px; padding:0px; margin:0px 0px 0px 5px; height:325px;}





/*お知らせ*/

.find-news{

height:31px; width:800px; overflow:hidden; margin:6px 0px 0px -400px; display:block; color:#ffd9d9;

background-image: url(img/bg-find-news.gif); background-repeat:no-repeat; background-position: 415px 0px; 

}

.find-news-sub{

height:33px; width:800px; overflow:hidden; margin:6px 0px 0px 0px; display:block;

padding:7px 0px 0px 40px; font-size:14px; font-weight:bold;

background-image: url(img/bg-find-news-sub.gif); background-repeat:no-repeat; background-position:15px 0px;

}

.find-news-sub2{

height:33px; width:550px; overflow:hidden; margin:6px 0px 0px 0px; display:block;

padding:7px 0px 0px 40px; font-size:14px; font-weight:bold;

background-image: url(img/bg-find-news-sub.gif); background-repeat:no-repeat; background-position:5px 0px;

}

.news-desc,.news-left p{margin:0px 0px 10px 23px;}

.news-desc a,.news-desc a:visited{text-decoration:none; color:#000000;}

.news-desc a:hover{color:#ff8800; text-decoration:underline;}

.news-left{float:left; width:590px; padding:0px;}

.news-left img{margin:5px 5px 5px 30px;}

.news-right{float:right; width:170px; margin:5px 20px 0px 0px;}

.news-right h3{

width:170px; line-height:16px; font-size:13px; background-color:#ce6c6c; margin:5px 17px 2px 0px; padding:0px 2px;

color:#ffffff; 

}

.news-right li{

border-bottom:1px dotted #8d2626; padding:0px 0px 4px 14px; width:160px; line-height:17px;

background-image: url(img/point.gif); background-position:left center; background-repeat:no-repeat;

}

.news-right ul li a,.news-right ul li a:visited{color:#000000; text-decoration:none; display:block; width:155px;}

.news-right ul li a:hover{color:#de4b14; text-decoration:underline;}

.news-dl{margin:0px 0px 10px 30px;}

.news-dl dt{margin:7px 0px 0px 0px;}

.news-dl dd{margin:1px 0px 0px 7px;}



/*周辺観光*/

.find-sightseeing{

height:31px; width:800px; overflow:hidden; margin:6px 0px 0px -400px; display:block; color:#ffd9d9;

background-image: url(img/bg-find-sightseeing.gif); background-repeat:no-repeat; background-position: 415px 0px; 

}

#map-sightseeing{float:left; width:565px; height:575px; border:1px solid #8d2626; margin:0px 5px 3px 10px;}

.sightseeing-right{width:215px; padding:0px 0px 0px 0px; float:right; margin-bottom:10px;}

.sightseeing-right li{

border-bottom:1px dotted #8d2626; padding:0px 0px 4px 14px; width:195px; line-height:17px; font-size:13px;

background-image: url(img/point.gif); background-position:left center; background-repeat:no-repeat;

}

.sightseeing ul li a,.sightseeing ul li a:visited

{color:#000000; text-decoration:none; display:block; width:190px;}

.sightseeing ul li a:hover{color:#de4b14; text-decoration:underline;}

.sightseeing-desc{padding:0px 20px; font-size:10px; clear:both;}

.none{display:none;}

.info-window{width:350px; font-size:12px; height:30px;}

.info-window img{width:150px; height:72px;}

.info-name {color:#000000; font-size:13px; font-weight:bold; line-height:13px; margin:2px 0px 2px 0px;}

.info-window p{margin:3px 0px 5px 0px;}

.map-desc{font-size:12px; margin:0px 0px 0px 10px; clear:both;}

.desc img{margin-bottom:5px;}



/*アウトドア*/

.find-rafting,.find-canyoning,.find-canoe,.find-hydrospeed,.find-paraglider,.find-mountainbike,

.find-golf,.find-snowshoe,.find-ski{

height:31px; width:800px; overflow:hidden; margin:6px 0px 0px -200px; display:block; color:#ffd9d9;

background-repeat:no-repeat; background-position: 215px 0px; 

}

.find-rafting{background-image: url(img/bg-find-raft.gif);}

.find-canyoning{background-image: url(img/bg-find-cany.gif);}

.find-canoe{background-image: url(img/bg-find-canoe.gif);}

.find-hydrospeed{background-image: url(img/bg-find-hydro.gif);}

.find-paraglider{background-image: url(img/bg-find-para.gif);}

.find-mountainbike{background-image: url(img/bg-find-mtb.gif);}

.find-golf{background-image: url(img/bg-find-golf.gif);}

.find-snowshoe{background-image: url(img/bg-find-snow.gif);}

.find-ski{background-image: url(img/bg-find-ski.gif);}

.outdoor-left{

float:left; margin:0px 0px 0px 10px; width:430px; height:325px; 

}

.outdoor-right{

float:right; margin:0px 0px 0px 0px; width:355px; height:325px;

}

.outdoor-right2{

float:right; margin:0px 0px 0px 30px; width:565px;}

.outdoor-box{

float:left; margin:0px 2px 0px 0px; width:115px; height:95px;

background-image: url(img/bg-outdoor-button.jpg); background-repeat:no-repeat; background-position:left bottom; 

}

.outdoor-box img{margin:3px 0px 0px 3px;}

.outdoor-box h3{font-size:10px; margin:-1px 0px 0px 4px;}

.outdoor-box a{color:#000000; display:block; width:110px;}

.outdoor-right p{clear:both; font-size:10px;}

.outdoor-left p{margin:0px 0px 5px 10px; width:400px;}





/*ライブカメラ*/

.banner-live{margin:2px 0px 0px 10px;}

.find-live{

height:31px; width:800px; overflow:hidden; margin:6px 0px 0px -200px; display:block; color:#ffd9d9; font-size:10px;

background-image: url(img/bg-find-live.gif); background-repeat:no-repeat; background-position: 215px 0px; 

}

.live-comment{margin:5px 10px 3px 23px;}



.camera{float:right; width:575px; height:480px; border:1px solid #9c5452; margin:5px 10px 5px 0px;}

.live-left{padding-left:15px; width:205px; float:left;}

.live-left dt{

border-bottom:1px dotted #9c5452; margin:5px 0px 2px 0px; padding:0px 0px 1px 13px; font-size:11px; font-weight:bold;

background-image: url(img/point.gif); background-position:left center; background-repeat:no-repeat; line-height:15px;

clear:both;

}

.live-left dd{font-size:11px;}

.live-left a,.live-left a:visited{color:#000000;}

.live-left a:hover{color:#ff8800;}

.live-button{

color:#000000; margin:0px 1px 5px 2px; padding-top:3px; font-size:12px; display:block; width:82px; height:20px;

background-image: url(img/button-access.gif); background-position:center; background-repeat:no-repeat; float:left; text-align:center;

}





/*お客様の声*/

.find-koe{

height:31px; width:800px; overflow:hidden; margin:6px 0px 0px -200px; display:block; color:#ffd9d9;

background-image: url(img/bg-find-koe.gif); background-repeat:no-repeat; background-position: 215px 0px; 

}

.koe{padding:0px 8px;}



/*交通のご案内*/



.find-access{

height:31px; width:800px; overflow:hidden; margin:6px 0px 0px -400px; display:block; color:#ffd9d9;

background-image: url(img/bg-find-access.gif); background-repeat:no-repeat; background-position: 415px 0px; 

}

.access-comment{margin:0px 0px 10px 23px;}

#map-access{float:right; width:580px; height:590px; border:1px solid #9c5452; margin:5px 13px 5px 0px;}

.access-left{padding-left:15px; width:185px;}

.access-box{padding:1px; width:185px; float:left; margin:0px 0px 0px 0px;}

.access-box h5{

border-bottom:1px dotted #9c5452; margin:0px 0px 2px 0px; padding:0px 0px 1px 13px; font-size:12px; font-weight:bold;

background-image: url(img/point.gif); background-position:left center; background-repeat:no-repeat; line-height:15px;

}

.access-box a,.access-box a:visited{color:#000000;}

.access-box a:hover{color:#ff8800;}

.access-button{

color:#000000; margin:0px 1px 1px 2px; padding-top:3px; font-size:12px; display:block; width:82px; height:20px;

background-image: url(img/button-access.gif); background-position:center; background-repeat:no-repeat; float:left; text-align:center;

}

.access-left img{margin:2px 0px 0px 0px;}

.info-window-access{width:350px; font-size:12px; height:30px;}

.info-window-access img{width:165px; height:100px; float:left; margin-right:3px;}

.info-window-access p{margin:3px 0px 5px 0px;}

.desc-access img{margin-bottom:5px;}







/*お問い合わせ*/

.form{padding-left:15px;}

.form h2{

padding:5px; font-size:12px; font-weight:bold; line-height:14px;

background-image: url(img/point2.gif); background-position:left center; background-repeat:no-repeat;

}

#cf_sample_form{margin:5px 0px 0px 20px; width:600px; padding:3px;}

.require {color:#cc3333;}

#cf_sample_form table {border-collapse: collapse; width:690px;}

#cf_sample_form td, #cf_sample_form th {padding:5px; border:1px solid #cccccc;}

#cf_sample_form th { font-size:12px; font-weight: bold; vertical-align:top; text-align:left; border-right:1px dashed #cccccc; white-space:nowrap; width:160px;}

#cf_sample_form th .require {padding-right:2px;}

#cf_sample_form td {margin-bottom:16px; font-size:12px;}

#cf_sample_form .note {color:#666; font-size:10px;}

#cf_sample_form li {list-style-type: none;}

#cf_sample_form fieldset {border:1px solid #8d2626; margin-top:10px; padding:10px; border-width:2px 0px 0px 0px;}

#cf_sample_form legend {color:#000000; font-weight:bold;}

#cf_sample_form .invalid {border:1px solid #d4aa00; background:#fffbea;}

#cf_sample_form .buttons {margin:10px 0px; text-align:center;}

.error {color:#cc0000; padding:3px 5px; margin:5px 0px; background:#ffefef;}











/*よくあるご質問*/

.main-qa{background-image:url(img/main-qa.jpg);}



.qa-menu {margin:0px 7px 0px 10px; padding:0px; height:14px; width:770px;}

.qa-menu ul {border: 0px; margin: 0px; padding: 0px; text-align: left; list-style-type: none;}

.qa-menu ul li {padding: 0px; margin: 0px 5px; float:left; border-right:1px solid #366804; margin:0px;}

.qa-menu ul li a, .qa-menu ul li a:visited {

padding: 0px; margin: 0px 5px; text-decoration: none; line-height:13px;

color: #000000; font-weight:bold; font-size:12px; letter-spacing:1px;

}

.qa-menu ul li a:hover { text-decoration:underline; color:#ffac2f;}

.qa-desc{padding:0px 10px; font-size:10px; clear:both;}

#qa1,#qa2{margin:10px 0px 0px 20px;}

.qa dt{

border-bottom:1px solid #65c605; line-height:17px; padding-left:14px; font-weight:bold; width:745px; margin:7px 0px 3px 0px;

background-image: url(img/point.gif); background-position:left center; background-repeat:no-repeat;

}

.qa-dd{width:745px; padding-left:14px; margin:0px 0px 10px 0px; border-bottom:1px dotted #65c605;}

.qa-no{width:745px; padding-left:14px; margin:0px 0px 0px 0px; border-bottom:1px dotted #65c605;}