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

/* Box style
---------------------------------------------------- */

/* ---- TitleとFlash ---- */

#contentsTop {
	width: 800px;
}

#contentsTop h2 {
	margin:10px 20px 20px 20px;
}

#FlashAreaSTa {
	width: 798px;
	border:1px solid #ccc;
}

#FlashAreaLine {
	width: 758px;
	border:1px solid #ccc;
}

/* ---- main ---- */

.contentBox {
	width: 540px;
	margin:15px 0 0 0;
}

.contentBox .boxL,
.contentBox .boxR,
.contentBox .boxLred {
	float: left;
	padding: 0 0 30px 0;
	width: 260px;
}

.contentBox .boxL {
	margin: 0 20px 0 0;
}

.contentBox .boxLred {
	padding: 0 0 0 0;
	margin: 0 12px 10px 0;
}

.boxborderGray {
	margin: 0 0 10px 0;
	width:99%;
	border:1px solid #ccc;
}

.boxborderGray h3 {
	background: url(/station/images/bg_cttl_redline.gif) repeat-x 0 0;
	padding:0 0 0 5px;
	height:27px;
	margin:0 0 0.5em 0;
}

.bgGray {
	background-color: #f5f5f5;
	margin:0.5em 0 0 0;
	padding:0.2em 0.6em;
}

/* ---- 汎用margin/line ---- */

.bdGray {
	border:1px solid #ccc;
}

.mgt5 {
	margin-top:5px;
}

.boxinside {
	margin:0.5em 0.6em;
}

.dotline {
	border-bottom:1px dotted #ccc;
}

.photoRight {
	float:right;
	margin:0 0 0 5px;
}

.bluegreen {
	color:#427b8a;
}

/* ---- 平日昼間の主要駅所要時間 ---- */

#weekdayTime table {
	width:100%;
	margin:5px auto;
}

#weekdayTime table#mukogawaline th.futsu,
#weekdayTime table#mukogawaline td.futsu {
	width: 33%;
}

#weekdayTime table th,
#weekdayTime table td {
	padding:0.3em 1em;
	border:1px solid #a8a8a8;
	background-color:#fff;
	text-align:center;
}

#weekdayTime th {
	color: #fff;
	font-size:78%;
}

#weekdayTime th.tyokutsu {
	background-color:#db4077;
}

#weekdayTime th.kyuko {
	background-color:#f84800;
}

#weekdayTime th.ekimei {
	background-color:#4ba421;
}

#weekdayTime th.futsu {
	background-color:#545454;
}

#weekdayTime th.kaisoku {
	background-color:#0092d7;
}

#weekdayTime th.namba {
	background-color:#e89d1a;
}

#weekdayTime td.tyokutsu {
	background-color:#ffedf3;
	font-weight:bold;
}

#weekdayTime td.kyuko {
	background-color:#fff0ea;
	font-weight:bold;
}

#weekdayTime td.futsu {
	background-color:#e0e0e0;
	font-weight:bold;
}

#weekdayTime td.kaisoku {
	background-color:#e2f6ff;
	font-weight:bold;
}

#weekdayTime td.namba {
	background-color:#ffefd4;
	font-weight:bold;
}

.nowrap {
	white-space:nowrap;
}

#weekdayTime .textwrap{
	width:760px;
}


#weekdayTime .textL,
#weekdayTime .textR {
	float:left;
	width:50%;
}


/* ---- gate ---- */

#station .boxGray {
	width:740px;
	border:1px solid #cccccc;
	border-top:4px solid #c6c6c6;
	background-color: #f1f1f1;
	padding:10px;
	margin:30px 0;
}

#station .boxGray h4 {
	padding-left: 1.8em;
	text-indent: -1.8em;
	font-weight: bold;
	line-height: 1.5;
}

#station .boxGray p {
	padding-left: 1.8em;
}

#station .boxGray .photo1Txt,
#station .boxGray .photo2Txt,
#station .boxGray .photo2TxtLong {
	float: left;
	padding-right: 5px;
}

#station .boxGray .photo1Txt {
	width: 493px;
}

#station .boxGray .photo2Txt {
	width: 233px;
}

#station .boxGray .photo2TxtLong {
	width: 292px;
}

#station .boxGray .photo2BoxA {
	float: left;
	width: 260px;
}

#station .boxGray .photo2BoxB {
	float: left;
	width: 260px;
}

#station .boxGray .photo2BoxC {
	float: left;
	width: 260px;
	padding-top: 59px;
}

#station .boxGray .photo2BoxD {
	float: left;
	width: 180px;
}

#station .boxGray .photo2BoxB,
#station .boxGray .photo1Box {
	float: left;
	width: 240px;
}

#station .boxGray .photo3Box {
	margin-top: 1em;
}

#station .boxGray .photo3BoxA {
	float: left;
	width: 253px;
}

#station .boxGray .photo3BoxB {
	float: left;
	width: 232px;
}

#station .boxGray .photo2BoxD p.cap {
	width: 180px;
}

#station .boxGray .photo3Box p.cap {
	width: 232px;
}

#station .boxGray p.cap {
	width: 240px;
	text-align: center;
	padding: 0;
}

/* ---- locker ---- */

#station .boxGray dl.locker dt {
	float: left;
	width: 308px;
}

#station .boxGray dl.locker dd {
	float: left;
	width: 205px;
	padding-left: 10px;
}

#station .boxGray dl.locker dd p.cap {
	width: 205px;
	text-align: center;
	font-size: 100%;
}

#station .boxGray dl.locker dd img {
	border: #cccccc solid 1px;
}

#station table.lockerPrice {
	width: 70%;
	margin: 5px 0;
}

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

#station table.lockerPrice th {
	background-color:#ffe9b8;
}

#station table.application {
	width: 100%;
	margin: 5px 0;
}

#station table.application th,
#station table.application td {
	border:1px solid #a8a8a8;
	padding:0.3em;
}

#station table.application th {
	background-color:#e0e0e0;
	font-size: 78%;
	width: 15%;
}

#station .yakkan {
	font-size: 78%;
}

#station dl.inquiry dt {
	width: 5em;
	float: left;
	clear: both;
}

#station dl.inquiry dd {
	padding-left: 5em;
}


/* ---- list ---- */

#station table.barrierfreeList,
#station table.barrierfreeList th,
#station table.barrierfreeList td {
	border: #a8a8a8 solid 1px;
	font-size: 90%;
	padding: 3px;
}

#station table.barrierfreeList {
	width: 100%;
	margin-top:0.5em;
}

#station table.barrierfreeList th {
	background: #e0e0e0;
	width: 18%;
}

#station table.barrierfreeList th.top {
	background: #ffe9b8;
	text-align: center;
	width: auto;
}

#station table.barrierfreeList td {
	text-align: center;
	width: 14%;
}

#station table.barrierfreeList td a {
	background: url(/images/icon_pdf.gif) no-repeat;
	padding: 0 0 0.5em 18px;
}

#station .margin {
	margin: 40px 0 0 0;
}

#station img.imgtop {
	vertical-align:top;
}

#station ul.notice li {
	margin-top:3px;
}

#station ul.notice li img{
	vertical-align:middle;
}

/* ---- transition ---- */

#contents p#transition {
	background: url(/images/icon_arrow3.gif) no-repeat left;
	margin-bottom: 10px;
	padding: 2px 5px 0 18px;
	line-height: 1.0;
}


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

/* For Mac Firefox */
.contentBox .boxL {
	margin: 0 19px 0 0;
}

}