@charset "UTF-8";

/* ****************************************************************************

　インデックス

------------------------------------------------------------------------------- */

dl.route{
	float:left;
	margin-bottom:20px;
	/* width:500px; */
}

	dl.route dt,
	dl.route dd{
		display:inline-block;
		vertical-align:top;
		/display:inline;
		/zoom:1;
	}

	dl.route dd{
    display: block;
		font-weight:bold;
    margin-top: 5px;
	}

div.delay-link{
	/* float:right; */
  margin-bottom:30px;
  /* text-align: right; */
}

p#currentTime{
	font-weight:bold;
	font-size:123.1%;
}

span.reload{
	margin-left:20px;
}

div.mainte{
	margin-top:10px;
	padding:10px 14px;
	border:1px solid #e1e1e1;
	background-color:#FFFFFF;
}

	div.mainte p{
		font-weight:bold;
		font-size:108%;
	}

	div.mainte p.important{
		color:#cc1800;
	}

/* 列車運行情報 言語
   ========================================================================== */
.traintraffic-lang-wrap {
  border-bottom: 1px  dotted #a8b5db;
  margin-bottom: 2em;
  margin-top: .5em;
  padding-bottom: 10px;
  text-align: right;
}
  .traintraffic-lang-wrap li {
    border-right: 1px solid #23366e;
    display: inline-block;
    margin-right: 5px;
    padding-right: 10px;
  }

  .traintraffic-lang-wrap li:last-child {
    border-right: none;
    margin-right: 0;
    padding-right: 0;
  }

.traintraffic-lang-list li a {
  cursor : pointer;
}

/* ****************************************************************************

timetable2011

------------------------------------------------------------------------------- */

.timetablepdf{
	padding-left: 11px;
}

.h1nocolor{
	font-weight: bold !important;
	font-size: 16px !important;
	color: #333333 !important;
}

td.weekday{
	background:#bbe8f9;
}

td.holiday{
	background:#fcd3ec;
}


/* ****************************************************************************

　モバイル検索

------------------------------------------------------------------------------- */

h2.ttlCurvyin{
	padding:12px 12px 14px;
	width:400px;
	text-indent:0;
	font-size: 123.1%;
    font-weight: bold;
	background:url(/traffic/traintraffic/css/img/mobile_ttl.gif) no-repeat left top;
}

div#mobileBox{
	margin:20px auto;
	width:620px;
}

div#mobileTxt{
	float:left;
	width:400px;
}

	div#mobileTxt h3{
		margin-top:20px;
		font-weight:bold;
		font-size:123.1%;
	}

	div#mobileTxt h3,
	div#mobileTxt p{
		padding-left:10px;
		padding-right:10px;
	}
	div#mobileTxt p{
		margin-top:5px;
	}

p#mobileImg{
	float:right;
	width:185px;
}


/* ****************************************************************************

　運行情報 iframe

------------------------------------------------------------------------------- */

#detailTraffic{
	background-color:#FFF;
	border:1px solid #e1e1e1;
	width:618px;
	height:320px;
	overflow-y:scroll;
}
#detailTraffic.jsStyle{
	height:auto;
	overflow:hidden;
}


/* ****************************************************************************

　延着証明書

------------------------------------------------------------------------------- */

.delay-time {
	margin:5px 0 15px;
	width:500px;
}
.delay-time li{
	color:#d53a10 !important;
	font-weight:bold;
	margin-right:20px;
	width:170px;
}
.delay-time span{
	font-weight:normal;
}

.curvyIn.certificate-wrap {
	padding:0 0 25px !important;
}

.certificate-print {
	padding:30px 20px;
	text-align:right;
}

#certificate {
	border:1px solid #666;
	margin-left:5px;
	padding:30px 20px;
	width:618px;
}
#certificate h2{
	font-size:182%;
	font-weight:bold;
	margin-bottom:30px;
	text-align:center;
}
#certificate .text{
	font-size:100%;
	margin:20px 0 40px;
}

#time-wrap{
	border:3px solid #e80000;
	margin:20px auto 40px;
	padding:2px;
	text-align:center;
	width:230px;
}
#time-wrap #time{
	border:1px solid #e80000;
	color:#e80000;
	font-size:197%;
	font-weight:bold;
	padding:10px 0;
	/*text-align:center;
	width:160px;*/
}

table.tblStyle02{
	margin-bottom:50px;
}

table.tblStyle02 .day{
	background:#edeff4;
	text-align:left;
}

table.tblStyle02 th,
table.tblStyle02 td{
	padding:0;
	text-align:center;
}

table.tblStyle02 th{
	padding:10px;
}

table.tblStyle02 span{
	display:block;
	padding:10px;
	text-align:left;
}

table.tblStyle02 a{
	display:block;
	padding:10px;
}

table.tblStyle02 a:hover{
	background:#dff0f1;
}

table.tblStyle02 a:before{
	content:'';
	background:url(/common/css/img/icon/arrow02.gif) no-repeat left top;
	display:inline-block;
	height:5px;
	width:6px;
	margin-right:3px;
	vertical-align:middle;
}

@media print{
#header{display:none;}
#navWrap{display:none;}
#topicpath{display:none;}
#title{display:none;}
div#main{margin:0 auto;float:none; !important}
.certificate-print img{display:none;}
#side{display:none;}
#fbannerWrap{display:none;}
#fbannerWrapIn{display:none;}
#footer{display:none;}
.pagetop{display:none;}
/*.curvy700{background:none; !important}
.curvyWrap{background:none; !important}
div.curvyIn{background:none; !important}
#certificate{
	margin:0 auto
}*/
}





/* ****************************************************************************

　列車運行情報 / お知らせ

------------------------------------------------------------------------------- */
/* section */
.external-wrap p,
.internal-wrap p,
.twitter-wrap p {
  font-size: 14px;
  word-wrap: break-word;
}

.sup-wrap {
  border-top: 1px solid #E1E1E1;
  margin: 25px -20px 0 -20px;
  padding: 25px 20px 0 20px;
}

.twitter-wrap {
  border-top: 1px solid #E1E1E1;
  margin: 45px -20px 0 -20px;
  padding: 25px 20px 0 20px;
}

/* 説明枠 */
.external-wrap .status_detail {
  padding: 15px;
  border: 1px solid #E1E1E1;
  margin: 15px 0;
}

/* 画像 */
.external-wrap .map_img {
  margin: 10px 0;
}
.external-wrap .map_img img {
  max-width: 100%;
  height: auto;
}

/* テキスト装飾 */
.external-wrap .status_detail .txt-red {
  color: #cc1800;
}