@charset "UTF-8";

/*/////////////////////////////////////////////////////////

 http://www.shutoko.jp/　リアルタイム交通情報CSS
 ( last updated : 2007/11/21 )
 
///////////////////////////////////////////////////////// */


.standard #main {
background:transparent url(/map/images/main_bg_map.gif) repeat-y scroll 0%;
margin:5px 0pt 0pt;
}

.standard #mapContents h1 {
background:transparent url(/map/images/map_head_bg.gif) no-repeat scroll center top;
font-size:1.17em;
padding:0.5em 10px;
}

.standard #mapContents #article .map {
	border-bottom: 1px dotted #999999;
	margin: 20px;
}

.standard #mapContents #article .map dl {
	border: 1px solid #333333;
	width: 220px;
	height: 60px;
	padding: 5px 10px;
	float: right;
	top: 10px;
	margin-right: 5px;
}

.standard #mapContents #article .map dt {
	border-bottom-style: none;
	margin: 0 0 5px;
}

.standard #mapContents #article .map dd {
	display: inline;
	padding: 0;
	margin-right: 5px;
}

.standard #mapContents #article .map dd span.hanrei01 {
	color: #333333;
}

.standard #mapContents #article .map dd span.hanrei02 {
	color: #660099;
}

.standard #mapContents #article .map dd span.hanrei03 {
	color: #00cccc;
}

.standard #mapContents #article .map dd span.hanrei04 {
	color: #ff0000;
}

.standard #mapContents #article .map dd span.hanrei05 {
	color: #ff9900;
}

.standard #mapContents #article .map dd span.hanrei06 {
	color: #66cc00;
}

.standard #mapContents #article .map dd span.hanrei07 {
	color: #666666;
}

.standard #mapContents #article ul.mapList {
	margin-bottom: 20px;
	margin-left: 6px;
	margin-top: 0;
}

.standard #mapContents #article ul.mapList li {
	background: transparent url(/common/images/lmenu_icon_samewin.gif) no-repeat scroll 2px;
	padding: 0.8em 17px 0.6em 20px;
	position:relative;
	display: inline;
}

.standard #mapContents #article ul.contentList {
	margin-top: 20px;
	margin-left: 5px;
	margin-bottom: 20px;
}

.standard #mapContents #article ul.contentList li {
	background: transparent url(/common/images/listhead_tril.gif) no-repeat scroll 12px;
	padding: 0.8em 17px 0.6em 25px;
	position:relative;
	display: inline;
}

.standard #mapContents #article p.text {
	margin-left: 10px;
}

.standard #mapContents #article .map p iframe {
	border-style: none;
	width: 920px;
	height: 1280px;
}

/* Jump to Page Top and previous page ---------- */
.standard #main div#mapFooter {
	background: url(/map/images/main_bg_map_b.gif) bottom no-repeat;
	padding: 20px 15px 10px 15px;
}
.standard #main div#mapFooter:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.map #main div#mapFooter {display:inline-block;}
/* Hide from IE-mac \*/
*html .standard #main div#mapFooter { height:1%;}
.map #main div#mapFooter { display:block;}
/* End hide form IE-mac */


.standard #main div#mapFooter ul {
	width: 880px;
}

.standard #main div#mapFooter ul li {
	font-size: 10px;
	padding: 3px 0 3px 17px;
	margin: 0;
}

.standard #main div#mapFooter ul li a {
	color: #808080;
	text-decoration: none;
}

.standard #main div#mapFooter ul li a:hover,
.standard #main div#mapFooter ul li a:active {
	text-decoration: underline;
}

.standard #main div#mapFooter ul li#back {
	float: left;
	background: url(/common/images/icon_back.gif) left no-repeat;
}

.standard #main div#mapFooter ul li#toPageTop {
	float: right;
	background: url(/common/images/icon_up.gif) left no-repeat;
}