@CHARSET "UTF-8";
/* new-page */
.new-page-flame{
	width: 100%;
}
dl.new-page{
	display: block;
	width: 240px;
	height: 220px;
	margin: 0px 10px 4px 2px;
	margin-right: 10px;
	padding: 0px;
	background-image: url("/img/panel3.png");
	background-repeat: no-repeat;
	float: left;
}
dl.new-page dt.new-page-title{
	display: block;
	font-size: 105%;
	color: #060;
	height: 18px;
	overflow: hidden;
	margin: 4px 10px 0px;
	font-weight: bold;
	text-align: left;
	padding: 0px;
}
dl.new-page dt.new-page-title:BEFORE{
	content: url(/img/icon/icon-spot.png);
	vertical-align: middle;
	margin-right: 4px;
}
dl.new-page dd.new-page-image{
	display: block;
	text-align: center;
	margin: 2px 0px 4px;
	padding: 0px;
	height: 110px;
	overflow: hidden;
}
dl.new-page dd.new-page-image img{
	width: 200px;
	border: 1px inset #ccc;
}
dl.new-page dd.new-page-text{
	display: block;
	font-size: 85%;
	color: #335;
	text-align: left;
	margin: 2px 10px 0px;
	padding: 0px;
	height: 38px;
	overflow: hidden;
}
dl.new-page dd.new-page-view{
	display: block;
	font-size: 90%;
	color: #999;
	text-align: right;
	margin: 1px 10px 1px;
}
dl.new-page dd.new-page-view a{
	text-decoration: none;
	color: #334;
}
dl.new-page dd.new-page-view a:HOVER,
dl.new-page2 dd.new-page2-view a:HOVER{
		text-decoration: underline;
	color: #c00;
	background-color: #fffed0;
}
dl.new-page2 dd.new-page2-view a:BEFORE,
dl.new-page dd.new-page-view a:BEFORE{
	content: url(/img/point09.jpg);
	vertical-align: middle;
	margin-right: 4px;
}
dl.new-page dd.new-page-date{
	display: block;
	font-size: 85%;
	color: #999;
	text-align: right;
	margin: 4px 10px 2px;
	padding: 2px;
	border-top: 1px dashed #999;
}

/* new-page2 */
dl.new-page2{
	display: block;
	width: 145px;
	height: 185px;
	margin: 0px 4px 8px 2px;
	margin-right: 4px;
	padding: 0px;
	background-image: url("/img/panel3.png");
	background-repeat: no-repeat;
	background-position: -5px -2px;
	float: left;
}
dl.new-page2 dt.new-page2-title{
	display: block;
	font-size: 100%;
	color: #060;
	height: 18px;
	overflow: hidden;
	margin: 4px 10px 0px;
	font-weight: bold;
	text-align: left;
	padding: 0px;
}
dl.new-page2 dt.new-page2-title:BEFORE{
	content: url(/img/point-spot.png);
	margin-right: 2px;
}
dl.new-page2 dd.new-page2-image{
	display: block;
	text-align: center;
	margin: 2px 0px 4px;
	padding: 0px;
	height: 80px;
	overflow: hidden;
}
dl.new-page2 dd.new-page2-image img{
	width: 130px;
	border: 1px inset #ccc;
}
dl.new-page2 dd.new-page2-text{
	display: block;
	font-size: 85%;
	color: #335;
	text-align: left;
	margin: 0px;
	padding: 2px 10px 0px;
	height: 38px;
	overflow: hidden;
	background-color: #fff;
}
dl.new-page2 dd.new-page2-view{
	display: block;
	font-size: 90%;
	color: #999;
	text-align: right;
	margin: 0px;
	padding: 1px 10px 1px;
	background-color: #fff;
}
dl.new-page2 dd.new-page2-view a{
	text-decoration: none;
	color: #334;
}
dl.new-page2 dd.new-page2-date{
	display: block;
	font-size: 85%;
	color: #999;
	text-align: right;
	border-top: 1px dashed #999;
	margin: 0px;
	padding: 4px 10px 2px;
	background-color: #fff;
}
/* near */
#nearSpot ul {
	margin: 0px 0px 4px;
	padding: 0;
	list-style: none;
}
#nearSpot ul  li{
	display: block;
	padding:0px 2px;
	width:174px;
}
#nearSpot ul  li IMG{
	width:170px;
	border: 0px;
}
#nearSpot ul  li a {
	color: #336;
}
#nearSpot ul  li a:VISITED {
	color: #336;
}
#nearSpot ul  li a:HOVER {
	background-color: #fffcd0;
	text-decoration: underline;
	color: #c00;
}
#nearSpot ul  li .distance {
	color: #Fa6A1C;
	font-size: 75%;
	margin-left: 4px;
}

ul#nearOnsen{
	margin: 4px 0px;
	padding: 0;
	list-style: none;
}
ul#nearOnsen li{
	display: block;
	padding-left:2px;
}
ul#nearOnsen li:BEFORE {
/*	color: #33aadd;
	content: "\00BB \0020";*/
	content: url("/img/point-onsen.png");
	margin-right:4px;
}
ul#nearOnsen li a {
	color: #336;
}
ul#nearOnsen li a:VISITED {
	color: #336;
}
ul#nearOnsen li a:HOVER {
	background-color: #fffcd0;
	text-decoration: underline;
	color: #c00;
}
ul#nearOnsen li .distance {
	color: #Fa6A1C;
	font-size: 75%;
	margin-left: 4px;
}


/* ### youtube ### */
#wp-page-movie-frame,
#wp-page-movie-frame h4 {
	width: 100%;
}
#wp-page-movie-frame #youtube-body .youtube-div {
	width: 180px;
	height: 140px;
}
#wp-page-movie-frame #youtube-body .youtube-div DT{
	font-size: 90%;
	font-weight: normal;
}

#goMapPage{
	float:right;
	border: 1px solid #666;
	background-color:#fff;
	margin-top: 14px;
	padding:1px 8px;
	cursor: pointer;
}
