@charset "utf-8";

/*----------------------------------------------------------------------
    IMPORT
----------------------------------------------------------------------*/

@import "common.css";
@import "contents.css";

/*----------------------------------------------------------------------
    title
----------------------------------------------------------------------*/

#contents .titleBox01{
	background:url(../../../e/routemaps/img/renew/bg_title01.jpg) no-repeat;
}

#contents .titleBox02{
	background:url(../../../e/routemaps/img/renew/bg_title02.jpg) no-repeat;
}


/*----------------------------------------------------------------------
    update/notes
----------------------------------------------------------------------*/

#contents .grayBox{
	margin-bottom:22px;
	padding:5px;
	background:#F0F0F0;
}

#contents .grayBox dl dt{
	padding:0 0 1px;
	background:url(../../../e/routemaps/img/renew/bg_line_gray.gif) no-repeat right bottom;
	font-size:110%;
	font-weight:bold;
}

#contents .grayBox dl dt span{
	display:block;
	padding:2px 0 3px 8px;
	border-left:6px solid #F9AC99;
	background:url(../../../e/routemaps/img/renew/bg_update.gif) repeat;
}
#contents .grayBox dl.note dt span{
	border-left:6px solid #8CB1FF;
	background:url(../../../e/routemaps/img/renew/bg_note.gif) repeat;
}

#contents .grayBox dl dd{
	margin-top:3px;
	padding:3px 0 5px;
	border:1px solid #E3E3E3;
	background:#FFFFFF;
}

#contents .grayBox dl dd ul{
	width:885px;
	margin-left:8px;
}

#contents .grayBox dl dd ul li{
	padding-left:15px;
	background-position:0 6px;
	background-repeat:no-repeat;
}

/* update */
#contents .grayBox dl.update dd ul li{
	background-image:url(../../../img/multi/icon_circle01.png);
}
#contents .grayBox dl.update dd ul li.link{
	background-image:url(../../../img/multi/icon_arw03.png);
}

#contents .grayBox dl.update dd ul li a{
	display: inline;
	padding-bottom: 2px;
}

/* note */
#contents .grayBox dl.note dd ul li{
	background-image:url(../../../img/multi/icon_circle02.png);
}
#contents .grayBox dl.note dd ul li.link{
	background-image:url(../../../img/multi/icon_arw04.png);
}


/*----------------------------------------------------------------------
    pagelink
----------------------------------------------------------------------*/

#contents .pageLink{
	width:933px;
	margin-bottom:22px;
	padding-bottom:10px;
	background:url(../../../img/multi/line_dot01.gif) repeat-x left bottom;
}

#contents .pageLink ul{
	padding:10px 0 0 12px;
	background:url(../../../img/multi/line_dot01.gif) repeat-x;
}

#contents .pageLink ul li{
	display:inline;
	margin-right:20px;
	padding-left:15px;
	background:url(../../../img/multi/icon_arw05.png) no-repeat 0 60%;
}


/*----------------------------------------------------------------------
    lineup
----------------------------------------------------------------------*/

#contents .lineup{
	padding:6px 0 0 7px;
	background:url(../../../e/routemaps/img/renew/bg_lineup.gif) no-repeat;
}

#contents .lineup02{
	padding:6px 150px 0 157px;
	background:url(../../../e/routemaps/img/renew/bg_lineup.gif) no-repeat;
}

#contents .lineup dl,
#contents .lineup02 dl{
	float:left;
	width:308px;
}

#contents .lineup02 dl.bottom{
	margin-top: 10px;
}

#contents .lineup dl dt,
#contents .lineup dl dd,
#contents .lineup02 dl dt,
#contents .lineup02 dl dd{
	width:301px;
	text-align:center;
}

#contents .lineup dl dt,
#contents .lineup02 dl dt{
	margin-bottom:7px;
	color:#347DEE;
	font-size:140%;
	font-weight:bold
}

#contents .lineup dl dt.height44{
	height:44px;
}


#contents .lineup p.pic,
#contents .lineup02 p.pic{
	width:301px;
	padding:5px 0;
	background:url(../../../e/routemaps/img/renew/bg_lineup_pic.gif) no-repeat;
	text-align:center;
}

#contents .lineup dl.wide,
#contents .lineup dl.wide dt,
#contents .lineup dl.wide dd{
	width:616px;
}
#contents .lineup dl.wide dd p.pic{
	float:left;
	padding-right:7px;
}

#contents .lineup .block,
#contents .lineup02 .block{
	float:left;
	width:308px;
}

#contents .lineup .caption,
#contents .lineup02 .caption{
	margin-top:0;
	padding-top:4px;
	clear:both;
}


/* notes -------------------- */

#contents .notesBox{
	width:908px;
	margin:15px 0 0 15px;
	background:url(../../../e/routemaps/img/renew/bg_notes_rp.gif) repeat-y;
}

#contents .notesBoxInner{
	width:908px;
	background:url(../../../e/routemaps/img/renew/bg_notes_bt.gif) no-repeat left bottom;
}

#contents .notes{
	padding:8px 6px 10px 13px;
	background:url(../../../e/routemaps/img/renew/bg_notes_tp.gif) no-repeat;
}

#contents .notes .txtBox{
	float:left;
	width:744px;
	margin-right:15px;
}

#contents .notes h3{
	margin-bottom:10px;
}

#contents .notes p.img{
	float:left;
	width:130px;
	text-align:center;
}

#contents .notes p.img span.pic{
	display:block;
	width:120px;
	padding:4px 0;
	background:url(../../../e/routemaps/img/renew/bg_notes_pic.gif) no-repeat;
	text-align:center;
}

#contents .notes p.img span{
	font-size:85%;
}


/*----------------------------------------------------------------------
    place
----------------------------------------------------------------------*/

#contents .placeBox{
	width:933px;
	background:url(../../../e/routemaps/img/renew/bg_place_rp.gif) repeat;
}

#contents .placeBoxInner{
	width:933px;
	padding-bottom:7px;
	background:url(../../../e/routemaps/img/renew/bg_place_bt.gif) no-repeat left bottom;
}

#contents .place{
	width:933px;
	min-height:835px;
	background:url(../../../e/routemaps/img/renew/bg_place_tp.gif) no-repeat;
}
* html #contents .place{
	height:835px;
}


/* map -------------------- */

#contents .place p.mapImg{
	float:left;
	width:627px;
}


/* placeTxt -------------------- */

#contents .place .placeTxtBox{
	float:left;
	width:298px;
	margin-top:10px;
	padding-bottom:12px;
	background:url(../../../e/routemaps/img/renew/bg_placetxt_bt.gif) no-repeat left bottom;
}

#contents .place .placeTxt{
	width:298px;
	background:url(../../../e/routemaps/img/renew/bg_placetxt_rp.gif) repeat-y;
}

#contents .place .placeTxt dl{
	padding:6px 5px 0;
	background:url(../../../e/routemaps/img/renew/bg_placetxt_tp.gif) no-repeat;
}

#contents .place .placeTxt dl dd{
	padding:0 5px 8px;
	line-height:1.3;
}

#contents .place .placeTxt dl dd.end{
	padding-bottom:0;
}

#contents .place .placeTxt dl dd p.link{
	margin-top:5px;
	text-align:right;
}

#contents .place .placeTxt dl dd p.link a{
	padding-left:17px;
	background:url(../../../img/multi/icon_arw02.png) no-repeat left center;
}


/*----------------------------------------------------------------------
    time
----------------------------------------------------------------------*/

#contents .timeTbl{
	background:#F6F6F6;
	font-size:110%;
}

#contents .timeTbl th,
#contents .timeTbl td{
	padding:7px 20px;
	border:1px solid #FFFFFF;
	text-align:center;
}

#contents .timeTbl th{
	background:#DCEBC9;
	color:#225728;
	font-size:117%;
	font-weight:bold;
}

#contents p.noteTxt{
	margin-top:10px;
	color:#000000;
}
#contents .interior p.noteTxt{
	margin-left:15px;
}


/*----------------------------------------------------------------------
    interior
----------------------------------------------------------------------*/

#contents .interior{
	margin:0 0 22px 12px;
}

#contents .interior .title{
	width:908px;
	margin:0 0 15px;
	padding:0 0 2px;
	border-bottom:1px solid #757575;
}

#contents .interior .title h3{
	float:left;
	width:760px;
	margin:3px 0 0;
	padding:0 0 0 8px;
	border-left:6px solid #757575;
	color:#5D5D5D;
	font-size:127%;
	font-weight:bold;
	line-height:1.4;
}

#contents .interior .title p{
	float:right;
	width:128px;
	text-align:right;
}

#contents .interior .interiorImg{
	width:894px;
	margin:0 0 0 13px;
}

#contents .interior .carImg{
	width:894px;
	margin:12px 0 0 13px;
}

#contents .interior .carImg p{
	float:left;
	width:223px;
	text-align:center;
}

#contents .interior .carImg p span{
	width:172px;
	margin:0 auto;
	text-align:left;
}


/* icon -------------------- */

#contents .interiorIconBox{
	width:904px;
	margin:0 0 0 14px;
	background:url(../../../e/routemaps/img/renew/bg_interior_rp.gif) repeat-y;
}

#contents .interiorIcon{
	width:904px;
	background:url(../../../e/routemaps/img/renew/bg_interior_bt.gif) no-repeat left bottom;
}

#contents .interiorIcon ul{
	padding:8px 0 8px 31px;
	background:url(../../../e/routemaps/img/renew/bg_interior_tp.gif) no-repeat;
}

#contents .interiorIcon ul li{
	float:left;
	width:144px;
	padding:11px 0;
}


/*----------------------------------------------------------------------
    timetable
----------------------------------------------------------------------*/

#contents .timetable{
	margin:0 0 0 15px;
}

#contents .timetable .tblBox{
	float:left;
	width:400px;
}

#contents .timetable .tblBox table{
	width:370px;
	margin-top:5px;
	background:#F6F6F6;
}

#contents .timetable .tblBox table th,
#contents .timetable .tblBox table td{
	padding:7px 20px;
	border:1px solid #FFFFFF;
	text-align:center;
}

#contents .timetable .tblBox table th{
	background:#DCEBC9;
	color:#225728;
	font-weight:bold;
}

#contents .timetable .tblBox table th.left{
	padding:0 10px;
	line-height:1.1;
}

#contents .timetable .tblBox table td.station{
	padding:7px 10px;
	text-align:right;
}

#routemaps #fla_content{margin-top:10px;margin-left:0;margin-bottom:10px;}

#contents .grayBox .img {
	float:right;
	width:120px;
}