@charset "UTF-8";

*{
    margin:0;
    padding:0;
    line-height:1.6
}

body{
    background-color:white;
    color:black;
    font-family: Verdana, "MS UI Gothic", Geneva, Arial,sans-serif;
}

h1{
    background-color: #FF5500;
    border-bottom: 0.5em solid #005500;
    color: #FFFFFF;
    font-size: 160%;
    padding: 1% 2%;
    text-align: center;
}

h2{
    background: #00BB00;
    border-top: 0.35em solid #FF5500;
    color: #555555;
    font-size: 130%;
    margin-top: 2%;
    padding-left: 1.0em;
}

h3{
    background: transparent;
    border-top: 1px solid #CCCCFF;
    border-bottom: 1px solid #CCCCFF;
    color: #666699;
    font-size: 110%;
    margin-top: 2%;
    text-align: center;
}

p{
    margin:2% 5%;
}

ul, ol, dl{
    list-style-type: none;
    margin: 1% 2%;
    padding: 0;
}

li, dt{
    margin-top: 0.7em;
    padding: 0;
}

dd{
    font-size: 85%;
    margin-top: 0;
    margin-left: 1.0em;
}

img{
    border-style:none;
    vertical-align: middle;
}

/* ********** Anchor ********** */
a:link
{
    color: #3366CC;
}

a:visited
{
    color: #CC99FF;
}

a:hover
{
    color: #ff0000;
}

/* ********** Main Contents ********** */
article{
    margin:1% 3%;
    clear: left;
}

.cars
{
    float:left;
    width:21.5em;
    margin:5px 1%;
}

.through,
.reference
{
    float:left;
    width:21em;
    margin:5px 1%;
}

#backnum,
#related
{
    clear: left;
}

/* ********** Other Contents ********** */
#related ul
{
    list-style-type: square;
}

#backnum li,
#station li
{
    float: left;
    width: 10.5em;
    margin: 2px 0px;
}

/* ********** Footer ********** */
footer{
    clear: both;
    text-align: center;
    font-style: italic;
}