@charset "Shift_JIS";

/*=======================================================*/
/*【340】ul#layoutGlobalNavi                            */
/*=======================================================*/
/*131----------------------------------------------------*/
div#layoutHeader ul#layoutGlobalNavi li#globalNavi01 a{
	background-position:0px 0px;
}
/*=======================================================*/
/*【410】div#layoutMain                                  */
/*=======================================================*/
strong.TrainTitle {
	color:#22660D;
}
/* 電車のご案内トップページ用レイアウト */
/* 左側 */
div.CategoryItemL {
	width:372px;/*width:272px;*//*110203 hayashi*/
	float:left;
	margin:0;
}
/* 右側 */
div.CategoryItemR {
	width:372px;/*width:272px;*//*110203 hayashi*/
	float:right;
}
/* 共通 */
.CategoryItemL p.thumbnail,
.CategoryItemR p.thumbnail {
	float:left;
	width:85px;
	padding:0;
	margin:0;
}
.CategoryItemL p.thumbnail img,
.CategoryItemR p.thumbnail img {
}
div.CategoryItemL h2, div.CategoryItemR h2 {
	float:right;
	width:239px;/*width:139px;*//*110203 hayashi*/
	margin-top:0;
}
/* Tantek Box Model Hack */
div.CategoryItemL h2,
div.CategoryItemR h2 {
	/*width:187px;*//* IE5.0+5.5 *//*110203 hayashi IE5は適応外*/
	voice-family: "\"}\"";
	voice-family: inherit;
	width:239px;/*width:139px;*//* IE6.0 , Sleipnir2.5 *//*110203 hayashi*/
}
html>body div.CategoryItemL h2,
html>body div.CategoryItemR h2 {
	width:239px;/*width:139px;*//* NS7.1+6.0, Opera9.2+8.0+7.1, FireFox2.0, Safari2.0 *//*110203 hayashi*/
}
div#layoutMain h2 a:link {
	color:#4A4A4A;
	text-decoration:none;
}
div#layoutMain h2 a:visited {
	text-decoration:none;
}
div#layoutMain h2 a:hover {
	color:#000000;
	text-decoration: underline;
}
div#layoutMain h2 a:active {
	text-decoration:none;
}
#layoutMain p.outline {
	float:right;
	width:287px;/*width:187px;*//*110203 hayashi*/
	line-height:1.2;
}
#layoutContent #layoutMain .outline a {
	text-decoration: none;
	color:#000000;
}
#layoutContent #layoutMain .outline a:hover{
	text-decoration:underline;
}

.TrainTitle01 {
	border-bottom:1px dotted #999999;
	padding:0.5em 1em;
	color:#666666;
}

/* 見出しの装飾 }*/
/* タグ標準動作設定 }*/


/*グローバルナビの下線を、電車のご案内の色に設定*/
div#TrainHighlightLine{
  height:4px;
  background-color:#00CC00;
  font-size:0.1em;
}
/*リストの設定*/
ul.TrainLinklist{
  margin:0 0 0 1em;
  padding:0px 0px 5px 0;
  list-style:none;
}


/* 電車・バスの乗り換え用リスト */
ul.TrainLinklistB{
  margin:0 0 0 54px;
  padding:0px 0px 5px 0;
  list-style:none;
}
ul.TrainLinklistB li{
	display:inline;
	margin:0px;
}
ul.TrainLinklistB li a{
	display: block;
	float:left;
	padding:5px 1em 5px 12px;
	margin:0px;
	background:url(../cmn_images/icon_t01_r.gif) no-repeat;
	background-position:left 0.5em;
	white-space : nowrap ;
}


/* 注釈用リストスタイル */
ul.TrainCaption {
	margin:0 10px 0;
	padding:0px 0px 10px 0;
	list-style-type:none;
}
#layoutMain ul.TrainCaption li {
	padding:0 0 0 1em;
	margin:0px;
	text-indent: -1em;
	font-size:xx-small;
}
/* h1下のカテゴリートップに戻る用ボタンのCSS */
p.LinkTop {
	margin:0 0 10px;
	padding:0;
	text-align:right;
}

/* ===================================
   テーブル設定
====================================*/
table.TrainTable01 {
	border-collapse: collapse;
}
table.TrainTable01 th{
  padding:0.5em 0.3em;
  color:#FFFFFF;
  background-color: #E798CA;
  border:2px solid #FFFFFF;
  text-align:center;
}
/*テーブルthの色薄いバージョン*/
table.TrainTable01 th.SubTh{
	background:#FAF0F7;
	color:#545454;
	text-align:left;
}
table.TrainTable01 th.SubThCenter{
	background:#ECF4EF;
	color:#545454;
	text-align:center;
}
table.TrainTable01 td{
  padding:0.5em 0.3em;
  border:2px solid #FFFFFF;
  background-color:#F5F5F5;
  line-height:1.5;
}
table.TrainTable01 th a, table.TrainTable01 th a:link, table.TrainTable01 th a:active, table.TrainTable01 th a:hover, table.TrainTable01 th a:visited{
  color:#FFFFFF;
}
/* 検索用サブナビ */
table.TrainSearchSubNavi {
	border-bottom:1px solid #D5D5D5;
	background-color:#e6e6e6;
	padding:5px;
}
table.TrainSearchSubNavi th {
	color:#545454;
	font-weight:bold;
}
table.TrainSearchSubNavi td a{
	background:url(../train/timetable/images/ico_arrow_y.gif) no-repeat left center;
	padding-left:15px;
	white-space:nowrap;
	font-size:0.9em;
}
/* 検索用テーブル */
table.TitleSearchTable {
	background-color:#6699cc;
	border-bottom:1px solid #5782AE;
	border-top:1px solid #9ABCDD;
}
.TitleSearchTable td{
	padding:5px;
	text-align:left;
	color:#FFFFFF;
}

/* 駅検索用テーブルの設定 */
table.TrainSearchTable01, table.TrainSearchTable02 {
	border-collapse:collapse;
}
th.TrainSearchTh01{
  background-color:#408400;
  color:#FFFFFF;
  text-align:center;
}
th.TrainSearchTh02{
  background-color:#489400;
  color:#FFFFFF;
  text-align:center;
}
table.TrainSearchTable01 td{
  background-color:#E9E9E9;
  text-align:center;
}
table.TrainSearchTable02 td{
  background-color:#F7F7F7;
  text-align:center;
}

/* table内のフォントサイズが大きくなった場合の処理 */
div.TrainTableFlow {
	overflow:auto;
	width:764px;
}


/*テキストの色変更*/
.TrainTextCaution{
  color:#DD0000;
}
/* インデント設定 */
.TrafficTextIndent {
	padding-left: 1em;
	text-indent: -1em;
}
/* ===================================
   枠付きボックス
====================================*/
.TrainLayoutStyle01 {
	border:1px solid #CCCCCC;
	padding:10px;
	margin:20px 0px;
	background-color:#F8FCF8;
}
/* メインコンテンツ下のサブナビ用 */
.TrainLayoutStyle02 {
	padding:10px;
	margin:20px 0px;
	text-align:center;
}
.TrainLayoutStyle02 a:link,
.TrainLayoutStyle02 a:visited,
.TrainLayoutStyle02 a:hover,
.TrainLayoutStyle02 a:active {
	color:#787878;
}
.TrainLayoutStyle02 a:hover {
	color:#3C822C;
}



/*=======================================================*/
/*【420】div#layoutSideMenu                              */
/*=======================================================*/
/*000----------------------------------------------------*/
div#layoutSideMenu div.sideMenu h3 a#trafficSideMenu01{
	background-image:url(../train/cmn_images/btn_train.gif);
	background-position:left;
}
div#layoutSideMenu div.sideMenu h3 a#trafficSideMenu01:hover{
	background-position:right;
}

/* バナーエリア */
.TrainNaviBanner {
	margin-top:20px;
	padding:0 5px 0;
}
.TrainNaviBanner02 {
	margin-top:75px;
	padding:5px 5px 0;
}
.TrainNaviBanner ul,
.TrainNaviBanner02 ul{
	margin:0;
	padding:0;
	list-style-type:none;
}
.TrainNaviBanner ul li,
.TrainNaviBanner02 ul li{
	margin:0;
	padding:0 0 5px 0;
	line-height:0;
}
.TrafficInformation {
	padding:10px 5px;
	background-color:#FFFFFF;
}

/* 電車のご案内トップページ　バナーエリア */
.TrainBannerArea {
	background:url(../train/images/bg_bannerspace.gif) #F4F3E9;
	border:1px solid #DFDFDF;
	margin:20px 0;
	padding:6px 0 6px 6px;
}
.TrainBannerArea:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/**/
* html div.TrainBannerArea{
	overflow: visible;
	height:1px;
}
/**/

.TrainBannerArea p{
	float:left;
	margin:0 8px 0 0;
	padding:0;
	line-height:1;
	font-size:1em;
}
.TrainBannerArea p.none {
	margin-right:0;
}


/*=======================================================*/
/*【417】ニュースリリース等の下線付きリスト              */
/*=======================================================*/
div#layoutMain ul.infoList {
	width:764px;
	height:165px;
	overflow:auto;
}

div#layoutMain ul.infoList li.IconNewsr {
	padding: 0.6em 0 0.6em 65px;
	background:url(../train/images/icon_news_release.gif) no-repeat;
	background-position: left 0.57em;
}
div#layoutMain ul.infoList li.IconRecommend {
	padding: 0.6em 0 0.6em 65px;
	background:url(../train/images/icon_recommend.gif) no-repeat;
	background-position: left 0.57em;
}
div#layoutMain ul.infoList li.IconAnnounce {
	padding: 0.6em 0 0.6em 65px;
	background:url(../train/images/icon_announce.gif) no-repeat;
	background-position: left 0.57em;
}


/*=======================================================*/
/* 【遅延証明書】                                        */
/*=======================================================*/

table#tbl_delay {
	border-collapse:collapse;
	border:1px solid #999;
}
table#tbl_delay td,
table#tbl_delay th {
	border:1px solid #999;
}
table#tbl_delay th {
	font-size:.9em;
}
table#tbl_delay td {
	padding:3px;
}
table#tbl_delay p {
	text-align:center;
	margin-top:3px;
	margin-bottom:3px;
}
div#layoutMain table#tbl_delay a:link {
	color:#CC0000;
}

/*ストライプ*/
table#tbl_delay .row1 {background-color:#E7E7E7;}
table#tbl_delay .row2 {background-color:#fff;}


/*証明書ページ--------------------------------------------------------------*/

#certificate {
	background:none;
	width:600px;
	margin-top:10px;
}

#certificate .box01 {
	border:1px solid #999;
	padding:20px;	
}

#certificate #header {
	background:url(../cmn_images/body.gif) repeat-x left top;
	height: 60px;
	text-align:left;
}
#certificate #logo {
	margin:15px 10px 0 15px;
}

/*内容*/
#certificate .dl_detail{
	width:340px;
	margin:0 auto;
}
#certificate .dl_detail dt{
	width:7.5em;
	float:left;
	text-align:left;
}
#certificate .dl_detail dd{
	margin-left:7em;
	text-align:left;
}
/*リスト*/
#certificate ul{
	margin:20px 0;
	padding:0 0 0 1.5em;
	list-style:url(../cmn_images/icon_c01_r.gif) ;
	font-size:.86em;
	text-align:left;
	line-height:1.4;
}
/*日付と社名*/
#certificate .date {
	text-align:right;
}


/*ボタンの装飾*/
div.btn {
	width:450px;
	_width:480px;
	margin:10px auto 20px;
	text-align:center;
}
div.btn p {
	background:url(../cmn_images/btn_background.gif) repeat-x top left;
	border:1px solid #ccc;
	float:left;
	margin-left:10px;
	padding:5px;
	width:200px;
}
div.btn a {
	background:url(../cmn_images/btn_icon_p.gif) no-repeat left .5em;
	padding-left:15px;
	width:200px;
}

div.btn:after{
   content:".";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
}

/*印刷用*/
@media print{
div.btn,.closeBtn {
	display:none;
}
}