#station-name{
	padding:6px 4px 0px;
	border:1px solid #CCC;
	background-color: #F6F6F6;
	
}

#station-name h2{
	display:inline;
	float: left;
}

#station-name p{
	display:inline;
	float: right;
}

#diagram-rail{
	margin: 3px 2px;
	text-align: left;
}

div.m{
	background-color:#FFF;
	border:2px solid #CCC;
}
div.m h2{
	color:#FFF;
	font-size: 100%;
	border-bottom: 2px solid #CCC;
	padding: 3px 2px;
	text-align: left;
}
div.m h2.s1{
	background-color: #7fc269;
}
div.m h2.s2{
	background-color: #00b7ee;
}
div.m h2.s3{
	background-color: #de9292;
}

div.t{
	border-bottom:1px solid #CCC;
	clear: both;
	min-height: 35px;
}

* html div.t{
	height: 1%;
}

div.t:after{
    content: ".";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

:root div.t{
}

div.t p{
	text-align:center;
	float:left;
	width:35px;
	margin-bottom:1px;
}

:root div.t p{
	padding-top:0px;
	margin-bottom:0px;
}

div.t1{
	background-color: #DFE;
}
div.t2{
	background-color: #DEF;
}
div.t3{
	background-color: #FED;
}

div.tc{
	text-align:left;
	width:870px;
	float:right;
	background-color: #FFF;
	min-height: 35px;
	height: auto !important;
	height: 35px;
	border-left: 1px solid #CCC;
	padding-left: 2px;
}
div.tc ul div.e ul, div.g ul{
	padding:0px;
	list-style:none;
}

div.tc ul li, div.e ul li{
	text-align:center;
	padding:0px;
	white-space:nowrap;
	display:inline;
	margin:1px 2px 1px 0px;
}

div.g ul li{
	text-align:center;
	padding:0px;
	white-space:normal;
	display:inline;
	margin:1px 2px 1px 0px;
}

div.tc ul li{
	vertical-align:bottom;
	display: block;
	float:left;
	white-space:normal;
	width:15px;
}

.d1		{COLOR:#e75b2e; FONT-SIZE: 80%;}
.d2		{COLOR:#990000; FONT-SIZE: 80%;}
.d3		{COLOR:#498dcc; FONT-SIZE: 80%;}
.d4		{COLOR:#007015; FONT-SIZE: 80%;}
.d5		{COLOR:#9933ff; FONT-SIZE: 80%;}
.d6		{COLOR:#fb1e3d; FONT-SIZE: 80%;}
.d7		{COLOR:#897856; FONT-SIZE: 80%;}
.d8		{COLOR:#895682; FONT-SIZE: 80%;}
.d9		{COLOR:#6878a8; FONT-SIZE: 80%;}
.d10	{COLOR:#a87693; FONT-SIZE: 80%;}
.d11	{COLOR:#6e7649; FONT-SIZE: 80%;}
.d12	{COLOR:#109e10; FONT-SIZE: 80%;}
.d13	{COLOR:#fd2400; FONT-SIZE: 80%;}
.d14	{COLOR:#500046; FONT-SIZE: 80%;}
.d15	{COLOR:#1d4626; FONT-SIZE: 80%;}
.d16	{COLOR:#7e0042; FONT-SIZE: 80%;}
.d17	{COLOR:#100864; FONT-SIZE: 80%;}
.d18	{COLOR:#bb6500; FONT-SIZE: 80%;}
.d19	{COLOR:#40291b; FONT-SIZE: 80%;}
.d20	{COLOR:#6600cc; FONT-SIZE: 80%;}
.d21	{COLOR:#000000; FONT-SIZE: 80%;}


div.e{
	text-align:left;
	background-color: #EEE;
	margin:5px 3px;
	padding:4px;
	clear:both;
}
div.g{
	text-align:left;
	background-color: #EEE;
	padding:4px;
	margin:5px 3px;

}

P.tt{
	margin:1em 3px;
	text-align: right;
}

#railroad-matrix{
	background: url(/pcstorage/img/rail_diagram_line.gif) repeat-y center top;
}

#railroad-matrix div{
	text-align: left;
	width:300px;
	background-color: #FFF;
	border: 2px solid #9DF;
	padding: 3px;
}

#railroad-matrix div.btm{
	margin-top: 1.5em;
}

#railroad-matrix div span{
	margin-right: 5px;
}

#ticket-reserve{
	margin:1em 0px;
	border: 2px solid #85b4ca;
	width:500px;
	background-color: #F6F6F6
}

#ticket-reserve h2.ANA{
	text-align:left;
	padding:1em 5px 0px;
	background-color:#FFF;
	background: url(/pcstorage/img/logo_ana.gif) no-repeat right bottom;
	height: 3em;
	border-bottom: 1px dotted #CCC;
	margin: 0px 7px 0px 0px;
}
#ticket-reserve h2.JAL{
	text-align:left;
	padding:1em 5px 0px;
	background-color:#FFF;
	background: url(/pcstorage/img/logo_jal_20110413.gif) no-repeat right bottom;
	height: 3em;
	border-bottom: 1px dotted #CCC;
	margin: 0px 7px 0px 0px;
}
#ticket-reserve P.Error{
	margin: 5px;
	border: 1px dotted #F55;
	background-color: #FDD;
	color: F00;
	text-align: left;	
}

#ticket-reserve FORM{
	margin: 5px;
	border: 3px solid #EEE;
	background-color: #FFF;
	padding: 3px;	
}
#ticket-reserve DL DT{
	font-weight:bold;
	text-align:left;
	width:80px;
	float:left;
	clear:both;
	padding: 5px;
}

#ticket-reserve DL DD{
	font-size:80%;
	text-align:left;
	margin:0px 0px 2px 85px;
	padding: 5px;
	background-color: #EEE;
}

#ticket-reserve DIV{
	padding: 1em;
	text-align: left;
	font-size: 80%;
}

#ticket-reserve P.caution{
	color: #C22;
}
.btn-reserve{
	margin:0;
	background-repeat:repeat-x;
	background-position:50% 100%;
	font: 100% arial;
	white-space:nowrap;
	height:21px;
}

.btn-reserve{
	margin-top:5px;
	*font-size:85%;
	background-image:url(/pcstorage/img/btn-nom-bg.gif);
	color:#FFF;
	border:1px solid #888;
	background-color:#66a4d4;
	padding:2px 10px;
	*padding:1px 10px;
}
