@charset "UTF-8";

@import "reset.css";
@import "common.css";

/*---html body------------------------------*/
.block { margin-bottom: 40px; }

.button { width: 520px; height: 45px; background: url(../../access/images/button.png) 0 0 no-repeat; }
.button li { float: left; display: inline; margin: 8px 0 0 6px; }
.button .li1, .button .li2 { margin-right: 13px; }
.button li a { display: block; width: 157px; height: 29px; background: url(../../access/images/button.png) -6px -8px no-repeat; }
.button li a span { display: none; }
.button .li2 a { background-position: -183px -8px; }
.button .li3 a { background-position: -359px -8px; }
.button .li1 a:hover { background-position: -6px -53px; }
.button .li2 a:hover { background-position: -183px -53px; }
.button .li3 a:hover { background-position: -359px -53px; }

.block1 h3 { margin-bottom: 20px; }
.block1 p { font-size: 150%; }

.train1 img { margin-bottom: 15px; }
.train2 img { margin-left: 5px; }

.car1 img { margin-bottom: 15px; }
.car1 h3 img { margin-bottom: 0; }
.car2 { padding: 0 20px; overflow: hidden; }
.car2 img { float: left; }
.car2 .img1 { margin: 0 5px 16px 0; }
.car2 .img2 { margin: 0 0 16px 0; }
.car2 .img3 { margin: 0; }

.boat .mainInner { background: url(../../access/images/boat.png) 25px 70px no-repeat; height: 1050px; }
.boat .block1, .boat .block2 { display: none; }

.train .mainInner { background: url(../../access/images/train.png) 25px 70px no-repeat; height: 900px; }
.train .train1, .train .train2 { display: none; }

.car .mainInner { background: url(../../access/images/car.png) 25px 70px no-repeat; height: 1000px; }
.car .car1, .car .car2 { display: none; }