@charset "UTF-8";





/*

	CSS settings for TRAIN GALLERY [ train ]

	Copyright (C) WEST JAPAN RAILWAY COMPANY

	All rights reserved.

*/





/* top */





	div.topleft {

		float:				left;

		border:				6px solid #dddddd;

		padding:			2px;

		margin:				0px;

		width:				466px;

	}



	div.topright {

		float:				left;

		padding:			0px 0px 0px 0px;

		margin:				0px 0px 0px 10px;

		width:				236px;

	}



	div.topright .description p {

		padding:			0px 0px 5px 0px;

		margin:				0px;

	}



	div.topright .pod {

		border:				1px solid #cccccc;

		padding:			1px;

		margin:				5px 0px 0px 0px;

		width:				236px;

	}



	div.topright .pod tr {

		vertical-align:		top;

	}



	div.topright .pod tr td {

		vertical-align:		middle;

	}



	div.topright .pod td.text {

		padding:			4px 7px 4px 0px;

		margin:				0px;

	}
	.topright .shinkansen_about {
		margin:1em 0 !important;
		padding-left:1em !important;
		text-indent:-1em !important;
	}

	div.service ul{
		padding:			0 !important;
		list-style:		none !important;

	}

	div.service li{

		padding:			0 0 0 1em! important;
		text-indent:	-1em !important;

	}

	div.toplist {

		padding:			15px 0px 0px 0px;

		margin:				0px;

		width:				712px;

	}





/* section */





	div.sectionleft {

		float:				left;

		border:				6px solid #dddddd;

		padding:			2px;

		margin:				0px;

		width:				516px;

	}



	div.sectionright {

		float:				left;

		padding:			0px 0px 0px 0px;

		margin:				0px 0px 0px 10px;

		width:				186px;

	}



	div.sectionright .pod {

		border:				1px solid #cccccc;

		padding:			1px 1px 1px 1px;

		margin:				0px;

		width:				186px;

	}



	div.sectionright .pod p {

		padding:			0px 0px 0px 18px;

		margin:				0px;

		background-image:		url(../img/train/label_background.gif);

	}



	div.sectionright .pod p.title {

		padding:			0px 0px 5px 0px;

		margin:				0px;

	}



	div.sectionright .btn {

		text-align:			right;

		padding:			5px 0px 0px 0px;

		margin:				0px;

		width:				186px;

	}





/* compo */





	div.componame {

		border-top:			6px solid #dddddd;

		border-bottom:		1px solid #dddddd;

		border-left:		6px solid #dddddd;

		border-right:		6px solid #dddddd;

		padding:			0px;

		margin:				0px;

		width:				712px;

	}



	div.componame tr {

		vertical-align:		top;

	}



	div.componame tr td.name {

		vertical-align:		top;

		padding:			8px 10px 8px 10px;

		margin:				0px;

	}



	div.componame tr td.name td {

		padding:			1px 0px 1px 0px;

		margin:				0px;

	}



	div.componame tr td.name td.type {

		padding:			0px 10px 0px 7px;

		margin:				0px;

	}



	div.componame tr td.name td.typeicon {

		padding:			0px 7px 0px 0px;

		margin:				0px;

	}



	div.componame tr td.name td.trainname {

		padding:			1px 7px 1px 0px;

		margin:				0px;

	}



	div.componame tr td.name td.trainnumber {

		padding:			1px 12px 1px 0px;

		margin:				0px;

	}



	div.componame tr td.btn {

		vertical-align:		top;

		padding:			6px 0px 0px 0px;

		margin:				0px;

	}



	div.composmall {

		border-left:		6px solid #dddddd;

		border-right:		6px solid #dddddd;

		padding:			8px 15px 0px 15px;

		margin:				0px;

		width:				712px;

	}



	div.compobody {

		border-bottom:		6px solid #dddddd;

		border-left:		6px solid #dddddd;

		border-right:		6px solid #dddddd;

		padding:			15px 15px 8px 15px;

		margin:				0px;

		width:				712px;

	}



	div.compobody tr {

		vertical-align:		bottom;

	}



	div.compobody tr td {

		vertical-align:		bottom;

	}



	div.compobody tr.number td {

		text-align:			center;

		padding:			0px 0px 2px 0px;

		margin:				0px;

	}



	div.compobody tr.numbermargin td {

		text-align:			center;

		padding:			10px 0px 2px 0px;

		margin:				0px;

	}



	div.compobody ul {

		padding:			10px 0px 0px 15px;

		margin:				0px;

	}



	div.compobody ul li img {

		padding:			0px;

		margin:				0px 5px 2px 0px;

		vertical-align:		middle;

	}



	div.compobody p.graybox image {

		padding:			0px;

		margin:				0px 5px 0px 0px;

		vertical-align:		middle;

	}



	div.compobodycontinue {

		border-bottom:		1px solid #dddddd;

		border-left:		6px solid #dddddd;

		border-right:		6px solid #dddddd;

		padding:			15px 15px 8px 15px;

		margin:				0px;

		width:				670px;

	}



	div.compobodycontinue tr.number td {

		text-align:			center;

		padding:			0px 0px 2px 0px;

		margin:				0px;

	}



	div.compobodycontinue ul {

		padding:			10px 0px 0px 15px;

		margin:				0px;
		

	}



	div.compobodycontinue ul li img {

		padding:			0px;

		margin:				0px 5px 2px 0px;

		vertical-align:		middle;

	}



	div.compobodycontinue p.graybox image {

		padding:			0px;

		margin:				0px 5px 0px 0px;

		vertical-align:		middle;

	}





/* seat */





	div.seat {

		border-top:			6px solid #dddddd;

		border-bottom:		5px solid #dddddd;

		border-left:		6px solid #dddddd;

		border-right:		6px solid #dddddd;

		padding:			0px;

		margin:				0px;

		width:				712px;

	}



	div.seat tr {

		vertical-align:		top;

	}



	div.seat td {

		background-color:	#eeeeee;

		vertical-align:		top;

		padding:			10px 0px 10px 0px;

		margin:				0px;

		border-bottom:		1px solid #cccccc;

	}



	div.seat td.label {

		background-color:	#ffffff;

		padding:			11px 0px 0px 0px;

		margin:				0px;

	}



	div.seat td.label .number {

		display:			block;

		padding:			5px 0px 0px 0px;

		margin:				0px;

	}



	div.seat .comment {

		padding:			7px 10px 0px 10px;

		width:				614px;

	}



	div.seat .comment li {

		padding:			0px 0px 3px 0px;

		margin:				0px;

	}



	div.seat .commentcenter {

		text-align:			center;

		line-height:		100%;

		padding:			3px 10px 0px 10px;

		width:				594px;

	}



	div.seat .commentright {

		text-align:			right;

		line-height:		100%;

		padding:			3px 10px 0px 10px;

		width:				614px;

	}



	div.notation{

		text-align:			right;

	}





/* download */





	div.download {

		border:				6px solid #dddddd;

		padding:			2px;

		margin:				0px;

		width:				712px;

	}





/* accommo and gallery */





	div.frame {

		background-image:	url(../img/train/bg_border.gif);

		border:				1px solid #cccccc;

		padding:			9px 2px 2px 9px;

		margin:				0px;

		width:				712px;

	}



	div.thumbnail {

		float:				left;

		background-color:	#ffffff;

		border:				1px solid #cccccc;

		padding:			5px;

		margin:				0px 7px 7px 0px;

		width:				226px;

	}



	div.thumbnail.last {

		float:				left;

		background-color:	#ffffff;

		border:				1px solid #cccccc;

		padding:			5px;

		margin:				0px 0px 7px 0px;

		width:				226px;

	}



	div.thumbnail .caption {

		padding:			3px 3px 0px 3px;

		margin:				0px;

	}



	div.thumbnail.last .caption {

		padding:			3px 3px 0px 3px;

		margin:				0px;

	}



/* 旧コンテンツ移行 */

div.topleft {
	width:450px !important;
}

div.topright .pod {
	 width:234px !important;
}

div.sectionright .pod {
	width:182px !important;
}

div.sectionright .pod p {
	padding:0px 0px 0px 18px !important;
}

div.sectionright .pod p.title {
	padding:0px 0px 5px 0px !important;
}

div.sectionleft {
	width:500px !important;
}

div.componame {
	width:700px !important;
}

div.composmall {
	width:670px !important;
}
div.compobody {
	width:670px !important;
}

div.seat {
		width:700px !important;
}
div.seat .comment {
		width:500px;
}

div.seat .commentright {
		padding:3px 10px 0px 10px;
		width:590px;
}

div.notation{
		text-align:right;
		margin-right:25px;
	}

div.download {
		width:698px;
	}

div.frame {
		width:700px;
	}
	
div.thumbnail,
div.thumbnail.last {
		width:214px;
	}

/* end of file */