﻿@charset "utf-8";



/* ----------------------------------------------------------------------------------------------------
	trains_details
---------------------------------------------------------------------------------------------------- */
/* label-no */
dl.labelNo {
	margin-bottom: 5px;
	clear: both;
}
dl.labelNo dt {
	width: 13px;
	padding-right: 6px;
	float: left;
}
dl.labelNo dd {
	width: 120px;
	float: left;
}

dl.labelNo02 {
	margin-bottom: 5px;
	clear: both;
}
dl.labelNo02 dt {
	width: 47px;
	float: left;
}
dl.labelNo02 dd {
	width: 85px;
	float: left;
}
dl.labelNo02 dt img {
	margin-right: 2px;
}


div#content {font-size: 80%;}
div#content p,
div#content p span {line-height: 1.4;}
div#content div.borderX {padding-bottom: 26px;}
div#content p#topicPath {margin-bottom: 15px;}
div#content div.contentbox {
	width: 810px;
	margin: 0 auto;
}
div#content ul#pageNav {
	width: 804px;
	height: 34px;
	border: solid 3px #333;
	margin-bottom: 32px;
	position: relative;
}
div#content ul#pageNav li {
	position: absolute;
	height: 22px;
	top: 7px;
}
div#content ul#pageNav li.nav01 {
	width: 125px;
	left: 14px;
}
div#content ul#pageNav li.nav02 {
	width: 101px;
	left: 184px;
}
div#content ul#pageNav li.nav03 {
	width: 92px;
	left: 365px;
}
div#content ul#pageNav li.nav04 {
	width: 102px;
	left: 527px;
}
div#content ul#pageNav li.nav05 {
	width: 93px;
	left: 679px;
}
div#content ul#pageNav li a:hover img {
	opacity: 0.50;
  filter: alpha(opacity=50);
  -moz-opacity: 0.50;
  -ms-filter: "alpha(opacity=50)";
}
div#content h3 {
	margin-bottom: 10px;
	clear: both;
}
div#content h4 {
	font-weight: bold;
	margin-bottom: 2px;
	font-size: 110%;
	line-height: 1.4;
}
div#content h4.border {
	border-bottom: solid 2px #323232;
	margin-bottom: 10px;
	clear: both;
}


div#content div.boxL01 {
	width: 480px;
	float: left;
}
div#content div.boxR01 {
	width: 310px;
	float: right;
}
div#content div.boxL02 {
	width: 310px;
	float: left;
}
div#content div.boxR02 {
	width: 480px;
	float: right;
}

/* moreInfo(movie) */
div#content div.moreInfo.movie {
	background: url(../trains_img/details/details_moreinfo_bg_movie.jpg) no-repeat 0 0;
	margin: 0 0 40px 81px;
}

/* moreInfo(pamphlet) */
div#content div.moreInfo.pamphlet {
	background: url(../trains_img/details/details_moreinfo_bg_pamphlet.jpg) no-repeat 0 0;
	margin: 0 0 40px 46px;
}

/* moreInfo */
div#content div.moreInfo {
	width: 681px;
	height: 61px;
	position: relative;
	clear: both;
}
div#content div.moreInfo p {position: absolute;}
div#content div.moreInfo p.ttl {
	width: 681px;
	height: 61px;
	left: 16px;
	top: -7px;
}
div#content div.moreInfo p.txt {
	width: 380px;
	height: 25px;
	left: 16px;
	top: 19px;
}
div#content div.moreInfo p.btn {
	background: #FFFFFF;
	width: 194px;
	height: 24px;
	left: 400px;
	top: 20px;
}
div#content div.moreInfo p.img {
	width: 123px;
	height: 92px;
	left: 571px;
	top: -15px;
}
div#content div.moreInfo p.img2 {
	width: 121px;
	height: 153px;
	left: 552px;
	top: -56px;
}
div#content div.moreInfo p.btn a:hover img {
	opacity: 0.50;
  filter: alpha(opacity=50);
  -moz-opacity: 0.50;
  -ms-filter: "alpha(opacity=50)";
}

div#content div.moreInfo p.txtpanf {
	width: 450px;
	height: 25px;
	left: 16px;
	top: 19px;
	font-weight:bold;
}
div#content div.moreInfo p.btnpanf {
	background: #FFFFFF;
	width: 194px;
	height: 24px;
	left: 470px;
	top: 20px;
	}


/* hanbai */
div#content div#hanbai {
	background: #F2F2F2;
	width: 774px;
	padding: 23px 18px 13px;
	clear: both;
	margin-bottom: 45px;
}
div#content div#hanbai p.ttl {
	width: 0px;
	height: 0px;
	position: relative;
}
div#content div#hanbai p.ttl img {
	width: 121px;
	height: 24px;
	position: absolute;
	left: 0px;
	top: -36px;
}
div#content div#hanbai p.name {font-weight: bold;}
div#content div#hanbai p.txt {
	font-size: inherit;
	line-height: 1.6;
}
div#content div#hanbai p.caution {
	clear: both;
	font-weight: bold;
}

/* table */
div#content table {
	background:#FFFFFF;
	border-collapse: collapse;
}
div#content table th,
div#content table td {
	border: solid 1px #C5C5C5;
	padding: 6px;
	line-height: 1.4;
}
div#content table th {
	background: #BE9F5E;
	color: #FFFFFF;
	text-align: center;
}

/* markdescription */
div#content div#markDescriptionBox {
	width: 0;
	height: 0;
	position: relative;
	font-size: 10px;
}
div#content div#markDescriptionBox p.ttl {
	width: 63px;
	height: 18px;
	position: absolute;
	left: -202px;
	top: -10px;
	z-index: 10;
}
div#content div#markDescriptionBox div.inner {
	background: #F2F2F2;
	width: 165px;
	/*height: 220px;*/
	padding: 18px 12px;
	position: absolute;
	left: -210px;
	top: 0;
	z-index: 1;
}
div#content div#markDescriptionBox div.inner dl {
	clear: both;
	padding-bottom: 9px;
}
div#content div#markDescriptionBox div.inner dt {
	width: 27px;
	padding-right: 8px;
	float: left;
}
div#content div#markDescriptionBox div.inner dd {
	width: 130px;
	float: left;
	padding-top: 2px;
}


/* ▼120913追加▼ */
div#content h4.border_cul {
	border-bottom: solid 2px #323232;
	margin-bottom: 10px;
	clear: both;
	background:url(../trains_img/details/ttl_information02.gif) no-repeat;
	padding:0 0 0 120px;
	line-height:150%;
}
/* calender */
div#content ul.calender {
	margin-bottom: 15px;
	float: left;
}
div#content ul.calender li {
	width: 142px;
	padding-right: 25px;
	float: left;
	overflow: hidden;
}
div#content ul.calender li.fix {padding-right: 0;}

/* ▲120913追加▲ */

/* ▼150728追加▼ */
div#content div.streetview {
	width: 760px;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 15px;
}
/* ▲150728追加▲ */

