@charset "UTF-8";
/*==================================================================================*/
/* Page RayOut	style.css											*/
/*==================================================================================*/

#wrapper {
width: 1002px;
margin: 0px auto 0px auto;
padding: 0px;
background-color: #FDFDFD;
text-align: left;
background-image: url(../image/top_back2.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
}

#header {
width: 992px;
height: 100px;
margin: 0px 0px 0px 5px;
padding: 0px;
text-align: left;
}

	#header h1 {
	width: 982px;
	_width: 982px;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	height: 20px;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #000;
	background-color: #BFA663;
	}
	
/*-----------------------------------------------------------------------------------
	global_navi
-----------------------------------------------------------------------------------*/	
#global_navi {
width: 992px;
height: 24px;
margin: 0px 0px 0px 5px;
padding: 0px;
background-image: url(../image/back_gnavi.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
border-bottom: solid 4px #B47828;
}

#global_navi h3 {
float: left;
display: inline;
color: #fff;
} 
	
	td.a {
	width: 130px;
	height: 23px;
	margin: 0px;
	padding: 1px 0px 0px 30px;
	font-weight: bold;
	font-size: 12px;
	}
	
	td.s {
	width: 322px;
	height: 23px;
	margin: 0px;
	padding: 1px 0px 0px 30px;;
	font-weight: bold;
	font-size: 12px;
	}

/*---------------------------------------------------------------------------------*/	
.container {
width: 1002px;
margin: 0px;
padding: 0px;
}

/*-----------------------------------------------------------------------------------
	left navi
-----------------------------------------------------------------------------------*/		

#sidebar {
width: 160px;
margin: 12px 10px 0px 17px;
_margin: 12px 10px 0px 8px;
padding: 0px;
float: left;
}

	#sidebar h3 {
	width:160px;
	height: 22px;
	text-align: center;
	}

	.b_hakuba {
	margin: 0px;
	padding: 5px 0px 0px 0px;
	background-image: url(../image/b_hakuba.gif);
	background-repeat: no-repeat;
	background-position:  0px 0px;
	}
	
	.b_shiga {
	margin: 0px;
	padding: 5px 0px 0px 0px;
	background-image: url(../image/b_shiga.gif);
	background-repeat: no-repeat;
	background-position:  0px 0px;
	}
	
	.b_nozawa {
	margin: 0px;
	padding: 5px 0px 0px 0px;
	background-image: url(../image/b_nozawa.gif);
	background-repeat: no-repeat;
	background-position:  0px 0px;
	}
	
	.b_myoko {
	margin: 0px;
	padding: 5px 0px 0px 0px;
	background-image: url(../image/b_myoko.gif);
	background-repeat: no-repeat;
	background-position:  0px 0px;
	}
	
	.b_links {
	margin: 10px 0px 0px 0px;
	padding: 20px 0px 0px 0px;
	background-image: url(../image/b_links.gif);
	background-repeat: no-repeat;
	background-position:  0px 15px;
	border-top: solid 1px #999;
	color: #FFFFFF;
	}
	
	ul.sidebar_navi {
	width: 160px;
	margin: 0px;
	padding: 0px 0px 3px 0px;
	}
	
		ul.sidebar_navi a { color: #000; text-decoration: none; }
		ul.sidebar_navi a:link	{ color: #000; text-decoration: none; }
		ul.sidebar_navi a:visited	{ color: #000; text-decoration: none; }
		ul.sidebar_navi a:active	{ color: #000;  text-decoration: none; }
		ul.sidebar_navi a:hover	{ color: #000;  text-decoration: underline; }
	
	.list_hakuba {
	width: 150px;
	height: 1.2em;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	font-size: 12px;
	line-height: 100%;
	font-weight: bold;
	background-image: url(../image/arrow_hakuba.gif);
	background-repeat: no-repeat;
	background-position:  0px 3px;
	}
	
	.list_shiga {
	width: 150px;
	height: 1.2em;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	font-size: 12px;
	line-height: 100%;
	font-weight: bold;
	background-image: url(../image/arrow_shiga.gif);
	background-repeat: no-repeat;
	background-position:  0px 3px;
	}
	
	.list_nozawa {
	width: 150px;
	height:  1.2em;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	font-size: 12px;
	line-height: 100%;
	font-weight: bold;
	background-image: url(../image/arrow_nozawa.gif);
	background-repeat: no-repeat;
	background-position:  0px 3px;
	}
	
	.list_myoko {
	width: 150px;
	height: 1.2em;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	font-size: 12px;
	line-height: 100%;
	font-weight: bold;
	background-image: url(../image/arrow_myoko.gif);
	background-repeat: no-repeat;
	background-position:  0px 3px;
	}
	
	.list_links {
	width: 152px;
	font-size: 12px;
	margin: 0px;
	padding: 4px 0px 3px 8px;
	font-weight: bold;
	line-height: 1.2em;
	color: #000;
	background-image: url(../image/arrow_disc.gif);
	background-repeat: no-repeat;
	background-position:  0px 7px;
	}
	
/*---------------------------------------------------------------------------------*/
#center_block {
width: 815px;
margin: 0px;
padding: 0px;
float: right;
}

	.image_block {
	height: 360px;
	margin: 0px;
	padding: 0px;
	}
	
*+html body .image_block {
	height: 360px;
	margin: 0px;
	padding: 0px;
	}	

/*-----------------------------------------------------------------------------------
	image
-----------------------------------------------------------------------------------*/		
#topimage {
width: 600px;
height: 360px;
margin: 0px;
padding: 0px;
float: left;
}

*+html body #topimage {
width: 600px;
height: 360px;
margin: 0px;
padding: 0px;
float: left;
}

/*-----------------------------------------------------------------------------------
	right navi
-----------------------------------------------------------------------------------*/		
#sidebar_r {
width: 190px;
margin: 0px 12px 0px 0px;
_margin: 0px 6px 0px 0px;
padding: 0px;
float: right;
}

#search {
width: 185px;
margin: 20px 0px 20px 0px;
padding: 0px;
}

	#search td {
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
	}
	
	.search_tb {
	width: 137px;
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
	}
	
	.search_tf {
	width: 130px;
	border: 1px solid #666;
	background-color: #FFF;
	margin: 0px;
	padding: 0px;
	color: #000;
	}
	
#tourist {
width: 185px;
margin: 0px 0px 20px 0px;
padding: 0px;
line-height: 1.0em;
}

	.tourist1 {
	width: 185px;
	height: 39px;
	_height: 43px;
	margin: 0px;
	padding-top: 4px;
	background-image:url(../image/b_tour.gif);
	background-repeat:no-repeat;
	background-position: 0 0px;
	list-style-type: none;
	text-align: center;
	}
	
	.tourist2 {
	width: 185px;
	height: 33px;
	_height: 43px;
	margin: 0px;
	padding-top: 10px;
	background-image:url(../image/b_tour.gif);
	background-repeat:no-repeat;
	background-position: 0 0px;
	list-style-type: none;
	text-align: center;
	}
	
/*-----------------------------------------------------------------------------------
	google_block
-----------------------------------------------------------------------------------*/		
	.google_block {
	width: 785px;
	height: 500px;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	text-align: left;
	background-color: #E3DFD2;
	border: solid 1px #999;
	background-image: url(../image/back_google.gif);
	background-repeat: no-repeat;
	background-position: 0px bottom;
	}

	.google_box {
	width: 783px;
	margin: 0px;
	padding: 0px;
	}		
	
	.weather_block {
	width: 260px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	float: left;
	vertical-align: top;
	}
	
	.title_weather {
	width: 258px;
	height: 15px;
	margin: 10px 0px 5px 0px;
	padding: 4px 0px 0px 0px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	background-image: url(../image/title_weather.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	border: solid 1px #999;
	background-color: #FFF;
	}	
	
	.picture_block {
	width: 352px;
	margin: 0px 0px 0px 14px;
	padding: 0px;
	float: left;
	vertical-align: top;
	}
	
	.title_picture {
	width: 350px;
	height: 15px;
	margin: 10px 0px 7px 0px;
	padding: 4px 0px 0px 0px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	background-image: url(../image/title_picture.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	border: solid 1px #999;
	background-color: #FFF;
	}	
	
	.movie_block {
	width: 122px;
	margin: 0px 12px 0px 0px;
	padding: 0px;
	float: right;
	vertical-align: top;
	}	
	
	.title_movie {
	width: 120px;
	height: 15px;
	margin: 10px 0px 7px 0px;
	padding: 4px 0px 0px 0px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	background-image: url(../image/title_movie.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	border: solid 1px #999;
	background-color: #FFF;
	}	

.top_sel_str {
font-size: 12px;
margin:0px;
padding:0px;
font-weight: bold;
line-height: 1.5em;
}

.sel_label
{
padding: 0px 0px 0px 7px;
}

.sel_label_space
{
padding: 0px 0px 5px 0px;
}

#sel_navi {
padding: 0px 0px 0px 10px;
border-right:1px solid #ECE9D8;
}

#weather_navi {
padding: 10px 0px 10px 0px;
border-top:1px solid #ECE9D8;
border-bottom:1px solid #ECE9D8;
}

#ifr_top_tab
{
width:260px;
height:282px;
border-bottom: 1px solid #999;
}

#ifr_side_picasa
{
width:352px;
height:311px;
}

/*--
table.watsnew
{
width:200px;
margin-left:10px;
padding: 3px 0px 3px 0px;
border-top:1px solid #ECE9D8;
border-left:15px solid #FEFE9B;
border-right:1px solid #ECE9D8;
border-bottom:1px solid #ECE9D8;
font-size:12px;
font-weight:bold;
}

table.watsnew_list
{
width:95%;
margin-left:10px;
font-size:12px;
font-weight:bold;
}

table.watsnew_list td.watsnew_list1
{
width:85px;
text-align:center;
border-bottom:1px dashed #666666;
}

table.watsnew_list td.watsnew_list2
{
text-align:left;
border-bottom:1px dashed #666666;
}


table.wi
{
width:265px;
padding: 3px 0px 3px 0px;
border-top:1px solid #ECE9D8;
border-left:15px solid #FF6E00;
border-right:1px solid #ECE9D8;
border-bottom:1px solid #ECE9D8;
font-size:12px;
font-weight:bold;
}

table.plib
{
width:350px;
padding: 3px 0px 3px 0px;
border-top:1px solid #ECE9D8;
border-left:15px solid #00CDCB;
border-right:1px solid #ECE9D8;
border-bottom:1px solid #ECE9D8;
font-size:12px;
font-weight:bold;
}

.w_plib_label_space
{
padding: 0px 0px 5px 0px;
}
--*/
/*-----------------------------------------------------------------------------------
	copy
-----------------------------------------------------------------------------------*/	
.top_image_copy {
width: 968px;
margin: 0px 0px 0px 0px;
padding: 30px 16px 0px 18px;
text-align: left;
font-size: 13px;
font-weight: bold;
line-height: 1.5em;
background-image: url(../image/top_back3.jpg);
background-repeat: repeat-y;
}
/*-----------------------------------------------------------------------------------
	skiarea_navi
-----------------------------------------------------------------------------------*/
#skiarea_navi {
width: 995px;
margin: 0px;
padding: 20px 0px 0px 7px;
background-image: url(../image/top_back3.jpg);
background-repeat: repeat-y;
}
		
.skiarea_line {
width: 222px;
vertical-align: top;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
border: solid 1px #999;
background-color: #FFF;
background-image: url(../image/back_skiarea.jpg);
background-repeat: repeat-x;
background-position:  0px bottom;
}

.skiarea_line2 {
width: 265px;
vertical-align: top;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
border: solid 1px #999;
background-color: #FFF;
background-image: url(../image/back_skiarea.jpg);
background-repeat: repeat-x;
background-position:  0px bottom;
}

.naviblock {
width: 215px;
padding: 0px;
margin: 5px 0px 0px 5px;
font-weight: bold;
font-size: 12px;
line-height: 1.0em;
}

	.naviblock h3 {
	width:212px;
	text-align: center;
	}

.naviblock2 {
width: 215px;
padding: 0px;
margin: 5px auto 0px 26px;
font-weight: bold;
font-size: 12px;
line-height: 1.0em;
}

	.naviblock2 h3 {
	width:212px;
	text-align: center;
	}
		
	.b_hakuba2 {
	margin: 0px;
	padding: 5px 0px 0px 0px;
	height: 22px;
	background-image: url(../image/b_hakuba2.gif);
	background-repeat: no-repeat;
	background-position:  0px 0px;
	}
	
	.b_shiga2 {
	margin: 0px;
	padding: 5px 0px 0px 0px;
	height: 22px;
	background-image: url(../image/b_shiga2.gif);
	background-repeat: no-repeat;
	background-position:  0px 0px;
	}
	
	.b_nozawa2 {
	margin: 0px;
	padding: 5px 0px 0px 0px;
	height: 22px;
	background-image: url(../image/b_nozawa2.gif);
	background-repeat: no-repeat;
	background-position:  0px 0px;
	}
	
	.b_myoko2 {
	margin: 0px;
	padding: 5px 0px 0px 0px;
	height: 22px;
	background-image: url(../image/b_myoko2.gif);
	background-repeat: no-repeat;
	background-position:  0px 0px;
	}
	
	/*--link_button--*/
	
	.hotelarea {
	width: 212px;
	height: 35px;
	padding: 5px 0px 0px 0px;
	text-align: center;
	background-image:url(../image/b_accom.gif);
	background-repeat:no-repeat;
	background-position: top left;
	}
	
	.movie {
	width: 212px;
	height: 48px;
	margin: 5px 0px 5px 0px;
	background-image:url(../image/b_movie.jpg);
	background-repeat:no-repeat;
	background-position: top left;
	}
	
	.movie_title {
	width: 127px;
	margin: 0px;
	padding: 3px 0px 0px 5px;
	text-align: center;
	color: #FFF;
	}
	
	.movie_title h3 {
	width:127px;
	text-align: center;
	}
	
	.movie_level {
	width: 80px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	}

		.movie_level a { color: #990000; text-decoration: none; }
		.movie_level a:link	{ color: #990000; text-decoration: none; }
		.movie_level a:visited { color: #990000; text-decoration: none; }
		.movie_level a:active	{ color: #990000;  text-decoration: none; }
		.movie_level a:hover	{ color: #990000;  text-decoration: underline; }
		

/*--hotel_list--*/
	
.hotelblock {
font-size: 14px;
font-weight: bold;
}

.hotelblock1 {
width: 208px;
padding: 0px;
margin: 8px 0px 8px 4px;
font-size: 12px;
font-weight: bold;
}

	.hotelblock1 li {
	width: 195px;
	margin: 0px;
	padding: 0px 0px 6px 13px;
	background-image: url(../image/arrow_disc.gif);
	background-repeat: no-repeat;
	background-position: 5px 3px;
	list-style-type: none;
	line-height: 1.2em;
	}
	
	.hotelblock1 a { color: #000; text-decoration: none; }
	.hotelblock1 a:link	{ color: #000; text-decoration: none; }
	.hotelblock1 a:visited { color: #000; text-decoration: none; }
	.hotelblock1 a:active	{ color: #000;  text-decoration: none; }
	.hotelblock1 a:hover	{ color: #000;  text-decoration: underline; }

.hotelblock2 {
width: 130px;
padding: 0px;
margin: 8px 0px 8px 4px;
float: left;
font-size: 12px;
font-weight: bold;
}

	.hotelblock2 li {
	width: 117px;
	margin: 0px;
	padding: 0px 0px 6px 13px;
	background-image: url(../image/arrow_disc.gif);
	background-repeat: no-repeat;
	background-position: 5px 3px;
	list-style-type: none;
	line-height: 1.2em;
	}
	
	.hotelblock2 a { color: #000; text-decoration: none; }
	.hotelblock2 a:link	{ color: #000; text-decoration: none; }
	.hotelblock2 a:visited { color: #000; text-decoration: none; }
	.hotelblock2 a:active	{ color: #000;  text-decoration: none; }
	.hotelblock2 a:hover	{ color: #000;  text-decoration: underline; }

.hotelblock3 {
width: 123px;
padding: 0px;
margin: 8px 0px 8px 2px;
float: left;
font-size: 12px;
font-weight: bold;
}

	.hotelblock3 li {
	width: 110px;
	margin: 0px;
	padding: 0px 0px 6px 13px;
	background-image: url(../image/arrow_disc.gif);
	background-repeat: no-repeat;
	background-position: 5px 3px;
	list-style-type: none;
	line-height: 1.2em;
	}
	
	.hotelblock3 a { color: #000; text-decoration: none; }
	.hotelblock3 a:link	{ color: #000; text-decoration: none; }
	.hotelblock3 a:visited { color: #000; text-decoration: none; }
	.hotelblock3 a:active	{ color: #000;  text-decoration: none; }
	.hotelblock3 a:hover	{ color: #000;  text-decoration: underline; }

/*--
.hotelblock4 {
width: 152px;
padding: 0px;
margin: 0px 0px 0px 4px;
font-size: 14px;
font-weight: bold;
}

	.hotelblock4 li {
	width: 139px;
	margin: 0px;
	padding: 0px 0px 6px 13px;
	background-image: url(../image/arrow_disc.gif);
	background-repeat: no-repeat;
	background-position: 5px 3px;
	list-style-type: none;
	line-height: 1.2em; 
	}
	
	.hotelblock4 a { color: #000; text-decoration: none; }
	.hotelblock4 a:link	{ color: #000; text-decoration: none; }
	.hotelblock4 a:visited { color: #000; text-decoration: none; }
	.hotelblock4 a:active	{ color: #000;  text-decoration: none; }
	.hotelblock4 a:hover	{ color: #000;  text-decoration: underline; }

/*-----------------------------------------------------------------------------------
	footer
-----------------------------------------------------------------------------------*/
#footer {
width: 997px;
margin: 0px;
padding: 5px 0px 0px 5px;
background-image: url(../image/top_back3.jpg);
background-repeat: repeat-y;
font-weight: bold;
font-size: 12px;
}

.totop {
width: 170px;
height: 20px;
margin: 20px 0px 10px 795px;
padding: 0px 0px 0px 13px;
text-align: center;
background-image: url(../image/b_totop.gif);
background-repeat: no-repeat;
background-position: 0 0;
border: solid 1px #999;
}

	.totop a { color: #000; text-decoration: none; }
	.totop a:link	{ color: #000; text-decoration: none; }
	.totop a:visited { color: #000; text-decoration: none; }
	.totop a:active	{ color: #000;  text-decoration: none; }
	.totop a:hover	{ color: #000;  text-decoration: underline; }

#address {
width: 982px;
margin: 0px;
padding: 10px 0px 10px 10px;
font-style: normal;
color: #825700;
text-align: left;
line-height: 120%;
border-top: solid 5px #967639;
}

	#address a { color: #825700; text-decoration: none; }
	#address a:link	{ color: #825700; text-decoration: none; }
	#address a:visited { color: #825700; text-decoration: none; }
	#address a:active	{ color: #825700;  text-decoration: none; }
	#address a:hover	{ color: #825700;  text-decoration: underline; }

#copyright {
width: 982px;
margin: 0px;
padding: 0px 0px 20px 10px;
font-style: normal;
text-align: left;
line-height: 120%;
}

/*-----------------------------------------------------------------------------------
	common
-----------------------------------------------------------------------------------*/

body {
margin: 0px;
padding: 0px;
background-color: #FDFDFD;
background-image: url(../image/top_back.jpg);
background-repeat: repeat-x;
text-align: left;	
font-family: arial;
line-height: 1.3em;
}

a 		{ color: #FFF; text-decoration: none; }
a:link		{ color: #FFF; text-decoration: none; }
a:visited	{ color: #FFF; text-decoration: none; }
a:active	{ color: #FFF;  text-decoration: none; }
a:hover		{ color: #FFF;  text-decoration: underline; }
a.class_01  { color:#000 !important; }

p {
padding: 0px;
margin: 0px;
}

ul {
list-style-type:none;
margin: 0px;
padding: 0px;
}

li {
list-style-type:none;
padding: 0px;
margin: 0px;
}

img {
margin: 0px;
padding: 0px;
border: none;
}

em {
font-weight: bold;
font-style: normal;
}

h1,h2,h3,h4,h5,h6{
margin: 0px;
padding: 0px;
}

h3 {
margin:0px;
padding:0px;
font-size: 12px;
font-weight: bold;
line-height: 1.0em;
}