@charset "utf-8";

/*
	* Name: newly.css
	* License: MIT License
	  - http://sourceforge.jp/projects/opensource/wiki/licenses%2FMIT_license
*/


/* Stylesheet Document */

@media all {

	/* ========================================
	   * 09. 領域設定 - Side Bar -
	======================================== */

	#sidebar div.highway_info {
		margin: 0 0 18px 0;
	}

	#sidebar div.highway_info > h4 {
		background-color: #007456;
		color: #ffffff;
		font-size: 120%;
		font-weight: normal;
		padding: 10px 16px 10px 16px;
	}

	#sidebar div.highway_info > h4 > img {
		display: inline-block;
		height: 18px;
		margin: 0 2px 0 0;
		vertical-align: text-bottom;
		width: auto;
	}

	#sidebar div.highway_info > div.container {
		padding: 16px;
	}

	#sidebar div.highway_info > ul.banner {
		list-style-type: none;
		margin-left: 0;
	}

	#sidebar div.highway_info > ul.banner > li {
		margin-bottom: 18px;
	}

	#sidebar div.highway_info > ul.banner > li:last-child {
		margin-bottom: 0;
	}

	#sidebar div.highway_info > ul.banner > li > a,
		#sidebar div.highway_info > ul.banner > li > a > img {
			display: block;
	}

	#sidebar div.highway_info > ul.banner > li > a > img {
		height: auto;
		max-width: 300px;
		width: auto;
	}


	/* ========================================
	   * 個別設定 - 高速道路情報 -
	======================================== */

	body.highway_info #main div.highway_info nav {
		background: none;
		min-height: inherit !important;
	}

	body.highway_info #main div.highway_info > nav.area {
		border-bottom: 1px dotted #dcdcdc;
		margin-bottom: 18px;
		padding-bottom: 10px;
	}

	body.highway_info #main div.highway_info > nav.area > ul {
		list-style-type: none;
		margin-bottom: 0;
		margin-left: 14px;
		margin-right: 14px;
	}

	body.highway_info #main div.highway_info > nav.area > ul > li,
		body.highway_info #main div.highway_info > nav.area > ul > li > a {
			margin-right: 12px;
	}

	body.highway_info #main div.highway_info > nav.area > ul > li {
		border-right: 1px dotted #dcdcdc;
		display: inline-block;
	}

	body.highway_info #main div.highway_info > nav.area > ul > li:last-child {
		margin-right: 0;
	}

	body.highway_info #main div.highway_info > div.container {
		padding-left: 18px;
		padding-right: 18px;
	}

	body.highway_info #main div.highway_info > div.container > p {
		margin-bottom: 18px;
	}

	body.highway_info #main div.highway_info > div.container > div.highwaylist,
		body.highway_info #main div.highway_info > div.container > div.highwaylist > h5 {
			border-radius: 4px 4px 0 0;
	}

	body.highway_info #main div.highway_info > div.container > div.highwaylist {
		border: 1px solid #dcdcdc;
		margin: 0 0 18px 0;
		padding: 2px 2px 0 2px;
	}

	body.highway_info #main div.highway_info > div.container > div.highwaylist > h5,
		body.highway_info #main div.highway_info > div.container > div.highwaylist > ol > li > a {
			padding-left: 14px;
			padding-right: 14px;
	}

	body.highway_info #main div.highway_info > div.container > div.highwaylist > h5 {
		background-color: #007456;
		color: #ffffff;
		font-size: 120%;
		font-weight: normal;
		padding-bottom: 12px;
		padding-top: 12px;
	}

	body.highway_info #main div.highway_info > div.container > div.highwaylist > ol {
		list-style-type: none;
		margin-bottom: 0;
		margin-left: 0;
	}

	body.highway_info #main div.highway_info > div.container > div.highwaylist > ol > li {
		border-bottom: 1px dotted #dcdcdc;
	}

	body.highway_info #main div.highway_info > div.container > div.highwaylist > ol > li:last-child {
		border-bottom: none;
	}

	body.highway_info #main div.highway_info > div.container > div.highwaylist > ol > li > a {
		display: block;
		padding-bottom: 8px;
		padding-top: 8px;
	}

	body.highway_info #main div.highway_info > div.container > div.highwaylist > ol > li > a > span.label {
		display: inline-block;
	}

	body.highway_info #main div.highway_info > div.container > div.highwaylist > ol > li > a > span.label {
		border-radius: 4px;
		color: #ffffff;
		margin: 0 0 0 4px;
		padding: 2px 6px 2px 6px;
		vertical-align: middle;
	}

	body.highway_info #main div.highway_info > div.container > div.highwaylist > ol > li > a > span.label.information {
		background-color: #d24343;
	}


	/* ========================================
	   * 個別設定 - 詳細情報 -
	======================================== */

	body.highway_info.article #main div.highway_info > div.container > div.tab {
		margin: 0 0 18px 0;
		width: 100%;
	}

	body.highway_info.article #main div.highway_info > div.container > div.tab > nav.tab {
		border-bottom: 2px solid #007456;
		margin: 0 0 18px 0;
	}

	body.highway_info.article #main div.highway_info > div.container > div.tab > nav.tab > ul {
		list-style-type: none;
		margin-bottom: 0 !important;
		margin-left: -1% !important;
		margin-right: -1% !important;
		width: 102% !important;
	}

	body.highway_info.article #main div.highway_info > div.container > div.tab > nav.tab > ul:after {
		clear: both;
		content: ".";
		display: block;
		height: 0;
		line-height: 0; /* CSS HACK: Safari */
		font-size: 0; /* CSS HACK: Firefox3 */
		visibility: hidden;
	}

	body.highway_info.article #main div.highway_info > div.container > div.tab > nav.tab > ul > li {
		float: left;
		margin-left: 1% !important;
		margin-right: 1% !important;
	}

	body.highway_info.article #main div.highway_info > div.container > div.tab > nav.tab > ul > li > a {
		border-radius: 4px 4px 0 0;
		display: block;
		padding: 10px 0 10px 0;
		text-align: center;
		text-decoration: none !important;
	}

	body.highway_info.article #main div.highway_info > div.container > div.tab > nav.tab > ul > li > a:hover,
		body.highway_info.article #main div.highway_info > div.container > div.tab > nav.tab > ul > li > a.current {
			background-color: #007456;
			border: none;
			color: #ffffff;
			padding-top: 11px;
	}

	body.highway_info.article #main div.highway_info > div.container > div.tab > nav.tab > ul.triple > li {
		width: 31.3%;
	}

	body.highway_info.article #main div.highway_info > div.container > div.tab > nav.tab > ul.triple > li:last-child {
		width: 31.4%;
	}

	body.highway_info.article #main div.highway_info > div.container > div.tab > nav.tab > ul.quadruple > li {
		width: 23%;
	}

	body.highway_info.article #main div.highway_info > div.container > div.tab div.paragraph {
		border-bottom: 1px dotted #dcdcdc;
	}

	body.highway_info.article #main div.highway_info > div.container > div.tab div.paragraph:last-child {
		border-bottom: none;
		margin-bottom: 0;
	}

	body.highway_info.article #main div.highway_info > div.container > div.tab h6 {
		margin-bottom: 8px;
	}

	body.highway_info.article #main div.highway_info > div.container > div.tab ol.infolist {
		list-style-type: none;
		margin-left: 0;
	}

	body.highway_info.article #main div.highway_info > div.container > div.tab div.paragraph:last-child > ol.infolist {
		margin-bottom: 0;
	}

	body.highway_info.article #main div.highway_info > div.container > div.tab ol.infolist > li > span.label {
	}

	body.highway_info.article #main div.highway_info p > span.label {
	}

	body.highway_info.article #main div.highway_info span.label {
		border-radius: 4px;
		color: #ffffff;
		display: inline-block;
		font-size: 80%;
		margin: 0 2px 0 0;
		padding: 2px 6px 2px 6px;
		text-align: center;
		vertical-align: middle;
	}

	body.highway_info.article #main div.highway_info span.label.blocked {
		background-color: #e42503;
	}

	body.highway_info.article #main div.highway_info span.label.closed {
		background-color: #e42503;
	}

	body.highway_info.article #main div.highway_info span.label.red,
		body.highway_info.article #main div.highway_info span.label.accident {
			background-color: #3081c2;
	}

	body.highway_info.article #main div.highway_info span.label.chain {
		background-color: #e42503;
	}

	body.highway_info.article #main div.highway_info span.label.blue,
		body.highway_info.article #main div.highway_info span.label.regulation {
			background-color: #3081c2;
	}

}