@charset "utf-8";
/* -------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------	
	new released : july 9, 2012
	update : 

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


/* -------------------------------------------------------------------------------------
  BASIS
------------------------------------------------------------------------------------- */

body {background:url(../img/bg.png); line-height:140%;}
.mt5{margin-top:5px;}

.box-wht {width: 95%;margin-left: auto;margin-right: auto;background:rgba(255, 255, 255, 0.7);-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;-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: left;}
.box-wht>div,.cnt-bg-wht-low>div { padding: 10px; }

.ft-l-wht{font-size:16px; color:#FFF; text-shadow:0 0 1px #FFF; text-align:center;}
.ttl_bold {
	color:#fff;
	padding:10px;
	background:#0a358b;
	background: -webkit-gradient(linear, left top, left bottom, from(#0a358b), to(#1f51b6));
	background: -webkit-linear-gradient(top, #0a358b, #1f51b6);
	background: -moz-linear-gradient(top, #0a358b, #1f51b6);
	background: -ms-linear-gradient(top, #0a358b, #1f51b6);
	background: -o-linear-gradient(top, #0a358b, #1f51b6);
	background: linear-gradient(top, #0a358b, #1f51b6);
	text-shadow: 1px 1px 1px #000;
}
.ttl_in {
	background: #c6ddf3;
	background: -webkit-gradient(linear, left top, left bottom, from(#5a5a5a), to(#454545));
	background: -webkit-linear-gradient(top, #5a5a5a, #454545);
	background: -moz-linear-gradient(top, #5a5a5a, #454545);
	background: -ms-linear-gradient(top, #5a5a5a, #454545);
	background: -o-linear-gradient(top, #5a5a5a, #454545);
	background: linear-gradient(top, #5a5a5a, #454545);
	border-top: solid 1px #bbbbbb; 
	border-bottom: solid 1px #bbbbbb;
	padding: 0 0 0 13px; color: #fff;font-size: 15px; line-height: 26px;  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.7); text-align: left; 
}
.ttl_in p { }

/* -------------------------------------------------------------------------------------
  List
------------------------------------------------------------------------------------- */
.dl-notice dt{text-shadow:0 0 1px #000; font-size:15px;}
.dl-notice dd{ padding-left:20px; margin-bottom:5px;}
.ul-notice{list-style:none; margin:0 0; padding:0 0;}
.ul-notice li{text-shadow:0 0 1px #000; font-size:15px; line-height:160%;}

/* -------------------------------------------------------------------------------------
  BUTTONS RADIAL
------------------------------------------------------------------------------------- */
div.btn-notice{ width: 95%; margin: 10px auto;clear:both; }
div.btn-notice ul li a{ display: block; }
div.btn-notice ul.row2 li a{padding-left:8px;background-size:8px 13px;-webkit-background-size:8px 13px;-moz-background-size:8px 13px;-ms-background-size:8px 13px;-o-background-size:8px 13px;}
div.btn-notice ul.row2.gray li a{background: url(../../../../img/arrow_gray.png) 98% center no-repeat;}
div.btn-notice ul.gray li{
	background: #bbcfe5;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(50%, #f2f2f2), color-stop(50%, #e2e2e2), to(#d0d0d0));
	background: -webkit-linear-gradient(top, #fff, #f2f2f2 50%, #e2e2e2 50%, #d0d0d0);
	background: -moz-linear-gradient(top, #fff, #f2f2f2 50%, #e2e2e2 50%, #d0d0d0);
	background: -ms-linear-gradient(top, #fff, #f2f2f2 50%, #e2e2e2 50%, #d0d0d0);
	background: -o-linear-gradient(top, #fff, #f2f2f2 50%, #e2e2e2 50%, #d0d0d0);
	background: linear-gradient(top, #fff, #f2f2f2 50%, #e2e2e2 50%, #d0d0d0);
	-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: solid 1px #8a8a8a;
	font-size: 15px; color: #000; font-weight: bold; text-shadow: rgba(255, 255, 255, 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);
}
div.btn-notice ul.row2 li a div.title {font-size: 16px;line-height: 16px;padding: 8px 15px 1px 5px;color: #000;font-weight: bold;}
div.btn-notice ul.row2 li a div.detail {font-size: 14px;line-height: 14px;color: #666;padding: 3px 15px 7px 5px;}

div.box-wht ul.title{font-size: 16px;line-height: 18px;padding: 8px 15px 1px 10px;color: #000;font-weight: bold;
list-style:none;}