@charset "Shift_JIS";

/**
 * 地球にやさしい電車たち
 *
 */
/* ==========================================================================
   00. 既存のスタイル移行
   ========================================================================== */
div#trains div#cnts p.intro {
  line-height: 1.5;
  margin-bottom: 20px; }

div#trains div#cnts {
  background: url(img/bg_trains_body.jpg) no-repeat left top;
  padding: 0 40px;
  width: 680px; }

div#trains div#cnts div#flashcontent {
  margin-top: 20px;
  margin-bottom: 10px; }

div#trains div#cnts h2 {
  margin-left: -40px;
  padding: 0 0 96px 0; }

div#trains div#cnts h3 {
  margin-bottom: 10px; }

div#trains div#cnts div.second {
  width: 680px;
  background: url(img/dot.gif) repeat-x left top;
  padding-top: 31px;
  margin-top: 27px; }

/*div#eco div#trains div#cnts div.imgs{
  width:680px;
}

div#trains div#cnts div.imgs div.fl{
  width:342px;
}

div#trains div#cnts div.imgs div.fr{
  width:338px;
}

div#trains div#cnts div.imgs div.inn div.fl{
  width:165px;
}

div#trains div#cnts div.imgs div.inn div.fr{
  width:173px;
}*/
div#enveco div.chapter h3.web {
  background: url(img/title_mat_w.gif) no-repeat left top !important; }

div#enveco div.chapter .web,
div#enveco div.chapter .h3web {
  background: transparent url(img/title_mat_wc2.gif) no-repeat right 50% !important; }

div#enveco div.chapter div.column h4.web,
div#enveco div.chapter div.column h2.web {
  background: #fff url(img/title_mat_wc2.gif) no-repeat right 50% !important; }

/*201004*/
div#trains div#cnts div.box_graph1 {
  background: url(img/trains_1_img1_bg.jpg) no-repeat center top;
  height: 245px;
  margin-bottom: 12px;
  position: relative; }

div#trains div#cnts div.box_graph1 h4 {
  position: absolute;
  left: 15px;
  top: 23px; }

div#trains div#cnts div.box_graph1 div.graph {
  position: absolute;
  left: 23px;
  top: 51px; }

div#trains div#cnts div.box_graph1 p {
  position: absolute;
  left: 377px;
  top: 75px; }

div#trains div#cnts div.box_graph2 {
  background: url(img/trains_1_img2_bg.jpg) no-repeat center top;
  height: 252px;
  position: relative; }

div#trains div#cnts div.box_graph2 h4 {
  position: absolute;
  left: 308px;
  top: 22px; }

div#trains div#cnts div.box_graph2 div.graph {
  position: absolute;
  left: 317px;
  top: 49px; }

div#trains div#cnts div.box_graph2 p {
  position: absolute;
  left: 82px;
  top: 94px; }

div#trains div#cnts div.imageArea {
  background: url(img/trains_2_bg.gif) repeat left top;
  margin-top: 15px;
  padding: 10px; }

div#trains div#cnts div.imageArea h4 {
  margin-top: 7px; }

div#trains div#cnts div.imageArea p {
  margin-top: 5px;
  font-size: 77%; }

div#trains div#cnts div.imageArea div.largeArea {
  width: 324px;
  float: left; }

div#trains div#cnts div.imageArea div.rightArea {
  width: 326px;
  float: right; }

div#trains div#cnts div.imageArea div.rightArea div.mediumArea {
  background: url(img/dot.gif) repeat-x center bottom;
  padding-bottom: 7px; }

div#trains div#cnts div.imageArea div.rightArea div.mediumArea .fl,
div#trains div#cnts div.imageArea div.rightArea div.mediumArea .fr {
  width: 158px; }

div#trains div#cnts div.imageArea div.rightArea div.small {
  background: url(img/dot.gif) repeat-x center bottom;
  padding-bottom: 7px; }

/*///////////////////////// index.html .ex_flash_area */
.ex_flash_area .box {
  width: 680px;
  height: 419px;
  position: relative; }

.ex_flash_area a img:hover {
  opacity: 0.5; }

.ex_flash_area .nav li {
  position: absolute; }

.ex_flash_area .comment {
  margin-top: 0 !important;
  display: none; }

.ex_flash_area .btn_close {
  position: absolute;
  top: 75px;
  left: 605px;
  display: none; }

.ex_flash_area #station.box {
  margin-top: 20px;
  background: url(img/bg_station.jpg) no-repeat; }

.ex_flash_area #station .nav li.btn_station01 {
  top: 134px;
  left: 61px; }

.ex_flash_area #station .nav li.btn_station02 {
  top: 199px;
  left: 196px; }

.ex_flash_area #station .nav li.btn_station03 {
  top: 132px;
  left: 233px; }

.ex_flash_area #station .nav li.btn_station04 {
  top: 13px;
  left: 379px; }

.ex_flash_area #station .nav li.btn_station05 {
  top: 101px;
  left: 463px; }

.ex_flash_area #station .nav li.btn_station06 {
  top: 175px;
  left: 571px; }

.ex_flash_area #train.box {
  background: url(img/bg_train.jpg) no-repeat; }

.ex_flash_area #train .nav li.btn_train01 {
  top: 71px;
  left: 108px; }

.ex_flash_area #train .nav li.btn_train02 {
  top: 53px;
  left: 334px; }

.ex_flash_area #train .nav li.btn_train03 {
  top: 60px;
  left: 515px; }

.ex_flash_area #train .nav li.btn_train04 {
  top: 258px;
  left: 100px; }

.ex_flash_area #train .nav li.btn_train05 {
  top: 186px;
  left: 285px; }

.ex_flash_area #train .nav li.btn_train06 {
  top: 225px;
  left: 524px; }

.ex_flash_area #train .nav li.btn_train07 {
  top: 322px;
  left: 447px; }

/* ==========================================================================
   01. 既存のスタイル上書き
   ========================================================================== */
div#trains div#cnts {
  margin: 0 auto;
  padding: 0 130px;
  width: 940px; }