@charset "UTF-8";

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

	駅情報ページの共通設定

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

@import "../../css/navi.css";

h1 { margin-bottom: 5px; }

/*=======================================================
    駅看板、構内図、時刻表（上部分）
=======================================================*/
.top-area { width: 780px; }


/* 看板
------------------------------------------------------ */
#plate {
	width: 400px;
	float: left;
}
#plate div {
	width: 400px;
	border: 1px solid #666;
	margin: 13px 0px 10px;
	padding: 14px 0 5px;
}
#plate a {
	font-weight: bold;
	color: white;
	text-decoration: none;
}
#plate a:hover {
	text-decoration: underline;
}


/* 駅名
------------------------------------------------------ */
#plate h2 {
	margin-bottom: 10px;
	text-align: center;
	font-size: 138.5%;
}

#plate #kanji {
	font-size: 85%;
}
#plate #roma {
	font-size: 85%;
}


/* 路線
-------------------------------------------------------- */
#plate dl {
	width: 100%;
	margin-bottom: 7px;
	padding: 2px 0;
	color: white;
	position: relative;
	clear: both;
}
dl#nankai {
     background: #0083e3;
}
dl#koya {
     background: #048b40;
}
dl#kukou {
     background: #594bac;
}
dl#other {
     background: #666;
}


/* 路線名
--------------------------------------------------------- */
#plate dt {
	text-align: center;
	color: white;
}


/* 方面
--------------------------------------------------------- */
ul.houmen {
	color: #aaa;
	font-size: 85%;
	width: 390px;
	margin: 0px 0px 0px 5px;
	padding: 0px;
}
ul.houmen li {
	width: 195px;
	line-height: 110%;
	padding-bottom: 3px;
}
ul.houmen li.left { float: left; }
ul.houmen li.right {
	float: right;
	text-align: right;
}


 
 
/* 駅名
--------------------------------------------------------------- */
dd.namba{
	color: white;
	font-weight: bold;
	position: absolute;
	left: 7px;
	top: 2px;
}
dd.south {
	color: white;
	font-weight: bold;
	position: absolute;
	right: 9px;
	top: 2px;
}


/* 方面2列目
-----------------------------------------------------------------*/
dl.line2 {
	height: 3em;
}
/* 路線名 */
dl.line2 dt {
	font-weight: normal;
	padding-top: 15px;
	line-height: 100%;
}

dl.line2 dd.l2 {
	font-weight: bold;
	position: absolute;
	top: 1.7em;
	color: white;
}



/* 構内図ボタン
-------------------------------------------------------------------- */
#plate .kounai {
	margin: 15px 0px 0px 2px;
	text-align: center;
	width: 397px;
}
#plate .kounai li {
	display: inline;
	padding: 0px 5px;
}


/* 時刻表
----------------------------------------------------------------------------------- */
.top-area .jikoku {
	width: 340px;
	float: right;
}
.jikoku p {
	font-size: 77%;
	line-height: 100%;
	text-align: right;
	margin: 0px 0px 3px;
}
.jikoku dl { margin: 0px 0px 0px 10px; 
}
.jikoku dt {
	height: 23px;
	margin: 10px 0;
	padding-left: 27px;
	text-align: left;
	font-weight: bold;
	font-size: 119%;
}
dt.nankai-dia {
	background: url(../images/common/icon_nankai.gif) no-repeat 0 50%;
	color: #0083e3;
}
dt.koya-dia {
	background: url(../images/common/icon_koya.gif) no-repeat 0 50%;
	color: #048b40;
}
.jikoku dd {
	margin: 5px 5px 0px;
	font-size: 93%;
	vertical-align: top;
	text-align: left;
	line-height: 100%;
	padding: 0px 0px 10px 7px;
}
dd.dia-pdf a {
	padding-left: 16px;
	background: url(../../../images/common/icon_link-pdf.gif) no-repeat 0 1px;
}



/*=======================================================
    基本情報
=======================================================*/
.middle-area{
	width: 780px;
	clear: both;
	margin: 0px 0px 20px;
}
.link-menu {
	text-align: right;
	margin: 10px 10px 0px 0px;
	line-height: 100%;
}


/* バリアフリー、サービス情報
-------------------------------------------------------------------- */
table.barrier {
	width: 540px;
	margin: 0 0px 0 10px;
	border: 1px solid #cdcdcd;
	border-collapse: collapse;
	line-height: 1.25;
}
table.barrier th,
table.barrier td {
	border: 1px solid #cdcdcd;
	padding: 3px 5px;
}
table.barrier th {
	width: 45%;
	font-weight: normal;
	text-align: left;
}
table.barrier th.toilet {
	width: 10%;
	text-align: center;
}
table.barrier td  {
	width: 5%;
	text-align: center;
}
table.barrier th.toilet-con {
	width: 35%;
}


/*=======================================================
    駅と周辺情報
=======================================================*/

.st-info-ttl {
	margin: 30px 0px 10px 5px;
	clear: both;
}
.st-info-ttl-map {
	margin: 0px 0px 10px 5px;
	clear: both;
}


/* 駅説明
------------------------------------------------------------------------------------- */
.st-info { padding: 10px 10px 0px; 
}
.st-info img {
	float: left;
	border: 1px solid #cdcdcd;
	margin: 0px 0px 10px;
}
.st-info p {
	padding: 0px 0px 10px;
	font-size: 93%;
	float: right;
	width: 345px;
}
.st-info table {
	width: 100%;
	margin: 10px 0 0;
	border-collapse: collapse;
}
.st-info table th {
	padding: 2px;
	background: #eee;
	border: 1px solid #cdcdcd;
	text-align: left;
}
.st-info table td {
	padding: 2px;
	background: white;
	border: 1px solid #cdcdcd;
}


/* 主な施設
------------------------------------------------------------------------------------- */
.list-shisetu {
	font-size: 93%;
	margin: 0px 10px;
}
.list-shisetu dt {
	margin: 0px 0px 5px;
	font-size: 108%;
	line-height: 17px;
	background: url(../images/common/icon_orange.gif) no-repeat 0 0;
	font-weight: bold;
	padding: 0px 0px 0px 12px;
}
.list-shisetu dt span {
	padding: 0px 10px;
	font-weight: normal;
	font-size: 93%;
}
.list-shisetu dd {
	padding: 0px 0px 5px;
	margin: 0px 0px 30px 15px;
}
.list-shisetu  dd strong {
	padding: 0px 20px 0px 0px;
	font-weight: normal;
} 
.list-shisetu .explain {
	margin: 0px 0px 5px 8px;
	border-bottom: 1px dotted #C3C3C3;
	padding: 0px 0px 5px;
}
 
 

/* フォトギャラリー
------------------------------------------------------------------------------------- */
.photogallery {
	margin: 10px 0px 0px 15px;
	width: 530px;
	border: 1px solid #cdcdcd;
	padding: 0px 0px 7px;
}
.photogallery li {
	width: 85px;
	float: left;
	text-align: right;
}
.photogallery img {
	border: 1px solid #cdcdcd;
	margin: 7px 0px 0px 0px;
}


/* 近郊の地図
------------------------------------------------------------------------------------- */
#map {
	margin: 0px 0px 0px 10px;
	width: 540px;
	height: 260px;
}


/*==============================================================================
	サイドメニュー
==============================================================================*/
.submenu { margin: 20px 0px 8px; }
.submenu li { margin-bottom: 2px; }


/* 乗換案内 
-------------------------------------------------------------------------------------------*/
.link-box dd ul li {
	margin-left: 0px;
	margin-bottom: 5px;
	text-indent: 0px;
	padding-left: 0px;
}


/* バナーエリア
-------------------------------------------------------------------- */
.banner {
	margin: 10px 0px;
}
.banner li {
	margin: 0px 0px 10px 0px;
}


/*==============================================================================
	駅情報用テーブル
==============================================================================*/

table.schedule {
	width: 540px;
	margin: 10px auto 0px;
	border-collapse: collapse;
	clear: both;
}
table.schedule th {
	padding: 5px 10px;
	background: #fdfce7;
	border: 1px solid #aaa;
	font-weight: normal;
	font-size: 93%;
	text-align: left;
}
table.schedule td {
	padding: 2px 10px;
	border: 1px solid #aaa;
	text-align: left;
	font-size: 93%;
}
table.schedule td img {
	padding: 0 5px;
	vertical-align: middle;
}


/*=======================================================
    立体構内図ページ
=======================================================*/

div.rittai {
	margin: 0 auto 30px;
	text-align: center;
	position:relative;
}
div.rittai p {
	padding-left: 0;
}

/* 画像保存ガード
span.guard{
	position:absolute;
	display:block;
	width:100%;
	height:100%;
	background: url(../images/spacer.gif) repeat left top;
	margin: 0px;
	padding: 0px;
} */


/* バリアフリー 
----------------------------------------------------------------------------*/

/* テーブル */

.bf-list {
	margin: 0px 15px 0px;
	border-collapse: collapse;
	width: 750px;
}
.bf-list th {
	width: 14%;
	padding: 5px;
	background: #F7F7F7;
	font-size: 93%;
	text-align: left;
	border-top: 2px solid #BDBDBD;
	border-right: 1px solid #BDBDBD;
	border-bottom: 1px solid #BDBDBD;
	border-left: 1px solid #BDBDBD;
}
.bf-list td {
	padding: 7px 3px;
	background: white;
	font-size: 77%;
	line-height: 130%;
	text-align: center;
	border-top: 2px solid #BDBDBD;
	border-right: 1px solid #BDBDBD;
	border-bottom: 1px solid #BDBDBD;
	border-left: 1px solid #BDBDBD;
}
.bf-list th.setubi { background: #FDFCE7; }
.bf-list .setubi th {
	width: 7%;
	padding: 5px 3px;
	font-size: 77%;
	line-height: 130%;
	font-weight: normal;
	text-align: center;
	border: 1px solid #BDBDBD;
	background: #EDECF9;
	color: #060606;

}

.bf-list02 {
	margin: 0px 15px 30px;
	border-collapse: collapse;
	width: 750px;
}
.bf-list02 th {
	width: 95px;
	padding: 5px;
	background: #F7F7F7;
	font-size: 93%;
	text-align: left;
	border: 1px solid #BDBDBD;
}
.bf-list02 td {
	font-size: 93%;
	padding: 5px;
	background: white;
	text-align: center;
	border: 1px solid #BDBDBD;
}
.all-pdf {
	margin: -2.3em 15px 10px 0px;
	padding: 0px;
	text-align: right;
}


/* 時刻表上バナー用　クラス */
.jikoku div { padding: 13px 0px 10px; }