/* ページ全体 */
body {
	margin: 10px 0px 0px 10px;
	background-color: white;
	text-align: center;
	font-family: "メイリオ","Osaka",sans-serif;
}
/* リンクのスタイル（通常時） */
a:link, a:visited {
	text-decoration: none;
	color: mediumblue;
}
/* リンクのスタイル（ロールオーバー時） */
a:hover {
	text-decoration: none;
	color: orange;
}
/* リンクのスタイル(クリック時） */
a:active {
	text-decoration: none;
	color: red;
}
/* コンテンツの外枠 */
#container {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
/* ★メニューの外枠★新規追加 */
#menubox {
	width: 153px;
	height: 478px;
	margin: 0px 5px 0px 0px;
	border-width: 1px;
	border-style: solid;
	float: left;
	background-color: white;
	border-color: white;
}
/* ★メニュー写真が入るフレーム★ */
#photoframe {
	margin: 10px 7px 0px 7px;
	width: 138px;
	height: 158px;
}
/* ★メニュー写真★ */
#menuphoto {
	width: 138px;
	height: 158px;
	border-width: 0px;
}
/* ★ボタンが並ぶパレット★ */
#buttonpalette {
	margin: 0px 7px;
	width: 138px;
	height: 35px;
	background-color: white;
}
/* ★メニューボタン（共通）★ */
#menubutton {
	width: 138px;
	height: 28px;
	margin: 0px;
	border-style: none;
}
/* ★地図タイトル★ */
#maptitle {
	margin: 0px 0px 5px 0px;
	padding: 6px 4px 4px 8px;
	background-color: orange;
	font-size: 12px;
	font-weight: bold;
	font-family: "メイリオ","Osaka",sans-serif;
	color: black;
}
/* 地図表示部 */
#map {
	margin: 0px;
	float: left;
}
/* ★ツイートの外枠★ */
#tweetbox {
	position: absolute;
	top: 0px;
	left: 645px;
	float: left;
	overflow: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px;
	background-color: white;
	border-color: white;
	border-width: 1px;
	border-style: solid;
}
/* ★マーカーリストの外枠 （heightはHTMLファイルのheight属性を手で削除しないと利かない★ */
#markerlistbox {
	position: absolute;
	top: 311px;
	left: 645px;
	height: 220px;
	float: left;
	overflow: auto;
	background-color: white;
	border-color: white;
	border-width: 1px;
	border-style: solid;
}
/* Head Photo Slide Show */
#headphoto {
	position: relative;
               width: 950px;
               height: 116px;
}
#headphoto img {
               position: absolute;
               top: 0;
               left: 0;
               z-index: 8;
               opacity: 0.0;
}
#headphoto img.active {
               z-index: 10;
               opacity: 1.0;
}
#headphoto img.last-active {
               z-index: 9;
}
/* ページの表題 ★ヘッドラインとして流用★*/
h1 {
	margin: 2px 0px 5px 0px;
	padding: 3px 10px;
	border-width: 1px 1px 1px 20px;
	border-style: solid;
	border-color: lightgray;
	font-size: 13px;
	font-weight: normal;
	font-family: "メイリオ","Osaka",sans-serif;
	color: blue;
/* ★基本ブルーは#09307E★ */
}
/* マーカーリストのヘッダ部★marginとpadding変更★ */
.markerlist_header {
	margin: 0px 0px 5px 0px;
	padding: 6px 4px 4px 8px;
	background-color: lightsteelblue;
	font-size: 12px;
	font-weight: bold;
	font-family: "メイリオ","Osaka",sans-serif;
}
/* ★マーカーリストに「ルート」表記を追加★ */
.markerlist_header:before {
	content: url(mapMarker.gif) "   ルート";
}
/* マーカーリスト全体 */
ul.markerlist {
	margin: 0px 0px 0px 10px;
	padding: 0px;
}
/* マーカーリストの項目 */
ul.markerlist li {
	margin: 2px 0px;
	padding: 0px;
	font-size: 12px;
	font-family: "メイリオ","Osaka",sans-serif;
	line-height: 120%;
	list-style-type: none;
}
/* バルーン全体 */
.marker {
	width: 300px;
	margin: 10px 0px 0px 0px;
}
/* バルーンの表題★各種変更★ */
.marker .marker_subject {
	color: black;
	background-color: orange;
	border: 0px;
	padding: 4px 10px;
	font-size: 14px;
	font-family: "メイリオ","Osaka",sans-serif;
}
/* バルーンの日付時間 */
.marker .marker_time {
	padding: 4px;
	font-size: 16px;
	font-family: "メイリオ","Osaka",sans-serif;
}
/* バルーンの座標・高度 */
.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: 14px;
	font-family: "メイリオ","Osaka",sans-serif;
}
/* バルーンの説明★フォントサイズ変更★ */
.marker .marker_desc {
	padding: 4px;
	font-size: 12px;
	font-family: "メイリオ","Osaka",sans-serif;
	line-height: 130%;
}
/* トラック再生パネルの枠 */
.playroute {
	margin: 10px 0px 0px 0px;
	padding: 5px 10px;
	border: solid 1px steelblue;
	background-color: lightsteelblue;
}
/* トラック再生パネルのボタン */
.playroute .playbuttons {
	margin: 0px 3px;
}
/* GPXファイルリンクの外枠 */
#gpxlinkbox {
	margin: 0px;
	padding: 5px 10px;
}
/* トラックデータのヘッダ部 */
h2 {
	margin: 20px 0px 10px 0px;
	padding: 3px 10px;
	border-width: 1px 1px 1px 20px;
	border-style: solid;
	font-size: 16px;
	font-weight: normal;
	font-family: "メイリオ";
	color: black;
}
/* タイムライン選択フォーム */
.timelineform  {
	margin: 10px 0px 0px 20px;
}
/* ログ解析表示部 */
.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;
}
/* 情報パネルの内部 */
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: "メイリオ";
	margin: 5px 20px;
}
/* 著作権表示のリンク */
.copyright a {
	color: slategray;
	text-decoration: none;
}
/* JBAJAの著作権表示 */
.jbcopyright {
	font-size: 12px;
	font-family: "メイリオ";
	margin: 5px 20px;
	align: right;
}
/* JBAJAの著作権表示のリンク */
.jbcopyright a {
	color: slategray;
	text-decoration: none;
}
/* FooterBox */
#footerbox {
	font-size: 10px;
	font-family: "メイリオ";
	color: white;
	background: gray;
}