BODY,DIV,TABLE,THEAD,TBODY,TFOOT,TR,TH,TD,P { font-family:"ＭＳ Ｐゴシック"; font-size:9pt }

body
	{
		color: #333333;
		background-color: #FFFFFF;
		font-weight: normal;
		font-style: normal;
		text-decoration: none;
	}


	h1 { font-size:16pt; font-weight: bold; background-color: #0000CC; color:#ffffff;}
	h2 { font-size:12pt; font-weight: bold; color:#0000CC;}
	h3 { font-size:10pt; font-weight: bold; color:#ff0000;}
	
	.xsmallfont { font-size:7pt; color:#808080;}
	.smallfont_black { font-size:8pt; color:#000000;}
	.smallfont_grey { font-size:8pt; color:#999999;}
	.smallfont { font-size:8pt; color:#808080;}
	.smallfont_red { font-size:8pt; color:#ff0000;}
	.smallfont_white { font-size:8pt; color:#ffffff;}
	.smallfont1 { font-size:8pt; color:#336666;}
	.list_smallfont { font-size:9pt; color:#0000A0;}
	.listfont { font-size:10pt; color:#0000A0;}
	.listfont_green { font-size:10pt; color:#00CC00;}
	.listfont_grey { font-size:10pt; color:#999999;}
	.listfont_white  { font-size:10pt; color:#ffffff;}
	.listfont_red  { font-size:10pt; color:#ff0000;}
	.listfont_blue  { font-size:10pt; color:#0000CC;}
	.listfont_10_white  { font-size:10pt; background-color: #0000CC; color:#ffffff;}
	.listfont_12_white  { font-size:12pt; font-weight:bold; background-color: #0000CC; color:#ffffff;}
	.12_white  { font-size:12pt; font-weight:bold; color:#ffffff;}
	.listfont_12_red  { font-size:12pt; color:#ff0000;}
	.listfont_12_green  { font-size:12pt; color:#00cc00;}
	.list_largefont { font-size:12pt; font-weight:bold; background-color:#525252; color:#ffffff;}
	.list_largefont_nonback { font-size:12pt; font-weight:bold; color:#ffffff;}


.muginavi,.muginavi-nn{
color:#999999;
font-size:9pt;
}

div.muginavi{
layer-background-color:#f1f1f1;
}
.muginavisub{
background-color:#f1f1f1;
}

.muginavi a,
.muginavi a:visited,
.muginavi a:hover{
color:#000000;
text-decoration:none;
}


<!--
A:link {text-decoration:none}
A:visited {text-decoration:none}
A:active {text-decoration:none}
A:hover {color:#FFFFFF; background:#9999FF}
-->


/* ナビゲーション */
#navi_continer {
position: relative;
z-index:100;
width: 700px;
height:36px;
}

#navi {
position: absolute;
top: 0px;
left: 0px;
width: 720px;
}

#navi ul {
margin: 0;
padding: 0;
list-style: none;
}

#navi li {
color: #fffff;
float: left;
width: 137px;
margin: 0;
}

#navi li a {
font-size: 12px;
color: #ffffff;
display: block;
width: 100%;
padding: 3px 0;
text-align: center;
font-weight: bold;
text-decoration: none;
background-color: #3399ff;
}

#navi li a:hover {
color: #ffffff;
background-color: #3366cc;
}

/* サブメニュー */
#navi ul.sub {
background: #eeeeee;
}

#navi ul.sub li {
float: none;
}

#navi ul.sub li a {
color: #666666;
background: none;
font-size: 12px;
font-weight: normal;
padding: 3px 0;
border-top:1px solid #000099;
}

#navi ul.sub li a:hover {

color: #ffffff;
background-color: #ff9900;
}

#navi ul li.navi_menu ul {
display: none;
}

#navi ul li.navi_menu_on ul {
display: block;
}

#navi li.navi_menu{
border:1px solid #000099;
}

#navi li.navi_menu_on{
border:1px solid #000099;
}

	/* コンテンツの外枠 */
	#container {
		margin: 0px;
	}
	/* 地図表示部 */
	#map {
		margin: 0px;
		float: left;
	}
	/* マーカーリストの外枠 */
	#markerlistbox {
		float: left;
		overflow: auto;
	}
	/* マーカーリストのヘッダ部 */
	.markerlist_header {
		margin: 0px 0px 10px 10px;
		padding: 2px 2px 2px 10px;
		background-color: lightsteelblue;
		font-size: 12px;
		font-weight: bold;
	}
	/* マーカーリスト全体 */
	ul.markerlist {
		margin: 0px 0px 0px 10px;
		padding: 0px;
	}
	/* マーカーリストの項目 */
	ul.markerlist li {
		margin: 2px 0px;
		padding: 0px;
		font-size: 12px;
		line-height: 120%;
		list-style-type: none;
	}
	/* マーカー全体 */
	.marker {
		width: 300px;
		margin: 10px 0px 0px 0px;
	}
	/* マーカーの表題 */
	.marker .marker_subject {
		border: solid 1px gray;
		padding: 4px;
		font-size: 16px;
	}
	/* マーカーの日付時間 */
	.marker .marker_time {
		padding: 4px;
		font-size: 16px;
	}
	/* マーカーの座標・高度 */
	.marker .marker_location {
		padding: 4px;
		font-size: 16px;
	}
	/* マーカーの画像ボックス */
	.marker .marker_image {
		padding: 10px;
		text-align: center;
	}
	/* マーカーの画像 */
	.marker .marker_image img {
		border: 0px;
	}
	/* マーカーの参照リンク */
	.marker .marker_url {
		padding: 4px;
		font-size: 12px;
	}
	/* マーカーの説明 */
	.marker .marker_desc {
		padding: 4px;
		font-size: 14px;
		line-height: 130%;
	}
	/* ルート再生パネルの枠 */
	.playroute {
		margin: 10px 0px 0px 0px;
		padding: 5px 10px;
		border: solid 1px steelblue;
		background-color: lightsteelblue;
	}
	/* ルート再生パネルのボタン */
	.playroute .playbuttons {
		margin: 0px 3px;
	}
	/* ログ解析表示部 */
	.loganalysis {
		margin: 0px;
	}
	/* ログ解析のヘッダ部 */
	.loganalysis h3 {
		margin: 20px 0px 10px 20px;
		font-size: 14px;
		font-weight: bold;
		font-family: "ＭＳ Ｐゴシック","Osaka",sans-serif;
		color: gray;
	}
	/* ログ解析のテーブル */
	.loganalysis table {
		font-size: 16px;
		font-family: "ＭＳ Ｐゴシック","Osaka",sans-serif;
		margin: 0px 0px 0px 20px;
	}
	/* ログ解析の項目名 */
	.loganalysis td.itemname {
		width: 110px;
		padding: 3px;
		background-color: black;
		color: white;
		text-align: center;
	}
	/* ログ解析のデータ */
	.loganalysis td.itemvalue {
		width: 150px;
		padding: 3px;
		background-color: gainsboro;
		color: black;
		text-align: right;
	}
	/* 区間解析表示部 */
	.sectionanalysis {
		margin: 0px;
	}
	/* 区間解析のヘッダ部 */
	.sectionanalysis h3 {
		margin: 20px 0px 10px 20px;
		font-size: 14px;
		font-weight: bold;
		font-family: "ＭＳ Ｐゴシック","Osaka",sans-serif;
		color: gray;
	}
	/* 区間解析のテーブル */
	.sectionanalysis table {
		font-size: 13px;
		font-family: "ＭＳ Ｐゴシック","Osaka",sans-serif;
		color: black;
		margin: 0px 0px 0px 20px;
	}
	/* 区間解析のテーブルヘッダ行 */
	.sectionanalysis th {
		padding: 3px;
		text-align: center;
		color: white;
		background-color: #36608D;
		font-weight: normal;
	}
	/* 区間解析の地点行 */
	.sectionanalysis tr.point {
		background-color: #BFD8FF;
	}
	/* 区間解析の中間行 */
	.sectionanalysis tr.interval {
		background-color: #E1ECFF;
	}
	/* 区間解析の地点名 */
	.sectionanalysis td.place {
		width: 200px;
		padding: 3px;
		text-align: left;
	}
	/* 区間解析の時刻 */
	.sectionanalysis td.time {
		width: 70px;
		padding: 3px;
		text-align: center;
	}
	/* 区間解析の距離 */
	.sectionanalysis td.distance {
		width: 70px;
		padding: 3px;
		text-align: right;
	}
	/* 区間解析の平均速度 */
	.sectionanalysis td.avespeed {
		width: 70px;
		padding: 3px;
		text-align: right;
	}
	/* 区間解析の高度 */
	.sectionanalysis td.height {
		width: 60px;
		padding: 3px;
		text-align: right;
	}
	/* 区間解析の平均勾配 */
	.sectionanalysis td.avegrad {
		width: 60px;
		padding: 3px;
		text-align: right;
	}
	/* プロフィールマップ表示部 */
	.profilemap {
		margin: 0px;
	}
	/* プロフィールマップのヘッダ部 */
	.profilemap h3 {
		margin: 20px 0px 10px 20px;
		font-size: 14px;
		font-weight: bold;
		font-family: "ＭＳ Ｐゴシック","Osaka",sans-serif;
		color: gray;
	}
	/* 中心点ポインタ */
	.centerpointer {
		width: 100%;
		height: 100%;
		color: red;
		font-size: 24px;
		font-family: "ＭＳ Ｐゴシック", Osaka, sans-serif;
		line-height: 100%;
	}
	/* メーターパネルの内部 */
	div#time, div#speed, div#height {
		margin: 8px 8px;
		font-size: 12px;
		font-family: "ＭＳ ゴシック","Osaka",sans-serif;
		line-height: 100%;
	}
	/* レポート表示部 */
	.report {
		margin: 0px 0px 0px 20px;
	}
	/* レポートのヘッダ部 */
	.report h3 {
		margin: 20px 0px 10px 0px;
		font-size: 14px;
		font-weight: bold;
		font-family: "ＭＳ Ｐゴシック","Osaka",sans-serif;
		color: gray;
	}
	/* レポート内の地点名 */
	.report h4 {
		margin: 8px 0px 24px 0px;
		font-size: 16px;
		font-weight: bold;
		color: darkgreen;
	}
	/* レポート内の本文 */
	.report p {
		margin: 0px;
		font-size: 16px;
		font-family: "ＭＳ ゴシック","Osaka",sans-serif;
		line-height: 120%;
	}
	/* レポート内の画像 */
	.report img {
		margin-right: 16px;
		float: left;
		vertical-align: top;
		border: 0px;
	}
	/* レポート内の区切り線 */
	.report hr {
		margin: 10px 0px;
		border: solid 1px lightgrey;
	}
	/* 著作権表示 */
	.copyright {
		font-size: 12px;
		font-family: "ＭＳ Ｐゴシック","Osaka",sans-serif;
		margin: 5px 20px;
	}
	/* 著作権表示のリンク */
	.copyright a {
		color: slategray;
		text-decoration: none;
	}