@charset "utf-8";

/* -------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------
	KOYO Channel

	Copyright(c)WEATHER NEWS INC. ALL RIGHT RESERVED.
----------------------------------------------------------------------------------------
------------------------------------------------------------------------------------- */
body{
	background: #F7AD8B;
	background:url(../img/bg_sprite.png);
}
body#page-top{
	background: #FFCCA5;
}

.box {
	padding-bottom: 10px;
}
/* -------------------------------------------------------------------------------------
  BASIS
------------------------------------------------------------------------------------- */

section.pt{padding-top:10px;}section.pb{padding-bottom:10px;}
#page-top section{
	background: transparent;
}

/* -------------------------------------------------------------------------------------
  CONT
------------------------------------------------------------------------------------- */
.cont{
	background: #F7AD8B !important;
}
#page-top .cont>div{
	width: 320px;
	display: table;
	margin: 0 auto;
	padding-bottom: 14px;
}
#page-top .cont .map,
#page-top .cont .today-report{
	display: table-cell;
}
.map{
	width: 240px;
	height: 265px;
	overflow: hidden;
	position: relative;
}
.map .ttl,.map .map-img,.map .legend,.map .comment{
	position: absolute;
}
.map .ttl{
	left: 5px;
	top: 3px;
}
.map .map-img{
	left: -15px;
	top: 38px;
}
.map .legend{
	left: 10px;
	top: 75px;
}
.map .comment{
	left: 105px;
	top: 15px;
	-webkit-animation:float 1.5s ease-in-out 0s infinite both;
	animation:float 1.5s ease-in-out 0s infinite both;
}
@-webkit-keyframes float {
	0% {-webkit-transform:translate(0, 0);}
	50% {-webkit-transform:translate(0, -6px);}
	100% {-webkit-transform:translate(0, 0);}
}
@keyframes float {
	0% {transform:translate(0, 0);}
	50% {transform:translate(0, -6px);}
	100% {transform:translate(0, 0);}
}
.today-report{
	width: 80px;
	padding-top: 10px;
}
.today-report dt{
	font-size: 11px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	text-shadow: 1px 1px 1px rgba(0,0,0,.75);
}
.today-report dd{
	margin-bottom: 1px;
}
.overlay{
	display: none;
	background: rgba(0,0,0,.8);
	position: absolute;
	top: 0;
	left:0;
	z-index: 1000;
}
.comment-box{
	display: none;
	position: absolute;
	margin: 0 auto;
	border-radius: 8px;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(60%, #ededed), to(#f3f3f3));
	background: -webkit-linear-gradient(top, #fff, #ededed 60%,#f3f3f3);
	background: linear-gradient(top, #fff, #ededed 60%, #f3f3f3);
	min-height: 100px;
	z-index: 1001;
	left: 50%;
	top: 30px;
}
.comment-box.text{
	padding: 15px;
}
.comment-box.photo{
	padding: 10px;
}
.comment-box img{
	width: 100%;
}
.comment-box h1{
	margin: 10px 0 5px;
	font-size: 16px;
	color: #E86E3A;
}
.comment-box .close{
	position: absolute;
	font-size: 25px;
	display: block;
	text-align: center;
	vertical-align: middle;
	height: 25px;
	line-height: 25px;
	width: 25px;
	right: 0px;
	top: -15px;
	border: 2px solid #251915;
	border-radius: 20px;
	background-color: #F09319;
	color: #251915;
	font-weight: bold;
	box-shadow: 1px 1px 1px 0px rgba(0,0,0,.3);
	z-index: 1001;
}
.gallery-list{
	margin: 10px 0 10px 10px;
}
.gallery-list li{
	float: left;
	margin: 0 10px 10px 0;
}
.gallery-list li img{
	width: 93px;
}
.gallery-list::after{
	content: "";
	display: block;
	clear: both;
}

/* -------------------------------------------------------------------------------------
  CONT2
------------------------------------------------------------------------------------- */
.cont2{
	background:-webkit-gradient(linear,left top,left bottom,from(#F7AD8B),to(#FFCCA5)) !important;
	background:-webkit-linear-gradient(top,#F7AD8B,#FFCCA5) !important;
	background:linear-gradient(top,#F7AD8B,#FFCCA5) !important;
}
.spot-search,
.spot-search a{
	color: #fff;
}
.spot-search{
	margin: 0 10px;
	padding: 10px 10px 5px;
	border: 1px solid #ee683f;
	border-radius: 8px;
	background:-webkit-gradient(linear,left top,left bottom,from(#f07b46),to(#c53205));
	background:-webkit-linear-gradient(top,#f07b46,#c53205);
	background:linear-gradient(top,#f07b46,#c53205);
	font-size: 0;
	text-shadow: 1px 1px 1px rgba(0,0,0,.75);
	box-shadow: 1px 1px 2px 1px rgba(73,17,0,.4);
}
.spot-search dt{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 5px;
}
.spot-search dd{
	display: inline-block;
	text-align: center;
	width: 25%;
	font-size: 12px;
	line-height: 1;
	overflow: hidden;
}
.spot-weather li{
	list-style-type: none;
}
.spot-weather #telop,
.spot-weather .temperature{display: inline-block;vertical-align: middle;}
.spot-weather .temperature{margin-left: 5px;}
.spot-weather .temperature li{margin: 5px 0;}
.spot-weather ul{list-style:none; font-size:17px; line-height:20px;}
.spot-weather ul li span{display: inline-block;}
.spot-weather ul li span.high{ background:#F00; color:#FFF;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius: 8px;-o-border-radius: 8px; border-radius: 8px; padding:3px 10px; margin-right:10px; font-size:90%;}
.spot-weather ul li span.low{ background: #39F;color:#FFF;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius: 8px;-o-border-radius: 8px; border-radius: 8px; padding:3px 10px; margin-right:10px; font-size:90%;}
.spot-weather div.list-nav{
	margin: 10px auto 5px;
}

.spot-info h3{
	background: #cc1a00;
	color: #fff;
	padding: 5px;
	margin: 5px 0;
}

/* -------------------------------------------------------------------------------------
  .report
------------------------------------------------------------------------------------- */
.btn-report{
	text-align: center;
	padding: 10px 0;
}
.btn-report a{
	display: block;
	border: 2px solid #FFA800;
	background:#ffa800;
	margin: 0 15px;
	font-size: 24px;
	height: 48px;
	line-height: 48px;
	text-shadow: 1px 1px 1px rgba(255,255,255,.5);
	position: relative;
	border-radius: 10px;
	box-shadow: 1px 2px 2px 1px rgba(73,17,0,.4);
	background:-webkit-gradient(linear,left top,left bottom,from(#FFE4AF),color-stop(40%,#FFB830),to(#ffa800));
}
.btn-report span{
	display: inline-block;
	position: relative;
	padding-left: 44px;
	background: url(../img/icon_reportsend.png) no-repeat 0 50%;
	background-size: 34px 27px;
	z-index: 3;
}

/* -------------------------------------------------------------------------------------
  row
------------------------------------------------------------------------------------- */
/*icon list in 2 row*/
ul.nav-row-btn { list-style-type: none; clear: both; }
ul.nav-row-btn li {
	height: 50px;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(49%, #ededed), color-stop(50%, #f3f3f3), to(#fff));
	background: -webkit-linear-gradient(top, #fff, #ededed 49%, #f3f3f3 50%, #fff);
	background: linear-gradient(top, #fff, #ededed 49%, #f3f3f3 50%, #fff);
	border-top: solid 1px #ebebeb;
	border-bottom: solid 1px #d0d0d0;
	display: block;
	border-radius: 8px;
	margin: 5px 15px;
	box-shadow: 1px 1.5px 2px 1px rgba(73,17,0,.3);
}
ul.nav-row-btn li a {width: 100%;height: 100%;display: block;vertical-align: top;}
ul.nav-row-btn li a img { padding: 5px 5px 0 5px; float: left;width:40px;height:40px; }
ul.nav-row-btn li a div{line-height: 50px;font-size: 18px;}


/* -------------------------------------------------------------------------------------
  LABLE
------------------------------------------------------------------------------------- */
div.koyo-content-label {
	background: #e50b00;
	background: -webkit-gradient(linear,right center,left center,from(#8b2000),color-stop(25%,#e10e00),color-stop(75%,#b32a00),to(#8b2000));
	background: -webkit-linear-gradient(right,#8b2000 10%,#e10e00 25%,#b32a00 75%,#8b2000);
	background: -moz-linear-gradient(right,#8b2000 10%,#e10e00 25%,#b32a00 75%,#8b2000);
	background: -ms-linear-gradient(right,#8b2000 10%,#e10e00 25%,#b32a00 75%,#8b2000);
	background: -o-linear-gradient(right,#8b2000 10%,#e10e00 25%,#b32a00 75%,#8b2000);
	background: linear-gradient(right,#8b2000 10%,#e10e00 25%,#b32a00 75%,#8b2000);
	border-top:solid 1px #fff2e2;border-bottom:solid 1px #4f0000;
}
div.koyo-content-label p {
	background: url(../img/icon_intitle.png)0 0 no-repeat;
	background-size:20px 20px;-webkit-background-size:20px 20px;-moz-background-size:20px 20px;-ms-background-size:20px 20px;-o-background-size:20px 20px;
	padding:0 0 0 35px;color:#fff;font-weight:bold;font-size:16px;line-height:30px;font-family:"ヒラギノ角ゴ ProN W6","HiraKakuProN-W6"; text-align:left;
	text-shadow:0px -1px 0px rgba(0,0,0,.7);-webkit-text-shadow:0px -1px 0px rgba(0,0,0,.7);-moz-text-shadow:0px -1px 0px rgba(0,0,0,.7);-ms-text-shadow:0px -1px 0px rgba(0,0,0,.7);-o-text-shadow:0px -1px 0px rgba(0,0,0,.7);
	background-position:5px; 
}


div.koyo-content-label-child {
	background: #e50b00;
	background: -webkit-gradient(linear,left center,right center,from(#e15a00),color-stop(25%,#e10e00),color-stop(75%,#b32a00),to(#8b2000));
	background: -webkit-linear-gradient(left,#e15a00,#e10e00 25%,#b32a00 75%,#8b2000);
	background: -moz-linear-gradient(left,#e15a00,#e10e00 25%,#b32a00 75%,#8b2000);
	background: -ms-linear-gradient(left,#e15a00,#e10e00 25%,#b32a00 75%,#8b2000);
	background: -o-linear-gradient(left,#e15a00,#e10e00 25%,#b32a00 75%,#8b2000);
	background: linear-gradient(left,#e15a00,#e10e00 25%,#b32a00 75%,#8b2000);
	border-top:solid 1px #fff2e2;border-bottom:solid 1px #4f0000;
	position: relative;
}
div.koyo-content-label-child p {
	padding: 0 0 0 13px; color: #001a45; font-weight: bold; font-size: 16px; line-height: 25px; text-align: left;color:#fff;font-family: "ヒラギノ角ゴ ProN W6","HiraKakuProN-W6";
	text-shadow:0px -1px 0px rgba(0,0,0,.7);-webkit-text-shadow:0px -1px 0px rgba(0,0,0,.7);-moz-text-shadow:0px -1px 0px rgba(0,0,0,.7);-ms-text-shadow:0px -1px 0px rgba(0,0,0,.7);-o-text-shadow:0px -1px 0px rgba(0,0,0,.7);
}
div.koyo-content-label-child:after {
	width: 3px; height: 15px; content: ""; position: absolute; top: 5px; left: 5px;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff100), to(#ffa800));
}
div.koyo-in-title{
	width:95%;margin:10px auto 5px;font-size:15px;line-height:24px;
	background:url(../img/icon_intitle.png)0 center no-repeat,-webkit-gradient(linear,left center,right center,from(rgba(255,238,173,0)),color-stop(50%,#ffe56a),to(#e15a00));
	background:url(../img/icon_intitle.png)0 center no-repeat,-webkit-linear-gradient(left,rgba(255,238,173,0),#ffe56a 50%,#e15a00);
	background:url(../img/icon_intitle.png)0 center no-repeat,-moz-linear-gradient(left,rgba(255,238,173,0),#ffe56a 50%,#e15a00);
	background:url(../img/icon_intitle.png)0 center no-repeat,-ms-linear-gradient(left,rgba(255,238,173,0),#ffe56a 50%,#e15a00);
	background:url(../img/icon_intitle.png)0 center no-repeat,-o-linear-gradient(left,rgba(255,238,173,0),#ffe56a 50%,#e15a00);
	background-size:20px 20px,100% 100%;-webkit-background-size:20px 20px,100% 100%;-moz-background-size:20px 20px,100% 100%;-ms-background-size:20px 20px,100% 100%;-o-background-size:20px 20px,100% 100%;
	border-radius:0 15px 0 0;
}
div.koyo-in-title p{padding:0 0 0 30px;}

/* -------------------------------------------------------------------------------------
  BUTTON
------------------------------------------------------------------------------------- */

ul#btn-rad-r { width: 95%; margin: 30px auto 20px; position: relative; }
ul#btn-rad-r li {
	display: block;
	background: #fe4c1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#fbc735),color-stop(50%,#df8f02),color-stop(50%,#b36100), to(#ba7000));
	/*background: -webkit-linear-gradient(top, #d10d02, #fe4c1d);
	background: -moz-linear-gradient(top, #d10d02, #fe4c1d);
	background: -ms-linear-gradient(top, #d10d02, #fe4c1d);
	background: -o-linear-gradient(top, #d10d02, #fe4c1d);
	background: linear-gradient(top, #d10d02, #fe4c1d);*/
	border: solid 1px #7c4708; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;
	-o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}
#btn-rad-r a {font-size: 16px;line-height:32px;text-align:center;color:#fff;text-shadow:rgba(0,0,0,.7) 0px 1px 0px;-webkit-text-shadow:rgba(0,0,0,.7) 0px 1px 0px;-moz-text-shadow:rgba(0,0,0,.7) 0px 1px 0px;-ms-text-shadow:rgba(0,0,0,.7) 0px 1px 0px;-o-text-shadow:rgba(0,0,0,.7) 0px 1px 0px;display:block;}

.bg-yell{background-color:#fff1de;padding:20px 0;}
#btn-sp-gallery{
	width:95%;margin:0 auto;text-align:center;position:relative;
	background:url(../img/btn_gallery_bg.png) 0 0 repeat-x;
	background-size:320px 54px;-webkit-background-size:320px 54px;-moz-background-size:320px 54px;-ms-background-size:320px 54px;-o-background-size:320px 54px;
	border:solid 1px #ffbc98;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;
	box-shadow:rgba(0,0,0,.6) 0 2px 5px;-webkit-box-shadow:rgba(0,0,0,.6) 0 2px 5px;-moz-box-shadow:rgba(0,0,0,.6) 0 2px 3px;-ms-box-shadow:rgba(0,0,0,.6) 0 2px 3px;-o-box-shadow:rgba(0,0,0,.6) 0 2px 3px;
}
#btn-sp-gallery a{display:block;height:42px;width:100%;}
#btn-sp-gallery a div{position:absolute;top:-14px;left:0;width:100%;}
#btn-sp-gallery a div img{display:block;margin:0 auto;}




/*紅葉行こうよメールボタン*/
ul.koyo-btn {width:95%;margin:5px auto 10px;list-style-type:none;clear:both;}
ul.koyo-btn li {line-height:30px;
	display: block;border:solid 1px #b40101;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius: 8px;-o-border-radius: 8px; border-radius: 8px;position: relative;
	background: #d00202;
	background: -webkit-gradient(linear, left top, left bottom, from(#d00202),color-stop(50%,#d00202), to(#ff8e8e));
	background: -webkit-linear-gradient(top,#d00202,#d00202 50%,#ff8e8e);
	background: -moz-linear-gradient(top,#d00202,#d00202 50%,#ff8e8e);
	background: -ms-linear-gradient(top,#d00202,#d00202 50%,#ff8e8e);
	background: -o-linear-gradient(top,#d00202,#d00202 50%,#ff8e8e);
	background: linear-gradient(top,#d00202,#d00202 50%,#ff8e8e);
	box-shadow:rgba(0,0,0,.5)1px 2px 3px;-webkit-box-shadow:rgba(0,0,0,.5)1px 2px 3px;-moz-box-shadow:rgba(0,0,0,.5)1px 2px 3px;-ms-box-shadow:rgba(0,0,0,.5)1px 2px 3px;-o-box-shadow:rgba(0,0,0,.5)1px 2px 3px;
}
ul.koyo-btn li:after{content: ""; width: 100%; height: 15px; position: absolute; top: 1px; left: 0;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.7)), color-stop(70%, rgba(255,255,255,0)), to(rgba(255,255,255,0)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,.7), rgba(255,255,255,0) 70%, rgba(255,255,255,0));
	background: -moz-linear-gradient(top, rgba(255,255,255,.7), rgba(255,255,255,0) 70%, rgba(255,255,255,0));
	background: -ms-linear-gradient(top, rgba(255,255,255,.7), rgba(255,255,255,0) 70%, rgba(255,255,255,0));
	background: -o-linear-gradient(top, rgba(255,255,255,.7), rgba(255,255,255,0) 70%, rgba(255,255,255,0));
	background: linear-gradient(top, rgba(255,255,255,.7), rgba(255,255,255,0) 70%, rgba(255,255,255,0));
	-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius: 8px;-o-border-radius: 8px; border-radius: 8px;}
ul.koyo-btn li a{height:100%;display:block;position:relative;}ul.koyo-btn li a img { padding: 5px 5px 0 5px; float: left; }ul.koyo-btn li a div.title {font-size: 16px;line-height: 16px;padding: 8px 15px 1px 10px;color: #fff;display: block;text-shadow:rgba(0,0,0,.5)0 1px 1px;}ul.koyo-btn li a div.detail {font-size: 14px;line-height: 14px;color: #fff;padding: 3px 30px 7px 10px;display: block;}ul.koyo-btn li a:before{content:"";position:absolute;top:15px;right:10px;width:20px;height:20px;-webkit-border-radius:15px;-moz-border-radius:15px;-ms-border-radius:15px;-o-border-radius:15px; border-radius:15px;box-shadow:inset rgba(0,0,0,.5)1px 1px 1px;-webkit-box-shadow:inset rgba(0,0,0,.5)1px 1px 1px;-moz-box-shadow:inset rgba(0,0,0,.5)1px 1px 1px;-ms-box-shadow:inset rgba(0,0,0,.5)1px 1px 1px;-o-box-shadow:inset rgba(0,0,0,.5)1px 1px 1px;background:#fff;}ul.koyo-btn li a:after{width:0;height:0;content:"";position:absolute;top:20px;right:14px;border-top: solid 5px transparent;border-left: solid 8px #d00202;border-right: solid 0 transparent;border-bottom: solid 5px transparent;}


/*削除付ワイドボタン*/
ul.nav-row1 li.delete a {background:none;}
ul.nav-row1 li.delete a.mail-detail {width:75%;float:left;padding: 0 0 0 10px;}
ul.nav-row1 li.delete a.mail-delete {width:50px;float:right;padding:0;}ul.nav-row1 li.delete a.mail-delete img {position:absolute;top:5px;left:0;}
ul.nav-row1 li.delete:after{ content: ""; display: block; height: 0; clear: both; visibility: hidden; }ul.nav-row1 li.delete { display: inline-block; }ul.nav-row1 li.delete { display: block; }

a.btn-mini{
	display: inline-block;
	padding:3px 5px;
	border-radius: 5px;
	border: 1px solid #ba2500;
	color: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#e54141),color-stop(50%,#c00202),color-stop(50%,#d10d02), to(#f57070));
	background: -webkit-linear-gradient(top, #e54141, #c00202 50%, #d10d02 50%, #f57070);
	background: -moz-linear-gradient(top, #e54141, #c00202 50%, #d10d02 50%, #f57070);
	background: -ms-linear-gradient(top, #e54141, #c00202 50%, #d10d02 50%, #f57070);
	background: linear-gradient(top, #e54141, #c00202 50%, #d10d02 50%, #f57070);
}


/* -------------------------------------------------------------------------------------
  ICONS
------------------------------------------------------------------------------------- */
.hotspring{background:url(../img/icon_hotspring.png) 5px center no-repeat;background-size:35px 35px;-webkit-background-size:35px 35px;-moz-background-size:35px 35px;-ms-background-size:35px 35px;-o-background-size:35px 35px;}
.temple{background:url(../img/icon_temple.png) 5px center no-repeat;background-size:35px 35px;-webkit-background-size:35px 35px;-moz-background-size:35px 35px;-ms-background-size:35px 35px;-o-background-size:35px 35px;}
.night{background:url(../img/icon_night.png) 5px center no-repeat;background-size:35px 35px;-webkit-background-size:35px 35px;-moz-background-size:35px 35px;-ms-background-size:35px 35px;-o-background-size:35px 35px;}
.momiji01{background:url(../img/rank01.png) 5px center no-repeat;background-size:35px 35px;-webkit-background-size:35px 35px;-moz-background-size:35px 35px;-ms-background-size:35px 35px;-o-background-size:35px 35px;}
.momiji02{background:url(../img/rank02.png) 5px center no-repeat;background-size:35px 35px;-webkit-background-size:35px 35px;-moz-background-size:35px 35px;-ms-background-size:35px 35px;-o-background-size:35px 35px;}
.momiji03{background:url(../img/rank03.png) 5px center no-repeat;background-size:35px 35px;-webkit-background-size:35px 35px;-moz-background-size:35px 35px;-ms-background-size:35px 35px;-o-background-size:35px 35px;}
.momiji04{background:url(../img/rank04.png) 5px center no-repeat;background-size:35px 35px;-webkit-background-size:35px 35px;-moz-background-size:35px 35px;-ms-background-size:35px 35px;-o-background-size:35px 35px;}
.momiji05{background:url(../img/rank05.png) 5px center no-repeat;background-size:35px 35px;-webkit-background-size:35px 35px;-moz-background-size:35px 35px;-ms-background-size:35px 35px;-o-background-size:35px 35px;}



div.list-row-nav ul li.on{
	background:url('../img/icon_check.png') 96% center no-repeat;
	background-size:25px 17px;-webkit-background-size:25px 17px;
}



/* -------------------------------------------------------------------------------------
  CONTAINERS
------------------------------------------------------------------------------------- */
#spot-container{width:95%;margin:5px auto 10px;padding-top:5px;border-top:solid 1px #484848;}
#spot-location{width:95%;line-height:110%;text-align:center;margin:3px auto 0;font-size:17px;font-weight:bold;color:#b82700;}
#spot-rank-icon{float:left;text-align:center;}
#spot-status{margin:5px 0 0 5px;float:left;}
#spot-status p{border-left:solid 5px #c30;padding-left:5px;line-height:120%;}
#spot-status p.info-str{border-left:none;padding:1px 0 3px 10px;font-size:15px;}
#spot-info{width:95%;margin:10px auto;background:#fff;box-shadow:rgba(0,0,0,.5) 0 1px 3px;border:solid 1px #999;border-radius:5px;}
#spot-info h2{padding: 5px 10px 5px 30px;color:#fff;font-size:15px;font-weight:normal;
background: url(../img/icon_intitle.png) 5px center no-repeat,-webkit-gradient(linear, left top, left bottom, from(#a40000),to(#d62d00));
background: url(../img/icon_intitle.png) 5px center no-repeat,-moz-linear-gradient(top,#a40000,#d62d00);
background: url(../img/icon_intitle.png) 5px center no-repeat,-ms-linear-gradient(top,#a40000,#d62d00);
background: url(../img/icon_intitle.png) 5px center no-repeat,-o-linear-gradient(top,#a40000,#d62d00);
background-size:20px 20px,100% 100%;
-webkit-background-size:20px 20px,100% 100%;
-moz-background-size:20px 20px,100% 100%;
-ms-background-size:20px 20px,100% 100%;
-o-background-size:20px 20px,100% 100%;
}
#spot-info h2:first-of-type{border-radius:5px 5px 0 0;}
#spot-info p{padding: 10px;}

#gallery-lead{width:100%;height:172px;background:url(../img/gallery_lead_img.jpg)center 0 repeat-x;background-size:426px 172px;-webkit-background-size:426px 172px;-moz-background-size:426px 172px;-ms-background-size:426px 172px;-o-background-size:426px 172px;text-align:center;}
#gallery-lead img{margin-top:48px;}

#knowledge-lead{width:100%;height:170px;background:url(../img/knowledge_lead_img.png)center center repeat-x;background-size:510px 170px;-webkit-background-size:510px 170px;-moz-background-size:510px 170px;-ms-background-size:510px 170px;-o-background-size:510px 170px;text-align:center;}
#knowledge-lead img{margin-top:48px;}


#photo-container{margin:5px 0;text-align:center;}
#photo-container img{border:solid 5px #fff;box-shadow:rgba(0,0,0,.5)1px 1px 3px;-webkit-box-shadow:rgba(0,0,0,.5)1px 1px 3px;-moz-box-shadow:rgba(0,0,0,.5)1px 1px 3px;-ms-box-shadow:rgba(0,0,0,.5)1px 1px 3px;-o-box-shadow:rgba(0,0,0,.5)1px 1px 3px;}

ul.momiji{width:95%;margin:10px auto;list-style-type:none;}
ul.momiji li{line-height:20px;padding:0 0 0 25px;color:#b82700;background:url(../img/rank04.png) 5px center no-repeat;background-size:20px 20px;-webkit-background-size:20px 20px;-moz-background-size:20px 20px;-ms-background-size:20px 20px;-o-background-size:20px 20px;}



.cnt-bg-wht div.first>p.cm-title.koyo { padding: 0 0 3px 25px;line-height:20px; color: #b82700; border-bottom: solid 1px #b82700; background: url(../img/icon_temple.png)0 0 no-repeat;background-size:20px 20px;-webkit-background-size:20px 20px;-moz-background-size:20px 20px;-ms-background-size:20px 20px;-o-background-size:20px 20px}

.cnt-bg-wht div.first>p.cm-title.koyo-noline { padding: 0 0 3px 25px;line-height:20px; color: #b82700; background: url(../img/icon_temple.png)0 0 no-repeat;background-size:20px 20px;-webkit-background-size:20px 20px;-moz-background-size:20px 20px;-ms-background-size:20px 20px;-o-background-size:20px 20px}





.koyo-board{width:95%;margin:15px auto;background:#fffce6;border:solid 1px #996c33;}.koyo-board p{padding:15px;}.koyo-board p.no-result{line-height:140%;color:#b82700;text-align:center;}

.koyo-lead{width:95%;margin:0 auto;padding:15px 0;text-align:center;font-size:18px;line-height:25px;color:#670000;font-weight:bold;
background:-webkit-gradient(linear,left center,right center,from(rgba(255,255,255,0)),color-stop(15%,#fff1c1),color-stop(40%,#ffa563),color-stop(60%,#ffa563),color-stop(85%,#fff1c1),to(rgba(255,255,255,0)));
text-shadow:rgba(255,255,255,.5)0 1px 2px;
}

#spot {
	background-color: rgba(0, 0, 0, 0.2);
	padding:10px;
	webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
#spot-icon {
	width:30px;
	float:left;
}
#spot-detail {
	color:#fff;
	font-size:120%;
	font-weight:bold;
	float:left;
	padding:0 0 0 10px;
	line-height:120%;
}

.spot-point{background: #F0B046; color:#fff; font-weight:bold; line-height:24px; margin-bottom:5px; text-align:center;-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}

.koyo-green{color:#1fb51f;padding-right:10px;}
.koyo-yellow{color:#f05c00;padding-right:10px;}
.koyo-red{color:#f00000;padding-right:10px;}


/* -------------------------------------------------------------------------------------
  gallery
------------------------------------------------------------------------------------- */

#wni-icon {box-shadow:rgba(0,0,0,.8)1px 1px 3px;-webkit-box-shadow:rgba(0,0,0,.8)0px 3px 2px;-moz-box-shadow:rgba(0,0,0,.8)1px 1px 3px;-ms-box-shadow:rgba(0,0,0,.8)1px 1px 3px;-o-box-shadow:rgba(0,0,0,.8)1px 1px 3px;border-radius:10px;}



/* -------------------------------------------------------------------------------------
  charts
------------------------------------------------------------------------------------- */
#charts{
	width: 300px;
	margin: 0 auto;
	padding-bottom: 5px;
	background: #fff;
}