@charset "Shift_JIS";

/* =====================================
  File        : base.css
  Last Update : 2008.10.20
===================================== */



/* ////////////////////////////////////////////////////////////////////////////////////////// 共通 */

/* //////////////////////////////////////// clearfix */

/* modern browsers */

#exWrap .clearfix:after,
#exWrap .fBox:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* IE7 */

#exWrap .clearfix,
#exWrap .fBox{
	display: inline-block;
}

/* legacy IE */

* html #exWrap .clearfix,
* html #exWrap .fBox{
	height: 1%;
}

#exWrap .clearfix,
#exWrap .fBox{
	display: block;
}

/* //////////////////////////////////////// base */

#exWrap ul li img{
	vertical-align:bottom;
}

#exWrap div#crossing{
	margin-top:10px;
}

#exWrap .mt53{ margin-top:53px !important; }
#exWrap .mt35{ margin-top:35px !important; }
#exWrap .mt33{ margin-top:33px !important; }
#exWrap .mt25{ margin-top:25px !important; }
#exWrap .mt13{ margin-top:13px !important; }


#exWrap .mb33{ margin-bottom:33px !important; }
#exWrap .mb21{ margin-bottom:21px !important; }
#exWrap .mb10{ margin-bottom:10px !important; }

/* //////////////////////////////////////// text */

#exWrap #shiftContentsB.crossingBody{
	margin-top:0;
}

#exWrap #shiftContentsB.crossingBody div#titleArea h2{
	margin-bottom:21px;
}

#exWrap #shiftContentsB.crossingBody h2.mb14{
	margin-bottom:14px;
}

#exWrap #shiftContentsB.crossingBody h3{
	margin-bottom:12px;
}

#exWrap #shiftContentsB.crossingBody h4{
	margin-bottom:10px;
	margin-top:30px;
}

#exWrap #shiftContentsB.crossingBody h4.first{
	margin-top:12px;
}

#exWrap .alignRight{
	text-align:right;
}

#exWrap #shiftContentsB.crossingBody  ul.disc {
	padding-left:20px;
	list-style-type:disc !important;
}
#exWrap #shiftContentsB.crossingBody ul.disc  li{
		list-style-type:disc !important;
}


/* ////////////////////////////////////////item */

#exWrap .txtImportant{
	color:#dc0000;
}

#exWrap div.pageLink{
	background-color:#d9e8f3;
}

#exWrap div.pageLink ul{
	float:right;
	padding:11px 13px;
}

#exWrap div.pageLink ul li{
	background:url(/common/img/ex/iconArrowM.gif) no-repeat left 0.5em;
	font-size: 93%;
	padding-left:8px;
	margin-left:21px;
	float:left;
}

#exWrap div.box1column{
	background-color:#e6e6e6;
	padding:3px;
}

#exWrap div.boxInner01{
	border:1px solid #cccccc;
	background-color:#FFF;
	padding:0 34px 36px;
}

#exWrap div.boxInner01_1{
	border:1px solid #ccc;
	padding-top:21px;	
}

#exWrap div.dataindex {
padding:13px;
}

#exWrap div.boxInner02{
	border:1px solid #cccccc;
	background-color:#FFF;
}

#exWrap div.boxInner02_1{
	padding:17px 21px 21px;
}

/* ////////////////////////////////////////navigation */

#exWrap ul#navigation{
	margin-bottom:33px;
}

#exWrap ul#navigation li{
	float:left;
}





/* 2014 renewal */


#exWrap .ttl-icontrain{
	margin-bottom: 12px;
	margin-top: 33px;
}

#exWrap .ttl-blueborder{
	margin-top: 33px;
}





/* ////////////////////////////////////////////////////////////////////////////////////////// インデックス */

#main .thirdtop-listwrap{
	padding-top: 30px;
}

#main .thirdtop-listwrap .cattop-box{
	width: 240px;
}
#main .thirdtop-listwrap .cattop-box:nth-child(2n){
	margin-right: 20px;
}
#main .thirdtop-listwrap .cattop-box:nth-child(3n){
	margin-right: 0;
}
#exWrap .cattop-title a {
	color: #FFF;
	display: block;
	font-size:108%;
}
#exWrap .inner-cattop{
	padding: 10px 15px 0;
}
#exWrap .bnr-list{
	padding: 0 10px;
}
#exWrap .bnr-list li{
	padding-right: 20px;
	padding-top: 20px;
}
#exWrap .bnr-list li:nth-child(2n){
	padding-right: 0;
}


#exWrap .categoryUnderBanner {
	width: 734px;
	border: 3px #E6E6E6 solid;
	margin-bottom:5px;
	margin:0 auto 5px;
}

#exWrap .categoryUnderInner {
	width: 732px;
	border: 1px #CCCCCC solid;
}

#exWrap #cpMenu{
	background:url(img/bg_cp.gif) no-repeat right top;
	cursor:pointer;
	height:117px;
}

	#cpMenu:hover h2 img,
	#cpMenu:hover p.copy img{
		display:none;
	}

#exWrap #cpMenu h2,
#exWrap #cpMenu .copy{ margin:0 !important; margin-left:19px !important; }
#exWrap #cpMenu h2{ margin-bottom:20px !important; margin-top:22px !important; }
#exWrap #cpMenu .copy{ margin-bottom:21px; }



/* ////////////////////////////////////////////////////////////////////////////////////////// ルール・マナーについて */

#exWrap div.box2column{
	margin-bottom:21px;
	background:url(img/box_2column_bottom.gif) no-repeat left bottom;
	padding-bottom:18px;
}

#exWrap div.box2column div.fl,
#exWrap div.box2column div.fr{
	width:359px;
	background:url(img/box_2column_middle.gif) repeat-y left top;

}

#exWrap div.box2column p.imgManner{
	background:url(img/box_2column_top.gif) no-repeat left top;
	padding-left:21px;
	padding-top:25px;
}

#exWrap div.box2column p.txtManner{
	padding:13px 25px 0 21px;
}

#exWrap div.box2column p.txtManner span.attention{
	background:url(img/icon_attention.gif) no-repeat left 4px;
	padding-left:38px;
	display:block;
}

#exWrap dl.attention{
	color:#dc0000;
	font-size: 93%;
	margin-top:18px;
}

#exWrap dl.attention dd{
	padding-left:4.5em;
	margin-top:-1.35em;
	margin-bottom:0.25em;
}

#exWrap p.manIndex{
	text-align:center;
	margin-top:40px;
	margin-bottom:0;
}

#exWrap p.manIndex span{
	margin-left:8px;
	margin-right:8px;
}

#exWrap .pageInNavi{
	background-color: #f2f2f2;
	border:1px solid #d9d9d9;
	margin: 33px 0;
	padding: 21px 0;
}

#exWrap .notes li{
	padding-left: 1em;
	 text-indent: -1em;
}
#exWrap .manner01-box .fr{
	width:237px;
}


/* ////////////////////////////////////////////////////////////////////////////////////////// 設備について */

#exWrap .arrowBottom{
	background:url(img/arrow_bottom.gif) no-repeat center bottom;
	padding-bottom:35px;
	margin-bottom:13px;
}

#exWrap div#boxAction01{
	margin-bottom:18px;
}

#exWrap div#boxAction01 p.fr{
	width:285px;
}

#exWrap div#boxAction01 ul.fl{
	width:444px;
}

#exWrap div#boxAction01 ul.fl li{
	float:left;
}

/*
#exWrap div#boxAction02{
	margin-bottom:33px;
}
*/

/*div#boxAction01 p.fl{
	width:296px;
}*/

#exWrap div#boxAction02 .fl{
	width:366px;
}

#exWrap div#boxAction02 .fr{
	width:366px;
}

	#exWrap div.action02In{ margin-bottom:34px; }
	#exWrap div.action02In dl{
		float:right;
		width:198px;
	}
		#exWrap div.action02In dl dt,
		#exWrap div.action02In dl dd{
			margin-top:11px;
			font-size:93%;
			line-height:1.4;
			padding-right:10px;
		}
	
	#exWrap div.action02In p.image{
		float:left;
		display:inline;
		margin-left:34px;
		width:121px;
	}

#exWrap div#boxAction03 p.fr{
	width:432px;
}

#exWrap p.w540{
	width:540px;
	margin:20px auto 0;
	padding-bottom:15px;
	text-align:left;
}

/* 2014 renewal */

#exWrap .blueBox{
	padding: 15px;
	border: 5px solid #b9d3fc;
}

#exWrap #shiftContentsB.crossingBody .blueBox .textArea .ttl-bluecircle{
	background:url(img/bluecircle_icon.gif) no-repeat left center;
	color: #0066ae;
	font-size: 140%;
	margin-top: 0;
	padding: 1px 0 0 21px;
}






/* ////////////////////////////////////////////////////////////////////////////////////////// トラブル対処法 */

#exWrap ul#listTrouble li{
	width:203px;
	float:left;
	padding-right:40px;
	font-size: 93%;
}

#exWrap ul#listTrouble li.last{
	width:204px;
	padding-right:0;
}

#exWrap div#trouble01 .fl{
	width:173px;
}

#exWrap div#trouble01 .howto{
	width:516px;
	float:right;
}

	#exWrap div#trouble01 .howto p.arrow{ width:125px; }
	#exWrap div#trouble01 .howto p.img{ width:174px; }
	#exWrap div#trouble01 .howto p.text{ width:202px; padding-left:15px; color:#DC0000; }

/* ////////////////////////////////////////////////////////////////////////////////////////// 踏切事故発生状況 */

#exWrap .event strong{ color:#0066ae; }

#exWrap .event dt,
#exWrap .event dd{
	font-size:93%;
}

#exWrap dl.event {
	width: 710px;
}

#exWrap dl.event dt{
	clear: left;
	float: left;
}
#exWrap dl.event dt.first {
	width: 80px;
}

/* for Fx, Safari, IE7 (except IE6) */
	#exWrap dl.event > dd.first {
		float: left;
		width: 630px;
	}
/* for IE7 only */
	*+html #exWrap dl.event > dd {
		float: none;
	}
/* for IE6 only */
	* html #exWrap dl.event dd.first {
		margin-left: 80px;
		zoom: 1;
	}

#exWrap dl.event dt.second{
	width: 55px;
}

/* for Fx, Safari, IE7 (except IE6) */
	#exWrap dl.event > dd.second {
		float: left;
		width: 655px;
	}
/* for IE6 only */
	* html #exWrap dl.event dd.second {
		margin-left: 55px;
		zoom: 1;
	}






#exWrap div#boxData01{
	margin-bottom:15px;
}

#exWrap div#boxData01 div.fr{
	float:right;
	clear:both;
	width:341px;
	width:291px;
}

#exWrap div#boxData01 div.fr p{
	margin-bottom:12px;
}

#exWrap div#boxData01 div.fl{
	background-color:#e6e6e6;
	padding:4px 3px 3px 4px;
	width:378px;
	width:428px;
}

#exWrap div#boxData01 table{
	font-size: 93%;
	margin:0 auto;
	width:100%;
}

#exWrap div#boxData01 table {
	border: 2px #cccccc solid;
	border-collapse: collapse;
	border-spacing: 0;
}

#exWrap div#boxData01 table th,table td {
	border: #cccccc solid;
	border-width: 0 0 1px 1px;
}

#exWrap div#boxData01 table th {
	background:#d9e8f3;
	font-weight:normal;
	color:#0066ae;
	text-align:center;
	white-space:nowrap;
}

#exWrap div#boxData01 table td {
	color:#4d4d4d;
	background-color:#FFF;
}

#exWrap div#boxData01 table td.nowrap{
	white-space:nowrap;
}

#exWrap div#boxData01 table td.h {
	padding:0;
	marign:0;
	background-color:#CCC;
}

#exWrap div#boxData01 table td.red {
	color:#FF0000;
}

#exWrap div#boxData01 table th.normal{
	color:#4d4d4d;
	background-color:#FFF;
	text-align:left;
}

#exWrap tr.line th,
#exWrap tr.line td{
	border-top:4px solid #CCC !important;
}

#exWrap div.boxData02 div.boxInner02,
#exWrap div.boxData03 div.boxInner02{
	padding-top:20px;
	padding-bottom:30px;
}

#exWrap div.boxData03 div.fr{
	width:180px;
	padding:34px 13px 10px 0;
}


/* ////////////////////////////////////////////////////////////////////////////////////////// 踏切について知ってください */

#exWrap div.answer02 div.answer02Inner div.answer02Main div.blueBox{
	width:620px;
	padding: 15px;
	border: 5px solid #b9d3fc;
}

#exWrap div.blueBox div.textArea{
	width: 250px;
	padding: 0;
}

#exWrap div.answer02 div.blueBox div.textArea h4{
	font-size: 140%;
	color: #0066ae;
	padding: 1px 0 0 21px;
}

#exWrap div.blueBox div.textArea p{
	padding-left: 15px;
}


#exWrap div.blueBox div.imageArea{
	width: 370px;
}

#exWrap div.blueBox div.imageArea div.fBox div.fl{
	padding-right: 10px;
}

#exWrap #crossing #cp .bx-viewport{
	left: 0;
}


/* ////////////////////////////////////////////////////////////////////////////////////////// flash */

#exWrap div#crossing div#flashcontent {
	height:464px;
	margin-left:-10px;
	width:760px;
}

#exWrap div#crossing div#flashcontent img {
border:none;
}

#exWrap div#crossing div#flashcontent ul li{
	float:left;
}

/* ////////////////////////////////////////////////////////////////////////////////////////// common */

#exWrap div.conclusion{
	padding:1px;
	margin-top:25px;
	border:3px solid #e6e6e6;
	background-color:#cccccc;
}

#exWrap div.conclusionIn{
	background-color:#fffee6;
	padding:21px;
}

#exWrap div.conclusionIn p.attention{
	background:url(img/icon_attention.gif) no-repeat left center;
	padding-left:45px;
}

#exWrap .w445{ width:447px; }
#exWrap .w177{ width:177px; }

#exWrap p.note{
	color:#DC0000;
	position:relative;
	padding-left:55px;
	/*margin-left: 4.6em;
	text-indent: -4.6em;*/
}
#exWrap p.note span{
	position:absolute;
	left:0;
	top:0;
	/top:-3px;
}

* html #exWrap p.note span{ left:-55px; }

/* ////////////////////////////////////////report */

.movie #movieArea{
	margin:30px auto 0;
	width:640px;
}

.movie .grayBox {
	background-color:#f2f2f2;
	border:1px solid #d9d9d9;
	padding:15px 20px !important;
	line-height:1.5;	
}

.movie p.explanatory{
	padding-left:12px !important;
	background:url(/common/css/shift/img/icon/explanatory.gif) no-repeat 1px 0.25em;
}


/* ////////////////////////////////////////movies */
#exWrap #movies {
	border:1px solid #999;
	background:#fff url(img/bg_movies_outbox.gif) repeat-y 0 0;
	padding:2px;
	margin-left:10px;
	margin-right:10px;
}
#exWrap #movies .outbox {
	border:1px solid #999;
}
#exWrap #movies .inbox {
	background:#fff;
	width:732px;
	padding-bottom:28px;
	position:relative;
}
#exWrap #movies .ti {
	text-align:center;
	padding:15px 0 12px;
}
#exWrap #movies ul {
	padding-left:27px;
}
#exWrap #movies li {
	width:208px;
	float:left;
	margin-right:27px;
}
#exWrap #movies .bt {
	position:absolute;
	top:23px;
	right:27px;
	witdh:92px;
	height:19px;
}