@charset "Shift_JIS";
@import "01format.css";
@import "02layout.css";
@import "03common.css";

/* Box style
---------------------------------------------------- */
.boxborderGray {
	border:1px solid #ccc;
	background-color: #fff;
	padding:0.4em 0.4em;
}

.imgkensaku img {
	vertical-align:middle;
}

.boxborderGray table td{
	font-size:100%;
}

.optionwidth {
	width:130px;
}

.boxborderGray .bgGray {
	background-color: #f5f5f5;
	margin:0.5em -0.4em -0.4em -0.4em;
	padding:0.4em 0.4em;
}


.boxGray,
.boxPink,
.boxGreen {
	width:740px;
	border-top:4px solid #c6c6c6;
	background-color: #f1f1f1;
	padding:15px 10px;
	margin:30px 0;
}

.kekka {
	border:none;
	padding:5px 10px 15px 10px;
	margin:0 0 0px 0;
}

.mt20 { margin-top:20px;}
.mt30 { margin-top:30px;}

.linGray {
	border-top:4px solid #c6c6c6;
	margin-bottom:0;
	padding-bottom:0;
	margin-top:30px;
}

.ptrl0 { padding:0 0 15px 0;}
.ptrl15 { margin:0 10px; }


.boxPink {
	border-top:4px solid #f8a5b9;
	background-color: #ffeff3;
	padding:10px 10px;
}

.boxGreen {
	border-top:4px solid #72C64A;
	background-color: #ECFBE4;
	padding:10px 10px;
}

.boxGray h3,
.boxPink h3,
.boxGreen h3 {
	font-size:120%;
}

.fs120 {
	font-size:120%;
}


.STaBgGreen {
	background-color: #41991A;
	padding:3px 4px;
	color: #fff;
	margin-right:5px;
}

.STaBgGreen {
	background-color: #41991A;
	padding:3px 4px;
	color: #fff;
	margin-right:5px;
}

.boxGray h4 {
	background: url(/search/images/bg_ssttl.gif) no-repeat 0 0;
	padding-left:10px;
	font-size:90%;
	font-weight:bold;
	margin:2em 0 0.5em 0;
}

#boxfutsuunchin .boxborderGray,
#boxkaisuken {
	width:100%;
}

#boxfutsuunchin .boxborderGray {
	padding:0.3em 0;
}

.leftbox,
.rightbox {
	width:365px;
	float:left;
}

.leftbox {
	margin-right:10px;
}

/* ---- 汎用font/margin ---- */

.green {
	color: #41991A;
}

.mgr5 {
	margin-right:5px;
}

.fontSizeBig {
	font-size:117%;
}

/* ---- table ---- */

/* 基本table */

.boxGray table th,
.boxGray table td,
.boxPink table th,
.boxPink table td,
.boxGreen table th,
.boxGreen table td {
	padding:0.3em 1em;
	border:1px solid #a8a8a8;
	background-color:#fff;
}

.boxGray table th,
.boxPink table th,
.boxGreen table th {
	background-color:#e0e0e0;
	font-size:78%;
}

/* 個別に設定table */

#teiki table th,
#teiki table td {
	text-align:center;
}

#teiki table th.bggreen {
	background-color:#41991A;
	color: #fff;
}

#teiki table,
#boxkaisuken table {
	width:100%;
}

#boxkaisuken table th {
	width:60%;
}

#boxkaisuken table td {
	text-align:right;
}

/* ---- 時刻表table ---- */

#jikokuhyo table td {
	width:700px;
}

#jikokuhyo table th {
	font-size:78%;
	font-weight:bold;
	text-align:center;
}

#jikokuhyo table td table td {
	border:0;
	padding:0 2px;
	width:24px;
	text-align:center;
	font-size:100%;
	line-height:1.2;
}

/* 電車の色分け */

.tokkyu,
.tyokutsu {
	color:#db4077;
	font-weight:bold;
}

#jikokuhyo table td table td.tyokutsu {
	background-color:#db4077;
	color: #fff;
}

.kintetsuTokkyu {
	color:#db4077;
	font-weight:bold;
}

#jikokuhyo table td table td.kintetsuTokkyu {
	background-color:#db4077;
	color: #fff;
}

.kaisoku {
	color:#288bda;
	font-weight:bold;
}

.kyuko {
	color:#f84800;
}

.kukanKyuko {
	color:#CC6600;
	font-weight:bold;
}

#jikokuhyo table td table td.kukanKyuko {
	background-color:#CC6600;
	color: #fff;
}

.junkyu, .kukanJunkyu {
	color:#669900;
	font-weight:bold;
}

#jikokuhyo table td table td.kukanJunkyu {
	background-color:#669900;
	color: #fff;
}

.kukanTokkyu {
	color:#996600;
	font-weight:bold;
}

#jikokuhyo table td table td.kukanTokkyu {
	background-color:#996600;
	color: #fff;
}

.sanyo {
	color:#9370db;
}

.sanyoTokkyu {
	color:#9370db;
	font-weight:bold;
}

#jikokuhyo table td table td.sanyoTokkyu {
	background-color:#9370db;
	color: #fff;
}
.comment {
	color:#FF0000;
	font-weight:bold;
}

/* ---- 時刻表box ---- */

#boxsubTitle {
	width:100%;
	margin:-5px 0 5px 0;
}

#boxleftwrap,
#boxrightwrap,
#boxrightwrap .boxbtn,
#boxrightwrap .boxprint,
#boxSTa,
#boxInfo {
	float:left;
}

#boxleftwrap {
	width:534px;
}

#boxrightwrap {
	width:205px;
}

#boxrightwrap .boxbtn {
	margin:0 3px 0 0;
}

#boxSTa {
	margin:5px 15px 0 0;
}

#boxSTa h3 {
	font-weight:bold;
}

#boxInfo {
	margin:5px 0 0 0;
}

#boxCaption {
	clear:left;
	float:left;
	margin-top:5px;
	white-space: nowrap;
}

#boxCaption .white {
	color:#fff;
}

#boxCaption .bgRed {
	background-color:#ff0033;
	padding:3px 3px;
	margin-right:5px;
}

/* ---- 時刻表変更時リンク_08/08/30 ---- */

#change {
	margin: 20px 0;
}

#change p {
	color: #d3381c;
	font-weight: bold;
}

#change ul li a {
	background: url(/images/icon_arrow1.gif) no-repeat 0 0.2em;
	padding-left: 12px;
	line-height: 1.5;
}

/* ---- ダイヤ検索入力 ---- */

#diagram table {
	border:1px solid #ccc;
	width:758px;
	margin:0 auto;
}

#diagram table th,
#diagram table td {
	padding-top:10px;
	padding-bottom:10px;
}

#diagram table th {
	border-bottom:1px dotted #ccc;
	width:160px;
	padding-left:10px;
	vertical-align:top;
}

#diagram table td {
	border-bottom:1px dotted #ccc;
	white-space: nowrap;
}

#diagram table tr.noLine th,
#diagram table tr.noLine td {
	border:none;
	padding-bottom:0;
}

#diagram table td.rightlast {
	width:360px;
}

#diagram table td.yajirushi {
	width:63px;
	padding:0 10px;
	vertical-align:middle;
}

#diagram table td select,
#diagram table td input,
#diagram table td textarea,
#diagram p input{
	font-size: 100%;
	margin-bottom:3px;
	vertical-align:middle;
}

#diagram table td select.aligntop {
	vertical-align:top;
	margin-left:5px;
}

p.ekitanlogo {
	margin:20px 20px;
}

#diagram input.wStation{
	width: 125px;
}

/* ---- ダイヤ検索結果 ---- */


.fontB {
	font-size:140%;
	font-weight:bold;
	padding:0 5px;
}


/* fontリセット */

#diaresult td,
#diaresult th {
	font-size: 100%;
	line-height: 1.1;
}

/* 検索した駅名と時間 */

#diaresult .boxborderGray dt {
	font-weight:bold;
	border-bottom:2px solid #4da421;
	margin-bottom:10px;
}

#diaresult .boxborderGray .eki,
#diaresult .boxborderGray .normalcolor {
	font-size:1.5em;
}

#diaresult .boxborderGray .eki {
	color:#4da421;
}

#diaresult .boxborderGray .normalcolor {
	color:#333;
	padding:0 10px;
}

#diaresult .boxborderGray .time {
	padding-left:20px;
}

#diaresult .boxborderGray dl dd ul {
	display: inline;
}
#diaresult .boxborderGray dl dd ul.inline li {
	display: inline;
	padding:0 10px;
	border-right:1px solid #333;
	color:#4da421;
	font-size:1em;
}

#diaresult .boxborderGray ul.inline li.none {
	border:none;
}

#diaresult p.hyoji {
	font-size:117%;
	margin-top:30px;
	text-align:center;
}

/* ダイヤ検索結果 経路table */

#diaresult #keiro table {
	width:100%;
	margin-top:5px;
	margin-bottom:20px;
}

#diaresult #keiro table th,
#diaresult #keiro table td {
	border:1px solid #a8a8a8;
	text-align:center;
	padding:0.3em 1em;
	font-size:78%;
}

#diaresult #keiro table th {
	background-color:#838383;
	color:#fff;
}

#diaresult #keiro table th.number {
	background-color:#e0e0e0;
	color:#333;
}

/* ダイヤ検索結果 経路 タイトル部分 */

#diaresult .tab {
	width:100%;
	padding-top:10px;
	border-bottom:3px solid #c6c6c6;
}

#diaresult .tab .leftbox {
	margin-right:30px;
}

#diaresult .tab ul li{
	display:inline;
}

#diaresult .hanshin table,
#diaresult .other table {
	width:100%;
}

img.mb5 { margin-bottom:12px;}


#diaresult .hanshin table th,
#diaresult .other table th {
	font-weight:bold;
	padding:10px 10px;
	color:#fff;
	text-align:center;
	width:55px;
}

#diaresult .hanshin table td,
#diaresult .other table td { 
	padding:3px 10px 3px 18px;
	color:#fff;
	font-size:78%;
}

#diaresult .hanshin .emphasis,
#diaresult .other .emphasis {
	font-size:2em;
	font-weight:bold;
	padding:0 5px;
}

#diaresult .hanshin .emphasis3 {
	font-size:180%;
	font-weight:bold;
	padding:0 5px;
}


#diaresult .hanshin table th {
	background-color:#216300;
}

#diaresult .hanshin table td {
	background-color:#4da421;
}

#diaresult .other table th {
	background-color:#8a5d00;
}

#diaresult .other table td {
	background-color:#d08e00;
}

/* ダイヤ検索結果 経路 詳細 */

#diaresult .boxGray2 {
	width:740px;
	background-color: #f1f1f1;
	padding:10px 10px;
}

#diaresult .boxGray2 table {
	width:100%;
}

#diaresult .boxGray2 table td {
	border-bottom:1px solid #a8a8a8;
	border-top:1px solid #a8a8a8;
	padding:5px 0px;
	font-size:78%;
}

#diaresult .boxGray2 table tr.bgWhite {
	background-color: #fff;
}

#diaresult .boxGray2 table tr.bgGray td{
	padding:8px 0;
}

#diaresult .boxGray2 table td.leftfirst {
	border-left:1px solid #a8a8a8;
	width:80px;
	text-align:center;
}

#diaresult .boxGray2 table td.rightlast {
	border-right:1px solid #a8a8a8;
	width:80px;
}

#diaresult .boxGray2 table td.icon {
	width:80px;
	text-align:center;
}

#diaresult .boxGray2 table td.station {
	font-weight:bold;
	width:180px;
	font-size:117%;
}

#diaresult .boxGray2 .brown,
#diaresult .boxGray2 .pink,
#diaresult .boxGray2 .emphasis2 {
	font-weight:bold;
	font-size:1.5em;
	padding-right:3px;
}

#diaresult .boxGray2 .brown {
	color:#c37500;
}

#diaresult .boxGray2 .pink {
	color:#ff003c;
}

#diaresult .boxGray2 .railway {
	background: url(/search/images/icon_railway.gif) repeat-y center top;
}

#diaresult .boxGray2 .teikiken {
	border-top:1px solid #a8a8a8;
	width:100%;
	margin-top:20px;
}

#diaresult .boxGray2 .teikiken dl dt {
	padding: 0.5em 0 0 0;
	width: 6em;
	font-weight:bold;
}

#diaresult .boxGray2 .teikiken dl dd {
	padding: 0.5em 0 0 5em;
	margin: -2em 0px 0px;
}

#diaresult .boxwrap {
	width:100%;
	margin-top:10px;
	margin-bottom:20px;
}

#diaresult .boxwrap .leftbox {
	margin-right:30px;
}

#diaresult .boxwrap p.pageTop {
	margin: 0 0;
	text-align: right;
}

#diaresult .boxwrap p.pageTop a {
	background: url(/images/icon_arrow2.gif) no-repeat 0 0.2em;
	padding: 0 0 0 14px;
}

.walk-icon{
 vertical-align: middle;
 margin-right:3px;
}

/* ダイヤ検索結果 凡例 */

#diaresult ul#example {
	margin:40px 0;
	padding:10px 15px;
	background: #f1f1f1;
}

#diaresult ul#example li {
	float: left;
	margin-right: 15px;
	display: inline;
}

#diaresult ul#example li img {
	margin-right: 5px;
	vertical-align: middle;
}

#diaresult ul#example li.first {
	margin-top: 5px;
}

/* 3/20以降リンク */

ul.over320{
	margin: 10px 0;
}
ul.over320 li {
	display: inline;
	background: url(/images/icon_arrow1.gif) no-repeat 0 0.1em;
	padding: 0 10px 3px 14px;
	line-height: 1.5;
	color: #CC0000;
}

/* 検索に関する注意事項 */

#kensakuinfo .wrapbox {
	width:720px;
	padding:20px 20px;
	border-top:1px dotted #c6c6c6;
}

#kensakuinfo h3{
	background: url(/search/images/bg_ssttl.gif) no-repeat 0 0;

	font-size:90%;
	font-weight:bold;
	margin-bottom:10px;
	padding-left:10px;
}

#kensakuinfo ol {
	margin-top:0.5em;
}

#kensakuinfo ol li,
#kensakuinfo ul li{
	margin-left:2em;
	line-height:1.4;
}

#kensakuinfo ol li{
	list-style-type: decimal;
}

#kensakuinfo ol li dt,
#kensakuinfo ol li dd {
	font-size:1em;
}

#kensakuinfo ol li dd {
	padding-left:5em;
}

#kensakuinfo ol li.mgt10px {
	margin-top:10px;
}

#kensakuinfo ul li{
	list-style-type: disc;
	margin-bottom:0.5em;
}


#diaresult td, #diaresult th.fontBold {
/*
	font-weight:bold;
*/
}



/* Print Style
---------------------------------------------------- */
@media print {

#header,
#subMenu,
#subMenuBar,
#footer,
#breadCrumbs,
h2,
p.pageTop {
	display: none;
}

#container {
	background: none;
}

}