@charset "utf-8";
/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0pr1
*/
/*
	TODO will need to remove settings on HTML since we can't namespace it.
	TODO with the prefix, should I group by selector or property for weight savings?
*/
html{
	color:#000;
	background:#FFF;
}
/*
	TODO remove settings on BODY since we can't namespace it.
*/
/*
	TODO test putting a class on HEAD.
		- Fails on FF. 
*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,
img {
	border:0;
}
/*
	TODO think about hanlding inheritence differently, maybe letting IE6 fail a bit...
*/
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
	font-style:normal;
	font-weight:normal;
}
/*
	TODO Figure out where this list-style rule is best set. Hedger has a request to investigate.
*/
li {
	list-style:none;
}

caption,
th {
	text-align:left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,
q:after {
	content:'';
}
abbr,
acronym {
	border:0;
	font-variant:normal;
}
/* to preserve line-height and selector appearance */
sup {
	vertical-align:text-top;
}
sub {
	vertical-align:text-bottom;
}
input,
textarea,
select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}
/*to enable resizing for IE*/
input,
textarea,
select {
	*font-size:100%;
}
/*because legend doesn't inherit in IE */
legend {
	color:#000;
}


/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0pr1
*/
/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {
	font:13px/1.231 arial,helvetica,clean,sans-serif;
	*font-size:small; /* for IE */
	*font:x-small; /* for IE in quirks mode */
}

/**
 * Nudge down to get to 13px equivalent for these form elements
 */ 
select,
input,
button,
textarea {
	font:99% arial,helvetica,clean,sans-serif;
}

/**
 * To help tables remember to inherit
 */
table {
	font-size:inherit;
	font:100%;
}

/**
 * Bump up IE to get to 13px equivalent for these fixed-width elements
 */
pre,
code,
kbd,
samp,
tt {
	font-family:monospace;
	*font-size:108%;
	line-height:100%;
}


/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0pr1
*/
/* base.css, part of YUI's CSS Foundation */
h1 {
	/*18px via YUI Fonts CSS foundation*/
	font-size:138.5%;  
}
h2 {
	/*16px via YUI Fonts CSS foundation*/
	font-size:123.1%; 
}
h3 {
	/*14px via YUI Fonts CSS foundation*/
	font-size:108%;  
}
h1,h2,h3 {
	/* top & bottom margin based on font size */
	margin:1em 0;
}
h1,h2,h3,h4,h5,h6,strong {
	/*bringing boldness back to headers and the strong element*/
	font-weight:bold; 
}
abbr,acronym {
	/*indicating to users that more info is available */
	border-bottom:1px dotted #000;
	cursor:help;
} 
em {
	/*bringing italics back to the em element*/
	font-style:italic;
}
blockquote,ul,ol,dl {
	/*giving blockquotes and lists room to breath*/
	margin:1em;
}
ol,ul,dl {
	/*bringing lists on to the page with breathing room */
	margin-left:2em;
}
ol li {
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;	
}
ul li {
	/*giving UL's LIs generated disc markers*/
	list-style: disc outside;
}
dl dd {
	/*giving UL's LIs generated numbers*/
	margin-left:1em;
}
th,td {
	/*borders and padding to make the table readable*/
	border:1px solid #000;
	padding:.5em;
}
th {
	/*distinguishing table headers from data cells*/
	font-weight:bold;
	text-align:center;
}
caption {
	/*coordinated margin to match cell's padding*/
	margin-bottom:.5em;
	/*centered so it doesn't blend in to other content*/
	text-align:center;
}
p,fieldset,table,pre {
	/*so things don't run into each other*/
	margin-bottom:1em;
}
/* setting a consistent width, 160px; 
   control of type=file still not possible */
input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;}


/* full clearfix */
/* add to floating elements which shall clear floating after themselves */ 
* html .clearfix {
	height: 1%; /* IE5-6 */
}
*+html .clearfix {
	display: inline-block; /* IE7not8 */
}
.clearfix:after { /* FF, IE8, O, S, etc. */
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


/*
--------------------------------------------
*/
body {
	color: #303030;
	background-color: #e0e0e0;
	background-image: url(../img/background2.gif);
	background-repeat: repeat;
	text-align: center;
}
h1,h2,h3,h4,h5,h6,ul,ol,dl,table,th,td {
	margin: 0;
	padding: 0;
}
table,th,td {
	border: none;
}
ul li {
	list-style-type: none;
}
img{
	vertical-align:bottom;
}
a { text-decoration: none; color: #004889; }
a:hover { color: #991730; }

#zentai {
	text-align: left;
	margin: 0 auto;
	padding:0 10px;
	width: 930px;
	background-color: #ffffff;
	border-left:1px solid #b0b0b0;
	border-right:1px solid #b0b0b0;
}
/*---------- header ---------*/
#header {
	margin-bottom: 18px;
}
#header_bottom{
	height: 60px;
	position: relative;
	z-index: 1;
}
#logo{
	padding-top: 4px;
}
#hItem{
	position: absolute;
	left: 264px;
	top: 6px;
	z-index: 2;
}
#lang{
	margin-bottom: 6px;
	height: 20px;
	float: left;
	display: block;
}
#hAds img{
	width: 468px;
	height: 60px;
}
#hAds{
	position: absolute;
	left: 406px;
	top: 0px;
	z-index: 2;
}
/*---------- header navi ---------*/
#header ul {
	background-image: url(../img/header_menu_base.gif);
	background-position: right top;
	background-repeat: no-repeat;
	margin-bottom: 18px;
	width: 100%;
	height: 41px;
}
#header ul li {
	height: 41px;
	float: left;
	overflow: hidden;
}
#header ul li a:hover {
	position: relative;
	top: -41px;
}
#header ul li a.active {
	position: relative;
	top: -82px;
}
#header ul li#gaiyou {
	margin:13px 0 0 23px;
}
#header ul li#kyujin {
	margin:13px 0 0 27px;
}
#header ul li#kyujin a:hover,
#header ul li#gaiyou a:hover {
	position: static;
}
/*---------- Main Area ----------*/
#main {
	margin: 0 0 20px 0;
	text-align: left;
	width: 580px;
	float: right;
}
.linkarea{
	background-image: url(../img/move_bg.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	text-align: center;
	padding: 0 10px 10px;
	margin-bottom: 10px;
}
.topicpath{
	font-family: "ＭＳ Ｐゴシック", sans-serif;
	margin: 0 0 5px 10px;
}
/*---------- common ----------*/
#container #info,.note,.note2,dl,h4 {text-align: left;}
#main h2.title,
#main h1,
#main h4 {
	height: 68px;
	width: 580px;
	margin:0;
	padding:0;
	position: relative;
	font-size:12px;
	/*HideMacIE\*/
	overflow:hidden;
	/**/
}
#main h2.title span,
#main h1 span,
#main h4 span {
	background-repeat: no-repeat;
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}
h1#hotel span,
h2.title#hotel span {background-image: url(../img/headline_hotel.gif);}
h1#hotel_wide span {background-image: url(../img/headline_wide_hotel.gif);}
h1#charges span {background-image: url(../img/headline_wide_charges_on_shinkansen.gif);}
h1#charges_on_shinkansen span {background-image: url(../img/headline_charges_on_shinkansen.gif);}
h1#shinkansen_timetable span,
h2.title#shinkansen_timetable span {background-image: url(../img/headline_shinkansen_timetable.gif);}
h1#sanyou span {background-image: url(../img/headline_toukaido_sanyo.gif);}
h1#kyusyu span {background-image: url(../img/headline_kyusyu.gif);}
h1#akita span {background-image: url(../img/headline_akita.gif);}
h1#yamagata span {background-image: url(../img/headline_yamagata.gif);}
h1#jyoetsu span {background-image: url(../img/headline_jyoetsu.gif);}
h1#nagano span {background-image: url(../img/headline_nagano.gif);}
h1#tohoku span {background-image: url(../img/headline_tohoku.gif);}
h4#history span {background-image: url(../img/headline_history.gif);}
.note {
	margin: 10px 10px 0;
	padding: 5px 10px;
	border: 1px solid #a0a0a0;
	background-color: #ffffff;
}
.note2 {
	margin: 10px 10px 0;
	padding: 5px 10px;
	border: 1px solid #ff0000;
	background-color: #f8f0f0;
}
.note2 a{ text-decoration: underline; }
.pagetop{
	text-align: right;
	margin-right: 10px;
}
/*---------- Main width580 ----------*/
#main #container {
	background-color: #f5f5f5;
	background-image: url(../img/container580.gif);
	text-align: center;
	padding: 10px 0 7px;
}
#main .note h2,
#main .note h3 {
	font-size: 100%;
	font-weight: bold;
	color: #303030;
	line-height: 170%;
}
#main .note h2 {
}
#main .note p {
	margin: 0;
	line-height: 180%;
}
#message{
	background-color: #f2eac6;
	border-width: 2px;
	border-style: solid;
	border-color: #daa520;
	padding: 10px 10px 0;
	margin-bottom: 10px;
}
#message dt{
	font-size: 108%;
	font-weight: bold;
	margin-bottom: 10px;
}
#message dd{
	margin: 0 0 10px 0;
}
.ryoukin_list {
	margin-top: 5px;
}
.ryoukin_list dt {
	font-weight: bold;
	background-color: #f0f0f0;
	padding: 5px;
	border-right: 1px solid #aaaaaa;
	border-left: 1px solid #aaaaaa;
	border-top: 1px solid #aaaaaa;
	border-bottom: 1px solid #aaaaaa;
}
.ryoukin_list dt a {
	text-decoration: underline;
}
.ryoukin_list dd {
	border-bottom: 1px solid #aaaaaa;
	border-right: 1px solid #aaaaaa;
	border-left: 1px solid #aaaaaa;
	padding: 5px;
	margin: 0 0 10px;
}
/*---------- jikokuhyo ----------*/
#container #info {
	background-image: url(../img/info_end.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
	padding-bottom:17px;
	width: 560px;
}
#main #container #info p {line-height: 100%; margin: 0;}
#main #container #info #station {
	background-image: url(../img/rail_model_bottom.gif);
	background-repeat: no-repeat;
	line-height: 160%;
	padding: 15px 0 3px 12px;
}
#main #container #info p#model {
	background-image: url(../img/rail_model.gif);
	background-repeat: no-repeat;
	padding: 4px 0 1px 9px;
}
#main #container #info p#model img {
	vertical-align: middle;
	margin-right: 23px;
}
#main #container #info b {
	color: #000000;
}
/*------------ Tab ---------------- */
#tab {
	line-height: normal;
	margin-top: 10px;
	margin-left: 10px;
	width: 500px;
	float: left;
	border-left: 1px solid #999999;
}
#tab ul { margin: 0; list-style: none; }
#tab li { display: inline; margin: 0; padding: 0; }
#tab a {
	color: #303030;
	float:left;
	margin:0;
	padding:0;
	text-decoration:none;
	border-right: 1px solid #999999;
	border-top: 1px solid #999999;
}
#tab a span {
	float:left;
	display:block;
	padding:5px 20px 4px 20px;
	background-color: #f0f0f0;
	background-image: url(../img/white1px.gif);
	background-position: 0px top;
	background-repeat: repeat-x;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tab a span {float:none;}
/* End IE5-Mac hack */
#tab a:hover { background-position: 0% -42px; }
#tab a:hover span { color: #990000; background-color: #e0e0e0; }
#tab #current a { background-position: 0% -42px; }
#tab #current a span { font-weight: bold; background-color: #e0e0e0; }

/*---------- TimeTable ----------*/
#time_area{
	background-color: #ffffff;
	padding: 10px 0;
	margin-left: auto;
	margin-right: auto;
	width: 558px;
	>width: 560px;
	clear: both;
	border: 1px solid #999999;
}
#timetable {
	text-align: center;
	line-height: 1.3em;
	margin: 0 auto;
	width: 540px;
}
#timetable thead th {
	font-weight: normal;
	color: #ffffff;
	background-color: #555555;
	background-image: url(../img/th_dot.gif);
	line-height: 1.7em;
	padding: 2px 0;
	border-right: 1px solid #333333;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;
}
#timetable .hour {
	width: 50px;
	border-left: 1px solid #333333;
}
#timetable tbody th {
	width: 50px;
	border-right: 1px solid #666666;
	border-left: 1px solid #666666;
	border-bottom: 1px solid #666666;
}
#timetable tbody tr.r1 th { background-color: #f0f0f0;}
#timetable tbody tr.r2 th { background-color: #d6d6d6;}
#timetable tr.r1 { background-color: #ffffff; }
#timetable tr.r2 { background-color: #e9e9e9; }
#timetable td {
	padding: 2px 0;
	border-bottom: 1px solid #666666;
	border-right: 1px solid #666666;
}
#timetable td ul li {
	margin: 0;
	padding: 0 4px;
	float: left;
}
#timetable td#gala {
	width: 100%;
}
#time_area p {
	text-align: left;
	line-height: 180%;
	margin: 0px 10px 10px;
}
ul#gala {
	background-color: #ffffff;
	text-align: left;
	margin: 10px;
	padding:10px;
	border: 1px solid #999999;
}
/*---------- NEWS ----------*/
#news {
	margin-top: 10px;
	background-image: url(../img/container580.gif);
}
#news dl {
	background-image: url(../img/news_bottom.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	line-height: 180%;
	padding-bottom: 3px;
}
#news dl *{ background-color: #ffffff; margin: 0 1px; }
#news dt { padding: 3px 0 0 10px; color: #18397c; }
#news dd { padding: 0 10px; padding-bottom:3px; border-bottom: 1px solid #a0a0a0; }
/*---------- Main width930 ----------*/
#main_wide {
	text-align: left;
}
#main_wide_footer{
	background-image: url(../img/wide_footer.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding:15px 0 10px;
	text-align: center;
}
#main_wide h1 {
	height: 68px;
	width: 930px;
	margin:0;
	padding:0;
	position: relative;
	font-size:12px;
	/*HideMacIE\*/
	overflow:hidden;
	/**/
}
#main_wide h1 span {
	background-repeat: no-repeat;
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}
#main_wide #container {
	background-color: #f5f5f5;
	background-image: url(../img/container930.gif);
	padding: 10px 0 7px;
}
#main_wide .note {
	margin: 20px 10px 0;
}
#main_wide .note h2,
#main_wide .note h3 {
	font-size: 108%;
	font-weight: bold;
	margin: 5px 0 10px;
}
#main_wide .note h2 span,
#main_wide .note h3 span {
	font-size: 85%;
}
#main_wide .note h2 a,
#main_wide .note h3 a {
	color: #333333;
}
.col2{ margin: 0 0 10px; }
.ryoukin_prarea{
	text-align: center;
	margin: 20px 1px;
	padding: 10px 0;
	border-top: 1px solid #aaaaaa;
	border-bottom: 1px solid #aaaaaa;
}
.ryoukin_prarea a{
	margin: 0 30px;
}
#main_wide_footer .pr{
	background-position: 0px -5px;
	margin: 0 auto;
	width: 580px;
	padding: 13px 0 0;
}
#print_link a{ text-decoration: underline; background-color: #fff0c8; }
#print_link a:hover{ text-decoration: none; background-color: #ffffff; }
/*---------- PR Area ----------*/
.pr {
	background-image: url(../img/main_company.gif);
	background-position: 0px top;
	background-repeat: no-repeat;
	padding: 18px 0 0;
}
.pr .bag{
	background-color: #f7f7db;
	background-image: url(../img/pr_bg.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	padding: 5px 10px 8px;
	text-align: left;
}
.prarea {
	text-align: center;
	width: 280px;
	float: left;
}
.pr a {
	text-decoration: underline;
	line-height: 130%;
	margin-top: 5px;
}
.pr img {
	text-decoration: none;
	border-style: none;
}
.pr h3 {
	font-size: 100%;
	font-weight: bold;
	color: #cc9933;
	margin: 0 0 .3em 0;
}
.pr li {
	line-height: 135%;
}
/*---------- Side Bar ----------*/
#side {
	margin-bottom: 20px;
}
#side table {
	background-color: #ffffff;
	text-align: left;
	width: 328px;
}
#side table td{
	line-height: 160%;
	padding-left: 5px;
}
.containerST,
.containerSM,
.containerSA,
.containerSB {
	background-position: left top;
	background-repeat: no-repeat;
	width: 340px;
}
#Sstation {
	background-image: url(../img/side_menu_15.gif);
	padding-top: 38px;
}
#Snews {
	background-image: url(../img/koushinrireki.gif);
	padding-top: 38px;
}
.containerST h2,
.containerST h3,
.containerST dt {
	font-size: 100%;
	text-align: left;
	padding: 2px 0 0 5px;
	height: 1.9em;
	font-weight: bold;
	background-color: #f5f5f5;
	background-image: url(../img/st_hlbg.gif);
	background-repeat: repeat-x;
	border-bottom: 1px solid #a0a0a0;
}
.containerST h2 span,
.containerST h3 span,
.containerST dt span {
	background-image: url(../img/arrow.gif);
	background-position: left center;
	background-repeat: no-repeat;
	line-height: 1.9em;
	padding-left: 17px;
	display: block;
}
.containerST dd{
	margin: 0 0 0 23px;
	padding: 5px 0 5px 10px;
	border-bottom:1px solid #b9b9b9;
}
.containerST .inner {
	background-color: #f5f5f5;
	background-image: url(../img/st_inner.gif);
	text-align: center;
	padding: 0 6px 4px;
}
.containerSM h3,
.containerSA h3,
.containerSB h3 {
	font-size: 100%;
	text-align: left;
	height: 1.9em;
	line-height: 1.9em;
	padding: 0 0 1px 10px;
	background-color: #e0e0e0;
	background-image: url(../img/side_hl_bg.gif);
	background-repeat: repeat-x;
	border-bottom: 1px solid #b9b9b9;
}
.containerSA {
	background-image: url(../img/sm_top.gif);
	padding-top: 25px;
}
.containerSM table{
	width: 318px;
}
.containerSM p {
	margin: 5px 0 0;
}
.containerSM #maddress {
	margin: 0;
	padding: 3px 0 1px;
	border-top: 1px solid #b9b9b9;
}
.containerSM table td{
	vertical-align: top;
}
.containerSM,
.containerSB {
	background-image: url(../img/sm_top.gif);
	background-position: left -8px;
	padding-top: 17px;
}
.containerSM .inner,
.containerSA .inner,
.containerSB .inner {
	background-color: #ffffff;
	background-image: url(../img/sm_inner.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	text-align: center;
	padding: 0 6px 8px;
}
#kakuyasu{
	background-color: #eeeeee;
	margin: 2px 2px 0;
}
/*---------- Footer ----------*/
#note_f{
	text-align: center;
	margin: 0;
	padding: 0;
	clear: both;
}
#footer {
	background-color: #ffffff;
	background-image: url(../img/footer_gradation.gif);
	background-repeat: repeat-x;
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #b9b9b9;
	border-left: 1px solid #b9b9b9;
	border-right: 1px solid #b9b9b9;
	clear: both;
}
#footer #sublist ul {
	padding: 0;
	float: left;
}
#footer #sublist ul li {
	background-image: url(../img/mark_mid.gif);
	background-position: left center;
	background-repeat: no-repeat;
	margin: 0;
	padding: 2px 5px 2px 18px;
}
#footer #sublist ul li.mark_none {
	font-weight: bold;
	background-image: url();
	padding-left: 10px;
}
#footer #sublist ul li.mark_top {
	font-weight: bold;
	background-image: url(../img/mark_top.gif);
}
#footer #sublist ul li.mark_bottom {
	background-image: url(../img/mark_bottom.gif);
}
#footer #sublist ul li.mark_one {
	font-weight: bold;
	background-image: url(../img/mark_one.gif);
}
#footer #sublist a {
	text-decoration: underline;
}
#footer p {
	color: #ffffff;
	background-color: #308182;
	text-align: left;
	margin: 15px 0 0;
	padding: 5px 10px 20px;
	border-top: 3px solid #08595a;
}
/*----------Font Color----------*/
.nzm { color: red; background-color:inherit;}
.hkr { color: blue; background-color:inherit;}
.kdm { color: green; background-color:inherit;}
.skr { color: #be826e; background-color: inherit; }
.mzh { color: #4c8fcc; background-color: inherit; }

.tng { color: red; background-color:inherit;}
.tki { color: blue; background-color:inherit;}
.mtn { color: green; background-color:inherit;}
.mtk { color: #c71585; background-color: inherit; }

.asm { color: red; background-color:inherit;}

.kmc1 { color: red; background-color:inherit;}

.tbs1 { color: red; background-color:inherit;}

.tbm { color: #8b4513; background-color: inherit; }

.ymb { color: red; background-color:inherit;}
.tbs { color: blue; background-color:inherit;}
.kmc { color: green; background-color:inherit;}
.mym { color: #c71585; background-color: inherit; }
.hyb { color: #008b8b; background-color: inherit; }
.hyt { color: #32cd32; background-color: inherit; }
.nsn { color: purple; background-color:inherit;}
.mns { color: gray; background-color:inherit;}

ul.type2 li {
	background-image: url(../img/dot.gif);
	background-position: 0px center;
	background-repeat: no-repeat;
	padding: 3px 0 3px 13px;
}
ul.type1 li {
	background-image: url(../img/dot.gif);
	background-position: 0px 0.15em;
	background-repeat: no-repeat;
	padding: 0 0 10px 13px;
}