@charset "utf-8";

/* -------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------
	KOYO Channel
	
	new released : October 17, 2011
	update : 

	Copyright(c)WEATHER NEWS INC. ALL RIGHT RESERVED.
----------------------------------------------------------------------------------------
------------------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------------------
  BASIS
------------------------------------------------------------------------------------- */
body{
	background:#d9f1f1;
}
section.pt{padding-top:10px;}section.pb{padding-bottom:10px;}
.clear{
	clear: both;
}

/* -------------------------------------------------------------------------------------
  HEADER
------------------------------------------------------------------------------------- */
header#inner div#head-pollen{position: absolute;top: 2px;left: 10px;}

/* -------------------------------------------------------------------------------------
  LABLE
------------------------------------------------------------------------------------- */
.content-label-child{
	clear: both;
}
div.pollen-content-label {
	clear:both;
	position: relative;
	background: #3db2b5;
	background: -webkit-gradient(linear,left center,right center,from(#3db2b5),color-stop(25%,#3db2b5),to(#5dcdcf));
	background: -webkit-linear-gradient(left,#3db2b5,#3db2b5 25%,#5dcdcf);
	background: -moz-linear-gradient(left,#3db2b5,#3db2b5 25%,#5dcdcf);
	background: -ms-linear-gradient(left,#3db2b5,#3db2b5 25%,#5dcdcf);
	background: -o-linear-gradient(left,#3db2b5,#3db2b5 25%,#5dcdcf);
	background: linear-gradien(left,#3db2b5,#3db2b5 25%,#5dcdcf);
	border-top:solid 1px #8dd5d7;border-bottom:solid 1px #428a8b; 
}
div.pollen-content-label p {
	background: url(../img/icon_titlebg.png) -5px 0 no-repeat;
	background-size:41px 30px;-webkit-background-size:41px 30px;-moz-background-size:41px 30px;-ms-background-size:41px 30px;-o-background-size:41px 30px;
	padding:0 0 0 38px;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);
}
div.pollen-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.pollen-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.pollen-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));	
}
.pollen-content-label-btn{ width: 120px; height: 23px; position: absolute; right: 5px; top: 2px; display: block; }
.pollen-content-label-btn div.button {
	width: 95%; position: absolute; height: 23px; line-height: 23px;
	background: #7d91b6;
	background: -webkit-gradient(linear, left top, left bottom, from(#dddddd), color-stop(5%, #fff), color-stop(50%, #eaeaea), color-stop(50%, #d5d5d5), to(#e2e2e2));
	background: -webkit-linear-gradient(top, #dddddd, #fff 10%, #eaeaea 50%, #d5d5d5 50%, #e2e2e2);
	background: -moz-linear-gradient(top, #dddddd, #fff 10%, #eaeaea 50%, #d5d5d5 50%, #e2e2e2);
	background: -ms-linear-gradient(top, #dddddd, #fff 10%, #eaeaea 50%, #d5d5d5 50%, #e2e2e2);
	background: -o-linear-gradient(top, #dddddd, #fff 10%, #eaeaea 50%, #d5d5d5 50%, #e2e2e2);
	background: linear-gradient(top, #dddddd, #fff 10%, #eaeaea 50%, #d5d5d5 50%, #e2e2e2);
	border: solid 1px #2c8183; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
	font-size: 14px; font-weight: bold; color: #2e9da3; text-align: center; text-shadow: rgba(255, 255, 255, 0.4) 0px 1px 0px; text-decoration: none;
}
.pollen-content-label-btn .button:link { color: #2e9da3; }
.pollen-content-label-btn .button:after {
	position: absolute; bottom: -1px; left: -2px; content: ""; display: block; height: 10px; width: 100%; padding: 0 2px;
	-webkit-box-shadow: rgba(255, 255, 255, 1) 0 1px 1px; -moz-box-shadow: rgba(255, 255, 255, 1) 0 1px 1px; box-shadow: rgba(255, 255, 255, 1) 0 1px 1px;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}

/* -------------------------------------------------------------------------------------
  TEXT
------------------------------------------------------------------------------------- */
.pollen-green{ color:#3db2b5;}
.f16{font-size:16px;}

/* -------------------------------------------------------------------------------------
  TEXT LINKS
------------------------------------------------------------------------------------- */
ul.col2 li { width: 50%; padding: 0; }
ul.col4 li { width: 25%; padding: 0; }
ul.col5 li { width: 20%; padding: 0; }

/*legend*/
#pollen-map{padding:5px;}
#pollen-map p{margin-right:10px;padding-left:17px;position:relative;float:left;}#ten-map p.l3{width:99%;}
#pollen-map p:before{content:"";width:10px;height:10px;position:absolute;top:2px;left:0;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;border:solid 1px #000;}
#pollen-map p.l1:before{background:#ff6600;}
#pollen-map p.l2:before{background:#ffaa00;}
#pollen-map p.l3:before{background:#9c9c9c;}
#pollen-map p.l4:before{background:#00ffea;}
#pollen-map p.l5:before{background:#00d7ea;}
#pollen-map p.l6:before{background:#008fea;}
#pollen-map p.l7:before{background:#0000ea;}
#pollen-map p.l8:before{background:#eaea00;}
#pollen-map p.l9:before{background:#da70d6;}
#pollen-map p.l10:before{background:#9a32cd;}
#pollen-map p.l11:before{background:#fff;}
#pollen-map p.l12:before{background:#000;}
#pollen-map p.l13:before{background:#ff1493;}


/*SINGLE*/
div.list-nav .pollenOrange li a{color: #fff;}
div.list-nav .pollenOrange li.col2 a{background: url(../img/arrow_blue.png) 98% center no-repeat;}
.icon-gps-pollenOrange {background: url(../img/common/icon_gps_white.png) 0 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;	padding-left: 25px; display: inline-block;}
div.list-nav ul.pollenOrange li{
	background: #f7b54f;
	background: -webkit-gradient(linear, left top, left bottom, from(#f7b54f), color-stop(50%, #f0a021), color-stop(50%, #f18821), to(#ea7d11));
	background: -webkit-linear-gradient(top, #f7b54f, #f0a021 50%, #f18821 50%, #ea7d11);
	background: -moz-linear-gradient(top, #f7b54f, #f0a021 50%, #f18821 50%, #ea7d11);
	background: -ms-linear-gradient(top, #f7b54f, #f0a021 50%, #f18821 50%, #ea7d11);
	background: -o-linear-gradient(top, #f7b54f, #f0a021 50%, #f18821 50%, #ea7d11);
	background: linear-gradient(top, #f7b54f, #f0a021 50%, #f18821 50%, #ea7d11);
	-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: solid 1px #c47d22;
	font-size: 15px; color: #fff; font-weight: bold; text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0px; text-decoration: none;
	-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);
}



/* -------------------------------------------------------------------------------------
  WORD SEARCH
------------------------------------------------------------------------------------- */
div.serch-box-pollen {width: 95%;margin: 20px auto;border: solid 1px #8cbec0;-webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;background:#fff;-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.4); -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.4); box-shadow: inset 0 1px 2px rgba(0,0,0,.4);}
div.serch-box-pollen input {width: 72%;height: 25px;margin:0;padding:0;border: none;-webkit-appearance: none;font-size: 15px;background: transparent;float:right;}
div.serch-box-pollen li a{ color: #FFF;}
ul.search-btn-pollen {
	background: #20adb9;
	background: -webkit-gradient(linear, left top, left bottom, from(#6fe0de), to(#20adb9));
	background: -webkit-linear-gradient(top, #6fe0de, #20adb9);
	background: -moz-linear-gradient(top, #6fe0de, #20adb9);
	background: -ms-linear-gradient(top, #6fe0de, #20adb9);
	background: -o-linear-gradient(top, #6fe0de, #20adb9);
	background: linear-gradient(top, #6fe0de, #20adb9);
	-webkit-border-radius: 0 15px 15px 0;-moz-border-radius: 0 15px 15px 0;border-radius: 0 15px 15px 0;border: solid 1px #177b80;font-size: 15px;color: #fff;font-weight: bold;text-align: center;text-shadow: rgba(0,0,0,.4) 0px -1px 0px;text-decoration: none;-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);float: right;width: 25%;height: 25px;line-height: 25px;list-style-type: none;	
}
ul.search-btn li a { display: block; color: #fff;padding-right:2px; }

/* -------------------------------------------------------------------------------------
  FORM
------------------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------------------
  TEXT BOX
------------------------------------------------------------------------------------- */
.pollen-txtbox{
	background: #FFF;
	-webkit-border-radius: 10px 10px 10px 10px;-moz-border-radius: 10px 10px 10px 10px;border-radius: 10px 10px 10px 10px;border: solid 2px #f19f21;padding: 10px;
}
.pollen-txtbox-green{
	background: #FFF;
	-webkit-border-radius: 10px 10px 10px 10px;-moz-border-radius: 10px 10px 10px 10px;border-radius: 10px 10px 10px 10px;border: solid 2px #3db2b5;padding: 10px;
}
.pollen-innerbox,
.pollen-innerbox-left,
.pollen-innerbox-right{
	text-align: center;
	padding: 10px;
	background: #eef5f6;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eef5f6));
	background: -webkit-linear-gradient(top, #fff, #eef5f6);
	background: -moz-linear-gradient(top, #fff, #eef5f6);
	background: -ms-linear-gradient(top, #fff, #eef5f6);
	background: -o-linear-gradient(top, #fff, #eef5f6);
	background: linear-gradient(top, #fff, #eef5f6);
	border-radius: 10px 10px 10px 10px;border: solid 2px #0f82bd;
}
.pollen-innerbox-left{
	float: left;
	width: 38%;
}
.pollen-innerbox-right{
	float: right;
	width: 38%;
}
.pollen-innerbox .title,
.pollen-innerbox-left .title,
.pollen-innerbox-right .title{ border-bottom: 1px dotted #0f82bd ; padding-bottom: 6px;}

#pollen-place{
	text-align:center;
	font-size: 120%;
	color:#0f82bd;
	font-weight: bold;
	margin-bottom: 5px;
}
.pollen-innerbox .mark{
	float: left;
	width: 40%;
}
.pollen-innerbox .detail{
	margin-left: 42%;
}
/* -------------------------------------------------------------------------------------
  6hours
------------------------------------------------------------------------------------- */
#pollen-6hours {
	margin: 5px 0 0;
	padding: 3px 0 3px;
	background-color: #fff;
	border-top: solid 2px #788781;
}
.pollen-1hour { width: 16.6%; text-align: center; float: left; }


/* -------------------------------------------------------------------------------------
  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.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; }


/*MYカルテアイコン付ボタン*/
.btn-pollen-ico{margin: 15px auto;clear: both; }
.btn-pollen-ico ul{width: 95%; list-style-type: none; font-size: 15px; margin:0 auto;}
.btn-pollen-ico ul li {
	line-height: 45px;
	background: #0f82bd;
	background: -webkit-gradient(linear, left top, left bottom, from(#a9d6ee), color-stop(49%, #6ebde6),color-stop(50%, #4daddf), to(#0f82bd));
	background: -webkit-linear-gradient(top, #a9d6ee, #6ebde6 49%, #4daddf 50%, #0f82bd);
	background: -moz-linear-gradient(top, #a9d6ee, #6ebde6 49%, #4daddf 50%, #0f82bd);
	background: -ms-linear-gradient(top, #a9d6ee, #6ebde6 49%, #4daddf 50%, #0f82bd);
	background: -o-linear-gradient(top, #a9d6ee, #6ebde6 49%, #4daddf 50%, #0f82bd);
	background: linear-gradient(top, #a9d6ee, #6ebde6 49%, #4daddf 50%, #0f82bd);
	-webkit-border-radius: 4px;　-moz-border-radius: 4px;　border-radius: 4px; border: solid 1px #0f82bd; position: relative;font-weight: bold;  
}
.btn-pollen-ico ul li a{display: block; color:#fff;text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0px;
text-decoration: none; 	-moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);}
.btn-pollen-ico ul li.disabled{
	background: #fff;
	-webkit-border-radius: 4px;　-moz-border-radius: 4px;　border-radius: 4px; border: solid 1px #6f9bb1; position: relative;color: #666; font-weight: bold; text-shadow: rgba(255, 255, 255, 0.4) 0px 1px 0px; 
}

.btn-pollen-ico ul li div{ padding: 0 20px 0 5px;}
.btn-pollen-ico ul li img{ padding: 5px 5px 0 5px; float: left;width:35px;height:35px; }

.btn-pollen-ico .set2 li{ width: 49%; margin-right: 5px;}
.btn-pollen-ico ul { display: -webkit-box; display: -moz-box; display: box; list-style-type: none; position: relative;}
.btn-pollen-ico .set2 lii:last-child { position: absolute; top: 0; right: 0;}

/*前日・翌日ボタン*/
#pollen-repo .prev a { background: url(../img/common/arrow_gray_left.png)10% center no-repeat;background-size:8px 13px;-webkit-background-size:8px 13px;-moz-background-size:8px 13px;-ms-background-size:8px 13px;-o-background-size:8px 13px;}

#pollen-repo .next a { background: url(../img/common/arrow_gray.png) 90% center no-repeat;background-size:8px 13px;-webkit-background-size:8px 13px;-moz-background-size:8px 13px;-ms-background-size:8px 13px;-o-background-size:8px 13px;}

/* -------------------------------------------------------------------------------------
  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_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}




.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;
}



/* -------------------------------------------------------------------------------------
  TABLE
------------------------------------------------------------------------------------- */
.pollen-table caption{
	text-align: center;
	font-size: 120%;
	line-height: 1.5em;
	margin-bottom: 5px;
	font-weight: bold;
}
.pollen-table {
	width: 95%;
	margin: 5px auto 15px;
	background: #fff;
	text-decoration: none;
	border: solid 1px #0f82bd;
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
	border-spacing: 0;
	border-collapse: collapse;
	text-align: center;
}
.pollen-table tr td,
.pollen-table tr th{
	line-height: 20px;
	font-weight: normal;
	font-size: 90%;
	vertical-align: middle;
	padding-top: 5px;
	padding-bottom: 5px;
	background: #eef5f6;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eef5f6));
	background: -webkit-linear-gradient(top, #fff, #eef5f6);
	background: -moz-linear-gradient(top, #6fe0de, #20adb9);
	background: -ms-linear-gradient(top, #6fe0de, #20adb9);
	background: -o-linear-gradient(top, #6fe0de, #20adb9);
	background: linear-gradient(top, #6fe0de, #20adb9);
	border: solid 1px #0f82bd;
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
	text-align: center;
}
.td5 .time{
	text-align: right;
	padding-right: 3px;
	width: 16%;
}
.td4 td{
	width: 25%;
}
.td5 td{
	width: 20%;
}
.td6 td{
	width: 16.6%;
}
.pollen-table-myreport {
	width: 93%;
	margin: 10px auto; padding: 2px 2px;
	background: #fff;
	text-decoration: none;
	border: solid 2px #f19f21;
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
	-webkit-border-radius: 10px;　-moz-border-radius: 10px;　border-radius: 10px; 
}
.pollen-table-myreport table{text-align: center; width: 100%;border-spacing: 0;	border-collapse: collapse;}
.pollen-table-myreport table thead tr td{
	line-height: 20px;
	font-weight: normal;
	font-size: 90%;
	vertical-align: middle;
	padding-top: 5px;
	padding-bottom: 5px;
}
.pollen-table-myreport table tr td{
	line-height: 40px;
	font-weight: normal;
	font-size: 90%;
	vertical-align: middle;
	padding-top: 5px;
	padding-bottom: 5px;
}
.pollen-table-myreport .hlt { background: #f3f3f4; }
.pollen-table-myreport table tr td a{color:#F00; font-weight: bold; display:block;}

.pollen-table-myreport .date{text-align:center; line-height:30px; font-weight: bold; font-size: 15px;}
.pollen-table-myreport .myrepo{line-height: 20px;}
.pollen-table-myreport .myrepo dt{text-indent: 1em; float:left; width:25%; clear:left; padding-top: 5px; padding-bottom:5px;}
.pollen-table-myreport .myrepo dd{margin-left: 25%;padding-top: 5px; padding-bottom:5px;}


#report-picked{width:95%;margin:10px auto 20px;}
#report-picked #photo-container{width:40%;text-align:center;float:left;padding-top:2px;}
#report-picked #photo-container img{border:solid 5px #fff;box-shadow:rgba(0,0,0,.7)1px 2px 3px;}
#report-picked #photo-container p.reporter{padding:5px;}

#report-picked #comment-container{width:60%;float:left;}
#report-picked #comment-container p.repo-title{font-size:15px;margin:5px 0 5px 10px;line-height:20px;padding-left:20px;background:url(../img/common/icon_note.png) 0 center no-repeat;background-size:15px 20px;}
#report-picked #comment-container p.repo-body{margin-left:10px;}#report-picked #comment-container p.repo-update{padding:5px 3px 0 0;text-align:right;}

.pollengraph{
	padding-top: 10px;
	padding-bottom: 5px;
	background: #FFF;
	margin-bottom: 20px;
}

.pollen-legend ul{list-style:none; line-height:20px; width: 40%; margin:0 auto;}
.pollengraph .left,.pollen-legend .left{
	float: left;
	margin-left: 10px;
}
.pollengraph .right,.pollen-legend .right{
	float: right;
	margin-right: 10px;
}
.pollengraph dl{
	width: 42%;
	margin-bottom: 10px;
	line-height: 24px;
}
.pollengraph dl dt{
	float: left;
	margin-right: 5px;
}
.pollengraph dl dd{
	text-align: right;
}
#graph{
	list-style: none;
	clear: both;
}
#graph li{
	float: left;
	display: block;
	line-height: 30px;
	text-align:center;
}
#graph #level01{
	background: #ff0000;
	color: #FFF;
}
#graph #level02{
	background: #f49d06;
	color: #FFF;
}
#graph #level03{
	background: #ffde00;
	color: #333;
}
#graph #level04{
	background: #5dcbdb;
	color: #FFF;
}
.pollen-red{ color:#ff0000;}
.pollen-orange{ color:#f49d06;}
.pollen-yellow{ color:#ffde00;}
.pollen-blue{ color:#5dcbdb;}
#legend-green{background: #390; line-height: 5px; margin: 6px 0;}


/* -------------------------------------------------------------------------------------
  INVESTTIGATION_RESULTS
------------------------------------------------------------------------------------- */
.table01 {width:90%; margin:10px auto; text-align:center; border-collapse: collapse; border: 1px #757d8a solid; background:#FFF;}
.table01 td {border: 1px #757d8a solid; padding:5px;} 
.table01 caption {caption-side: top;padding-bottom:5px;} 

.fs80 {font-size:80%; line-height:120%;}
.bold {font-weight:bold; }