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