﻿@charset "utf-8";
@import url("screen.css");

/*基本設定*/
* {margin:0; padding:0; font-style: normal; font-weight:normal;}
.right{float:right; margin:0px 10px 7px 5px;}
.left{float:left; margin:0px 5px 7px 10px;}
.center{margin:0px auto 0px auto; text-align:center;}
.clear {clear: both;}
.small{font-size:9px;}
img, img a {border: 0px;}
strong{font-weight:normal;}
.strong{font-weight:bold;}
a,a:visited{text-decoration:none; color:#339900;}
a:hover{color:#ff8800; text-decoration:underline;}
ul {list-style:none;}
body {
	background-image: url(/img/bg.gif);
	background-repeat:repeat-x;
	background-position:top;
	background-color: #ffffff;
	color: #444444;
	text-align : center;
	line-height:14px;
	letter-spacing:1px;
	font-size: 12px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
#TOP {
width:860px; height:131px; text-align:left; padding:0px; margin:0px auto 0px auto; overflow:hidden;
background-image: url(/img/logo.gif); background-repeat:no-repeat; background-position:0px 0px; position:relative;
}
#logo-swf{
display:block; width:483px; height:81px; float:left; text-align:left;
padding:0px; margin:5px 0px 9px 0px; font-size:10px; color:#ff8800; background-color:#181818;
}

#logo{
display:block; width:520px; height:115px; float:left; text-align:left;
padding:0px; margin:-20px 0px 0px 0px; font-size:10px; color:#ff8800;
}
#logo a{display:block; width:100%; height:100%;}
#pagetitle{margin:37px 0px 0px 0px; font-size:12px;}
#TOP p{font-size:10px;}
.submenu{position:absolute; top:0px; left:420px; width:440px;}
.box-font-button{margin:5px 0px 0px 53px; padding-left:66px; height:20px;
background-image: url(/img/bg-font-button.gif); background-repeat:no-repeat; background-position:0px 0px;
}
.plan{float:right;}
.bottom{width:100%; height:130px; padding:0px; margin:0px auto 0px auto;
background-color:#48b015; border-top:4px solid #b4e0a1;
}
.bottom-contents{width:880px; margin:0px auto;}
.bottom-left{
float:left; width:775px; font-size:14px; margin:3px 0px; display:block; 
height:130px; overflow:hidden; text-align:left;
}
.bottom-left p{display:block; width:300px; margin:0px 0px 0px 780px;}
/*
.adress a,.adress a:visited{color:#ffffff;}
*/
.adress{width:90px; text-align:left; float:right; padding:5px 0px 0px 0px; margin:2px 8px 0px 0px;}
.adress img{float:right; width:87px; height:17px; margin-right:2px;}
.contents{
width:880px; margin:10px auto 0px auto; padding:0px; text-align:left;  overflow:hidden; position:relative;
background-image: url(/img/bg-contents.gif); background-repeat:repeat-y; background-position:top;
}
.contents-index{
width:880px; margin:0px auto 0px auto; padding:0px; text-align:left;  overflow:hidden; position:relative;
background-image: url(/img/bg-contents.gif); background-repeat:repeat-y; background-position:top;
}
.contents p{margin:3px 0px 8px 0px; padding-left:5px; display:block;}
.contents dl{margin:10px;}

/*menu*/
.menu {
margin:0px; padding:0px; height:36px; clear:both;
background-image: url(/img/bg-menu.jpg); background-position: 0px 0px; background-repeat:repeat-x;
}
.menu ul {border:0px; margin:0px; padding:0px; text-align:center; list-style-type:none;}
.menu ul li {
display: block;float:left; text-align:center; padding:0px; margin:0px;
display:block; width:107px; height:36px; overflow:hidden;
}
.menu ul li a,.menu ul li a:active, .menu ul li a:visited{
display:block; width:107px; height:36px;
padding:11px 0px 0px 0px; margin:0px 1px 0px 0px;
color:#f0f0f0; font-weight:normal; font-size:16px; letter-spacing:1px;
text-align:center; text-decoration:none; font-weight:bold;
background-image: url(/img/button.gif); background-position: 0px 0px; background-repeat:no-repeat;
}
.menu ul li a:hover {
color:#f0f0f0; text-decoration: none; height:36px;
background-image: url(/img/button.gif); background-position: 0px -36px; background-repeat:no-repeat;
}


/*下部メニュー部分*/
.menu-bottom{
margin:0px auto 2px auto; padding:0px; height:16px; width:880px;
background-image: url(/img/bg-contents.gif); background-repeat:repeat-y; background-position:top;
}
.menu-bottom ul {border:0px; margin:0px 15px; padding:0px; text-align:left; list-style-type: none;}
.menu-bottom ul li {padding:0px; margin:0px 5px; float:left; border-right:1px solid #e7efd8; margin:0px;}
.menu-bottom ul li a, .menu-bottom ul li a:visited {
padding:0px; margin:0px 5px; text-decoration: none;
color: #ef6f04; font-weight:normal; font-size:12px; letter-spacing:1px;
}
.menu-bottom ul li a:hover { text-decoration:none; color: #ffac2f;}


/*基本*/
.navi{margin-bottom:-20px;}
.find{
height:46px; margin:25px 0px 3px 0px; font-size:17px; font-weight:bold; padding:0px 0px 0px 27px; line-height:45px;
background-image:url(/img/bg-find.jpg); background-position:0px 0px; background-repeat:no-repeat;
}
.find-s{
margin:15px 0px 5px 10px; font-weight:bold;
font-size:14px; border-left:3px solid #e5c347; line-height:16px; padding-left:2px;
}
.stay-find-s{
padding:3px 0px 0px 15px; margin:15px 0px 0px 0px; font-size:14px; font-weight:bold; clear:both;
background-image:url(/img/point2.gif); background-position:1px 3px; background-repeat:no-repeat;
}
.main-contents{float:right; margin:5px 25px 0px 0px; width:640px;}
.side-contents{float:left; margin:10px 0px 0px 25px; width:180px;}
.side-contents h4{background-color:#48b015; color:#ffffff; font-size:14px; padding:3px;}
.side-contents ul li{
padding:3px 0px 7px 17px; margin:5px 0px 0px 0px; border-bottom:dotted 1px #dfeaca;
background-image:url(/img/point2.gif); background-position:1px 3px; background-repeat:no-repeat;
}
.side-contents img{margin:4px 0px 0px 0px;}
.find-link{
padding-left:10px; margin:1px 0px 7px 10px; display:block; width:540px;
background-image:url(/img/point.gif); background-position:center left; background-repeat:no-repeat;
}
.desc-s{
padding-left:11px; display:block;
background-image:url(/img/triangle.gif); background-position:center left; background-repeat:no-repeat;
}
.img{float:left; margin:5px;}
.dl,.description{clear:both; margin:0px 0px 5px 5px;}
.dl dt{
font-weight:bold; float:left; width:85px; text-align:center; clear:both;
background-color:#effce9; padding:3px; margin:0px 5px 0px 0px;
}
.dl dd{border-bottom:1px solid #e7efd8; padding:3px; margin:1px;}

.map{margin:-5px 0px 10px 10px; clear:both;}


/*index*/
#index-flash{margin:0px auto;}
.index-info{margin:0px 20px 0px 20px;}
.index-info dt{
padding:3px 0px 0px 17px; margin:0px;
background-image:url(/img/point2.gif); background-position:1px 3px; background-repeat:no-repeat;
}
.index-info dd{
padding:0px 0px 4px 17px; margin:0px 0px 4px 0px; border-bottom:dotted 1px #dfeaca;
}

news{width:320px; border:1px solid #e5c347; margin:20px 0px 10px 15px; padding:2px;}
.news h3{
text-align:left; background-color:#927d2d; margin:0px 0px 2px 0px;
border-top: 1px solid #e5c347; border-bottom: 1px solid #e5c347; padding: 2px; font-size: 14px;
}
.news p{
width:305px; line-height:14px; font-size:10px; padding-left:10px; margin:2px 0px 0px 2px; border-bottom:1px dotted #e5c247;
background-image:url(/img/point.gif); background-position:center left; background-repeat:no-repeat;
}
.news dd{font-size:12px;  margin:0px 0px 0px 0px; padding:0px 0px 2px 15px;}
.index-left{float:left; width:580px; margin:5px 5px 0px 5px;}
.index-left h3{margin:5px 10px 5px 0px;}
.find-media{
margin:17px 0px 5px 0px; font-weight:bold;
font-size:14px; border-left:3px solid #e5c347; line-height:16px; padding-left:2px;
}
.index-left dl{width:180px; float:left; margin-left:6px;}
.index-left dt{
border-top:1px dotted #e5c247; line-height:20px; padding-left:10px;
background-image:url(/img/point.gif); background-position:center left; background-repeat:no-repeat;
}
.index-left dl dd{font-size:10px; margin:-5px 0px 2px 10px; clear:both;}
.index-left dl dd img{margin:4px 0px 3px 0px;}
.index-right{float:right; width:185px; margin:5px 7px 5px 0px;}
.index-right h4{margin:0px 0px 3px 0px; clear:both;}
.index-right dt{
border-top:1px dotted #e5c247; line-height:20px; padding-left:10px;
background-image:url(/img/point.gif); background-position:center left; background-repeat:no-repeat;
}
.index-right dl dd{font-size:10px; margin:-5px 0px 2px 10px;}
.index-right dl dd img{margin:4px 0px 3px 0px;}

/*新着情報*/
.info-find{
height:46px; margin:25px 0px 3px 0px; font-size:17px; font-weight:bold; padding:0px 0px 0px 27px; line-height:45px;
background-image:url(/img/bg-find.jpg); background-position:0px 0px; background-repeat:no-repeat;
}
.info-desc{clear:both; margin:7px;}
.info-desc dt{
font-weight:bold; float:left; width:120px; text-align:center; clear:both;
background-color:#effce9; padding:6px; margin:0px 5px 0px 0px;
}
.info-desc dd{border-bottom:1px solid #e7efd8; padding:6px; margin:1px;}
.info-contents{float:right; margin:5px 25px 0px 0px; width:640px;}

.info-list{margin:-10px 10px 10px 10px;}
.info-list dt{
padding:3px 0px 0px 17px; margin:0px;
background-image:url(/img/point2.gif); background-position:1px 3px; background-repeat:no-repeat;
}
.info-list dd{
padding:0px 0px 4px 17px; margin:0px 0px 4px 0px; border-bottom:dotted 1px #dfeaca;
}

.area{font-size:10px; margin-right:3px; padding:1px 2px; color:#ffffff; background-color:#48b015;}
.info-contents dd{margin-left:5px;}
.info-contents h4{margin:0px 0px -5px 10px;}
.info-dl dt{margin:7px 0px 1px 0px; font-weight:bold;}
.info-side{float:left; margin:10px 0px 0px 25px; width:180px;}
.info-side h4{background-color:#48b015; color:#ffffff; font-size:14px; padding:3px;}
.info-side ul li{
padding:3px 0px 7px 17px; margin:5px 0px 0px 0px; border-bottom:dotted 1px #dfeaca;
background-image:url(/img/point2.gif); background-position:1px 3px; background-repeat:no-repeat;
}
.info-side img{margin:4px 0px 0px 0px;}

/*アウトドア*/
.outdoor-contents{float:right; margin:5px 25px 0px 0px; width:640px;}
.outdoor-find{
height:46px; margin:25px 0px 3px 0px; font-size:17px; font-weight:bold; padding:0px 0px 0px 27px; line-height:45px;
background-image:url(/img/bg-find.jpg); background-position:0px 0px; background-repeat:no-repeat;
}
.outdoor-intro{float:right; margin:0px 5px 0px 0px; width:370px;}
.outdoor-find-s{
padding:3px 0px 0px 15px; margin:15px 0px 0px 0px; font-size:14px; font-weight:bold; clear:both;
background-image:url(/img/point2.gif); background-position:1px 3px; background-repeat:no-repeat;
}
.outdoor-contents dl{margin:3px 7px;}
.outdoor-contents dt{font-weight:bold; margin-top:3px;}
.outdoor-contents dd{margin-left:15px;}
.outdoor-detail-s{font-size:10px; line-height:10px; margin:0px;}
.ski-time-table,.ski-rift-table,.ski-school-table,.ski-rental-table,.ski-access-table
{background-color:#e7efd8; font-size:12px; margin:3px 0px 1px 5px; text-align:center;}
.ski-time-table th,.ski-rift-table th,.ski-school-table th,.ski-rental-table th,.ski-access-table th
{background-color:#effce9; font-weight:bold; padding:3px 3px;}
.ski-time-table td,.ski-rift-table td,.ski-school-table td,.ski-rental-table td,.ski-access-table td
{background-color:#ffffff; padding:3px 3px;}

.outdoor-box{width:180px; height:135px; float:left; margin:0px 0px 0px 5px; border-top:2px solid #48b015; padding-top:1px;}
.outdoor-box img{width:180px; height:90px;}
.outdoor-name{margin:0px; font-size:11px; line-height:12px; font-weight:bold; border-bottom:1px dotted #48b015;}
.outdoor-box a,.outdoor-box a:visited{
font-size:10px; padding-left:23px; color:#48b015;
background-image: url(/img/icon-url.gif); background-position:left; background-repeat:no-repeat;
}
.outdoor-box a:hover{text-decoration:underline; color:#ff8800;}
.outdoor-box p{width:175px;}

/*泊まる*/
.area-stay{
font-size:10px; width:101px; line-height:13px; text-align:center; float:right;
margin:0px 0px 4px 0px; border:1px solid #e9eddf;
}
.category-stay{
font-size:10px; width:67px; line-height:13px; text-align:center; float:right;
margin:0px 29px 4px 3px; border:1px solid #e9eddf;
}
.stay-contents{float:right; margin:5px 25px 0px 0px; width:640px;}
.stay-find{
height:46px; margin:25px 0px 3px 0px; font-size:17px; font-weight:bold; padding:0px 0px 0px 27px; line-height:45px;
background-image:url(/img/bg-find.jpg); background-position:0px 0px; background-repeat:no-repeat;
}
.stay-intro{float:right; margin:0px 5px 0px 0px; width:370px;}
.stay-desc dt{
font-weight:bold; float:left; width:70px; text-align:center; clear:both;
background-color:#effce9; padding:3px; margin:0px 5px 0px 0px;
}
.stay-desc dd{border-bottom:1px solid #e7efd8; padding:3px; margin:1px;}
.stay-jalan-img{float:left; margin:0px 5px 10px 5px;}
.stay-box{width:310px; float:left; margin:5px 0px 0px 5px;}
.stay-box h4{font-weight:bold; font-size:12px; margin:2px 0px 0px 0px;}
.stay-box img{float:left; margin:3px;}


/*りんご*/
.apple-list{width:205px; float:left; margin:0px 0px 5px 5px; border:1px solid #d7e4bc;
background-image:url(/img/bg-apple.gif); background-position:3px 0px; background-repeat:no-repeat;
}
.apple-season{
text-align:right; width:97px;
font-size:9px; float:right; margin:1px 2px 2px 0px;
}
.apple-list h4{font-size:13px; font-weight:bold; width:90px; float:left; margin:0px 0px 5px 3px;
color:#ffffff; padding:2px 0px 0px 4px;
}
.apple-list p{clear:both;}


/*お客様の声*/
.customer-category{float:left; width:200px; margin:0px 10px;}
.customer-category h4,.customer-month h4{
margin:5px 0px 3px 0px; font-weight:bold;
font-size:14px; border-left:3px solid #e5c347; line-height:16px; padding-left:2px;
}
.customer-category ul,.customer-month ul{margin:0px 0px 20px 5px;}
.customer-category li,.customer-month li{
line-height:18px; font-size:12px; border-bottom:1px dotted #e5c247; padding-left:10px;
background-image:url(/img/point.gif); background-position:center left; background-repeat:no-repeat;
}
.customer-category li a,.customer-category li a:visited,.customer-month li a,.customer-month li a:visited
{color:#f0f0f0;}
.customer-category li a:hover,.customer-month li a:hover{color:#e5c347;}
.customer-contents{float:left; width:400px; margin:5px 0px 0px 0px;}
.customer-contents h4{
text-align:left; background-color:#927d2d; margin:5px 0px 5px 0px; clear:both;
border-top: 1px solid #e5c347; border-bottom: 1px solid #e5c347; padding: 2px; font-size: 14px;
}
.customer-comment{margin:0px 5px 1px 0px; border-bottom:1px solid #e5c347; padding-bottom:5px; width:400px; overflow:hidden;}
.customer-comment p{margin-left:0px;}
.customer-desc{margin:0px 10px 25px 0px; font-size:10px; text-align:right; clear:both; height:30px;}
.customer-left p{margin:0px 10px 7px 0px;}
.customer-month{float:right; width:160px; margin-right:10px;}
.ditto_currentpage{
display:block; margin:0px 3px 5px 0px; padding:0px 0px 0px 1px; float:left; border:1px solid #e5c347;
}
.ditto_page,.ditto_previous_link,.ditto_next_link{
display:block; margin:0px 3px 5px 0px; padding:0px 0px 0px 1px; float:left; border:1px solid #e5c347;
background-color:#927d2d;
}
.customer-navi{font-size:10px; line-height:10px;}
.customer-navi a,.customer-navi a:visited{color:ffffff;}
.customer-navi a:hover{color:ff8800;}

/*Jot*/
.customer-contents h5,.news-left h5,.news-left h4{margin:10px 0px 0px 0px; clear:both;}
.jot-caution{margin-left:100px;}
.jot-form{margin:10px 10px 10px 0px;}
.jot-title{
padding-left:10px; margin:7px 10px 0px 0px; font-size:12px; font-weight:bold;
background-image:url(/img/point.gif); background-position:center left; background-repeat:no-repeat;
}
.jot-content{margin:3px 2px 10px 2px;}
.jot-content p{border-bottom: 1px solid #e5c347; padding-bottom:3px; margin:0px 0px 2px 0px;}
.jot-content span{text-align:right; float:right;}
.jot-list{margin:5px 0px;}
.jot-list li{line-height:16px; margin-left:10px;}
.jot-form fieldset {border: 0px; margin-bottom:10px;}


/*新着情報*/
.news-left{float:right; width:570px; margin-right:0px;}
.news-comment{margin:0px 10px 1px 0px;}
.news-desc{margin:5px 10px 25px 0px; font-size:10px; text-align:right; clear:both;border-top: 1px solid #e5c347;}
.news-dl{margin:3px 0px 10px 5px;} 
.news-dl dt{font-weight:bold; margin:7px 0px 2px 5px;}
.news-dl dd{margin:0px 0px 2px 10px;}
.news-left h4{
text-align:left; background-color:#927d2d; margin:5px 10px 5px 0px;
border-top: 1px solid #e5c347; border-bottom: 1px solid #e5c347; padding: 2px; font-size: 14px;
}
.news-desc{
margin:5px 10px 25px 0px; font-size:10px; text-align:right; clear:both;
border-top: 1px solid #e5c347;
}
.news-left p{margin:0px 10px 7px 0px;}
.news-right{float:left; width:200px; margin-left:10px;}
.news-right h4{
margin:5px 0px 3px 0px; font-weight:bold;
font-size:14px; border-left:3px solid #e5c347; line-height:16px; padding-left:2px;
}
.news-right ul{margin:0px 0px 20px 5px;}
.news-right li{
line-height:18px; font-size:12px; border-bottom:1px dotted #e5c247; padding-left:10px;
background-image:url(/img/point.gif); background-position:center left; background-repeat:no-repeat;
}
.news-right li a,.news-right li a:visited{color:#f0f0f0;}
.news-right li a:hover{color:#e5c347;}


/*周辺観光*/
.sightseeing-left{width:600px; float:left; margin:0px;}
.sightseeing-box{
border-bottom:1px dotted #e5c247; margin:10px 0px 10px 10px; width:590px; padding-bottom:3px; overflow:auto;
background-image:url(/img/bg-sightseeing-box.jpg); background-position:bottom; background-repeat:repeat-x;
}
.sightseeing-box img{float:left; margin:3px 0px 3px 0px;}
.sightseeing-box h4{
border-left:3px solid #e5c247; margin:3px 0px 5px 183px;
font-size:14px; line-height:16px; font-weight:bold; padding-left:3px;
}
.sightseeing-box p{margin:0px 5px 2px 188px;}
.sightseeing-box a{margin-left:480px; display:block;}
.sightseeing-right{width:190px; float:right; margin:0px;}
.sightseeing-right h5,.sightseeing-right h6{margin-left:0px;}
.sightseeing-right p{margin-left:5px;}
.sightseeing-right-banner{margin-left:0px; display:block;}
.sightseeing-right ul{margin:0px 10px 20px 5px;}
.sightseeing-right li{
line-height:18px; font-size:12px; border-bottom:1px dotted #e5c247; padding-left:10px;
background-image:url(/img/point.gif); background-position:center left; background-repeat:no-repeat;
}
.sightseeing-right li a,.sightseeing-right li a:visited{color:#f0f0f0;}
.sightseeing-right li a:hover{color:#e5c347;}


/*問合せフォーム*/
.form{padding-left:15px;}
#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 #e5c247;}
#cf_sample_form th { font-size:12px; font-weight: bold; vertical-align:top; text-align:left; border-right:1px dashed #e5c247; 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:#f0f0f0; font-size:10px;}
#cf_sample_form li {list-style-type: none;}
#cf_sample_form fieldset {border:1px solid #bece38; margin-top:10px; padding:10px; border-width:2px 0px 0px 0px;}
#cf_sample_form legend {color:#f0f0f0; 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:#ffffff; padding:3px 5px; margin:5px 0px; background:#927d2d;}




.main-kanko{
height:160px; width:790px; background-repeat:no-repeat; margin:6px 0px 0px 12px; padding:16px 0px 0px 26px;
background-image:url(img/main-kanko.jpg); background-position: 0px 0px; 
}
.map-title{
font-size:14px; margin:5px 0px 0px 5px; line-height:20px; font-weight:bold; padding-left:8px; width:300px; height:16px;
background-image:url(img/point-title.gif); background-repeat:no-repeat;
}
#map{float:right; width:460px; height:474px; border:1px solid #e7efd8; margin:5px 5px 5px 0px;}
.syousai{width:570px !important; height:440px !important;}
.list{float:left; width:140px; height:474px;
border:1px solid #e7efd8; padding:2px; overflow:auto; margin:5px 0px 5px 13px;
}
.list2{width:570px; height:40px;
border:1px solid #808001; padding:2px; overflow:auto; margin:0px 0px 5px 9px;
}
.list li {color:#336633; font-size:11px; line-height:16px; margin:2px 0px 0px 0px; list-style:none; border-bottom:1px dotted #e7efd8;}
.none{display:none;}
.info-window{width:300px; font-size:12px;}
.info-window img{width:200px; height:120px;}
.info-name {color:#336633; font-size:13px; font-weight:bold; line-height:13px; margin:2px 0px 2px 0px;}
.map-desc{font-size:12px; margin:0px 0px 0px 10px; clear:both;}
.desc img{margin-bottom:5px;}
.blog-adress{
width:290px; border:1px solid #e7efd8; margin:5px 5px 0px 5px;
background-image:url(img/bg-adress.gif); background-position:bottom; background-repeat:repeat-x;
}
.zip{
width:270px; font-size:10px; padding-left:20px; margin:2px 0px 1px 5px; line-height:10px;
background-image:url(img/icon-zip.gif); background-repeat:no-repeat;
}
.tel{
width:270px; font-size:10px; padding-left:20px; margin:2px 0px 1px 5px; line-height:10px;
background-image:url(img/icon-tel.gif); background-repeat:no-repeat;
}
.url{
width:270px; font-size:10px; padding-left:24px; margin:4px 0px 5px 5px; line-height:10px;
background-image:url(img/icon-url.gif); background-repeat:no-repeat;
}
