@charset "UTF-8";


/* =============================================================================
    共通
============================================================================= */

/*	
----------------------------------------------------*/


/* =============================================================================
    header#globalHeader
============================================================================= */
header#globalHeader {
	padding-top: 9px;
	height: 97px;
	background: url(../images/header/backPTN.png) repeat-x 0 0;
	position:absolute;
	top:0;
	z-index:2000;
}
header#globalHeader .inner {
	height: 106px;
	position: relative;
	z-index: 1500;
}

/* sprite */
.imgSprite_nav{
	display: block;
	overflow: hidden;
	height: 25px;
	background: url(../images/header/header_nav.png) no-repeat 0 0;
}

/*	logo & link
----------------------------------------------------*/
header#globalHeader h1{
	float: left;
}
a.btn-okami{
	margin: 9px 0 0 18px;
	float: left;
	width: 209px;
	background-position: -108px 0;
}
a.btn-okami:hover{	background-position: -318px 0;}

/*	nav
----------------------------------------------------*/
header#globalHeader nav{
	width: 100%;
	height: 25px;
	margin: 9px 0 0;
}
h2.okami-holyday,
h2.recommend-hotel,
ul#navContents li,
ul#navHotel li{
	float: left;
	margin-right: 3px;
}
h2.okami-holyday .imgSprite_nav{
	width: 101px;
	background-position: 0 0;
}

h2.recommend-hotel .imgSprite_nav{
	margin-left: 18px;
	width: 101px;
	background-position: 0 -25px;
}

.menu-01 a.imgSprite_nav{
	width: 83px;
	background-position: -108px -25px;
}

.menu-02 a.imgSprite_nav{
	width: 148px;
	background-position: -107px -50px;
}

.menu-03 a.imgSprite_nav{
	width: 97px;
	background-position: -107px -75px;
}

.menu-04 a.imgSprite_nav{
	width: 151px;
	background-position: -108px -100px;
}

.menu-05 a.imgSprite_nav{
	width: 118px;
	background-position: -107px -125px;
}
a.btn_gifukanko{
	width: 122px;
	background-position: -108px -150px;
	position: absolute;
	top: 9px;
	right: 15px;
}
.menu-06 a.imgSprite_nav{
	width: 147px;
	background-position: -108px -175px;
}
.menu-01 a.imgSprite_nav:hover, .menu-01 a.active{	background-position: -318px -25px;}
.menu-02 a.imgSprite_nav:hover, .menu-02 a.active{	background-position: -317px -50px;}
.menu-03 a.imgSprite_nav:hover, .menu-03 a.active{	background-position: -317px -75px;}
.menu-04 a.imgSprite_nav:hover{	background-position: -318px -100px;}
.menu-05 a.imgSprite_nav:hover{	background-position: -317px -125px;}
a.btn_gifukanko:hover{	background-position: -318px -150px;}
.menu-06 a.imgSprite_nav:hover, .menu-06 a.active{	background-position: -318px -175px;}

/* sub */
li.menu-05{
	position: relative;
}
ul.sub_menu{
	position: absolute;
	top: 34px;
	left: -9px;
	width: 195px;
	border: 1px dotted #444;
	
	display: none;
}
ul#navHotel li ul.sub_menu li{
	float: none;
	width: 195px;
	height: 25px;
}
ul.sub_menu a.imgSprite_nav{
	width: 195px;
}
ul.sub_menu a.area-01{	background-position: -525px 0;}
ul.sub_menu a.area-02{	background-position: -525px -25px;}
ul.sub_menu a.area-03{	background-position: -525px -50px;}
ul.sub_menu a.area-04{	background-position: -525px -75px;}
ul.sub_menu a.area-05{	background-position: -525px -100px;}
ul.sub_menu a.area-06{	background-position: -525px -125px;}
ul.sub_menu a.area-07{	background-position: -525px -150px;}
ul.sub_menu a.area-01:hover{	background-position: -720px 0;}
ul.sub_menu a.area-02:hover{	background-position: -720px -25px;}
ul.sub_menu a.area-03:hover{	background-position: -720px -50px;}
ul.sub_menu a.area-04:hover{	background-position: -720px -75px;}
ul.sub_menu a.area-05:hover{	background-position: -720px -100px;}
ul.sub_menu a.area-06:hover{	background-position: -720px -125px;}
ul.sub_menu a.area-07:hover{	background-position: -720px -150px;}


/* =============================================================================
    footer#globalFooter
============================================================================= */
footer#globalFooter {
	height: 90px;
	background: url(../images/backPTN_br.jpg) repeat 0 0 #fff;
	
	font-size:12px;
	font-size:1.2rem;
}

footer.fixed{
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 500;
	/* for lt IE5 */
	position: expression('absolute');
	top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-56)+'px');
	left: expression(documentElement.scrollLeft + 0 + 'px');
} 

footer#globalFooter .inner {
}

footer#globalFooter address{
	float: left;
	margin: 0 18px 0 0;
}
/* コピーライト */
p.copyright small{
	display:inline;
	padding:4px 8px 4px 10px;
	font-size:9px;
	font-size:0.9rem;
	line-height:1;
	letter-spacing:2px;
	border:1px solid #333;
	color:#333;
	position:relative;
}


/* =============================================================================
    aside#bnr
============================================================================= */
#bnr{
}

/* h */
#bnr h4{	position: relative;}
#bnr h4 img.h-map{
	position: absolute;
	top: -10px;
	left: -15px;
}
#bnr h4 img.tltip{
	position: absolute;
	top: -50px;
	left: -170px;
}

/* link */
ul.nav_jalan_area li{
	margin-top: 0; 
	margin-bottom: 0; 
}
a.btn_jalan_area{
	display: block;
	width: 234px;
	height: 69px;
	background: url(../images/footer/bnr_jalan_area.png) no-repeat 0 0;
	overflow: hidden;
}
a#area-01{	background-position: 0 0;}
a#area-02{	background-position: 0 -69px;}
a#area-03{	background-position: 0 -138px;}
a#area-04{	background-position: 0 -207px;}
a#area-05{	background-position: 0 -276px;}
a#area-06{	background-position: 0 -345px;}
a#area-07{	background-position: 0 -414px;}
a#area-01:hover{	background-position: -234px 0;}
a#area-02:hover{	background-position: -234px -69px;}
a#area-03:hover{	background-position: -234px -138px;}
a#area-04:hover{	background-position: -234px -207px;}
a#area-05:hover{	background-position: -234px -276px;}
a#area-06:hover{	background-position: -234px -345px;}
a#area-07:hover{	background-position: -234px -414px;}

/* btn_ena */
#btn_ena a{	background: url(../images/contents-osusume/btn_ena.jpg) no-repeat 0 0;}
#btn_nakasendo a{	background: url(../images/contents-nakasendo/btn_nakasendo.jpg) no-repeat 0 0;}

a.link-01,
a.link-02{
	display: block;
	width: 486px;
	height: 127px;
	overflow: hidden;
}
#bnr a.link-01{	background-position: 0 0;}
#bnr a.link-02{	background-position: -486px 0;}
#bnr a.link-01:hover{	background-position: 0 -127px;}
#bnr a.link-02:hover{	background-position: -486px -127px;}


/* =============================================================================
     #wrap-contents
============================================================================= */
#contents-OSUSUME #wrap-contents{
	padding-top: 124px;
	background: url(../images/contents-osusume/backPTN_overlay.jpg) no-repeat center 0;
}
#contents-nakasendo #wrap-contents{
	padding-top: 124px;
	background: url(../images/contents-nakasendo/backPTN_overlay.jpg) no-repeat center 0;
}


/* =============================================================================
     article#osusume
============================================================================= */
#osusume{
	border: 1px solid #dbdbdb;
	border-top: none;
	background: url(../images/contents-osusume/backPTN_containerTop.png) repeat-x 0 0 #fff;
	padding: 18px 0 20px;
}


/*	.ttl
----------------------------------------------------*/
#osusume .ttl h1{
	margin: 0 0 0 -33px !important;
}
.ie6 #osusume .ttl h1{
	margin: 0 0 6px 0 !important;
	position: relative;
	width: 966px;
	height: 374px;
}
.ie6 #osusume .ttl h1 img{
	position: absolute;
}

/*	#spot
----------------------------------------------------*/
#spot{
	margin-top: 0;
}
#spot h2{
	margin: 0 0 1em;
}
#spot ul p,
#spot ul address{
	display: none;
}

/*	#okami
----------------------------------------------------*/
#okami{
	height: 248px;
	background: url(../images/contents-osusume/back-okami.jpg) no-repeat 0 0;
	position: relative;
	margin-top: -16px;
}
#okami h2,
#okami h3,
#okami p{
	display: none;
}
a.btn_okami{
	position: absolute;
	top: 205px;
	left: 179px;
	
	display: block;
	width: 195px;
	height: 37px;
	background: url(../images/contents-osusume/btn_okami.png) no-repeat 0 -37px;
}
a.btn_okami:hover{	background-position: 0 0;}

.photo-okami{
	position: absolute;
	top: 16px;
	left: 0;
}

/*	#okami-yado
----------------------------------------------------*/
#okami-yado{
}

#okami-yado h2,
#okami-yado p{
	display: none;
}
#okami-yado a:hover img{
	filter: alpha(opacity=85);
	-moz-opacity:0.85;
	opacity:0.85;
}


/*	#goods
----------------------------------------------------*/
#goods{
}
#goods h2,
#goods p,
#goods address{
	display: none;
}

/*	#topics
----------------------------------------------------*/
#topics{
	
}
#topics h3{
	margin-left: -17px;
}

.ie6 #topics h3{
 	position: relative;
	margin-left: 0;
}
.ie6 #topics h3 img{
	position: absolute;
	top: 0;
	left: 0;
}
#topics h2,
#topics p,
#topics address{
	display: none;
}


/*	#bnr_nakasendo
----------------------------------------------------*/
a.bnr_nakasendo,
a.bnr_enako{
	display: block;
	width: 276px;
	height: 92px;
	overflow: hidden;
}
a.bnr_nakasendo{
	background: url(../images/contents-osusume/bnr_nakasendo.jpg) no-repeat 0 0;
}
a.bnr_enako{
	background: url(../images/contents-osusume/bnr_enako.png) no-repeat 0 0;
}
a.bnr_nakasendo:hover,
a.bnr_enako:hover{
	background-position: 0 -92px;
}



/* =============================================================================
     article#nakasendo
============================================================================= */
#nakasendo{
	border: 1px solid #dbdbdb;
	border-top: none;
	background: url(../images/contents-nakasendo/backPTN_containerTop.png) repeat-x 0 0 #fff;
	padding: 18px 0 20px;
}

/*	.ttl
----------------------------------------------------*/
#nakasendo .ttl h1{
	margin: 0 0 6px -33px !important;
}
.ie6 #nakasendo .ttl h1{
	margin: 0 0 6px 0 !important;
	position: relative;
	width: 966px;
	height: 374px;
}
.ie6 #nakasendo .ttl h1 img{
	position: absolute;
}

/*	#spot-nakasendo
----------------------------------------------------*/
#spot-nakasendo{
	background: url(../images/contents-nakasendo/backPTN_spotMdl.png) repeat-y 0 0;
	padding: 30px 0 25px;
	position: relative;
}
#spot-nakasendo:before,
#spot-nakasendo:after{
	content: "";
	display: block;
	width: 588px;
	height: 15px;
	overflow: hidden;
	background: url(../images/contents-nakasendo/back_spotTpBtm.png) no-repeat 0 0;
	position: absolute;
}
#spot-nakasendo:before{
	top: 0;
	left: 0;
}
#spot-nakasendo:after{
	bottom: 0;
	left: 0;
	background-position: 0 -47px;
}
#spot-nakasendo ul li{
	margin: 0 0 15px 15px;
}
.ie6 #spot-nakasendo ul li.forie{
	position: relative;
	width: 556px;
	height: 211px;
}
.ie6 #spot-nakasendo ul li.forie img{
	position: absolute;
	top: 0;
	left: 0;
}


/*	#gourmet
----------------------------------------------------*/
#gourmet h2{
	margin-left: -6px;
}

/*	#kabuki
----------------------------------------------------*/
#kabuki{
	text-align: center;
}
a.btn_kabuki{
	margin: 5px 0 0;
	display: block;
	width: 169px;
	height: 20px;
	overflow: hidden;
	background: url(../images/contents-nakasendo/btn_kabuki.png) no-repeat 0 0;
}
a.btn_kabuki:hover{
	background-position: 0 -20px;
}

/* =============================================================================
     article#funa-aruki
============================================================================= */
/*html,body{
	height: 100%;
}
#wrapper-bg{
	width: 100%;
	min-width: 990px;
	height: 100%;
	min-height: 100%;
	position: relative;
}
body > #wrapper-bg{
	height: auto;
}
*/

#contents-INDEX{
	padding-top: 100px;
}

#contents-INDEX #wrap-contents{
	min-height: 850px;
	height: 850px;
}

#contents-INDEX footer#globalFooter{	background-image: none;}
#funa-aruki{
	width: 100%;
	position: relative;
}
/* tmp */
div#tmp{
	width: 600px;
	height: 592px;
	
	padding-top: 130px;
	position: absolute;
	top: 5%;
	left: 50%;
	margin-left: -300px;
	z-index: 1000;
}

/*
img#tmp-h{
	position: absolute;
	top: 136px;
	left: 50%;
	margin-left: 130px;
	z-index: 1000;
}
img#tmp-ttl{
	position: absolute;
	top: 136px;
	left: 50%;
	margin-left: -136px;
	z-index: 1000;
}
img#tmp-lead{
	position: absolute;
	top: 136px;
	left: 50%;
	margin-left: -358px;
	z-index: 1000;
}*/

#thumb{
	width: 792px;
	height: 110px;
	
	padding-top: 700px;
	position: absolute;
	top: 10%;
	left: 50%;
	margin-left: -391px;	
}
h2.h-funaasobi{
	float:left;
}
ul#thum-funaasobi,
ul#thum-machiaruki{
	float: left;
	margin: 0 0 10px 0;
}
ul#thum-machiaruki{
	margin: 0;
}
/*
h2.h-funaasobi{
	position: absolute;
	top: 700px;
	left: 50%;
	margin-left: -432px;
}
h2.h-machiaruki{
	position: absolute;
	top: 824px;
	left: 0;
}
ul#thum-funaasobi{
	position: absolute;
	top: 700px;
	left: 50%;
	margin-left: -342px;
}
ul#thum-machiaruki{
	position: absolute;
	top: 760px;
	left: 50%;
	margin-left: -342px;
}
*/
ul#thum-funaasobi li,
ul#thum-machiaruki li{
	width: 60px;
	height: 50px;
	float: left;
	margin-left: 18px;
	position: relative;
}

.ie6 ul#thum-funaasobi li,
.ie6 ul#thum-machiaruki li{
	display: inline;
	zoom: 1;
}

ul#thum-funaasobi li img,
ul#thum-machiaruki li img{
	border: 1px solid #efefef;
	position: absolute;
}
ul#thum-funaasobi li img:hover,
ul#thum-machiaruki li img:hover{
	border: 5px solid #fff;
	top: -4px;
	left: -4px;
}