@charset "utf-8";
/* CSS Document */

div.busstop {
	clear: both;
	width: 950px;
	margin: 140px auto 20px auto;
	color: #616161;	
}

div.busstop h2 {
	margin-top: 40px;
	font-size: 16px;
	background-color: #FCC;
	padding: 16px;
	border-left: 8px solid #F00;
	color: #000;

}

div.busstop article {
	margin-top: 40px;
	width: 950px;	
}

div.busstop article section {
	margin: 40px 0;
}

div.busstop article section.list dt {
	font-size: 16px;
	color: #fff;
	padding: 4px 16px;
	margin: 32px 0;
}

div.busstop article section.list dt.hokushin {
	background-color: #E62C73;
}
div.busstop article section.list dt.chushin {
	background-color: #29ABE2;
}
div.busstop article section.list dt.nanshin {
	background-color: #33B500;
}
div.busstop article section.list dt.toshin {
	background-color: #F7931E;
}
div.busstop article section.list dt.yamanashi {
	background-color: #A17DBB;
}

div.busstop article section.list dd {
	display: inline;
	margin-right: 24px;
}

div.busstop article section.list dd a {
	color: #666;
	text-decoration: underline;
}

div.busstop article section.list dd:before {
	content:url(../../image/busstop/bus.png);
	margin-right: 8px;
	vertical-align: -4px;
}

div.busstop article section.detail ul {
	padding: 16px 0;
	border-bottom: 2px solid #FCC;
}

div.busstop article section.detail li {
	color: #666;
	vertical-align: middle;
	display: inline-block;
	margin-right: 12px;	
}

div.busstop article section.detail li:first-child {
	width: 230px;
}

div.busstop article section.detail li:last-child {
	margin-right: 0;
}


div.busstop article section.detail dt {
	font-size: 24px;
}

div.busstop article section.detail ul.hokushin dt {
	color: #E62C73;
}
div.busstop article section.detail ul.chushin dt {
	color: #29ABE2;
}
div.busstop article section.detail ul.nanshin dt {
	color: #33B500;
}
div.busstop article section.detail ul.toshin dt {
	color: #F7931E;
}
div.busstop article section.detail ul.yamanashi dt {
	color: #A17DBB;
}