body{
	background: #E6E6E6;
	margin: 0px;
	padding: 0px;
}

/* float　指定解除 */
.clear{
	clear: both;
}

<!-- ************************************************************* -->
<!-- パノラマ・ムービーに関する設定 -->
<!-- ************************************************************* -->

/* 大枠のレイアウト */
#layout{
	width: 800px;
	border-width: 0px;
	background: #E6E6E6;
	margin: 0px;
	padding: 0px;

}

/* ヘッダー部分 */
#top{
	width: 800px;
	background: #E6E6E6;
	border-width: 0px;
	margin: 0px;
	padding: 0px;
}

/* 見出しの設定 */
#layout h1{
	color: #006400;
	font-size: 32px;
	margin: 0px;
	padding: 10px 0px 0px 10px;
}

#layout p{
	color: #000;
	font-size: 14px;
	line-height: 20px;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 10px;
}

/* 説明部分の指定 */
#layout .doc-normal{
	color: #000;
	font-size: 14px;
	line-height: 20px;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 10px;
}

/* 上段左側ボックスの指定 */
#layout .list-left{
	position: absolute;
	top: 200px;
	left: 20px;
	width: 235px;
	background-color: transparent;
	margin: 20px 0px 30px 20px;
	padding:  0px 0px 0px 10px;
}

/* 上段中央ボックスの指定 */
#layout .list-mid{
	position: absolute;
	top: 200px;
	left: 255px;
	width: 235px;
	margin: 20px 20px 30px 0px;
	padding:  0px 0px 0px 20px;
}

/* 上段右側ボックスの指定 */
#layout .list-right{
	position: absolute;
	top: 200px;
	left: 490px;
	width: 235px;
	margin: 20px 80px 30px 20px;
	padding:  0px 0px 0px 10px;
}

/* 2段目左側ボックスの指定 */
#layout .list-left-2{
	position: absolute;
	top: 580px;
	left: 20px;
	width: 235px;
	background-color: transparent;
	margin: 20px 0px 30px 20px;
	padding:  0px 0px 0px 10px;
}

/* 2段目中央ボックスの指定 */
#layout .list-mid-2{
	position: absolute;
	top: 580px;
	left: 255px;
	width: 235px;
	margin: 20px 20px 30px 0px;
	padding:  0px 0px 0px 20px;
}

/* 2段目右側ボックスの指定 */
#layout .list-right-2{
	position: absolute;
	top: 580px;
	left: 490px;
	width: 235px;
	margin: 20px 80px 30px 20px;
	padding:  0px 0px 0px 10px;
}

/* ulセレクタｐタグの指定 */
#layout ul p{
	color: #006400;
	font-size: 20px;
	font-weight: bold;
	margin: 0px;
	padding: 10px;
}


/* ulセレクタliタグの指定 */
ul li{
	color: #000;
	background-color: transparent;
	background-image: url(../images/ico_CompasWithMap.gif);
	background-repeat: no-repeat;
	background-position: 0px;
	list-style: none;
	font-size: 18px;
	font-weight: bold;
	line-height: 28px;
	text-align: left;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 50px;
}

/* ulセレクタliタグ　マウスオーバーの指定 */
ul li a:hover{
	background: #B0C4DE;
	text-decoration: none;
}

/* ulセレクタliタグ　aタグ　リンク色の指定 */
ul li a:link{
	color: #191970;
	text-decoration: none;
}

/* ulセレクタliタグ　aタグ　訪問後リンク色の指定 */
ul li a:visited{
	color: #8B008B;
	text-decoration: none;
}

/* ulセレクタliタグ　newクラスの指定 */
ul li.new{
	color: #000;
	background-color: transparent;
	background-image: url(../images/ico_New.gif);
	background-repeat: no-repeat;
	background-position: 0px;
	list-style: none;
	font-size: 18px;
	font-weight: bold;
	line-height: 28px;
	text-align: left;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 50px;
}

<!-- ************************************************************* -->
<!-- navigation　に関する設定 -->
<!-- ************************************************************* -->

/* navigation　大枠の指定 */
#navi-cosmos{
	width: 230px;
	background: #E6E6E6;
	text-align: center;
	margin: 0px;
	padding: 0px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 220px;
}
	html>body #navi-cosmos{
	width: 220px;
}

/* navigation　見出しh3タグの指定 */
#navi-cosmos h3{
	color: #000;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	margin: 0px;
	padding: 0px 0px 0px 10px;
}

/* navigation　リンクバナー、大と小の指定 */

#navi-cosmos .image-large{
	width: 180px;
	height: 60px;
	border-width: 3px;
	border-color: #fff;
	border-style: inset;
}

/* navigation　上段大枠の指定 */
#navi-galaxy{
	width: 180px;
	height: 50px;
	border: 0px;
	margin: 10px 7px;
	padding: 0px;
	text-align: left;
}

/* navigation　上段ロゴの指定 */
#navi-galaxy .logo{
	width: 180px;
	height: 50px;
	border-width: 3px;
	border-color: #fff;
	border-style: inset;
}

/* navigation　ホームとミラーの枠指定 */
#navi-galaxy .site{
	width: 180px;
	height: 10px;
	padding: 0px 2px;
}

/* navigation　ホームとミラーの文字指定 */
#navi-galaxy .site p{
	float: left;
	width: 180px;
	height: 20px;
	line-height: 20px;
	font-size: 16px;
	font-weight: bold;
	border-width: 3px;
	border-color: #fff;
	border-style: inset;
	text-align: center;
	margin: 0px;
	padding: 1px 0px 0px 0px;
}

/* navigation　下段大枠の指定 */
#navi-nebula{
	width: 180px;
	height: 44px;
	border: 0px;
	margin: 10px;
	padding: 0px;
	text-align: center;
}

/* navigation下段　コンテンツ分類文字の指定 */
#navi-nebula h3{
	width: 180px;
	height: 24px;
	line-height: 24px;
	font-size: 12px;
	font-weight: bold;
	border-width: 3px;
	border-color: #fff;
	border-style: inset;
	text-align: left;
	display: block;
	margin: 0px;
	padding: 0px;
	voice-family: "\"}\"";
	voice-family: inherit;
}
	html>body #navi-nebula h3{
	float: left;
}

#navi-nebula li{
	float: left;
	width: 150px;
	height: 16px;
	line-height: 16px;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	background: none;
	list-style: none;
	margin: 0px;
	padding: 1px 0px 0px 0px;
}

#navi-nebula a{
	color: #191970;
	text-decoration: none;
}

/* 上記Navigation部分の設定を、JavaScriptを無効化しCSSだけで行う。 */
/* ここから */

#dlmenu {
height:10em;
}

#menu {
list-style-type:none; 
margin:0 0 10px; 
padding:0; 
position:absolute; 
width:10em; 
background:#fff; 
z-index:100;
}

#menu li {
display:block; 
padding:0; 
margin:0; 
position:relative; 
z-index:100;
}

#menu li a, #menu li a:visited {
display:block; 
text-decoration:none;
}

#menu li dd {
display:none;
}

#menu li:hover, #menu li a:hover {
border:0;
}

#menu li:hover dt a , #menu li a:hover dt a {
background:#d4d8bd url(../images/top_grad_2_new.gif) center center; 
color:#ff0; 
}

#menu li:hover dd, #menu li a:hover dd {
display:block;
}

#menu li:hover dl, #menu li a:hover dl {
height:11em; 
background:#E6E6E6 url(../images/sub_grad_new.gif);
}

#menu table {
border-collapse:collapse; 
padding:0; 
margin:-4px; 
font-size:1em;
}

#menu dl {
width: 10em; 
margin: 0; 
background: #6f9c6f; 
cursor:pointer;
}

#menu dt {
margin:0; 
padding: 0; 
font-size: 0.95em; 
border-top:1px solid #cce;
}

#menu dd {
margin:0; 
padding:0; 
font-size: 0.85em; 
text-align:left; 
}

.gallery dt a, .gallery dt a:visited {
display:block; 
color:#fff; 
padding:5px 5px 5px 10px; 
background:#949e7c url(../images/top_grad_new.gif) center center;
}

.gallery dd a, .gallery dd a:visited {
color:#000; 
min-height:1em; 
text-decoration:none; 
display:block; 
padding:4px 5px 4px 20px; 
background:#b4be9c url(../images/sub_grad_new.gif);
}

* html .gallery dd a, * html .gallery dd a:visited {
height:1em;
}

.gallery dd a:hover {
background:#7aa; 
color:#ff0;
}

/* ここまで */


<!-- ************************************************************* -->
<!-- パノラマ解説に関する設定 -->
<!-- ************************************************************* -->

/* 大枠の指定 */
#info-layout{
	width: 800px;
	border-width: 0px;
	background: #E6E6E6;
	margin: 0px;
	padding: 0px;

}

/* パノラマ解説　見出しの指定 */
#info-layout h1{
	color: #006400;
	font-size: 32px;
	margin: 0px;
	padding: 10px 0px 0px 10px;
}

/* パノラマ解説　説明文の指定 */
#info-layout p{
	color: #000;
	font-size: 14px;
	line-height: 20px;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 10px;
}

/* パノラマ解説　上段左ボックスの指定 */
#info-layout .info-list-left{
	position: absolute;
	top: 120px;
	left: 20px;
	width: 235px;
	background-color: transparent;
	margin: 20px 0px 30px 20px;
	padding:  0px 0px 0px 10px;
}

/* パノラマ解説　上段中央ボックスの指定 */
#info-layout .info-list-mid{
	position: absolute;
	top: 120px;
	left: 255px;
	width: 235px;
	margin: 20px 20px 30px 0px;
	padding:  0px 0px 0px 20px;
}

/* パノラマ解説　上段右ボックスの指定 */
#info-layout .info-list-right{
	position: absolute;
	top: 120px;
	left: 490px;
	width: 235px;
	margin: 20px 80px 30px 20px;
	padding:  0px 0px 0px 10px;
}

/* パノラマ解説　2段目左ボックスの指定 */
#info-layout .info-list-left-2{
	position: absolute;
	top: 500px;
	left: 20px;
	width: 235px;
	background-color: transparent;
	margin: 20px 0px 30px 20px;
	padding:  0px 0px 0px 10px;
}

/* パノラマ解説　2段目中央ボックスの指定 */
#info-layout .info-list-mid-2{
	position: absolute;
	top: 500px;
	left: 255px;
	width: 235px;
	margin: 20px 20px 30px 0px;
	padding:  0px 0px 0px 20px;
}

/* パノラマ解説　上段右ボックスの指定 */
#info-layout .info-list-right-2{
	position: absolute;
	top: 500px;
	left: 490px;
	width: 235px;
	margin: 20px 80px 30px 20px;
	padding:  0px 0px 0px 10px;
}

/* パノラマ解説　各項目のスタイルの指定 */
#info-layout ul li{
	color: #000;
	background-color: transparent;
	background-image: url(../images/ico_sundial.gif);
	background-repeat: no-repeat;
	background-position: 0px;
	list-style: none;
	font-size: 18px;
	font-weight: bold;
	line-height: 28px;
	text-align: left;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 50px;
}

/* パノラマ解説　各項目の文字の指定 */
#info-layout ul p{
	color: #006400;
	font-size: 20px;
	font-weight: bold;
	margin: 0px;
	padding: 10px;
}

/* パノラマ解説　各項目の新規分の指定 */
#info-layout ul li.new{
	color: #000;
	background-color: transparent;
	background-image: url(../images/ico_New.gif);
	background-repeat: no-repeat;
	background-position: 0px;
	list-style: none;
	font-size: 18px;
	font-weight: bold;
	line-height: 28px;
	text-align: left;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 50px;
}

<!-- ************************************************************* -->
<!-- 山姿フルアングルに関する設定 -->
<!-- ************************************************************* -->

/* 大枠の指定 */
#full-layout{
	width: 770px;
	border-width: 0px;
	background: #E6E6E6;
	margin: 0px;
	padding: 0px;

}

/* 山姿フルアングル　見出しの指定 */
#full-layout h1{
	color: #006400;
	font-size: 32px;
	margin: 0px;
	padding: 10px 0px 0px 10px;
}

/* 山姿フルアングル　説明文の指定 */
#full-layout p{
	color: #000;
	font-size: 14px;
	line-height: 20px;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 10px;
}

/* 山姿フルアングル　山域文字指定 */
#full-reagion{
	color: #006400;
	font-size: 20px;
	font-weight: bold;
	margin: 0px;
	padding: 10px 0px 0px 20px;
}
	
#full-mountain{
	float: left;
	width: 170px;
	padding: 0px;
	margin: 0px 0px 10px 10px;
	border-width: 2px;
	border-color: #fff;
	border-style: outset;
}

/* 山姿フルアングル　各山名のスタイルの指定 */
#full-mountain p.full-title{
	color: #000;
	background-color: transparent;
	background-image: url(../images/ico_man.gif);
	background-repeat: no-repeat;
	background-position: 0px 10px;
	border-width: 0px 0px 1px 0px;
	border-color: #fff;
	list-style: none;
	font-size: 18px;
	font-weight: bold;
	line-height: 24px;
	text-align: left;
	margin: 0px 0px 0px 10px;
	padding: 8px 0px 0px 50px;
}

#full-mountain p.full-title-new{
	color: #000;
	background-color: transparent;
	background-image: url(../images/ico_New.gif);
	background-repeat: no-repeat;
	background-position: 0px 10px;
	border-width: 0px 0px 1px 0px;
	border-color: #fff;
	list-style: none;
	font-size: 18px;
	font-weight: bold;
	line-height: 24px;
	text-align: left;
	margin: 0px 0px 0px 10px;
	padding: 8px 0px 0px 50px;
}

#full-mountain li{
	color: #000;
	list-style: none;
	font-size: 16px;
	line-height: 20px;
	text-align: left;
	margin: 0px;
	padding: 2px 0px 0px 20px;
}

/* cross-title　aタグ　マウスオーバー色の指定 */
.full-title a:hover{
	background: #B0C4DE;
	text-decoration: none;
}

/* full-title　aタグ　リンク色の指定 */
.full-title a:link{
	color: #0000FF;
	text-decoration: none;
}

/* full-title　aタグ　訪問後リンク色の指定 */
.full-title a:visited{
	color: #8B008B;
	text-decoration: none;
}

/* full-title-new　aタグ　マウスオーバー色の指定 */
.full-title-new a:hover{
	background: #B0C4DE;
	text-decoration: none;
}

/* full-title-new　aタグ　リンク色の指定 */
.full-title-new a:link{
	color: #0000FF;
	text-decoration: none;
}

/* full-title-new　aタグ　訪問後リンク色の指定 */
.full-title-new a:visited{
	color: #8B008B;
	text-decoration: none;
}

<!-- ************************************************************* -->
<!-- ルート断面図に関する設定 -->
<!-- ************************************************************* -->

/* 大枠の指定 */
#cross-layout{
	width: 770px;
	border-width: 0px;
	background: #E6E6E6;
	margin: 0px;
	padding: 0px;

}

/* ルート断面図　見出しの指定 */
#cross-layout h1{
	color: #006400;
	font-size: 32px;
	margin: 0px;
	padding: 10px 0px 0px 10px;
}

/* ルート断面図　説明文の指定 */
#cross-layout p{
	color: #000;
	font-size: 14px;
	line-height: 20px;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 10px;
}

#cross-cosmos{
	width: 760px;
	border-width: 0px;
	background: #E6E6E6;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 20px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 740px
}
	html>body #cross-cosmos{
	width: 740px
}



/* ルート断面図　山域文字指定 */
#cross-reagion{
	color: #006400;
	font-size: 20px;
	font-weight: bold;
	line-height: 36px;
	margin-top: 10px;
	padding: 10px 0px 0px 0px;
}
	
#cross-mountain{
	float: left;
	width: 750px;
	padding: 0px;
	margin: 0px;
	border-width: 2px;
	border-color: #fff;
	border-style: outset;
}

#cross-mountain .title{
	float: left;
	width: 114px;
	color: #000;
	background-color: transparent;
	background-image: url(../images/ico_ant.gif);
	background-repeat: no-repeat;
	background-position: 0px 10px;
	font-size: 18px;
	font-weight: bold;
	line-height: 24px;
	text-align: left;
	margin: 0px 0px 0px 10px;
	padding: 8px 0px 0px 50px;
}

#cross-mountain .cross-title-new{
	float: left;
	width: 114px;
	color: #000;
	background-color: transparent;
	background-image: url(../images/ico_New.gif);
	background-repeat: no-repeat;
	background-position: 0px 10px;
	font-size: 18px;
	font-weight: bold;
	line-height: 24px;
	text-align: left;
	margin: 0px 0px 0px 10px;
	padding: 8px 0px 0px 50px;
}
/* cross-title　aタグ　マウスオーバー色の指定 */
#cross-mountain .title a:hover{
	background: #B0C4DE;
	text-decoration: none;
}

/* cross-title　aタグ　訪問前リンク色の指定 */
#cross-mountain .title a:link{
	color: #191970;
	text-decoration: none;
}

/* cross-title　aタグ　訪問後リンク色の指定 */
#cross-mountain .title a:visited{
	color: #8B008B;
	text-decoration: none;
}

/* cross-title-new　aタグ　訪問前リンク色の指定 */
#cross-mountain .cross-title-new a:link{
	color: #191970;
	text-decoration: none;
}

/* cross-title-new　aタグ　マウスオーバー色の指定 */
#cross-mountain .cross-title-new a:hover{
	background: #B0C4DE;
	text-decoration: none;
}

/* cross-title-new　aタグ　訪問後リンク色の指定 */
#cross-mountain .cross-title-new a:visited{
	color: #8B008B;
	text-decoration: none;
}

/* ルート一覧の表示指定 */
.show-root{
	float: left;
	width: 540px;
	color: #000;
	list-style: none;
	line-height: 24px;
	text-align: left;
	font-size: 14px;
}

/* ルート一覧の表示指定の内、ルート・タイトルの指定 */
.route-title{
	font-weight: bold;
}


<!-- ************************************************************* -->
<!-- My Link に関する設定 -->
<!-- ************************************************************* -->

/* 大枠の指定 */
#mylink-layout{
	width: 770px;
	border-width: 0px;
	background: #E6E6E6;
	margin: 0px;
	padding: 0px;

}

/* My Link　見出しの指定 */
#mylink-layout h1{
	color: #006400;
	font-size: 32px;
	margin: 0px;
	padding: 10px 0px 0px 10px;
}

/* My Link　説明文の指定 */
#mylink-layout p{
	color: #000;
	font-size: 14px;
	line-height: 20px;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 10px;
}

#mylink-cosmos{
	width: 760px;
	border-width: 0px;
	background: #E6E6E6;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 20px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 740px
}
	html>body #cross-cosmos{
	width: 740px
}

/* My Link　カテゴリ文字指定 */
#mylink-reagion{
	color: #006400;
	font-size: 20px;
	font-weight: bold;
	line-height: 36px;
	margin-top: 10px;
	padding: 10px 0px 0px 0px;
}

#mylink-mountain{
	float: left;
	width: 750px;
	padding: 0px;
	margin: 0px;
	border-width: 2px;
	border-color: #fff;
	border-style: outset;
}

#mylink-mountain .title{
	float: left;
	width: 150px;
	color: #000;
	background-color: transparent;
	background-image: url(../images/ico_girl.gif);
	background-repeat: no-repeat;
	background-position: 0px 10px;
	font-size: 18px;
	font-weight: bold;
	line-height: 24px;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 8px 0px 0px 40px;
}

/* My Link 各リンク表示指定 */
.show-link{
	float: left;
	width: 540px;
	color: #000;
	font-size: 14px;
	padding: 0px 0px 0px 20px;
	list-style: none;
	line-height: 24px;
	text-align: left;
	text-indent: -15px;
}