#page{
	width:960px;
	padding-left:20px;
	padding-right:20px;
	background-color:white;
	margin:0 auto;
	line-height: 1.5; 
	}<!--font-weight: boldにしていた;-->
	

a {
text-decoration: none;
}

h1 {
    font-size: 60px;
	position: relative;
	padding: .5em .75em;
	color:white;
}

h1::after {
	content: '';
	position: absolute;
	top: -20px;
	left: 0;
	width: -webkit-calc(100% - 20px);
	width: calc(100% - 20px);
	height: 0;
	border: 10px solid transparent;
	border-bottom-color: gainsboro;
}

.h-red {
	padding: .3em .75em;
	background-color: #f6f6f6;
	border-left: 8px solid red;
}

.h-blue {
	padding: .3em .75em;
	background-color: #f6f6f6;
	border-left: 8px solid blue;
}

.h-orange {
	padding: .3em .75em;
	background-color: #f6f6f6;
	border-left: 8px solid orange;
}

.h-yellow {
	padding: .3em .75em;
	background-color: #f6f6f6;
	border-left: 8px solid yellow;
}

.h-green {
	padding: .3em .75em;
	background-color: #f6f6f6;
	border-left: 8px solid green;
}

.h-aqua {
	padding: .3em .75em;
	background-color: #f6f6f6;
	border-left: 8px solid aqua;
}

.h-purple {
	padding: .3em .75em;
	background-color: #f6f6f6;
	border-left: 8px solid purple;
}

.h-darkblue {
	padding: .3em .75em;
	background-color: #f6f6f6;
	border-left: 8px solid darkblue;
}

 h2 {
    position: relative;
    color: white;
    background: #2e8b57;
    line-height: 1.4;
    font-size: 26px;
   	margin-top:100px;
    padding: 0.5em 0.5em 0.5em 0.5em;
}


 h3 {
    position: relative;
    font-size: 18px;
    padding: 0.2em 0.5em 0.2em 0.5em;
}


p {
	position: relative;
	font-size: 18px;
}

.train-bottom {
font-weight:bold;
text-decoration:none;
display:block;
text-align:center;
border-radius:5px;
}

.hyperlink{
padding-top:20px;
font-size:20px;
}

.link-bottom {
color:white;
background-color:darkred;
font-weight:bold;
text-decoration:none;
text-align:center;
border-radius:5px;
padding:5px 10px 5px 10px;
}

.blockbox-blue{
border:5px solid blue;
}
}

.page-body{
	margin-top:0px;
	}

.page-body:after{
	content:"";
	clear:both;
	display:block;
	}


ol#mokuji{
	list-style-type: decimal;
	padding-left:70px;
	padding-bottom:10px;
	margin-top:10px;
	font-size:20px;
}



div.box {
width:634px; 
height:150px;
border:3px solid black;
background-color: lightcyan;
margin-top:20px;
margin-bottom:50px;
} 


div.box-mistyrose {
width:634px; 
height:150px;
border:3px solid black;
background-color: moccasin;
margin-top:50px;
} 


a {
text-decoration:none;
}

.right-side{
background-color:black;
color:white;
width:300px;
}

ul.sub-link{
	padding-left:10px;
	padding-bottom:10px;
	margin-top:10px;
	font-size:16px;
	list-style-type:none;
	line-height:1.8em;
}

ul.sub-link li a{
color:white;
}


ul.sub-link li ul {
margin: 0 0 0 0.5em;
padding: 0;
list-style-type:none;
}

ul.sub-link li ul li a{
color:white;
}

ul.sub-link li ul li ul {
margin: 0 0 0 1em;
padding: 0;
list-style-type:none;
}

ul.sub-link li ul li ul li a{
color:white;
}


ul.sub-link li ul li ul li ul {
margin: 0 0 0 1.5em;
padding: 0;
list-style-type:none;
}


.b-1{
	border:1px solid #000000;
	}
	
	
ul.index-link{
	padding-left:30px;
	margin-top:0px;
	font-size:22px;
	list-style-type:disc;
	line-height:1.8em;
	background-color:#dcdcdc;
}

ul.index-link li ul li ul{
list-style-type:disc;
}

ul.index-link li ul {
list-style-type:disc;
}






.fare {
    font-size: 16px;
    width: 640px;
    border: 1px black solid;
    margin-bottom: 20px;
}


.fare tr th {
    background-color: black;
    color: white;
    padding-top: 2px;
    padding-bottom: 2px;
    border: 1px black solid;
}

.fare tr td {
    background-color: #dcdcdc;
    border: 1px black solid;
    text-align:center;
}









.timetable1 {
    font-size: 16px;
    width: 640px;
    border: 1px black solid;
    margin-bottom: 20px;
}


.timetable1 tr th {
    background-color: royalblue;
    color: white;
    padding-top: 2px;
    padding-bottom: 2px;
    border: 1px black solid;
}

.timetable1 .t-black th {
    background-color: black;
    color: white;
}

.timetable1 tr td {
    background-color: #dcdcdc;
    border: 1px black solid;
    text-align:center;
}





.timetable2 {
    font-size: 16px;
    width: 640px;
    border: 1px black solid;
    margin-bottom: 20px;
}


.timetable2 tr th {
    background-color: crimson;
    color: white;
    padding-top: 2px;
    padding-bottom: 2px;
    border: 1px black solid;
}

.timetable2 .t-black th {
    background-color: black;
    color: white;
}

.timetable2 tr td {
    background-color: #dcdcdc;
    border: 1px black solid;
    text-align:center;
}





.timetable3 {
    font-size: 16px;
    width: 640px;
    border: 1px black solid;
    margin-bottom: 20px;
}


.timetable3 tr th {
    background-color: deeppink;
    color: white;
    padding-top: 2px;
    padding-bottom: 2px;
    border: 1px black solid;
}

.timetable3 .t-black th {
    background-color: black;
    color: white;
}

.timetable3 tr td {
    background-color: #dcdcdc;
    border: 1px black solid;
    text-align:center;
}





.timetable4 {
    font-size: 16px;
    width: 640px;
    border: 1px black solid;
    margin-bottom: 20px;
}


.timetable4 tr th {
    background-color: seagreen;
    color: white;
    padding-top: 2px;
    padding-bottom: 2px;
    border: 1px black solid;
}

.timetable4 .t-black th {
    background-color: black;
    color: white;
}

.timetable4 tr td {
    background-color: #dcdcdc;
    border: 1px black solid;
    text-align:center;
}





.timetable-station {
    background-color: #dcdcdc;
    border: 1px black solid;
	padding-left: 10px;
    margin-bottom: 30px;
    margin-top: 30px;
}



.btn-blue{
    position: relative;
    display: inline-block;
    font-weight: bold;
    padding: 10px 20px;
    width:600px;
    text-decoration: none;
    border-left: solid 4px midnightblue;
    border-right: solid 4px midnightblue;
    color: midnightblue;
    background: #e1f3ff;
    transition: .4s;
}

.btn-blue:hover {
    background: midnightblue;
    color: #FFF;
}







.btn-red{
    position: relative;
    display: inline-block;
    font-weight: bold;
    padding: 10px 20px;
    width:600px;
    text-decoration: none;
    border-left: solid 4px red;
    border-right: solid 4px red;
    color: red;
    background: mistyrose;
    transition: .4s;
}

.btn-red:hover {
    background: red;
    color: #FFF;
}








.btn-green{
    position: relative;
    display: inline-block;
    font-weight: bold;
    padding: 10px 20px;
    width:600px;
    text-decoration: none;
    border-left: solid 4px green;
    border-right: solid 4px green;
    color: green;
    background: beige;
    transition: .4s;
}

.btn-green:hover {
    background: green;
    color: #FFF;
}




.btn-deeppink{
    position: relative;
    display: inline-block;
    font-weight: bold;
    padding: 10px 20px;
    width:600px;
    text-decoration: none;
    border-left: solid 4px deeppink;
    border-right: solid 4px deeppink;
    color: deeppink;
    background: mistyrose;
    transition: .4s;
}

.btn-deeppink:hover {
    background: deeppink;
    color: #FFF;
}



.btn-orange{
	margin-top:30px;
    position: relative;
    display: inline-block;
    font-weight: bold;
    padding: 10px 20px;
    width:600px;
    text-decoration: none;
    border-left: solid 4px darkorange;
    border-right: solid 4px darkorange;
    color: darkorange;
    background: papayawhip;
    transition: .4s;
}

.btn-orange:hover {
    background: darkorange;
    color: #FFF;
}