@CHARSET "UTF-8";
html{
	background-color: #F4F1E8;
}
body{
	text-align:center;
	padding: 0px 10px;
}
table, tr, td{
	border: 0;
	margin: 0;
	padding: 0px;
}
.pr {
	padding: 4px 0px 4px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 4px;
/*	background-color: #f3f3f3;*/
}
/*
.pr:AFTER {
	font-size: 60%;
	content: "PR";
	color: #aaa;
}*/
.pr div {
	text-align: center;
	margin-bottom: 4px;
}
.clearfix:AFTER {
	clear: both;
	content: "";
	display: block;
	visibility: hidden;
	height: 0px;
}
.clearfix {
	display: inline-block;
}
.description {
	color:#888;
	font-size:80%;
	margin: 2px 8px 10px;
}
.description A{
	color:#888;
	margin-left:5px;
	margin-right:5px;
}
.loading{
	background-image: url("/img/ajax-loader.gif");
	background-position: left center;
	background-repeat: no-repeat;
	padding-top: 8px;
	padding-left: 30px;
	height: 24px;
	overflow: hidden;
	color: #999;
}
.link-blank:AFTER{
	content: url("/img/link_blank.png");
	margin-left: 2px;
}
.view-all {
	width: 100%;
	text-align: right;
}
.view-all A {
    background-color: #e0ffe0;
    color: #060;
	padding: 0px 10px;
}
.view-all A:HOVER {
    color: #030;
}
/* === tool-tip ========================== */
.tool-tip {
	padding: 4px;
	font-size: 90%;
	text-align: left;
	z-index: 13000;
    background-color: #4D473D;
    filter: alpha(opacity=80);
    -moz-opacity:0.8;
    opacity:0.8;
    color: #FFF;
}
.tool-title {
	color: #90ff90;
}
/* === google-map ========================== */
#google-map-flame{
	position: relative;
}
div#google-map {
	margin-left: 5px;
	margin-right: 5px;
	border: 1px solid #999;
	position: relative;
	top: 0px;
}
#map-info-preflink{
	padding: 6px;
	font-weight:bold;
	display: none;
	position: absolute;
	top: 30px;
	left: 740px;
	z-index: 12999;
	width: 185px;
	text-align: center;
    background-color: #4D473D;
    filter: alpha(opacity=80);
    -moz-opacity:0.8;
    opacity:0.8;
    color: #FFF;
    float: left;
}
#map-info-preflink A{
	color:#fff;
}

/* === main-box ========================== */
#main-box {
	text-align:left;
	width:974px;
	margin:0 auto;
}
#main-box #main-box-right-border {
	padding:0 5px 0 0;
	background: #FFF url(/img/box/main-box-border2.png) 100% 0 repeat-y;
}
#main-box #main-box-left-border {
	padding:0 0 0 5px;
	background:#FFF url(/img/box/main-box-border2.png) 0 0 repeat-y;
}
#main-box #main-box-top {
	height:12px;
	margin:0 -5px;
	background:url(/img/box/main-box2.png) 100% 0 no-repeat;
}
#main-box #main-box-top div {
	width:12px;
	height:12px;
	background:url(/img/box/main-box2.png) 0 0 no-repeat;
}
#main-box #main-box-bottom {
	height:12px;
	margin:0 -5px;
	padding:0px 0 0px;
	background:url(/img/box/main-box2.png) 100% 100% no-repeat;
	text-align:left;
}
#main-box #main-box-bottom div {
	width:12px;
	height:12px;
	background:url(/img/box/main-box2.png) 0 100% no-repeat;
}
#main-box #main-box-body {
	padding: 4px 7px 0px;
	background:#fff;
	width:950px;
	margin:0px ;
	border-top: solid 3px #0c0;
}

/* === sub-box ========================== */
.sub-box {
	text-align:left;
	width:100%;
	margin:0 auto;
}
.sub-box .sub-box-right-border {
	padding:0 5px 0 0px;
	background: #FFF url(/img/box/sub-box-border.png) 100% 0 repeat-y;
}
.sub-box .sub-box-left-border {
	padding:0 0 0 5px;
	background:#FFF url(/img/box/sub-box-border.png) 0 0 repeat-y;
}
.sub-box .sub-box-top {
	height:25px;
	margin:0 -5px;
	background:url(/img/box/sub-box.png) 100% 0 no-repeat;
}
.sub-box .sub-box-top div {
	width:150px;
	height:22px;
	background:url(/img/box/sub-box.png) 0 0 no-repeat;
	padding-top:6px;
	padding-left:15px;
	font-weight:bold;
	font-size:90%;
	color:#667;
}
.sub-box .sub-box-bottom {
	height:12px;
	margin:0 -5px;
	padding:0px 0 0px;
	background:url(/img/box/sub-box.png) 100% 100% no-repeat;
}
.sub-box .sub-box-bottom div {
	width:12px;
	height:12px;
	background:url(/img/box/sub-box.png) 0 100% no-repeat;
}
.sub-box .sub-box-body {
	padding:0px 0px 0px;
	background:#fff;
	width:100%;
	margin:0px ;
}
/* === header ========================== */
#main-header {
	margin:0px 0px 4px;
	width: 100%;
}
#main-header #main-header-left{
	float:left;
}
#main-header #main-header-right{
	float:right;
	margin-right: 8px;
}
#main-header H1{
	width:750px;
	height:39px;
	margin:0px 8px 0px 0px;
	padding:0px;
	font-weight: normal;
	font-size: 100%;
}
#main-header H1 IMG{
	float: left;
}
#main-header H1 STRONG{
	color:#FA6A1C;
	font-weight:bold;
}
#main-header #main-header-menu A       { color:#333;}
#main-header #main-header-menu A:hover { color:#f60;}

/* === header_menu-box ========================== */
#header_menu-box {
	background-image:url(/img/title-box2.png);
	background-position:left;
	background-repeat:no-repeat;
	height:38px;
	width:100%;
}
#header_menu-box #header_menu-box-left{
	padding-left:24px;
	padding-top:6px;
}
#header_menu-box #header_menu-box-right{
	float:right;
	background-image:url(/img/title-box2.png);
	background-position:right;
	background-repeat:no-repeat;
	height:38px;
	width:28px;
}

#header_menu-box TABLE{
	border: 0;
	margin: -3px 0 0;
	padding: 0;
	border-collapse: collapse;
}
#header_menu-box TABLE TD{
	padding-right : 20px;
}
#header_menu-box .menu{
	padding-left : 16px;
	font-weight: bold;
	font-size: 120%;
	color: #242;
	background-image:url(/img/point09.jpg);
	background-position:left;
	background-repeat:no-repeat;
}
#header_menu-box A       { color:#565;text-decoration: none;}
#header_menu-box A:hover { color:#f60;}
#header_ads{
	width: 100%;
	text-align: center;
	margin: 0px 0px 8px;
}

/* === gps ========================== */
#jsmap-flame{
/*	float:right;
	margin: 0px 5px 0px;*/
}
#jsmap-flame div.jsmap {
	z-index:30000;
}
INPUT#jsmap {
	margin: 0px;
	padding: 1px 0px 0px 20px;
	width: 150px;
}
div#gps-area{
	margin: 0px 8px 4px;
	width: 98%;
}
div#gps-area #gps{
	float: left;
}
div#gps-area a      { color:#000; text-decoration: underline;}
div#gps-area a:hover{ color:#c00; background-color: #fffcd0;}

div#shortcut {
	text-align:right;
}
div#shortcut IMG{
	vertical-align: bottom;
}
/* === pref-tab-area ========================== */
#pref-tab-area {
	width:928px;
	height: 40px;
	background-image: url("/img/green_bar.png");
	background-repeat: no-repeat;
	background-position: 0px -60px;
	margin:4px 0px 2px;
	padding:0px 20px 0px 0px;
}
UL#pref-tab {
	display: block;
	margin:0px;
	padding:0px;
}
UL#pref-tab LI{
	display: block;
	list-style: none;
	float: left;
}
UL#pref-tab LI A{
	display: block;
	height: 18px;
	margin: 1px 0px;
	padding: 5px 8px;
	border-left: 1px solid #fff;
	border-right: 1px solid #bbb;
	font-size: 10pt;
	font-weight: bold;
	color: #343;
}
UL#pref-tab LI A:HOVER{
	background-image: url("/img/green_bar.png");
	background-repeat: no-repeat;
	background-position: -40px -31px;
	color: #360;
}
UL#pref-tab LI A.selected{
	background-image: url("/img/green_bar.png");
	background-repeat: no-repeat;
	background-position: -40px 0px;
	color: #fff;
}
UL#pref-tab LI#pref-tab-left A.selected{
	background-position: 0px 0px;
}

/* === map-info ========================== */
div#map-info {
	width: 100%;
	text-align:right;
	color:#888;
	margin: 1px 0px;
	height: 18px;
}


/* === title-box1 ========================== */
.title-box1 {
	background-image:url(/img/title-box1.png);
	background-position:left;
	background-repeat:no-repeat;
	height:50px;
	width:100%;
	margin: 0px 0px 0px;;
}
.title-box1 .title-box1-left{
	padding-left:28px;
}
.title-box1 .title-box1-right{
	float:right;
	background-image:url(/img/title-box1.png);
	background-position:right;
	background-repeat:no-repeat;
	height:50px;
	width:28px;
}
.title-box1 IMG.fukidasi{
	margin-right: 4px;
	float: left;
}

.title-box1 h2{
	margin: 0px;
	padding: 16px 0px 0px;
	font-weight: bold;
	color: #242;
}

/* === menubox ========================== */
#menubox-flame{
	width: 181px;
	margin: 10px 0px 10px;
	padding: 0px;
	border: 1px solid #FC9A3C;
/*border: 1px solid #FA6A1C;*/
}
#menubox-top{
	margin:0px;
	color: #FFF;
	font-weight: bold;
	padding: 3px 3px 3px 10px;
	background-image: url("/img/bg/bg09orange.png");
	background-color: #Fa6A1C;
	border-bottom: 1px solid #Fa6A1C;
}
#menubox-body{
	width: 177px;
	padding:0px 2px 0px;
	margin:0px;
	background-image: url("/img/bg/bg09shaddow.png");
	background-repeat: repeat-x;
	background-color: #fff;
}
#menubox-body ul{
	margin: 0px 0px 15px;
	padding: 0;
	list-style: none;
}
#menubox-body li{
	display: block;
	padding-left:2px;
	background-position:left center;
	background-repeat:no-repeat;
}
#menubox-body li:BEFORE {
	color: #Fa6A1C;
	content: "\00BB \0020";
}
#menubox-body ul ul{
	margin: 0px 0px 5px;
}
#menubox-body li li:BEFORE {
	color: #666699;
	content: "└ ";
}
#menubox-body li a {
	color: #339;
}
#menubox-body li a:VISITED {
	color: #336;
}
#menubox-body li a:HOVER {
	background-color: #fffcd0;
	text-decoration: underline;
	color: #c00;
}
/* === pref ========================== */
#pref-flame{
	width: 181px;
	margin:0px 0px 10px;
	padding: 0px;
	border: 1px solid #696;
/*border: 1px solid #FA6A1C;*/
}
#pref-top{
	color: #FFF;
	font-weight: bold;
	font-size: 100%;
	margin:0px;
	padding: 3px 3px 3px 10px;
	background-image: url("/img/bg/bg09green.png");
	background-color: #696;
	border-bottom: 1px solid #696;
}
#pref-body{
	width: 181px;
	background-image: url("/img/bg/bg_japan.png");
	background-repeat: repeat-x;
	background-color: #fff;
	margin:0px;
	padding:0px;
}
#pref-body dt{
	margin: 2px 0px;
	padding: 0;
	font-weight: normal;
	font-size: 90%;
	color: #999;
}
#pref-body dl{
	margin: 4px 3px 8px;
	padding: 0;
}
#pref-body dd{
	display: inline;
	padding: 0px;
	padding-right: 4px;
	margin: 0px;
}
#pref-body dd a {
	color: #339;
	white-space: nowrap;
}
#pref-body dd a:VISITED {
	color: #336;
}
#pref-body dd a:HOVER {
/*	background-color: #fffcd0;*/
	text-decoration: underline;
	color: #e00;
}
#pref-body dt a {
	color: #999;
	white-space: nowrap;
}
#pref-body dt a:HOVER {
/*	background-color: #fffcd0;*/
	text-decoration: underline;
	color: #e00;
}
/* === subbox1 ========================== */
.subbox1-flame{
	width: 181px;
	margin:0px 0px 10px;
	padding: 0px;
	border: 1px solid #696;
/*border: 1px solid #FA6A1C;*/
}
.subbox1-top{
	color: #FFF;
	font-weight: bold;
	margin:0px;
	padding: 3px 3px 3px 10px;
	background-image: url("/img/bg/bg09green.png");
	background-color: #696;
	border-bottom: 1px solid #696;
}
.subbox1-body{
	width: 177px;
	background-image: url("/img/bg/bg09shaddow.png");
	background-repeat: repeat-x;
	background-color: #fff;
	margin:0px;
	padding:4px 2px 2px;
}
.subbox1-body h3{
	display: none;
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-size: 75%;
	color: #999;
}
.subbox1-body ul{
	margin: 5px 4px;
	padding: 0;
}
.subbox1-body li{
	padding-right:10px;
	list-style: none;
}
.subbox1-body li a {
	color: #339;
	white-space: nowrap;
}
.subbox1-body li a:VISITED {
	color: #336;
}
.subbox1-body li a:HOVER {
/*	background-color: #fffcd0;*/
	text-decoration: underline;
	color: #e00;
}

/* === green-box ========================== */
.green-box {
	text-align:left;
	width:100%;
	background-color:#B7E7A0;
	margin:0 auto 8px;
}
.green-box .green-box-top {
	height:6px;
	background:url(/img/box/bg_green.png) 100% 0 no-repeat;
}
.green-box .green-box-top div {
	width:6px;
	height:6px;
	background:url(/img/box/bg_green.png) 0 0 no-repeat;
}
.green-box .green-box-bottom {
	height:6px;
	background:url(/img/box/bg_green.png) 100% 100% no-repeat;
}
.green-box .green-box-bottom div {
	width:6px;
	height:6px;
	background:url(/img/box/bg_green.png) 0 100% no-repeat;
}
.green-box .green-box-body {
	padding: 0px 5px;
	width:100%;
	margin:0px ;
}
/* === brown-box ========================== */
.brown-box {
	text-align:left;
	width:100%;
	background-color:#F6ECC8;
	margin:0 auto 8px;
}
.brown-box .brown-box-top {
	height:6px;
	background:url(/img/box/bg_brown.png) 100% 0 no-repeat;
}
.brown-box .brown-box-top div {
	width:6px;
	height:6px;
	background:url(/img/box/bg_brown.png) 0 0 no-repeat;
}
.brown-box .brown-box-bottom {
	height:6px;
	background:url(/img/box/bg_brown.png) 100% 100% no-repeat;
}
.brown-box .brown-box-bottom div {
	width:6px;
	height:6px;
	background:url(/img/box/bg_brown.png) 0 100% no-repeat;
}
.brown-box .brown-box-body {
	padding: 0px 5px;
	width:100%;
	margin:0px ;
}

/* === marker info ========================== */
.michinoeki-info {
	width: 250px;
}
.michinoeki-info .michinoeki-title{
	margin: 0px;
	padding: 0px;
	color: #36c;
}
.michinoeki-info .michinoeki-title img{
	margin-right: 5px;
	border: 0px;
}
.onsen-info {
	width: 250px;
}
.onsen-info .onsen-title{
	margin: 0px;
	padding: 0px;
	color: #36c;
}
.onsen-info .onsen-title img{
	margin-right: 5px;
	border: 0px;
}
.spot-info {
	width: 400px;
}
.spot-info .spot-title{
	margin: 0px;
	padding: 0px;
	color: #36c;
	font-size: 110%;
}
.spot-info .spot-title img{
	margin-right: 5px;
}
.spot-info .spot-title A        { color: #ff6600; text-decoration: none; }
.spot-info .spot-title A:hover  { color: #c00; }
.spot-info img.spot-image{
	height:80px;
	width:auto;
	float:left;
	margin-right: 5px;
	border: 1px solid black;
}
.spot-detail-link  {
	width: 100%;
	text-align: right;
	font-size: 75%;
}
.spot-detail-link A {
    background-color: #fff0a0;
    color: #e60;
	padding: 0px 10px;
}
.spot-detail-link A:HOVER {
    color: #C00;
}

/* === main-footer ========================== */
#main-footer {
	text-align: center;
	margin-top: 8px;
	padding-top: 10px;
	border-top: 1px dashed #699;
	color: #666;
	clear: both;
}
#main-footer p{
	margin: 0px 0px 4px;
}
#main-footer #this-site-is {
}
#main-footer #about-site {
	font-size: 90%;
}
#main-footer #mashup-link {
	margin-top:10px;
	font-size: 75%;
}
#main-footer A       { color:#333; margin-right: 4px;}
#main-footer A:hover { color:#f60;}

/* === link ========================== */
#social-bookmark img{
	border: 0px;
}
#nakanohito {
	margin-top: 20px;
	text-align: center;
}
/* === pagenation ========================== */
.list-position {
	font-size: 120%;
	margin: 4px 0px;
}
.list-position STRONG{
	font-size: 150%;
	font-weight: bold;
}
.list-position A{
	color: #336;
	text-decoration: underline;
}
.list-position A:HOVER{
	color: #c00;
}

.pagenation {
	margin: 15px 0 5px;
	padding:0;
	text-align: center;
}
.list-position .pagenation {
	margin: -15px 0px 0px;
	padding:0px;
	text-align: right;
	float: right;
	font-size: 90%;
}

.pagenation IMG {
	border: 0;
	vertical-align: baseline;
}
.pagenation UL{
	display: block;
	font-size: 130%;
	font-weight: bold;
	color: #999;
}
.pagenation LI{
	display: inline;
	margin-right: 4px;
}
.pagenation A{
	color: #36c;
	text-decoration: none;
}
.pagenation A:HOVER{
	color: #c00;
	text-decoration: underline;
}