@charset "UTF-8";

/*
===========================================================================
|           site common style
===========================================================================
*/
#introduction{
    background-image:url(../images/top_image.jpg);
    background-size: auto 100%;
    background-color:#000;
    background-position: right: 50%;
}

#introduction h1 {
    color: #102a6e
}
#introduction h2 {
    color: #8a7366
}
#introduction p {
    color: #fff
}


/*----------------------------------------------------------------------
/   seat index
/----------------------------------------------------------------------*/
#seatIndex{

}

/*----------------------------------------------------------------------
/   series Index
/----------------------------------------------------------------------*/
#seriesIndex{
    background: #29417f;

}

#seriesIndex #introduction div.copy{
    float: left;
    margin:0;
}
#seriesIndex h3{
    color:#c7d4e1;
}
#seriesIndex section#seriesIntroduction{
    background: #04206b;
    border:none;
    color:#ccc;
    border-bottom:1px solid #000;
}
#seriesIndex #introduction{
    border:none;
}
#seriesIndex #seriesIntroduction{

}
#seriesIndex #seatFilter{
    background: transparent;;

}
#seriesIndex img.hasBorder{
    border:none;
}

/*----------------------------------------------------------------------
/   seat detail
/----------------------------------------------------------------------*/
#seatDetail{

}

#seatDetail section#seatIntroduction{
    background: #fff;
    border-top:1px dotted #ddd;
}

#seatDetail #railSearch{
    background: #eee;
    padding-top:60px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,dddddd+58 */
background: #eeeeee; /* Old browsers */
background: -moz-linear-gradient(top,  #eeeeee 0%, #dddddd 58%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #eeeeee 0%,#dddddd 58%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #eeeeee 0%,#dddddd 58%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */

}
#seatDetail #railSearch:before{
    content:'a';
    position: absolute;
    content: ' ';
    width: 0px;
    height: 0px;
    lien-height:0;
    border: 40px solid transparent;
    border-top: 30px solid #fff;
    display: inline-block;
    margin:0 auto 0 -40px;
    position: absolute;
    left:50%;
    top:0;
}
#seatDetail div.option{

}
/*=====================================================
    device
=======================================================*/

/*
    TAB
    */
@media screen and (max-width: 991px) {

}


/*
    SPHONE
    */
@media screen and (max-width: 479px) {
    #introduction{
        background-size: auto 60%;
    }
    #seriesIndex #introduction div.copy{
        background-color:#000;
            padding:4% 0;
    }
    #seriesIndex #introduction div.copy h1{
        color:#29417f;
    }
    #introduction div.wrapper{
        border-color:#ddd;
    }
}