/*==================================================================================*/
/* Page RayOut	style.css											*/
/*==================================================================================*/

/*-----------------------------------------------------------------------------------
	TOPImage Nagano&Niigata
-----------------------------------------------------------------------------------*/
h2.top_caption
{
	font-size:20px;
	font-style: italic;
	font-weight: bold;
	color: #BCBEC0;
	margin: 0px;
 	padding:0px;
}

h2.contents_caption
{
	font-size:20px;
	font-style:normal !important;
	color: #000000;
	margin: 0px;
 	padding:0px;
}

h2.contents_caption01
{
	font-size:20px;
	font-style:normal !important;
	color: #FFFFFF;
	margin: 0px;
 	padding:0px;
}

h3.contents_caption02
{
	font-size:18px;
	font-style:normal;
	color: #000000;
	margin: 0px;
 	padding: 0px;
}

h2.class_myokokogen
{
	font-size:27px;
	font-style:normal;
	font-weight: bold;
	color: #A2C675;
	margin:0px;
	padding:5px 0px 5px 0px;
	line-height: 1.0em;
}

h2.class_hakuba
{
	font-size:27px;
	font-style:normal;
	font-weight: bold;
	color: #39A1DB;
	margin:0px;
	padding:5px 0px 5px 0px;
	line-height: 1.0em;
}

h2.class_shigakogen
{
	font-size:27px;
	font-style:normal;
	font-weight: bold;
	color: #F6AD54;
	margin:0px;
	padding:5px 0px 5px 0px;
	line-height: 1.0em;
}

h2.class_nozawaonsen
{
	font-size:27px;
	font-style:normal;
	font-weight: bold;
	color: #E09F9D;
	margin:0px;
	padding:5px 0px 5px 0px;
	line-height: 1.0em;
}

/*-----------------------------------------------------------------------------------
	font
-----------------------------------------------------------------------------------*/

.font_class_01
{
font-size: 11px;
}

.font_class_white
{
color: #FFFFFF;
font-size: smaller;
}

.font_class_red
{
color: #CC0000;
font-weight: bold;
}

.font_class_02
{
font-size: small;
}

.font_class_03
{
font-size:18px;
font-weight:bold;
}

.font_class_04
{
font-size: small;
font-weight: bold;
}

.font_class_05
{
font-weight: bold;
}

.font_class_06
{
font-size:16px;
font-weight: bold;
}

.font_class_07
{
font-weight: bold;
background-color: #OA8D53;
margin: 0px 0px 0px 0px;
padding: 1px 3px 1px 3px;
}

.font_class_08
{
font-size:16px;
font-weight: bold;
margin: 0px 0px 0px 0px;
padding: 5px 0px 5px 0px;
}

.go
{
font-weight: bold;
color: #FF3300;
}
/*-----------------------------------------------------------------------------------
	Table
-----------------------------------------------------------------------------------*/

TABLE 
{
	BORDER-COLLAPSE: collapse
}

td.font_White
{
	font-size:14px;
	color: #FFFFFF;
	margin: 0px;
}

td.a
{
	background-image:url(../contents/image/contents_image_001.gif);
	background-repeat:no-repeat;
	background-position:center;
	height: 22px;
}

td.b
{
	background-image:url(../contents/image/contents_image_002.gif);
	background-repeat:no-repeat;
	background-position:center;
	height: 22px;
}

td.c
{
	background-image:url(../contents/image/contents_image_003.gif);
	background-repeat:no-repeat;
	background-position:center;
	height: 22px;
}

td.d
{
	background-image:url(../contents/image/contents_image_004.gif);
	background-repeat:no-repeat;
	background-position:center;
	height: 22px;
}

td.e
{
	background-image:url(../contents/image/contents_image_005.gif);
	background-repeat:no-repeat;
	background-position:center;
	height: 22px;
}

td.f
{
	background-image:url(../contents/image/contents_image_000.gif);
	background-repeat:no-repeat;
	background-position:center;
	height: 22px;
}

td.g
{
	background-image:url(../contents/image/contents_image_006.gif);
	background-repeat:no-repeat;
	background-position:center;
	height: 43px;
}

td.h
{
	background-image:url(../contents/image/contents_image_007.gif);
	background-repeat:no-repeat;
	background-position:center;
	height: 89px;
}

td.i
{
	background-image:url(../contents/image/contents_image_009.gif);
	background-repeat:no-repeat;
	background-position:center;
	height: 36px;
}

td.j
{
	background-image:url(../contents/image/contents_image_008.gif);
	background-repeat:no-repeat;
	background-position:center;
	height: 43px;
}

td.k
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 40px;
	background-image:url(../contents/image/contents_image_006.gif);
	background-repeat:no-repeat;
	background-position: 30px 0px;
	height: 43px;
}

td.pict{
font-size: 11px;
width: 140px;
line-height: 110%;
padding-left: 2px;
}

table.pict_all{
width: 100%;
margin-left: 10px;
}

table.kakaku{
width: 100%;
margin-top: 0px;
}


/*-----------------------------------------------------------------------------------
	TRAVEL
-----------------------------------------------------------------------------------*/

table.travel{
width: 93%;
margin:  10px auto 10px auto;
padding: 0px;
}

.block_travel{
width: 918px;
margin:  5px auto 10px auto;
padding: 0px;
}

.block_travel img{
float: left;
margin:  0px;
padding:  3px 7px 3px 0px;
}

.block_travel_left{
width: 514px;
margin:  0px;
padding: 0px;
text-align: left;
float: left;
}

.block_travel_right{
width: 384px;
margin:  0px;
padding-left: 20px;
text-align: left;
float: right;
}

.train_name_nex{
width: 374px;
margin-top: 5px;
padding: 2px 0px 2px 10px;
font-size: 16px;
font-weight: bold;
color: #000;
background-color: #99CC66;
text-align: center;
}

.train_block{
width: 370px;
margin: 0px;
padding: 5px 5px 5px 9px;
font-size: 14px;
background-color: #EBECF0;
}

td .shinkansen{
width: 216px;
margin:  0px;
padding: 0px;
text-align: left;
}

.shinkansen_icon{
margin:  5px  0px  10px  67px;
}

.shinkansen_img{
margin-bottom:  10px;
}

.shinkansen_title{
width: 206px;
margin-top: 30px;
padding: 8px 0px 8px 10px;
font-size: 18px;
font-weight: bold;
text-align: center;
color: #000;
background-color: #99CC66;
}

.asama_title{
width: 206px;
margin-top: 25px;
padding: 2px 0px 2px 10px;
font-size: 16px;
font-weight: bold;
text-align: center;
color: #000;
background-color: #99CC66;
}

.asama_block{
width: 205px;
margin: 0px;
padding: 5px 4px 10px 7px;
font-size: 14px;
background-color: #EBECF0;
}

.asama_block img{
margin: 0px 0px 5px 0px;
}

td.address{
margin-top: 0px;
padding: 5px 0px 0px 0px;
border-top: 1px solid #333;
}

.travel_contents {
width: 440px;
margin-left: 40px;
padding: 0px;
float: left;
display: inline;
}

.travel_contents h2 {
width: 170px;
margin: 0px;
padding: 1px 1px 1px 1px;
font-size: 15px;
font-weight: bold;
font-style: normal;
text-align: center;
background-color: #DEF374;
border: 1px solid #098950;
color: #098950;
}

.transit_caption2 {
margin-top: 2px;
padding: 0px;
font-size: 13px;
color: #FFF;
font-weight: bold;
}

.blue {
color: #003399;
}


/*-----------------------------------------------------------------------------------
	ACCESS
-----------------------------------------------------------------------------------*/

.contents_access {
width: 910px;
margin: 10px 0px 10px 15px;
padding: 0px;
}

	.contents_access p {
	padding-top: 7px;
	line-height: 130%;
	}

.contents_access2 {
width: 910px;
margin: 0px 0px 10px 15px;
padding: 0px;
}

	.contents_access2 p {
	padding-top: 7px;
	line-height: 130%;
	}


.contents_left {
width: 440px;
margin: 0px;
padding: 0px;
float: left;
display: inline;
}

.contents_right {
width: 440px;
margin: 0px;
padding: 0px;
float: right;
display: inline;
}

.komado1 {
width: 432px;
margin-top: 20px;
padding: 3px 1px 3px 7px;
background-color: #FDD000;
font-size: 16px;
}

.komado2 {
width: 432px;
margin-top: 70px;
padding: 3px 1px 3px 7px;
background-color: #FDD000;
font-size: 16px;
}

.komado3 {
width: 432px;
margin-top: 150px;
padding: 3px 1px 3px 7px;
background-color: #FDD000;
font-size: 16px;
}

.transit {
width: 435px;
margin-top: 35px;
padding: 0px 0px 10px 0px;
font-size: 14px;
}

.transit h5 {
margin: 0px;
padding: 1px 1px 1px 10px;
font-size: 15px;
font-weight: bold;
text-align: left;
background-color: #DEF374;
border: 1px solid #098950;
color: #098950;
}

.transit_caption {
margin-top: 2px;
padding: 0px;
font-size: 12px;
color: #666666;
}

.transit_route {
height: 18px;
margin: 8px 0px 0px 0px;
padding: 0px;
}

.from_to {
width: 50px;
height: 18px;
margin: 0px 7px 0px 0px;
padding: 0px;
font-size: 13px;
font-weight: bold;
color: #000;
text-align: center;
background-color: #EBE6D8;
float: left;
clear: both;
}

	.transit ul {
	margin: 0px;
	padding-top: 10px;
	clear: both;
	}

	.transit_car {
	width: 410px;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 2px 19px;
	font-weight: bold;
	font-size: 14px;
	text-align: left;
	list-style-type: none;
	background-image: url(../contents/image/arrow_green.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	border-bottom: 1px dashed #666;
	}
	
	.transit_train {
	width: 410px;
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 2px 19px;
	font-weight: bold;
	font-size: 14px;
	text-align: left;
	list-style-type: none;
	background-image: url(../contents/image/arrow_green.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	border-bottom: 1px dashed #666;
	}
	
	.transit a { color: #CC141B; text-decoration: none; }
	.transit a:link { color: #CC141B; text-decoration: none; }
	.transit a:visited { color: #CC141B; text-decoration: none; }
	.transit a:active  { color: #F41525; text-decoration: underline; }
	.transit a:hover	 { color: #F41525; text-decoration: underline; }


/*-----------------------------------------------------------------------------------
	H1 - H6
-----------------------------------------------------------------------------------*/

h1{
	 font-size:12px;
	 color: #FFFFFF;
	 margin: 0px;
	 padding:3px;
 	 background-color: #A8A8A8;
}


h2
{
	 font-style: italic;
	 font-size: 21px;
	 color: #FFFFFF;
	 margin:0px;
	 padding:0px;
}


h3
{
	font-size:12px;
	color: #FFFFFF;
	margin: 0px;
	line-height:1.5em;
}

h4
{
	font-weight: bold;
	color: #FFFFFF;
	font-size: 12px;
	margin:0px;
	padding:0px;
	line-height: 1.0em;
}


h6
{
	font-size:12px;
	color: #FFFFFF;
	font-weight: bold;
	margin: 0px;
	padding:3px;
	line-height:1.2em;
}



/*-----------------------------------------------------------------------------------
	Link
-----------------------------------------------------------------------------------*/

a:link
{
    color:#FFFFFF;
	text-decoration: none;
}
a:visited
{
    color:#FFFFFF;
	text-decoration: none;
}
a:hover
{
	color:#FFFFFF;
	text-decoration: underline;
}

a.class_01
{
color:#000000 !important;
}

/*-----------------------------------------------------------------------------------
	hotel list
-----------------------------------------------------------------------------------*/

ul {
	margin-left: 2ex;
	padding-left: 1ex;
}


li {
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	padding:0px;
	margin-bottom: 5px;
	line-height:1.2em; 
}

li.jr {
	font-size: 100%;
	font-weight: normal;
	margin-left: 10px;
	padding-left: 0px;
}

span.ad
{
	font-size:10px;
	color: #FFE983;
	margin: 0px;
	padding:0px;
	line-height:1.2em; 
}

/*-----------------------------------------------------------------------------------
	link
-----------------------------------------------------------------------------------*/

ul.l {
	margin-left: 5ex;
	padding-left: 0ex;
	margin-bottom: 0px;
}

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

body {
margin-top: 0px;
background-color: #000;
line-height: 1.3em;
margin-left: 0px;
font-family: arial;
font-size: 16px;
}

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;
}

img {
border: none;
}

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


/*-----------------------------------------------------------------------------------
	construction
-----------------------------------------------------------------------------------*/

#wrapper {
width: 992px;
text-align: left;
margin: 0px auto 0px auto;
padding: 0px;
background-color: #242021;
}

#header {
width: 992px;
height: 110px;
margin: 0px;
padding: 0px;
text-align: left;
background-image: url(../contents/image/back_logo.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
}

	#header h1 {
	width: 982px;
	height: 20px;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #FFF;
	margin: 0px 0px 8px 0px;
	_margin: 0px 0px 3px 0px;
	padding: 0px 0px 0px 10px;
	background-color: #A8A8A8;
	}
	
	#header_image {
	width: 640px;
	height: 70px;
	_height: 50px;
	margin: 0px;
	padding: 0px;
	display: inline;
	float: left;
	}
	
	#headcopy {
	height: 17px;
	margin: 0px 0px 0px 0px;
 	padding: 0px 0px 0px 110px;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	color: #FFF;
	display: block;
	}

	#header_image h2 {
	height: 45px;
	margin: 0px;
 	padding: 0px;
	display: block;
	}

	.gray {
	color: #BCBEC0;
	padding-right: 5px;
	}
	
	.none {
	visibility: hidden;
	}
/*-----------------------------------------------------------------------------------
	footer
-----------------------------------------------------------------------------------*/
.totop {
width: 151px;
height: 22px;
margin: 3px 0px 10px 815px;
text-align: center;
background-image: url(../image/top_btn5.gif);
background-repeat: no-repeat;
background-position: center;
font-weight: bold;
font-size: 12px;
}

#copyright {
width: 982px;
font-size: 12px;
font-style: normal;
font-weight: bold;
color: #FFF;
margin: 0px;
padding: 3px 0px 3px 10px;
text-align: left;
line-height: 120%;
background-color: #A8A8A8;
}