body{margin:0;padding:0;}
img{border:0 none}
li{list-style:none}
p{margin: 0 auto;line-height: 1.8}

.sp_f {
	display: none;
}

#course {
	margin: 0 auto;
	width: 980px;
	color: #858585;
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 16px;
}
#course>h1 {
	margin: 0 auto 20px;
	padding: 10px 0;
	color: #fff;
	font-size: 24px;
	font-weight: normal;
	text-align: center;
	background: #0081cc;
}
#course>.txt {
	margin: 0 auto 20px;
	text-align: center;
}
#coursemap {font-size:14px;width:980px;color:#555; }
#map {
	width: 980px;
	height: 760px;
	position: relative;
	background-image: url(../images/coursemap_base.png);
	background-position: top center;
	background-repeat: no-repeat;
	border: solid 1px #ccc;
}
#map .inr {
	width: 980px;
	background-position: top center;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
#map .inr a {
	font-size: 0;
	display: block;
	position: absolute;
	top: 0;
}
#super {
	margin-top: 175px;
	width: 250px;
	height: 50px;
	left: 161px;
}
#road {
	margin-top: 456px;
	width: 210px;
	height: 50px;
	left: 571px;
}
#north {
	margin-top: 43px;
	width: 290px;
	height: 50px;
	left: 532px;
}
#multi {
	margin-top: 274px;
	width: 190px;
	height: 50px;
	left: 576px;
}
#south {
	margin-top: 696px;
	width: 210px;
	height: 50px;
	left: 498px;
}
.section {
	margin: 0 auto 60px;
}
.section .inr {
	margin: 0 auto;
	width: 920px;
}
.section h2 {
	margin: 0 auto;
	padding: 10px 30px;
	color: #000;
	font-size: 24px;
	font-weight: normal;
	border-bottom: solid 1px #ccc;
	position: relative;
} 
.section h2::after {
	content: "";
	width: 100px;
	height: 1px;
	display: block;
	position: absolute;
	bottom: -1px;
	left: 0;
}
.section .hd {
	margin: 0 auto 30px;
	padding: 14px 30px;
	color: #000;
	font-size: 14px;
	border-bottom: solid 1px #ccc;
	position: relative;
}
.section .hd .distance {
	margin: 0 auto 0 0;
	width: 710px;
}
.section .hd .pdf {
	position: absolute;
	top: 10px;
	right: 30px;
}
.section .hd .pdf a {
	padding: 5px 0;
	color: #fff;
	width: 200px;
	text-align: center;
	text-decoration: none;
	display: block;
}
#roadBlock h2::after {
	background: #058c52;
}
#superBlock h2::after {
	background: #c7161d;
}
#northBlock h2::after {
	background: #0080cb;
}
#multiBlock h2::after {
	background: #c7161d;
}
#southBlock h2::after {
	background: #0080cb;
}
#roadBlock .hd .pdf a {
	background: #058c52;
}
#superBlock .hd .pdf a {
	background: #c7161d;
}
#northBlock .hd .pdf a {
	background: #0080cb;
}
#multiBlock .hd .pdf a {
	background: #c7161d;
}
#southBlock .hd .pdf a {
	background: #0080cb;
}
.section .overview {
	margin: 0 auto 30px;
	height: 155px;
	position: relative;
}
.section .overview .txt {
	margin: 0 auto 0 0;
	width: 688px;
}
.section .overview .img {
	width: 200px;
	font-size: 14px;
	text-align: center;
	position: absolute;
	top: 0;
	right: 0;
}
.section .overview .img a {
	color: #0081cc;
	display: block;
}
.section .overview .img a:hover {
	color: #004e7b;
}
.section .overview .img img {
	max-width: 100%;
}
.section .overview .img a:hover img {
	opacity: 0.8;
}
.section .course {
	margin: 0 auto 50px;
	text-align: center;
}
.section .videoWrapper {
	margin: 0 auto 50px;
	width: 640px;
	text-align: center;
}
.section .videoWrapper .trailerBlock {
	margin: 0 auto;
	position: relative;
	width: 100%;
	padding-top: 63.25%;
}
.section .videoWrapper .trailerBlock iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}
.section .txtBlock {
	margin: 0 auto 30px;
}
.section .txtBlock h3 {
	margin: 0 auto 20px;
	font-weight: normal;
}
.section .txtBlock table {
	margin: 0 auto 10px;
	width: 100%;
	font-size: 14px;
	border: solid 1px #909090;
	border-collapse: collapse;
}
.section .txtBlock table th {
	padding: 4px 10px;
	color: #565656;
	text-align: center;
	background: #ccc;
	border: solid 1px #909090;
}
.section .txtBlock table td {
	padding: 4px 10px;
	border: solid 1px #909090;
}

.section .txtBlock table .ex {
	font-size: 11px;
}
.section p {
	margin: 0 auto 10px;
}
.picList {
	padding: 0;
	font-size: 0;
	text-align: center;
}
.picList li {
	margin: 10px 20px;
	width: 200px;
	font-size: 14px;
	display: inline-block;
	vertical-align: top;
}
.picList li a img {
	max-width: 100%;
}
.attention {
	margin: 0 auto 10px;
	padding: 0 0 0 1em;
	font-size: 14px;
	text-indent: -1em;
}
.line .attention {
	font-size: 11px;
}

.line h2 {
	margin: 0 auto 20px;
}

.txtR {
	text-align: right;
}
.txtC {
	text-align: center;
}

/*　------------------------------　
　　　　　　　202406 自動翻訳
　------------------------------　*/
.table01 {
	display: flex; font-size: 14px;
}
.detail {
 width: 100%;
 text-align: center;
 border-collapse: collapse;
 border-spacing: 0;
 border-top: solid 1px #CCC;
	font-weight: normal;
	margin: 0 15px 50px;
}
.detail tr:nth-child(2n+1) {
 background: #EEEFEF;
	font-weight: normal;
}

.detail td {
 padding: 10px;
 border-bottom: solid 1px #CCC;
	font-weight: normal;
}
.detail th {
 padding: 10px;
 border-bottom: solid 1px #CCC;
 border-right: solid 1px #CCC;
	font-weight: 600;
}


/*　------------------------------　
　　　　　　　clearfix
　------------------------------　*/

.section:after{
content: ".";   
display: block;   
visibility: hidden;   
height: 0.1px;   
font-size: 0.1em;   
line-height: 0;   
clear: both;   }


.section{zoom: 100%;}