@charset "utf-8";
body {
	margin: 0px;
	padding: 0px;
	/*min-width: 1000px;*/
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-image: url(../image/bk.png);
	background-repeat: repeat;
}

/**/
#header {
	background-image: url(../image/head-bk.png);
	background-repeat: repeat-x;
	background-position: top;
	text-align: center;
	height: 205px;
	width: 100%;
	margin: 0px;
	padding: 0px;
	min-width: 1000px;

}
#header #head {
	padding: 0px;
	width: 1000px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#head #logo {
	background-image: url(../image/logo.png);
	background-repeat: no-repeat;
	float: left;
	height: 100px;
	width: 420px;
	text-indent: -9999px;
}
/*150611 add*/
#head #logo a{
display:block;
height: 100px;
width: 420px;
}
/*150611 add*/
#header #head #h-tel {
	margin: 0px;
	padding: 0px;
	float: right;
	background-image: url(../image/h-tel.png);
	background-repeat: no-repeat;
	height: 110px;
	width: 409px;
	position: relative;
}
/**/
#h-menu {
	padding: 0px;
	width: 1000px;
	height: 40px;
	float: left;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}
ul#menu-box {
	margin: 0px;
	padding: 0px;
}

ul#menu-box li{
	list-style-type: none;
	padding: 0px;
	float: left;
	display: inline;
	text-indent: -9999px;
	border: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
ul#menu-box li a {
	display: block;
	height: 40px;
	background-image: url(../image/h-menu.png);
	background-repeat: no-repeat;
}
#menu-box #menu02 {	margin-left: 25px;}
#menu-box #menu03 {	margin-left: 25px;}
#menu-box #menu04 {	margin-left: 25px;}
#menu-box #menu05 {	margin-left: 25px;}

#menu-box #menu01 a { background-position:0px 0; width: 180px;}
#menu-box #menu02 a { background-position:-205px 0; width: 180px;}
#menu-box #menu03 a { background-position:-410px 0; width: 180px;}
#menu-box #menu04 a { background-position:-615px 0; width: 180px;}
#menu-box #menu05 a { background-position:-820px 0; width: 180px;}

#menu-box #menu01 a:hover,
#menu-box #menu01 a.on { background-position:0px -40px;}
#menu-box #menu02 a:hover,
#menu-box #menu02 a.on { background-position:-205px -40px;}
#menu-box #menu03 a:hover,
#menu-box #menu03 a.on { background-position:-410px -40px;}
#menu-box #menu04 a:hover,
#menu-box #menu04 a.on { background-position:-615px -40px;}
#menu-box #menu05 a:hover,
#menu-box #menu05 a.on { background-position:-820px -40px;}

/*ぱんくず*/
#header #head #pan {
	padding: 0px;
	float: left;
	width: 680px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: left;
}
#header #head #pan #pankuzu {
	font-size: 12px;
	color: #333;
	float: left;
}
#header #head #pan #pankuzu li {
	display: inline;
	margin-left: 10px;
	margin-right: 10px;
}

/*ヘッダーメニュー（小）*/
#header #head #s-menu {
	float: left;
	width: 320px;
}
#header #head #s-menu #s-m {
	padding: 0px;
	text-align: right;
	margin-top: 9px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #F60;
	font-size: 11px;
}

#header #head #s-menu #s-m li {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	display: inline;
}
#header #head #s-menu #s-m li a{
	color: #F60;
}
#header #head #s-menu #s-m li a:hover{
	color: #F60;
	text-decoration: underline;
}
#header #head #h-tel h1 {
	font-size: 11px;
	color: #333;
	height: 35px;
	width: 124px;
	position: absolute;
	left: 277px;
	top: 2px;
}
/*150611add*/
#header #head #h-tel p{
	font-size: 11px;
	color: #333;
	height: 35px;
	width: 124px;
	position: absolute;
	left: 277px;
	top: 8px;
}
/*150611add*/
/**/
#wrap {
	padding: 0px;
	width: 1000px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	overflow: hidden;
}
#wrap address {
	font-variant: normal;
	font-size: 13px;
	line-height: 150%;
	margin-bottom: 20px;
	margin-top: 20px;
}
#wrap #kamikou {
	font-size: 20px;
	font-weight: bold;
	color: #FF9326;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
/*フッター*/
footer {
	margin: 0px;
	padding: 0px;
	clear: both;
	width: 100%;
	background-image: url(../image/foot-bk.png);
	background-repeat: repeat-x;
	height: 500px;
	text-align: center;
	min-width: 1000px;
}
#foot {
	width: 1000px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 100px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

footer ul#f-menu {
	font-size: 12px;
	color: #333;
	margin-top: 0px;
	clear: both;
}
#foot #f-menu li {
	display: inline;
}
#foot #f-bnr {
	margin-bottom: 0px;
	width: 620px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 250px;
	padding: 0px;
}
#foot #f-bnr li {
	float: left;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	text-align: center;
}
#foot #copy {
	color: #FFF;
	text-align: center;
	clear: both;
	width: 1000px;
	padding: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
/*ページトップ*/
#page-top {
	position: fixed;
	bottom: 120px;
	right: 10px;
	background-image: url(../image/page-top.png);
	background-repeat: no-repeat;
	height: 62px;
	width: 72px;
	text-indent: -9999px;
}
#page-top a {
	text-decoration: none;
	color: #fff;
	width: 72px;
	padding: 0;
	text-align: center;
	display: block;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	height: 62px;
	background-image: url(../image/page-top.png);
	background-repeat: no-repeat;
}
/*2階層*/
#wrap #page-main {
	padding: 0px;
	float: left;
	width: 700px;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
/*サイドメニュー*/
#wrap #p-right {
	float: left;
	width: 270px;
	margin-left: 30px;
	margin-top: 30px;
}
#wrap #p-right #side-menu {
	background-color: #FCEBBE;
	width: 264px;
	border: 3px solid #FBE19F;
	border-radius: 20px;
	padding-bottom: 20px;
	padding-top: 10px;
	margin-bottom: 30px;
}

#wrap #p-right p {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
/*特選ツアー*/
#wrap #p-right #side-menu .p-tokusen {
	font-size: 20px;
	font-weight: bold;
	color: #F66;
	background-image: url(../image/tour01.png);
	background-repeat: no-repeat;
	background-position: right;
	width: 250px;
	margin-right: 7px;
	margin-bottom: 0px;
	margin-left: 7px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFC926;
	height: 66px;
	padding-top: 30px;
}
/*宿泊ツアー*/
#wrap #p-right #side-menu .p-shukuhaku {
	font-size: 20px;
	font-weight: bold;
	color: #238C00;
	background-image: url(../image/tour02.png);
	background-repeat: no-repeat;
	background-position: right;
	width: 250px;
	margin-right: 7px;
	margin-bottom: 0px;
	margin-left: 7px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFC926;
	height: 66px;
	padding-top: 30px;
}
/*温泉ツアー*/
#wrap #p-right #side-menu .p-onsen {
	font-size: 20px;
	font-weight: bold;
	color: #FF9326;
	background-image: url(../image/tour03.png);
	background-repeat: no-repeat;
	background-position: right;
	width: 250px;
	margin-right: 7px;
	margin-bottom: 0px;
	margin-left: 7px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFC926;
	height: 66px;
	padding-top: 30px;
}
/*味覚ツアー*/
#wrap #p-right #side-menu .p-mikaku {
	font-size: 20px;
	font-weight: bold;
	color: #2DB200;
	background-image: url(../image/tour04.png);
	background-repeat: no-repeat;
	background-position: right;
	width: 250px;
	margin-right: 7px;
	margin-bottom: 0px;
	margin-left: 7px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFC926;
	height: 66px;
	padding-top: 30px;
}
/*名所めぐり*/
#wrap #p-right #side-menu .p-meisho {
	font-size: 20px;
	font-weight: bold;
	color: #FFBF00;
	background-image: url(../image/tour05.png);
	background-repeat: no-repeat;
	background-position: right;
	width: 250px;
	margin-right: 7px;
	margin-bottom: 0px;
	margin-left: 7px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFC926;
	height: 66px;
	padding-top: 30px;
}
/*ハイキング・登山*/
#wrap #p-right #side-menu .p-tozan {
	font-size: 20px;
	font-weight: bold;
	color: #663300;
	background-image: url(../image/tour06.png);
	background-repeat: no-repeat;
	background-position: right;
	width: 250px;
	margin-right: 7px;
	margin-bottom: 0px;
	margin-left: 7px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFC926;
	height: 76px;
	padding-top: 20px;
}
.txt13 {
	font-size: 13px;
	line-height: 180%;
	margin-right: 20px;
	margin-left: 20px;
}

#p-right h3,#t-right h3{
	font-size: 16px;
	color: #FF8000;
	font-weight: bold;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #FF8000;
	padding-left: 10px;
	text-align: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}

/*for responsive design*/
@media(max-width:1040px){
*{
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
}
header{
min-width:0px!important;
}
header #head{
width:100%!important;
}
#h-menu{
width:100%;
padding:0px 5px;
text-align:center;
letter-spacing:-1em;
}
#h-menu li{
letter-spacing:normal;
float:none!important;
display:inline-block!important;
margin:0px 5px!important;
}
#header #head #pan{
width:400px;
padding-left:10px;
}
#header #head #s-menu{
float:right;
padding-right:10px;
width:330px;
}
footer{
min-width:0px!important;
background-position:center bottom;
height:auto;
}
#foot{
width:100%;
padding-left:10px;
padding-right:10px;
}
#foot #f-bnr{
margin-top:180px;
}
footer img{
width:100%;
height:autp;
max-width:620px;
}
#foot #f-bnr{
width:100%;
max-width:620px;
}
#foot #copy{
width:100%;
padding:10px 0px;
}
#wrap{
width:100%;
padding:0px 10px;
}
#wrap #page-main{
width:71%;
}
#wrap #p-right{
float:right;
width:27%;
margin-left:0px;
}
#wrap #p-right img{
width:100%;
height:auto;
}
#wrap #p-right address+p+p img{
max-width:115px;
}
#wrap #p-right #side-menu{
width:100%;
border-radius:10px;
padding:10px;
}
#wrap #p-right #side-menu p{
width:100%!important;
margin:15px 0px 0px 0px!important;
padding:0px!important;
font-size:16px!important;
border:0px!important;
height:66px!important;
line-height:66px;
position:relative;
}
#wrap #p-right #side-menu p:before{
content:'';
width:100%;
height:1px;
background-color:#ffc926;
position:absolute;
left:0px;
top:-8px;
}
#wrap #p-right #side-menu .p-tokusen{
margin-top:0px!important;
}
#wrap #p-right #side-menu .p-tokusen:before{
display:none;
}
#wrap #p-right #side-menu .p-tozan{
line-height:24px;
padding-top:8px!important;
}
#wrap #page-main h2{
height:auto!important;
min-height:50px;
background-position:0px bottom;
}
}
@media(max-width:975px){
#h-menu{
height:30px;
margin-top:20px;
margin-bottom:20px;
}
#h-menu li a{
width:135px!important;
height:30px!important;
background-size:750px 60px;
}
#menu-box #menu01 a { background-position:0px 0;}
#menu-box #menu02 a { background-position:-154px 0;}
#menu-box #menu03 a { background-position:-307px 0;}
#menu-box #menu04 a { background-position:-461px 0;}
#menu-box #menu05 a { background-position:-615px 0;}

#menu-box #menu01 a:hover,
#menu-box #menu01 a.on { background-position:0px -30px;}
#menu-box #menu02 a:hover,
#menu-box #menu02 a.on { background-position:-154px -30px;}
#menu-box #menu03 a:hover,
#menu-box #menu03 a.on { background-position:-307px -30px;}
#menu-box #menu04 a:hover,
#menu-box #menu04 a.on { background-position:-461px -30px;}
#menu-box #menu05 a:hover,
#menu-box #menu05 a.on { background-position:-615px -30px;}
}
@media(max-width:850px){
#header #head #h-tel{
width:210px;
height:100px;
background:url('../spimg/hdr_tel.png') no-repeat;
}
#header #head #h-tel p,#header #head #h-tel h1{
display:none;
}
#h-menu{
margin-top:30px;
}
#wrap #p-right #side-menu p{
font-size:14px!important;
height:44px!important;
line-height:44px;
background-size:75px 44px;
}
#wrap #p-right #side-menu .p-tozan{
line-height:18px;
padding-top:4px!important;
}
}
@media(max-width:750px){
header{
height:auto!important;
}
#header{
background-size:700px 103px;
}
#head #logo {
	float: left;
	height: 50px;
	width: 210px;
	background-size:210px 50px;
}
#head #logo a{
	height: 50px;
	width: 210px;
}
#header #head #h-tel{
width:40px;
height:30px;
background:url('../spimg/hdr_tel2.png') no-repeat;
background-size:30px 30px;
cursor:pointer;
}
#h-menu{
padding-top:5px;
margin-top:5px;
margin-bottom:0px;
background-color:#fcb118;
height:auto;
}
#h-menu li{
margin:0px 3px 6px 3px!important;
}
#header #head #pan{
width:100%;
margin-top:0px;
padding:5px 10px;
background-color:#ffdc71;
}
#header #head #s-menu{
float:none;
width:100%;
clear:both;
padding:5px 10px;
text-align:center!important;
background-color:#ffe599;
}
#header #head #s-menu #s-m{
margin-top:0px;
}
#header #head #s-menu #s-m li{
margin:0px 3px;
}
#wrap #page-main{
float:none;
width:100%;
margin-top:10px;
}
#wrap #p-right{
float:none;
width:100%;
max-width:270px;
margin:10px auto 0px auto;
}
#wrap #p-right p,#wrap #p-right #side-menu{
margin-bottom:10px;
}
#wrap #page-main:after{
content:'';
width:0;
height:0;
display:block;
clear:both;
}
}