@charset "utf-8";

/* ==================================================================
	station.css
	
=================================================================== */

/* =================================
   ■ pageInformation
================================== */
.pageInformation h1.accent span{
	width:913px;
	padding-left:67px;
	background:url(../../images/01_trainbus/kakueki/common/h1-icon.png) 0 50% no-repeat;
}

.pageInformation div.nameArea{
	background:url(../../images/01_trainbus/kakueki/common/name-background.gif) 0 100% repeat-x;
	height:246px;
	text-align:center;
	padding-top:20px;
	margin-bottom:40px;
}

	.pageInformation div.nameArea h2{
		width:980px;
		margin:0 auto;
	}
	
	.pageInformation div.nameArea h2 em{
		display:inline;
		float:left;
		width:470px;
	}
	.pageInformation div.nameArea h2 em img{
		border:5px solid #99d6eb;
	}
	
	.pageInformation div.nameArea h2 span{
		display:inline;
		float:right;
		width:470px;
	}

/* =================================
   ■ contents
================================== */


/* --------------------------------
   □ contents
-------------------------------- */
.contents{
	padding-top:40px;
}

.contents .chapter{
	margin-bottom:60px;
}

/* --------------------------------
   □ #routemap-box
-------------------------------- */
#routemap-box h2{
	margin-bottom:11px;
}

#routemap-box .map{
	border:1px solid #cbe8f6;
	margin-bottom:28px;
}

#routemap-box p.text{
	margin:0;
	padding-bottom: 5px;
}

#routemap-box p.note{
	text-align:center;
	padding:6px;
	margin:0;
	background:#51b3e1;
	color:#fff;
}

#routemap-box p.note img{
	vertical-align:middle;
}

#routemap-box p.alert{
	margin:5px;
}


/* --------------------------------
   □ #mainStation-box
-------------------------------- */
#mainStation-box{
	margin-bottom:60px;
}

#mainStation-box ul.list{
	margin:1px 1px 1px 25px;
}
#mainStation-box ul.list li{
	display:inline;
	float:left;
	position:relative;
	width:84px;
	height:58px;
	text-align:center;
	
	background: #f3f3f3; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f3f3f3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#f3f3f3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#f3f3f3 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%,#f3f3f3 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 ); /* IE6-9 */	
	
	border:1px solid #cccccc;
	
	margin:-1px 0 0 -1px;
}

#mainStation-box ul.list li a{
	display:table-cell;
	width:84px;
	height:58px;
	vertical-align:middle;
	color:#333;
}

#mainStation-box ul.list li a:hover{
	background:#ccebf5;
	color:#666;
}


/* --------------------------------
   □ #syllabary-box
-------------------------------- */
#syllabary-box ul.list{
	margin:1px 1px 1px 25px;
}

#syllabary-box ul.list li{
	display:inline;
	float:left;
	position:relative;
	width:92px;
	height:58px;
	text-align:center;
	
	background: #f3f3f3; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f3f3f3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#f3f3f3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#f3f3f3 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%,#f3f3f3 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 ); /* IE6-9 */	
	
	border:1px solid #cccccc;
	
	margin:-1px 0 0 -1px;
	font-size:139%;
	text-align:center;
	line-height:1;
}

#syllabary-box ul.list li a,
#syllabary-box ul.list li > span.none{
	display:table-cell;
	text-align:left;
	width:92px;
	height:58px;
	text-align:center;
	vertical-align:middle;
	color:#333;
	font-weight:700;
}

#syllabary-box ul.list li a > span,
#syllabary-box ul.list li > span.none > span{
	padding-left:22px;
	background:url(../../images/common/icon/plus.png) 0 50% no-repeat;
}

#syllabary-box ul.list li > span.none > span{
	color:#AAAAAA;
	background-image:url(../../images/common/icon/plus-gray.png);
}

#syllabary-box ul.list li.active a,
#syllabary-box ul.list li a:hover{
	background-color:#ccebf5;
	color:#666;
}

#syllabary-box ul.list li.active a  > span{
	background-image:url(../../images/common/icon/minus.png);
}


#syllabary-box ul.list li a span.ext,
#syllabary-box ul.list li > span.none span.ext{
	font-weight:100;
	font-size:77%;
}

#syllabary-box .section{
	clear:both;
	position:relative;
	top:-1px;
	margin:0 25px 0 24px;
	border:1px solid #cccccc;
}

#syllabary-box .section ul{
	margin:24px 22px;
}
	
	#syllabary-box .section ul li{
		margin-bottom:11px;
	}
	#syllabary-box .section ul li:last-child{
		margin-bottom:0;
	}
	
	
	#syllabary-box .section ul li dl dt,
	#syllabary-box .section ul li dl dd{
		display:inline-block;
		line-height:1;
		padding-right:18px;
		border-right:2px solid #dddddd;
	}
	
	
	#syllabary-box .section ul li dl dt{
		padding-right:10px;
		
	}
	#syllabary-box .section ul li dl dd{
		margin-left:10px;
	}
	#syllabary-box .section ul li dl dd a{
		padding-left:11px;
		background:url(../../images/common/icon/arrow/blue.png) 0 50% no-repeat;
	}



/* --------------------------------
   □ #route-box
-------------------------------- */
#route-box ul.list{
	margin:1px 1px 1px 25px;
}

#route-box ul.list li{
	display:inline;
	float:left;
	position:relative;
	width:116px;
	height:58px;
	text-align:center;
	
	background: #f3f3f3; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f3f3f3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#f3f3f3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#f3f3f3 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%,#f3f3f3 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 ); /* IE6-9 */	
	
	border:1px solid #cccccc;
	
	margin:-1px 0 0 -1px;
	text-align:center;
	line-height:1;
}

#route-box ul.list li a,
#route-box ul.list li > span.none{
	display:table-cell;
	text-align:left;
	width:116px;
	height:58px;
	text-align:center;
	vertical-align:middle;
	color:#333;
	font-weight:700;
}

#route-box ul.list li a > span,
#route-box ul.list li > span.none > span{
	padding-left:22px;
	background:url(../../images/common/icon/plus.png) 0 50% no-repeat;
}

#route-box ul.list li > span.none > span{
	color:#AAAAAA;
	background-image:url(../../images/common/icon/plus-gray.png);
}

#route-box ul.list li.active a,
#route-box ul.list li a:hover{
	background-color:#ccebf5;
	color:#666;
}

#route-box ul.list li.active a  > span{
	background-image:url(../../images/common/icon/minus.png);
}


#route-box ul.list li a span.ext,
#route-box ul.list li > span.none span.ext{
	font-weight:100;
	font-size:77%;
}


#route-box .section{
	clear:both;
	position:relative;
	top:-1px;
	width:243px;
	margin:0 0 0 24px;
}

	#route-box .section ul li{
		margin-top:-1px;
		border:1px solid #cccccc;
	}
	
	
	#route-box .section dl{
		margin:4px 18px 4px 18px;
	}
	
	#route-box .section dl dt,
	#route-box .section dl dd{
		display:inline-block;
		padding:9px 0;
	}
	#route-box .section dl dt{
		width:89px;
		border-right:1px dotted #ccc;
	}
	#route-box .section dl dd{
		padding-left:17px;
	}
	
	#route-box .section dl dt a{
		padding-left:10px;
		background:url(../../images/common/icon/arrow/blue.png) 0 50% no-repeat;
	}

#route-box #uchikoBox{
	margin-left:141px;
}
#route-box #dosanBox{
	margin-left:258px;
}
#route-box #koutokuBox{
	margin-left:375px;
}
#route-box #yodoBox{
	margin-left:492px;
}
#route-box #narutoBox{
	margin-left:609px;
}
#route-box #tokushimaBox{
	margin-left:726px;
}
#route-box #mugiBox{
	margin-left:718px;
}


/* --------------------------------
   □ #transit-box
-------------------------------- */
#transit-box .object{
	width:750px;
	margin:0 auto;
}

#transit-box .object .viewMap{
	overflow:hidden;
	height:412px;
}

	#transit-box .object .viewMap .map{
		display:inline;
		float:left;
		width:473px;
	}
	
	#transit-box .object .viewMap ul.menu{
		display:inline;
		float:right;
		width:275px;
		height:100%;
		background:#333333;
	}

	#transit-box .object .viewMap ul.menu li{
		border-bottom:1px solid #B4B4B4;
	}

	
	#transit-box .object .viewMap ul.menu li a{
		display:table-cell;
		width:275px;
		height:26px;
		vertical-align:middle;
		padding:0 8px;
		background:#333333;
		color:#fff;
		font-size:10px;
	}
	#transit-box .object .viewMap ul.menu li a:hover{
		background:#FF6600;
	}

#transit-box .object p.link{
	margin-top:17px;
	text-align:right;
}

#transit-box .object p.link a{
	padding-left:10px;
	background:url(../../images/common/icon/arrow/blue.png) 0 50% no-repeat;
	color:#333;
}

#transit-box .object p.link a:hover{
	color:#666;
}


/* --------------------------------
   □ #mainprice-box
-------------------------------- */
#mainprice-box .object{
	width:650px;
	margin:0 auto;
}	
	#mainprice-box .object .viewMap ul.tab{
		margin-left:25px;
	}

	
	#mainprice-box .object .viewMap ul.tab li{
		display:inline-block;
		float:left;
	}


/* --------------------------------
   □ #trainset-box
-------------------------------- */
#trainset-box ul.list{
	margin:0 20px 0 20px;
}

#trainset-box ul.list li{
	margin-bottom:11px;
}

#trainset-box ul.list li a{
	padding-left:10px;
	background:url(../../images/common/icon/arrow/blue.png) 0 50% no-repeat;
	color:#333;
}

#trainset-box ul.list li a:hover{
	color:#666;
}








/* --------------------------------
   □ #jikoku257Top
-------------------------------- */
#jikoku257Top .contents h2.compact span.subt{
	border-left:none;
	padding:0;
	font-size:77%;
	margin-left:1em;
}

#jikoku257Top #syllabary-box div.section ul.inner li dl{
	padding-left:65px;
	position:relative;
}
#jikoku257Top #syllabary-box div.section ul.inner li dl dt{
	position:absolute;
	left:0;
	vertical-align:top;
}
#jikoku257Top #syllabary-box div.section ul.inner li dl dd{
	vertical-align:top;
	line-height: 1;
}

	#jikoku257Top #syllabary-box .section ul li dl dt,
	#jikoku257Top #syllabary-box .section ul li dl dd{
		display:inline-block;
		line-height:1;
		border-right:2px solid #dddddd;
		padding-right: 5px;
		padding-left:0;
		    margin-bottom: 15px;
	}
	
	#jikoku257Top #syllabary-box .section ul li dl dt{
		padding-right:18px;
	}
	

#jikoku257Top #route-box .section {
    clear: both;
    position: relative;
    top: -1px;
    width: 360px;
}



#jikoku257Top #route-box .section ul{
    display: inline-block;
    width: 300px;
    vertical-align: top;
	margin-top: 1px;
}

#jikoku257Top #route-box .section ul.nextline{
	margin-left:-5px;
}

#jikoku257Top #route-box .section dl dt {
    width: 115px;
    border-right: 1px dotted #ccc;
}


#jikoku257Top #route-box .section#yosanBox{
    clear: both;
    position: relative;
    top: -1px;
    width: 100%;
    margin: 0 0 0 24px;
}

#jikoku257Top #route-box .section#dosanBox{
    clear: both;
    position: relative;
    top: -1px;
    width: 100%;
}
#jikoku257Top #route-box .section#dosanBox ul{
    width: 360px;
}

#jikoku257Top #route-box .section#koutokuBox{
    width: 410px;
}
#jikoku257Top #route-box .section#koutokuBox ul{
    width: 410px;
}

#jikoku257Top #route-box .section#koutokuBox ul li dl dt{
    width: 145px;
}

#jikoku257Top #route-box .section#mugiBox ul{
    width: 310px;
}

#jikoku257Top #route-box #mugiBox {
    margin-left: 651px;
}

/* ダイヤ改正リンク - 20160303 jrsis */

.revlink_wrap {
	height:80px;
	}
	
.revlink {
	text-align:center;
	background:#DFF7FF;
	width:100%;
	margin:0 0 -100px;
	padding:10px;
	position:fixed;
	z-index:1000;
	-moz-box-shadow:1px 1px 3px #bbbbbb;
	-webkit-box-shadow:1px 1px 3px #bbbbbb;
	box-shadow:1px 1px 3px #bbbbbb;
	}
	
.revlink a {
	font-weight:bold;
	display:inline-block;
	padding:10px 87px;
	margin:0 5px;
	color:#ffffff;
	background: #0072B9;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	}
/* ダイヤ改正リンク - 20210310 jrsis */
.kaisei_link_wrap {
	height:80px;
	}
	
.kaisei_link {
	text-align:center;
	background:#DFF7FF;
	width:100%;
	margin:0 0 -100px;
	padding:10px;
	position:fixed;
	z-index:1000;
	-moz-box-shadow:1px 1px 3px #bbbbbb;
	-webkit-box-shadow:1px 1px 3px #bbbbbb;
	box-shadow:1px 1px 3px #bbbbbb;
	}
	
.kaisei_link a {
	font-weight:bold;
	display:inline-block;
	padding:10px 87px;
	margin:0 5px;
	color:#ffffff;
	background: #de4156;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	}


.revlink a.current {
	/*background:#3FB2D8;*/
	background:#0072B9 url(/share/images/common/icon/arrow/white_circle_under.png) no-repeat 15px 50%;
	color:#ffffff;
	}
	
.revlink a.kaisei {
	/*background:#CA1F01;*/
	border:2px solid #CA1F01;
	color:#CA1F01;
	}
	
.revlink a.kaisei.current {
	background:#CA1F01 url(/share/images/common/icon/arrow/white_circle_under.png) no-repeat 15px 50%;
	color:#ffffff;
	}

/* --------------------------------
   □ clearfix
-------------------------------- */
.section ul.list:after{
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
	line-height:0;
	font-size:0;
}