@charset "utf-8";
/* CSS Document */

body {
color: #FFF;
margin: 0 auto;
padding: 0;
background-color: #09C;
font: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-family: Arial, Helvetica, sans-serif; }

a {
color: #FFF;
text-decoration: underline; }

a:hover {
text-decoration: underline; }

/*Divisions*/

#container {
padding: 20px;
margin: 0 auto; }

#header {
width: 773px;
background: transparent;
color: #FFF;
background-color: #09C; }

#topright {
float: left;
text-align: left; }

#left {
float: left;
clear: left;
width: 210px;
height: 420px;
margin: 0 auto;
padding: 15px 0 0 0;
text-align: center;
background-color: #FFF; }

#right {
float: right;
width: 563px;
height: 420px;
margin: 0 auto;
padding: 15px 0 0 0;
text-align: center;
background-color: #FFF;
color: #333; }

#footer {
clear: both;
text-align: center; }

nav#bottomnavi {
clear: both;
margin: 0 auto;
padding: 10px 0;
color: #FFF;
text-align: center; }

.notice {
border: 1px solid #fff;
overflow:hidden;
padding: 10px 20px; }

.ad728 {
margin: 30px auto;
text-align: center; }


/*Images*/

img {
pointer-events: none;
user-select:none;
-webkit-user-select:none;
-moz-user-select:none;
-khtml-user-select:none;
-webkit-user-drag:none;
-khtml-user-drag:none;
-webkit-touch-callout:none; }

.pixsml {
float:right;
margin:0 0 15px 15px; }

.trainphoto {
margin: 20px auto;
text-align: center;
width:100%;
}

/*Header*/

h1 {
border-bottom: 3px solid #fff;
color:#fff;
font-size: 1.4em;
text-align: center;
margin: 20px 0;
padding: 10px; }

h2 {
border-bottom: 1px solid #fff;
color:#fff;
font-size: 1.2em;
margin: 20px 0;
padding: 10px;
text-align: center; }

h3,h4 {
color:#fff;
font-size: 1em;
margin: 20px 0;
text-align: center; }

/*Phrase*/

p {
color: #fff;
line-height: 200%; }

.alert {
border: 1px solid #fff;
padding: 15px; }

.topage {
text-align: right; }

.pubdata {
border-top: 1px solid #fff;
margin: 10px 0 50px 0;
padding: 10px 0; }

.copyright {
text-align: center; }

#header p {
font-size: 12px;
margin: 0 0 3px 20px;
padding: 0;
text-decoration: underline; }

#right p {
margin: 0 0 10px 0;
font-size: 12px;
background-color: #FFF; }

#right p.si {
margin-bottom: 0; }

p.si a {
color: #09C;
font-size: x-small;
background-color: #FFF; }

/*List*/

#menu {
color: #fff;
margin: 15px 0 0 15px;
padding: 0; }

li {
color: #fff;
list-style-type:square;
margin: 0;
padding: 5px 10px; }

#menu li, #navio li {
color: #fff;
display:inline;
margin: 0 10px;
padding: 5px 10px; }

ul#menu li img {
border: none;
margin: 0;
padding: 0; }

ul#menu li a img:hover {
border: none; }

#header ul {
margin: 0 0 0 20px;
padding: 5px; }

#header ul li {
font-size: 12px;
list-style: none;
margin: 0;
padding: 0; }

nav#bottomnavi ul {
color: #FFF;
display: inline;
margin: 0;
padding: 0; }

nav#bottomnavi ul li {
text-align: center;
display: inline;
list-style-type:square;
margin: 10px 5px; }

nav#bottomnavi ul li a {
color: #FFF;
}

#header strong {
color:#FFFF00; }

/*DL*/

dl {
text-align: center;
font-size: small;
margin: 0;
padding: 0; }

dd {
margin: 0;
padding: 0;
font-size: small;}

table {
padding: 0; 
text-align: center; 
border: 1px solid #fff; 
border-collapse: collapse; 
font-size: 1em; 
margin: 15px 0;
width:100%;
}
th {
border: 1px solid #fff; 
color:#FFF; 
padding: 10px 2px; 
}
td {
border: 1px solid #fff;
color:#FFF; 
padding: 10px 2px; 
}