@charset "shift_jis";

/*===================================

  * file name : style.css
  * last update : 2010/12/01

=======================================*/


/*---------------------------------

Main Visual

---------------------------------*/

#mainVisual {
	width:1000px;
	height:571px;
	position:relative;

}




#canvas {
  position: relative;
  width: 1000px;
  height: 571px;
 }


#train div{
  position: absolute;
  top:0px;
  left:0px;
   height: 521px;
  width: 1000px; 
  }

.coach {
  position: absolute;
  bottom: 0;
  height: 521px;
  width: 1000px;
 }




.pager {
  z-index:10;
  display: block;
  position: absolute;
  top: 521px;
  left: 125px;
  width: 1000px; }
  .pager b {
    display: block;
    position: relative;
    float: left;
    width: 30px;
    height: 35px;
    margin-left: 0px; }
    .pager b a {
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      display: block;
      overflow: hidden;
      text-indent: -1000em;
      background-repeat: no-repeat;
      background-position: center top;
      background: url("../common/img/pager-sprite.png") no-repeat; }


#photo01-link a {background-position: 0px 0; }
#photo01-link a:hover {background-position: 0px -40px; }
#photo01-link.activeSlide a {background-position: 0px -80px; }
#photo01-link.clicked a {outline: none; }

#photo02-link a {background-position: 0px 0; }
#photo02-link a:hover {background-position: 0px -40px; }
#photo02-link.activeSlide a {background-position: 0px -80px; }
#photo02-link.clicked a {outline: none; }

#photo03-link a {background-position: 0px 0; }
#photo03-link a:hover {background-position: 0px -40px; }
#photo03-link.activeSlide a {background-position: 0px -80px; }
#photo03-link.clicked a {outline: none; }

#photo04-link a {background-position: 0px 0; }
#photo04-link a:hover {background-position: 0px -40px; }
#photo04-link.activeSlide a {background-position: 0px -80px; }
#photo04-link.clicked a {outline: none; }

#photo05-link a {background-position: 0px 0; }
#photo05-link a:hover {background-position: 0px -40px; }
#photo05-link.activeSlide a {background-position: 0px -80px; }
#photo05-link.clicked a {outline: none; }

#photo06-link a {background-position: 0px 0; }
#photo06-link a:hover {background-position: 0px -40px; }
#photo06-link.activeSlide a {background-position: 0px -80px; }
#photo06-link.clicked a {outline: none; }

#photo07-link a {background-position: 0px 0; }
#photo07-link a:hover {background-position: 0px -40px; }
#photo07-link.activeSlide a {background-position: 0px -80px; }
#photo07-link.clicked a {outline: none; }

#photo08-link a {background-position: 0px 0; }
#photo08-link a:hover {background-position: 0px -40px; }
#photo08-link.activeSlide a {background-position: 0px -80px; }
#photo08-link.clicked a {outline: none; }


#photo09-link a {background-position: 0px 0; }
#photo09-link a:hover {background-position: 0px -40px; }
#photo09-link.activeSlide a {background-position: 0px -80px; }
#photo09-link.clicked a {outline: none; }

#photo10-link a {background-position: 0px 0; }
#photo10-link a:hover {background-position: 0px -40px; }
#photo10-link.activeSlide a {background-position: 0px -80px; }
#photo10-link.clicked a {outline: none; }

#photo11-link a {background-position: 0px 0; }
#photo11-link a:hover {background-position: 0px -40px; }
#photo11-link.activeSlide a {background-position: 0px -80px; }
#photo11-link.clicked a {outline: none; }

#photo12-link a {background-position: 0px 0; }
#photo12-link a:hover {background-position: 0px -40px; }
#photo12-link.activeSlide a {background-position: 0px -80px; }
#photo12-link.clicked a {outline: none; }

#photo13-link a {background-position: 0px 0; }
#photo13-link a:hover {background-position: 0px -40px; }
#photo13-link.activeSlide a {background-position: 0px -80px; }
#photo13-link.clicked a {outline: none; }

#photo14-link a {background-position: 0px 0; }
#photo14-link a:hover {background-position: 0px -40px; }
#photo14-link.activeSlide a {background-position: 0px -80px; }
#photo14-link.clicked a {outline: none; }

#photo15-link a {background-position: 0px 0; }
#photo15-link a:hover {background-position: 0px -40px; }
#photo15-link.activeSlide a {background-position: 0px -80px; }
#photo15-link.clicked a {outline: none; }

#photo16-link a {background-position: 0px 0; }
#photo16-link a:hover {background-position: 0px -40px; }
#photo16-link.activeSlide a {background-position: 0px -80px; }
#photo16-link.clicked a {outline: none; }

#photo17-link a {background-position: 0px 0; }
#photo17-link a:hover {background-position: 0px -40px; }
#photo17-link.activeSlide a {background-position: 0px -80px; }
#photo17-link.clicked a {outline: none; }

#photo18-link a {background-position: 0px 0; }
#photo18-link a:hover {background-position: 0px -40px; }
#photo18-link.activeSlide a {background-position: 0px -80px; }
#photo18-link.clicked a {outline: none; }




#photo19-link a {background-position: 0px 0; }
#photo19-link a:hover {background-position: 0px -40px; }
#photo19-link.activeSlide a {background-position: 0px -80px; }
#photo19-link.clicked a {outline: none; }

#photo20-link a {background-position: 0px 0; }
#photo20-link a:hover {background-position: 0px -40px; }
#photo20-link.activeSlide a {background-position: 0px -80px; }
#photo20-link.clicked a {outline: none; }


#photo21-link a {background-position: 0px 0; }
#photo21-link a:hover {background-position: 0px -40px; }
#photo21-link.activeSlide a {background-position: 0px -80px; }
#photo21-link.clicked a {outline: none; }

#photo22-link a {background-position: 0px 0; }
#photo22-link a:hover {background-position: 0px -40px; }
#photo22-link.activeSlide a {background-position: 0px -80px; }
#photo22-link.clicked a {outline: none; }

#photo23-link a {background-position: 0px 0; }
#photo23-link a:hover {background-position: 0px -40px; }
#photo23-link.activeSlide a {background-position: 0px -80px; }
#photo23-link.clicked a {outline: none; }

#photo24-link a {background-position: 0px 0; }
#photo24-link a:hover {background-position: 0px -40px; }
#photo24-link.activeSlide a {background-position: 0px -80px; }
#photo24-link.clicked a {outline: none; }

#photo25-link a {background-position: 0px 0; }
#photo25-link a:hover {background-position: 0px -40px; }
#photo25-link.activeSlide a {background-position: 0px -80px; }
#photo25-link.clicked a {outline: none; }

#photo26-link a {background-position: 0px 0; }
#photo26-link a:hover {background-position: 0px -40px; }
#photo26-link.activeSlide a {background-position: 0px -80px; }
#photo26-link.clicked a {outline: none; }

#photo27-link a {background-position: 0px 0; }
#photo27-link a:hover {background-position: 0px -40px; }
#photo27-link.activeSlide a {background-position: 0px -80px; }
#photo27-link.clicked a {outline: none; }

#photo28-link a {background-position: 0px 0; }
#photo28-link a:hover {background-position: 0px -40px; }
#photo28-link.activeSlide a {background-position: 0px -80px; }
#photo28-link.clicked a {outline: none; }

#photo29-link a {background-position: 0px 0; }
#photo29-link a:hover {background-position: 0px -40px; }
#photo29-link.activeSlide a {background-position: 0px -80px; }
#photo29-link.clicked a {outline: none; }

#photo30-link a {background-position: 0px 0; }
#photo30-link a:hover {background-position: 0px -40px; }
#photo30-link.activeSlide a {background-position: 0px -80px; }
#photo30-link.clicked a {outline: none; }

#photo31-link a {background-position: 0px 0; }
#photo31-link a:hover {background-position: 0px -40px; }
#photo31-link.activeSlide a {background-position: 0px -80px; }
#photo31-link.clicked a {outline: none; }

#photo32-link a {background-position: 0px 0; }
#photo32-link a:hover {background-position: 0px -40px; }
#photo32-link.activeSlide a {background-position: 0px -80px; }
#photo32-link.clicked a {outline: none; }

#photo33-link a {background-position: 0px 0; }
#photo33-link a:hover {background-position: 0px -40px; }
#photo33-link.activeSlide a {background-position: 0px -80px; }
#photo33-link.clicked a {outline: none; }

#photo34-link a {background-position: 0px 0; }
#photo34-link a:hover {background-position: 0px -40px; }
#photo34-link.activeSlide a {background-position: 0px -80px; }
#photo34-link.clicked a {outline: none; }


/*


#photo02-link a {
  background-position: -35px 0; }
  #photo02-link a:hover {
    background-position: -35px -40px; }
#photo02-link.activeSlide a {
  background-position: -35px -80px; }
#photo02-link.clicked a {
  outline: none; }

#photo03-link a {
  background-position: -70px 0; }
  #photo03-link a:hover {
    background-position: -70px -40px; }
#photo03-link.activeSlide a {
  background-position: -70px -80px; }
#photo03-link.clicked a {
  outline: none; }

#photo04-link a {
  background-position: -105px 0; }
  #photo04-link a:hover {
    background-position: -105px -40px; }
#photo04-link.activeSlide a {
  background-position: -105px -80px; }
#photo04-link.clicked a {
  outline: none; }

#photo05-link a {
  background-position: -140px 0; }
  #photo05-link a:hover {
    background-position: -140px -40px; }
#photo05-link.activeSlide a {
  background-position: -140px -80px; }
#photo05-link.clicked a {
  outline: none; }

#photo06-link a {
  background-position: -175px 0; }
  #photo06-link a:hover {
    background-position: -175px -40px; }
#photo06-link.activeSlide a {
  background-position: -175px -80px; }
#photo06-link.clicked a {
  outline: none; }
*/


#prev-slide,
#next-slide {
  display: none;
  position: absolute;
  z-index: 90;
  top: 0px;
  width: 80px;
  height: 521px;
  cursor: pointer; }

#prev-slide {
  left: -40px;
  background: url("../common/img/arrow-left.png") no-repeat left center; }

#next-slide {
  right: -40px;
  background: url("../common/img/arrow-right.png") no-repeat right center; }










#mainVisual #flashContent2 {
	width:1000px;
	height:348px;
}



/*---------------------------------

Main Contents

---------------------------------*/

#mainContents {
	text-align:left;
	width:1000px;
	position:relative;
	}

#Contents-L{
	width:650px;
}

/*
.info{padding-top:50px;}*/

#movList li {
    margin-top:15px;
    width:650px;
    overflow:hidden;
	height:251px;
}


.movImg { float:left; }


.movDis {
    margin-left:428px;
    margin-right:-222px;
    width:222px;
}

.mov01{
	background:url(../common/img/movbg01.jpg) left top no-repeat;
}


.mov02{
	background:url(../common/img/movbg02.jpg) left top no-repeat;
}

.mov03, .mov04, .mov05, .mov06{
	background:url(../common/img/movbg-common.jpg) left top no-repeat;
}





.mov01 dl.movTitle dt{ padding-top:15px;}
.mov02 dl.movTitle dt{ padding-top:15px;}
.mov03 dl.movTitle dt{ padding-top:15px;}
.mov04 dl.movTitle dt{ padding-top:15px;}
.mov05 dl.movTitle dt{ padding-top:15px;}
.mov06 dl.movTitle dt{ padding-top:15px;}

/*
.mov01 dl.movTitle dd{ padding-top:22px;}
.mov01 p{ padding-top:22px;}
*/





#Contents-R{
	position: absolute;
	right: 0px;
	top: 0px;
	width: 320px;
}


.shareicon { margin-top:15px;}

.shareicon li{display:inline}


#sendBox{
	background:url(../common/img/messageSendBg.jpg) left top no-repeat;
	width:320px;
	height:280px;
	margin-top:15px;
}
/*
#sendBox h2{
	padding:16px 0 0 25px;
}

#sendBox .sendname{
	padding:0 0 0 25px;
}

#sendBox .sendmess{
	padding:16px 0 0 25px;
}

#sendBox .sendbtn{
	padding:0px 0 0 94px;
}
*/



#messageBox{
		background:url(../common/img/messageBg.gif) left bottom no-repeat #000;
}


















