@charset "utf-8";
/* -------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------
	TREND2013/pollen
	
	new released : October 17, 2012
	update : 

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


/* -------------------------------------------------------------------------------------
  BASIS
------------------------------------------------------------------------------------- */
body{background:#d9f1f1;}
.clear{	clear: both;}
ul{list-style:none; margin:0 0; padding:0 0;}
.col-grn{color: #3db2b5; font-weight:bold; line-height:24px;}
.col-org{color: #F90; font-weight:bold; line-height:28px; font-size:17px;}
#trend-head{ color:#1d2088;text-shadow: 0px 1px 0px #fff;background: #ededed; border-top:#fff solid 1px; border-bottom:#aeaeae solid 1px;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#cdcdcd));
	background: -webkit-linear-gradient(top, #ededed,  #cdcdcd);
	background: -moz-linear-gradient(top, #ededed,  #cdcdcd);
	background: -ms-linear-gradient(top, #ededed,  #cdcdcd);
	background: -o-linear-gradient(top, #ededed,  #cdcdcd);
	background: linear-gradient(top, #ededed,  #cdcdcd);	}
#trend-head div{ background:url(../img/head-bg.png) no-repeat 10px 0;background-size: 60px 50px; -webkit-background-size: 60px 50px; -moz-background-size: 60px 50px; -ms-background-size: 60px 50px; -o-background-size: 60px 50px; height:50px; text-align:center;}
#trend-head div .t-title{ padding-top:6px;}
#trend-head div .t-subtitle{ padding-top:7px;font-size:18px;}


/* -------------------------------------------------------------------------------------
  CONTAINER
------------------------------------------------------------------------------------- */
.txtbox-gr{ width:95%;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; margin:0 auto; line-height:140%;}


/* -------------------------------------------------------------------------------------
  LABLE
------------------------------------------------------------------------------------- */
.subtitle {
background: rgb(245,245,245);padding: 5px 5px 5px 5px;font-size:14px;font-weight:bold;color:#333333;text-align: center;text-shadow: #fff 0 1px 0;border-top:1px solid #CCC;border-bottom:1px solid #CCC; margin:15px 0 0;}



/* -------------------------------------------------------------------------------------
  INDEX
------------------------------------------------------------------------------------- */
.btn{margin:0 auto;width:309px; margin:0 auto; text-align:center;}
.btn li{ float:left;}
.btn li img{margin:4px 3px;}

.report-photo img{ border:4px #fff solid;box-shadow:rgba(0,0,0,.5)0 1px 4px;-webkit-box-shadow:rgba(0,0,0,.5)0 1px 4px;-moz-box-shadow:rgba(0,0,0,.5)0 1px 4px;-ms-box-shadow:rgba(0,0,0,.5)0 1px 4px;-o-box-shadow:rgba(0,0,0,.5)0 1px 4px;}



/* -------------------------------------------------------------------------------------
  ���r�lj�
------------------------------------------------------------------------------------- */
header {
	width: 100%;
	line-height: 18px;
	font: 14px/110% "�q���M�m�p�S ProN W3","Hiragino Kaku Gothic ProN";
	 -webkit-text-size-adjust: none;
}

header p{
	padding: 0px;
	margin: 0px;
}

body {
	font: 14px/110% "�q���M�m�p�S ProN W3","Hiragino Kaku Gothic ProN";
	 -webkit-text-size-adjust: none;
}

.plain-txt {
	padding: 0px 10px;
}



/* -------------------------------------------------------------------------------------
  BUTTONS wide
------------------------------------------------------------------------------------- */
ul.nav-row1 {
	list-style-type: none;
	clear: both;
	margin-top: 20px;
}

ul.nav-row1 a {
	list-style-type: none;
	clear: both;
	padding-top: 10px;
	text-decoration:none;
	color: #000;
}

ul.nav-row1 li {
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e8e8e8));
	background: -webkit-linear-gradient(top, #fff, #e8e8e8);
	background: -moz-linear-gradient(top, #fff, #e8e8e8);
	background: -ms-linear-gradient(top, #fff, #e8e8e8);
	background: -o-linear-gradient(top, #fff, #e8e8e8);
	background: linear-gradient(top, #fff, #e8e8e8);
	border-top: solid 1px #ebebeb; border-bottom: solid 1px #d0d0d0; display: block; position: relative;
}
ul.nav-row1 li.col2 a{/zoom:1;}ul.nav-row1 li.col2 a:after {content:'';display:block;clear:both;height:0;}
ul.nav-row1 li a{padding: 0 22px 0 10px; height: 100%; display: block; background: url(../img/arrow_gray.png) 98% 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; vertical-align: top; font-size: 16px; line-height: 40px; position: relative; }
ul.nav-row1 li.down a { background: url(../img/arrow_down_gray.png) 98% center no-repeat;background-size:13px 8px;-webkit-background-size:13px 8px;-moz-background-size:13px 8px;-ms-background-size:13px 8px;-o-background-size:13px 8px;}
ul.nav-row1 li.back a{padding: 0 10px 0 22px; background: url(../img/arrow_left_gray.png) 2% center no-repeat; }
ul.nav-row1 li.col2 a div:first-child { float:left; padding-right: 0; }
ul.nav-row1 li.col2 a div:last-child { float:right; padding-left: 0;color:#666; }
ul.nav-row1.news li a { padding: 0 20px 0 20px; }
ul.nav-row1.news li:before, ul.nav-row1.news li:after { content: ""; position: absolute; }
ul.nav-row1.news li:before {
	width: 6px; height: 6px; top: 16px; left: 5px; background: #f00;
	background: -webkit-gradient(radial, 3 1, 0, 3 1, 9, from(#505050), color-stop(60%, #b3b3b3), to(#fff));
	background: -webkit-radial-gradient(3 1, circle farthest-side, #505050 20%, #b3b3b3 60%, #fff 100%);
	background: -moz-radial-gradient(5 2, circle farthest-side, #505050 20%, #b3b3b3 60%, #fff 100%);
	background: -ms-radial-gradient(5 2, circle farthest-side, #505050 20%, #b3b3b3 60%, #fff 100%);
	background: -o-radial-gradient(5 2, circle farthest-side, #505050 20%, #b3b3b3 60%, #fff 100%);
	-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; border: solid 1px #505050;box-shadow:#fff 0 1px 1px;-webkit-box-shadow:#fff 0 1px 1px;-moz-box-shadow:#fff 0 1px 1px;-ms-box-shadow:#fff 0 1px 1px;-o-box-shadow:#fff 0 1px 1px;
}
ul.nav-row1.news li:after {
	width: 6px; height: 5px; top: 17px; left: 6px; background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(70%, rgba(255,255,255,0)), to(rgba(255,255,255,0)));
	background: -webkit-linear-gradient(top, #fff, rgba(255,255,255,0) 70%, rgba(255,255,255,0));
	background: -moz-linear-gradient(top, #fff, rgba(255,255,255,0) 70%, rgba(255,255,255,0));
	background: -ms-linear-gradient(top, #fff, rgba(255,255,255,0) 70%, rgba(255,255,255,0));
	background: -o-linear-gradient(top, #fff, rgba(255,255,255,0) 70%, rgba(255,255,255,0));
	background: linear-gradient(top, #fff, rgba(255,255,255,0) 70%, rgba(255,255,255,0));
	-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
}