@charset "UTF-8";


/*
	CSS settings for TRAIN GALLERY [ default ]
	Copyright (C) WEST JAPAN RAILWAY COMPANY
	All rights reserved.
*/


/* body */


	body * #shiftContents {
		box-sizing:			border-box;
		-moz-box-sizing:	border-box;
	}

	body #shiftContents {
		color:				#333333;
		/*
		background-color:	#eeeeee;
		background-image:	url(../img/bg.gif);
		background-repeat:	repeat-x;
		*/
		text-align:			center;
		padding:			0px;
		margin:				0px;
	}

	#wrapper #shiftContents {
		text-align:			left;
		padding:			0px;
		margin:				0px auto;
		width:				740px;
	}


/* anchor */


	#shiftContents a:link {
		color:				#0033ff;
		background-color:	transparent;
		text-decoration:	none;
	}

	#shiftContents a:visited {
		color:				#0011cc;
		background-color:	transparent;
		text-decoration:	none;
	}

	#shiftContents a:hover {
		color:				#ff0000;
		background-color:	#ffeecc;
		text-decoration:	none;
		cursor:				hand;
	}

	#shiftContents a:active {
		color:				#ff3300;
		background-color:	#ffeecc;
		text-decoration:	none;
		cursor:				hand;
	}


/* default */


	#shiftContents img {
		border:				none;
		padding:			0px;
		margin:				0px;
		vertical-align:		top;
	}

	#shiftContents form {
		padding:			0px;
		margin:				0px;
	}

	#shiftContents h1 {
		padding:			0px;
		margin:				0px;
	}

	#shiftContents h2 {
		padding:			0px;
		margin:				0px;
	}

	#shiftContents h3 {
		padding:			0px;
		margin:				0px;
	}

	#shiftContents p {
		padding:			0px;
		margin:				0px;
	}

	#shiftContents ul {
		line-height:		100%;
		padding:			0px 0px 0px 18px;
		margin:				0px;
	}

	#shiftContents ul li {
		padding:			0px 0px 5px 0px;
		margin:				0px;
	}

	#shiftContents ul li ul {
		line-height:		100%;
		padding:			10px 0px 10px 18px;
		margin:				0px;
	}

	#shiftContents ol {
		line-height:		100%;
		padding:			0px 0px 0px 18px;
		margin:				0px;
	}

	#shiftContents ol li {
		padding:			0px 0px 5px 0px;
		margin:				0px;
	}

	#shiftContents ol li ol {
		line-height:		100%;
		padding:			10px 0px 10px 18px;
		margin:				0px;
	}


/* content */


	#shiftContents #content {
		background-color:	#ffffff;
		text-align:			left;
		padding:			14px 0px 15px 0px;
		margin:				0px;
		width:				740px;
	}

	#shiftContents #content ul {
		list-style:			url(/train/img/li_01.gif);
	}

	#shiftContents #content ul li.notice {
		list-style:			url(../img/li_02.gif);
	}

	#shiftContents #content ul.anchor {
		list-style:			url(../img/li_03.gif);
	}


/* train name */


	#content #trainname {
		padding:			0px 14px 0px 14px;
		margin:				0px;
		width:				740px;
	}

	#content #trainname p.trainnametext {
		border-left:		3px solid #0066dd;
		padding:			3px 0px 3px 11px;
	}

	#content #trainname p.border {
		padding:			5px 0px 10px 0px;
		font-size:			0px;
		line-height:		0%;
	}


/* train tab */


	#content #traintab {
		padding:			0px 14px 0px 14px;
		margin:				0px;
		width:				740px;
	}

	#content #traintab a:hover {
		background-color:	transparent;
	}

	#content #traintab a:active {
		background-color:	transparent;
	}

	#content #traintabframe {
		border:				1px solid #cccccc;
		padding:			0px;
		margin:				0px 0px 15px 0px;
		width:				712px;
	}

	#content #traintabframe #traintablist {
		border:				1px solid #ffffff;
		background-image:	url(../img/train/tab_bg.gif);
		background-repeat:	repeat-x;
		padding:			0px;
		margin:				0px;
		width:				710px;
	}

	#content #traintabframe #traintablist br {
		clear:				all;
		display:			none;
	}

	html>body #content #traintabframe #traintablist br {
		display:			block;
	}

	#content #traintabframe #traintablist ul {
		list-style:			none;
		padding:			0px;
		margin:				0px;
	}

	#content #traintabframe #traintablist ul li {
		float:				left;
		list-style:			none;
		padding:			0px;
		margin:				0px;
	}


/* train subtitle */


	#content #subtitle {
		padding:			0px 0px 15px 21px;
		margin:				0px;
	}


/* content body */


	#content .contentbody {
		padding:			0px 14px 0px 14px;
		margin:				14px;
		width:				740px;
	}


/* top of page */

	#content .topofpage,
	#shiftContents .topofpage {
		text-align:			right;
		padding:			10px 0px 0px 0px;
		margin:				0px;
		width:				725px;
	}
	#content .topofpagemargin,
	#shiftContents .topofpagemargin {
		text-align:			right;
		padding:			10px 0px 10px 0px;
		margin:				0px;
		width:				712px;
	}

	#content .topofpage p a,
	#content .topofpagemargin a,
	#shiftContents .topofpage p a,
	#shiftContents .topofpagemargin a{
		line-height:1;
		background:none !important;
	}
	
	#content .topofpage p a:hover,
	#content .topofpagemargin a:hover,
	#shiftContents .topofpage p a:hover,
	#shiftContents .topofpagemargin a:hover{
		background:none !important;
		text-decoration:	none;
		line-height:1;
	}


/* header */


	#shiftContents #header {
		text-align:			left;
		padding:			0px;
		margin:				0px auto;
		width:				740px;
	}

	#shiftContents #headerleft {
		float:				left;
		width:				690px;
	}

	#shiftContents #headerright {
		float:				right;
		width:				50px;
	}


/* mainmenu */


	#shiftContents #mainmenu {
		text-align:			left;
		padding:			0px 0px 18px 0px;
		margin:				0px;
		width:				740px;
		line-height:		0%;
		background: url(../img/mainnavi/navi_bg.gif) repeat-x 0px 0px;

	}

	#shiftContents #mainmenu a:hover {
		background-color:	transparent;
	}

	#shiftContents #mainmenu a:active {
		background-color:	transparent;
	}

	#shiftContents #mainmenu tr {
		vertical-align:		middle;
	}

	#shiftContents #mainmenu td.mainmenuinput {
		background-image:	url(../img/mainmenu/keyword_bg.gif);
	}

	#shiftContents #mainmenu td.mainmenuinput input {
		/*line-height:		110%;*/
		color:				#333333;
		background-color:	#cccccc;
		border-top:			1px solid #777777;
		border-bottom:		1px solid #dddddd;
		border-left:		1px solid #777777;
		border-right:		1px solid #dddddd;
		padding:			1px 2px 0px 2px;
		margin:				4px 0px 0px 0px;
		width:				172px;
		height:				16px;
	}
	#shiftContents #mainmenu .mainNavi {
	}
	#shiftContents #mainmenu .mainNavi .mr3 {
		padding-right: 3px;
	}
	#shiftContents #mainmenu .mainNavi .ml7 {
		margin-left: 7px;
	}

/* footer */


	#shiftContents #footer {
		text-align:			left;
		padding:			0px 0px 15px 0px;
		margin:				0px;
		width:				740px;
	}

	#shiftContents #footer a:hover {
		background-color:	transparent;
	}

	#shiftContents #footer a:active {
		background-color:	transparent;
	}

	#shiftContents #footer p {
		text-align:			left;
		padding:			0px;
		margin:				0px;
		font-size:			0px;
		line-height:		0%;
	}

	#shiftContents #footerleft {
		float:				left;
		width:				610px;
	}

	#shiftContents #footerright {
		float:				right;
		width:				130px;
	}


/* line feed */


	#shiftContents .clear {
		clear:				both;
	}


/* color */


	#shiftContents .blue {
		color:				#0000ff;
	}



/* コンテンツ移行 */

div#shiftContents {
	width:740px !important;
}

div#shiftContents table {
	border-spacing:0px !important;
}

#shiftContents #content {
	padding:0px 0px 15px 0px !important;
}

#shiftContents .contentbody {
		padding:			0px !important;
		margin-top:10px !important;
	}
	
#shiftContents #subtitle {
		padding:			0px 0px 5px 21px !important;
	}

#shiftContents .external{
	margin-top:4px !important;
	margin-left:2px !important;
}


/* end of file */

#trainNavi {
	height: 83px;
	width: 738px;
	border: 1px solid #CCCCCC;
	margin: 0px;
	padding: 0px;
}
#trainNavi .naviRosenzu {
	float: left;
	height: 83px;
	width: 102px;
}
#trainNavi .naviCate {
	height: 83px;
	width: 636px;
	background: url(../img/top/navi_bg.gif) repeat-x top;
	margin: 0px;
	padding: 0px;
	float: left;
}
#trainNavi .naviCate .tsCate {
	margin-top: 9px;
	width: 636px;
	display: block;
	text-align: center;
	height: 27px;
}
#trainNavi .naviCate ul {
	padding: 0px;
	margin: 0px 0px 0px 12px;
}
#trainNavi .naviCate li {
	float: left;
	padding-right: 4px;
}
#routeB {
	height: 443px;
	width: 710px;
	border: 1px solid #CCCCCC;
	margin: 12px 0px 0px 12px;
	padding: 2px;
}
#routeNavi ul {
	margin: 0px;
	padding: 0px;
	width: 710px;
}
#routeNavi .routNaviL .noMg {
	margin: 0px;
	padding: 0px;
}
#routeNavi .routNaviL li {
	float: left;
	margin: 0px;
	padding: 0px 1px 0px 0px;
}
#routeMain {
	height: 351px;
	margin: 0px;
	padding: 0px;
}
.naviRosenzu a:hover {
	margin: 0px;
	padding: 0px;
}
.naviCate a:hover {
	margin: 0px;
	padding: 0px;
}
#wrapperAll #odekakeContents #mainArea #shiftContents #mainmenu .mainNavi {
	margin: 0px;
	padding: 0px;
	background: url(../img/mainnavi/navi_bg.gif) repeat-x left top;
}

#wrapperAll #odekakeContents #mainArea #shiftContents #mainmenu .naviTrain {
	background: url(../img/mainnavi/navi_bg.gif) repeat-x;
	height: 53px;
	width: 740px;
}
#wrapperAll #odekakeContents #mainArea #shiftContents #mainmenu .naviTrain .left {
	float: left;
}
#wrapperAll #odekakeContents #mainArea #shiftContents #mainmenu .naviTrain .naviArea {
	height: 53px;
	width: 529px;
	float: left;
}
#wrapperAll #odekakeContents #mainArea #shiftContents #mainmenu .naviTrain .naviArea li {
	float: left;
}
#wrapperAll #odekakeContents #mainArea #shiftContents #mainmenu .naviTrain .naviArea .mr3 {
	margin-right: 3px;
}
#wrapperAll #odekakeContents #mainArea #shiftContents #mainmenu .naviTrain .naviArea ul {
	margin: 0px;
	padding: 0px 0px 0px 7px;
}
#wrapperAll #odekakeContents #mainArea #shiftContents #mainmenu .naviTrain .naviArea .tsCate {
	width: 529px;
	text-align: center;
}