@charset "utf-8";

/* -------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------
	Weathernews Official Website for smartphone
	
	new released : November 01, 2011
	update : 

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


/* -------------------------------------------------------------------------------------
  INITIALIZE
------------------------------------------------------------------------------------- */
body,table,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,blockquote,form,label,dl,dt,dd,ol,ul,li,fieldset,
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section, summary {
margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; background: transparent; }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display: block; }
body { font: 14px/110% "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN"; -webkit-text-size-adjust: none; }
img { border: none; vertical-align:bottom; }
body>p { width: 95%; margin: 0 auto; }

/* -------------------------------------------------------------------------------------
  ANCHORS
------------------------------------------------------------------------------------- */
a,
a:link,
a:visited { color: #000; text-decoration: none; }
a:hover,
a:focus { color: #000; }
a:active { color: #000; }


/* -------------------------------------------------------------------------------------
  CLEARFIX
------------------------------------------------------------------------------------- */
.wni-clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
.wni-clearfix { display: inline-block; }
.wni-clearfix { display: block; }


/* -------------------------------------------------------------------------------------
  SETTINGS
------------------------------------------------------------------------------------- */
.pb5 { padding-bottom: 5px; }.pb10 { padding-bottom: 10px; }.pb15 { padding-bottom: 15px; }.pb20 { padding-bottom: 20px; }.pb25 { padding-bottom: 25px; }.pb30 { padding-bottom: 30px; }.pb35 { padding-bottom: 35px; }.pb40 { padding-bottom: 40px; }.pb45 { padding-bottom: 45px; }.pb50 { padding-bottom: 50px; }
.pt5 { padding-top: 5px; }.pt10 { padding-top: 10px; }.pt15 { padding-top: 15px; }.pt20 { padding-top: 20px; }.pt25 { padding-top: 25px; }.pt30 { padding-top: 30px; }.pt35 { padding-top: 35px; }.pt40 { padding-top: 40px; }.pt45 { padding-top: 45px; }.pt50 { padding-top: 50px; }
.pl5 { padding-left: 5px; }.pl10 { padding-left: 10px; }.pl15 { padding-left: 15px; }.pl20 { padding-left: 20px; }.pl25 { padding-left: 25px; }.pl30 { padding-left: 30px; }.pl35 { padding-left: 35px; }.pl40 { padding-left: 40px; }.pl45 { padding-left: 45px; }.pl50 { padding-left: 50px; }
.pr5 { padding-right: 5px; }.pr10 { padding-right: 10px; }.pr15 { padding-right: 15px; }.pr20 { padding-right: 20px; }.pr25 { padding-right: 25px; }.pr30 { padding-right: 30px; }.pr35 { padding-right: 35px; }.pr40 { padding-right: 40px; }.pr45 { padding-right: 45px; }.pr50 { padding-right: 50px; }
.mt5 { margin-top: 5px; }.mt10 { margin-top: 10px; }.mt15 { margin-top: 15px; }.mt20 { margin-top: 20px; }.mt25 { margin-top: 25px; }.mt30 { margin-top: 30px; }.mt35 { margin-top: 35px; }.mt40 { margin-top: 40px; }.mt45 { margin-top: 45px; }.mt50 { margin-top: 50px; }
.mb5 { margin-bottom: 5px; }.mb10 { margin-bottom: 10px; }.mb15 { margin-bottom: 15px; }.mb20 { margin-bottom: 20px; }.mb25 { margin-bottom: 25px; }.mb30 { margin-bottom: 30px; }.mb35 { margin-bottom: 35px; }.mb40 { margin-bottom: 40px; }.mb45 { margin-bottom: 45px; }.mb50 { margin-bottom: 50px; }
.center-aligned { text-align: center; }.left-aligned { text-align: left; }.right-aligned { text-align: right; }
p.pltxt { width: 95%; margin: 10px auto; }p.pltxt.mbnone{margin:10px auto 0;}p.pltxt.mtnone{margin:0 auto 10px;}p.pltxt.mnone{margin:0 auto;} div.pnt-bk { width: 95%; margin: 5px auto; position: relative; } div.pnt-bk:before, div.pnt-bk:after { content: ""; width: 0; height: 0; position: absolute; } div.pnt-bk:before { border-top: solid 5px transparent; border-bottom: solid 5px transparent; border-left: solid 8px #939393; border-right: solid 0 transparent; top: 3px; left: 0; } div.pnt-bk:after { border-top: solid 0px transparent;	border-bottom: solid 5px transparent; border-left: solid 8px #434343;	border-right: solid 0 transparent; top: 8px; left: 0; } div.pnt-bk p { padding-left: 12px; font-size: 15px; }
hr.dt { width: 95%; margin: 10px auto; color: #fff; background-color: transparent; border: none; border-top: 1px dotted #999; } hr.st { width: 95%; margin: 10px auto; color: #fff; background-color: transparent; border: none; border-top: 1px solid #999; }
.col-rd { color: #d90000; }.col-bl { color: #0045ac; }.col-yl { color: #ffff00; }.col-og { color: #FF5B01; }.col-lb { color: #0095f3; }.col-pb { color: #d3e1e7; }
.plain-txt { width:95%; margin:10px auto; }.plain-txt-note { line-height: 10px; font-size: 10px; color: #666; }

/* -------------------------------------------------------------------------------------
  ICONS
------------------------------------------------------------------------------------- */
.icon-gps {
	background: url(../img/icon_gps.png) 0 center no-repeat;
	background-size: 20px 20px; -webkit-background-size: 20px 20px; -moz-background-size: 20px 20px; -o-background-size: 20px 20px; padding-left: 25px; display: inline-block;
	
}
.icon-gps-org {
	background: url(../img/icon_gps.png) 10px center no-repeat;
	background-size: 30px 30px; -webkit-background-size: 30px 30px; -moz-background-size: 30px 30px; -o-background-size: 30px 30px; padding-left: 35px;
	
}
.icon-gps-blue {
	background: url(../img/icon_gps_blue.png) 0 center no-repeat;
	background-size: 20px 20px; -webkit-background-size: 20px 20px; -moz-background-size: 20px 20px; -o-background-size: 20px 20px;	padding-left: 25px; display: inline-block;
	
}
.icon-gps-white {
	background: url(../img/icon_gps_white.png) 10px center no-repeat;
	background-size: 30px 30px; -webkit-background-size: 30px 30px; -moz-background-size: 30px 30px; -o-background-size: 30px 30px; padding-left: 35px;
	
}
.icon-search-blue {
	background: url(../img/icon_search_blue.png) 0 center no-repeat;
	background-size: 12px 15px; -webkit-background-size: 12px 15px; -moz-background-size: 12px 15px; -o-background-size: 12px 15px;
	padding-left: 14px; display: inline-block;
	
}
.icon-home-blue {
	background: url(../img/icon_home_blue.png) 0 center no-repeat;
	background-size: 18px 18px; -webkit-background-size: 18px 18px; -moz-background-size: 18px 18px; -o-background-size: 18px 18px;
	padding-left: 20px; display: inline-block;
	
}
.icon-home-gray {
	/* background: url(../img/jal_maru_logo_mini.png) 0 center no-repeat;
	background-size: 18px 18px; -webkit-background-size: 18px 18px; -moz-background-size: 18px 18px; -o-background-size: 18px 18px;
	padding-left: 20px;  */
	display: inline-block;
	
}
.icon-movie { display: inline-block;background-size: 17px 13px; -webkit-background-size: 17px 13px;  -moz-background-size: 20px 16px; -o-background-size: 20px 16px;}
/* .icon-movie { background: url(../img/icon_livecam.png) 0 center no-repeat; padding-left: 22px; display: inline-block;background-size: 17px 13px; -webkit-background-size: 17px 13px;  -moz-background-size: 20px 16px; -o-background-size: 20px 16px;} */
.icon-clock { background: url(../img/icon_clock.png) 0 center no-repeat; padding-left: 25px; display: inline-block; }
.icon-cmin-orange {	background: url(../img/icon_cubemini_orange.png) 0 center no-repeat; padding-left: 20px; display: inline-block; }


/* -------------------------------------------------------------------------------------
  CONTAINERS
------------------------------------------------------------------------------------- */






/* -------------------------------------------------------------------------------------
  HEADER
------------------------------------------------------------------------------------- */
header div#ticker {
	/*background: -webkit-gradient(linear, left top, left bottom, from(#fb4e22), to(#d7170a));*/
	background-color: #f00;
	border-bottom: solid 1px #99070d;
	-webkit-box-shadow: 0px 1px 0px #99070d;
	box-shadow: 0px 1px 0px #99070d;
	height: 22px;
	
}
header div#ticker p {
	color: #fff;
	font-size: 16px;
	padding: 3px 0 5px 0;
	/*text-shadow: 1px 1px 2px #000000;*/
	text-align: center;
	white-space: nowrap;
	overflow-x: -webkit-marquee;

}
#content-top { padding: 0; }
#content-top:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
#content-top { display: inline-block; }
#content-top { display: block; }
#content-top #wni-logo { width: 40%; padding: 13px 0 0; text-align: center; float: left; }
#content-top #jal-logo { width: 100%; padding: 0; float: left;
			border-bottom: 1px solid #DFDFDF;
			border-top: 4px solid #CC0000;}
#content-top #bt-cont { width: 60%; float: left; }
#content-top #bt-cont p#repo-cap { width: 66%; padding-bottom: 2px; float: none; text-align: center; }
#content-top #bt-cont>div { width: 33%; padding: 0; text-align: center; float: left; line-height: 150%; font-size: 10px; }
#content-top #bt-cont>div>div { width: 40px; margin: 0 auto; position: relative; }
#content-top #bt-cont div p {
	width: 40px; height: 40px; margin: 0 auto; background: #e6e6e6;
	background: -webkit-gradient(linear, left top, left bottom, from(#d8d8d8), color-stop(40%, #e6e6e6), color-stop(75%, #f4f4f4), color-stop(95%, #fff), to(#fff));
	background: -webkit-linear-gradient(top, #d8d8d8, #e6e6e6 40%, #f4f4f4 75%, #fff 95%, #fff);
	background: -moz-linear-gradient(top, #d8d8d8, #e6e6e6 40%, #f4f4f4 75%, #fff 95%, #fff);
	background: -ms-linear-gradient(top, #d8d8d8, #e6e6e6 40%, #f4f4f4 75%, #fff 95%, #fff);
	background: -o-linear-gradient(top, #d8d8d8, #e6e6e6 40%, #f4f4f4 75%, #fff 95%, #fff);
	background: linear-gradient(top, #d8d8d8, #e6e6e6 40%, #f4f4f4 75%, #fff 95%, #fff);
	border: solid 1px #adadad; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
	-webkit-box-shadow: rgba(0, 0, 0, .5) 0 0px 1px; -moz-box-shadow: rgba(0, 0, 0, .5) 0 0px 1px; box-shadow: rgba(0, 0, 0, .5) 0 0px 1px;
	
}
#content-top #bt-cont div p:after {
	content: ""; width: 38px; height: 15px; position: absolute; top: 2px; left: 2px;
	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: 4px; -moz-border-radius: 4px; border-radius: 4px;
	
}







header#inner {
	height: 40px;
	background: #dfdfdf;
	background: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), color-stop(2%, #efefef), color-stop(50%, #d4d4d4),  to(#bfbfbf));
	background: -webkit-linear-gradient(top, #f4f4f4, #efefef 2%, #d4d4d4 50%,  #bfbfbf);
	background: -moz-linear-gradient(top, #f4f4f4, #efefef 2%, #d4d4d4 50%,  #bfbfbf);
	background: -ms-linear-gradient(top, #f4f4f4, #efefef 2%, #d4d4d4 50%,  #bfbfbf);
	background: -o-linear-gradient(top, #f4f4f4, #efefef 2%, #d4d4d4 50%,  #bfbfbf);
	background: linear-gradient(top, #f4f4f4, #efefef 2%, #d4d4d4 50%,  #bfbfbf);
	border-top: solid 4px #0000FF;
	border-bottom: solid 1px #dfdfdf;
	position: relative;
	
}
header#inner>p {
	font-size: 16px;
	line-height: 40px;
	font-family: "ヒラギノ角ゴ ProN W6","HiraKakuProN-W6";
	text-shadow: 0px -1px 0px #f4f4f4;
	color: #000000;
	text-align: center;
	
}
header#inner p#head-chname {
	font-size: 14px;
	line-height: 14px;
	padding: 4px 0 0 0;
	text-shadow: 0px -1px 0px #f4f4f4;
	color: #000000;
	text-align: center;
	
}
header#inner p#head-areaname {
	font-size: 16px;
	line-height: 20px;
	font-family: "ヒラギノ角ゴ ProN W6","HiraKakuProN-W6";
	text-shadow: 0px -1px 0px #f4f4f4;
	color: #000000;
	text-align: center;
	
}
header#inner div#head-back {
	width: 60px;
	font-size: 14px;
	line-height: 30px;
	text-align: center;
	font-family: "ヒラギノ角ゴ ProN W6","HiraKakuProN-W6";
	text-shadow: 0px -1px 0px #000000;
	background: url(../img/header_btn_back.png) 0 0 no-repeat;
	position: absolute;
	top: 5px;
	left: 5px;
	
}
header#inner div#head-back a { 
	width: 52px;
	height: 30px;
	margin: 0 0 0 auto;
	display: block;
	color: #fff;
	overflow: hidden;
	
}

header#inner div#head-home {
	/* position: absolute; top: 5px; right: 5px; 
	-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; 
	border: 1px solid #6a6a6a; background-color:#ffffff; padding: 2px;  */

	position: absolute; top: 5px; right: 5px; 
	-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; 
	border: 1px solid #6a6a6a; background-color:#ffffff; padding: 3px;
	
}


/* -------------------------------------------------------------------------------------
  FOOTER
------------------------------------------------------------------------------------- */
footer {
	/* height: 25px; */
	height: 45px;
	background-color:#f9f9f9;
	border-top: solid 1px #f4f4f4;
	border-bottom: solid 1px #f4f4f4;

}
footer p {
	color: #000000;
	background-color:#ffffff;
	font-weight: bold;
	font-size: 12px;
	padding-top: 5px;
	text-shadow: -1px -1px 0px #f4f4f4;
	text-align: center;

}

footer p.gray {
	color: #666666;
	background-color:#ffffff;
	font-weight: bold;
	font-size: 12px;
	padding-top: 5px;
	text-shadow: -1px -1px 0px #f4f4f4;
	text-align: center;

}

footer p.gray img.wnilogo{
	vertical-align: middle;
	width: 108px; 
	
}


/* -------------------------------------------------------------------------------------
  LABLE
------------------------------------------------------------------------------------- */
div.content-label {
	/* background: #0000a4; */
	background: #002ac7;
//	background: -webkit-gradient(linear, left top, left bottom, from(#ff2b2b), to(#b12323));
	background: -webkit-linear-gradient(top, #ff2b2b, #b12323);
	background: -moz-linear-gradient(top, #ff2b2b, #b12323);
	background: -ms-linear-gradient(top,  #ff2b2b, #b12323);
	background: -o-linear-gradient(top,  #ff2b2b, #b12323);
	background: linear-gradient(top, #ff2b2b, #b12323);
	position: relative;
	border-top: solid 1px #bbbbbb; 
	border-bottom: solid 1px #bbbbbb; 
	
}
div.content-label p {
	/*background: url(../img/icon_content_head.png) 3px 2px no-repeat;
	padding: 7px 0 15px 32px;*/
	padding: 0 0 0 10px;
	color: #fff;
	font-weight: bold;
	font-size: 16px;
	line-height: 30px;
	font-family: "ヒラギノ角ゴ ProN W6","HiraKakuProN-W6";
	/*text-shadow: 0px -1px 0px #000000;*/
	text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.7);
	text-align: left;
}
.content-label-btn{ width: 90px; height: 23px; position: absolute; right: 5px; top: 2px; display: block; }
.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 #2d436c; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
	font-size: 14px; font-weight: bold; color: #0c419a; text-align: center; text-shadow: rgba(255, 255, 255, 0.4) 0px 1px 0px; text-decoration: none;
}
.content-label-btn .button:link { color: #0c419a; }
.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;
}

div.content-label-child {
	background: #c6ddf3;
	background: -webkit-gradient(linear, left top, left bottom, from(#cbe2f7), to(#c6ddf3));
	background: -webkit-linear-gradient(top, #cbe2f7, #c6ddf3);
	background: -moz-linear-gradient(top, #cbe2f7, #c6ddf3);
	background: -ms-linear-gradient(top, #cbe2f7, #c6ddf3);
	background: -o-linear-gradient(top, #cbe2f7, #c6ddf3);
	background: linear-gradient(top, #cbe2f7, #c6ddf3);
	border-top: solid 1px #87b2db; 
	border-bottom: solid 1px #87b2db;
	position: relative;
	/*-moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 1.0); -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 1.0); box-shadow: 0 1px 1px rgba(255, 255, 255, 1.0);*/	
}
div.content-label-child p {
	padding: 0 0 0 13px; color: #001a45; font-weight: bold; font-size: 16px; line-height: 25px; text-align: left;
	font-family: "ヒラギノ角ゴ ProN W6","HiraKakuProN-W6"; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.7);
}
div.content-label-child:after {
	width: 3px; height: 15px; content: ""; position: absolute; top: 5px; left: 5px;
	background: -webkit-gradient(linear, left top, left bottom, from(#49709e), to(#033281));	
}
div.content-label-grch {
	 /* background: #c6ddf3; */
	background: #454545;	
	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;
	position: relative;
}
div.content-label-grch p { padding: 0 0 0 13px; color: #fff; font-weight: bold; font-size: 15px; line-height: 23px; font-family: "ヒラギノ角ゴ ProN W6","HiraKakuProN-W6"; text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.7); text-align: left; }
div.content-label-grch:after {
	width: 3px; height: 15px; content: ""; position: absolute; top: 4px; left: 5px;
	background: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#a5a5a5));
	background: -webkit-linear-gradient(top, #f1f1f1, #a5a5a5);
	background: -moz-linear-gradient(top, #f1f1f1, #a5a5a5);
	background: -ms-linear-gradient(top, #f1f1f1, #a5a5a5);
	background: -o-linear-gradient(top, #f1f1f1, #a5a5a5);
	background: linear-gradient(top, #f1f1f1, #a5a5a5);
}


/* -------------------------------------------------------------------------------------
  BUTTONS wide
------------------------------------------------------------------------------------- */
ul.nav-row1 { list-style-type: none; clear: both; }
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;
}
ul.nav-row1 li a.title { pointer-events: none; width: 100%; height: 100%; display: block; background-image : none;background-color: #c0c0c0; block; vertical-align: top; font-size: 16px; line-height: 20px; position: relative; }
ul.nav-row1 li a { width: 100%; height: 100%; display: block; background: url(../img/nav_arrow_gray.png) 98% center no-repeat; vertical-align: top; font-size: 16px; line-height: 40px; position: relative; }
ul.nav-row1 li a div { padding: 0 20px 0 10px; }
ul.nav-row1 li a div.ico { padding: 0 20px 0 23px; }
ul.nav-row1 li a div:before, ul.nav-row1 li a div:after { content: ""; position: absolute; }
ul.nav-row1 li a div.news-red:before {
	width: 10px; height: 10px; top: 14px; left: 5px; background: #f00;
	background: -webkit-gradient(radial, 5 2, 0, 5 2, 9, from(#ab0000), color-stop(60%, #f00), to(#fff));
	background: -moz-radial-gradient(5 2, circle farthest-side, #ab0000 20%, #f00 60%, #fff 100%);
	-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; border: solid 1px #c34141;	
}
ul.nav-row1 li a div.news-red:after {
	width: 8px; height: 8px; top: 15px; left: 7px; 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;
}
ul.nav-row1 li a div.news-blue:before {
	width: 10px; height: 10px; top: 14px; left: 5px; background: #00a5ff;
	background: -webkit-gradient(radial, 5 2, 0, 5 2, 9, from(#0028ab), color-stop(60%, #0066ff), to(#fff));
	background: -moz-radial-gradient(5 2, circle farthest-side, #005bab 20%, #0087ff 60%, #fff 100%);
	-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; border: solid 1px #4462c4;
}
ul.nav-row1 li a div.news-blue:after {
	width: 8px; height: 8px; top: 15px; left: 7px; 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;
}
ul.nav-row1 li a div.news-yellow:before {
	width: 10px; height: 10px; top: 14px; left: 5px; background: #fffa00;
	background: -webkit-gradient(radial, 5 2, 0, 5 2, 9, from(#aba800), color-stop(60%, #fffa00), to(#fff));
	background: -moz-radial-gradient(5 2, circle farthest-side, #005bab 20%, #0087ff 60%, #fff 100%);
	-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; border: solid 1px #c4c144;
}
ul.nav-row1 li a div.news-yellow:after {
	width: 8px; height: 8px; top: 15px; left: 7px; 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;	
}
	






ul.nav-row2 { list-style-type: none; clear: both; }
ul.nav-row2 li { height: 50px; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e8e8e8)); border-top: solid 1px #ebebeb; border-bottom: solid 1px #d0d0d0; display: block; }
ul.nav-row2 li a { width: 100%; height: 100%; display: block; background: url(../img/nav_arrow_gray.png) 98% center no-repeat; }
ul.nav-row2 li a div { font-size: 15px; line-height: 16px; padding: 9px 20px 0 10px; }
ul.nav-row2 li a div.title { font-size: 16px; line-height: 16px; padding: 9px 20px 1px 10px; }
ul.nav-row2 li a div.detail { font-size: 14px; line-height: 14px; color: #666; padding: 3px 20px 0 10px; }








ul.nav-row1-ico { list-style-type: none; clear: both; }
ul.nav-row1-ico li {
	height:45px;
	background:#e8e8e8;
	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);	
	border-top: solid 1px #ebebeb; border-bottom: solid 1px #d0d0d0; display: block;
	
}
ul.nav-row1-ico li a {
	width: 100%;
	height: 100%;
	display: block;
	background: url(../img/nav_arrow_gray.png) 98% center no-repeat;
	vertical-align: top;
	
}
ul.nav-row1-ico li a div{ font-size: 16px; padding: 0 20px 0 5px; line-height: 45px; }
ul.nav-row1-ico li a img{ padding: 5px 5px 0 5px; float: left; }


ul.nav-row2-ico { list-style-type: none; clear: both; }
ul.nav-row2-ico li {
	height: 50px;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e8e8e8));
	border-top: solid 1px #ebebeb;
	border-bottom: solid 1px #d0d0d0;
	display: block;
	
}
ul.nav-row2-ico li a {
	width: 100%;
	height: 100%;
	display: block;
	background: url(../img/nav_arrow_gray.png) 98% center no-repeat;
	vertical-align: top;
	
}
ul.nav-row2-ico li a img { padding: 5px 5px 0 5px; float: left; }
ul.nav-row2-ico li a span.title { font-size: 16px; padding: 9px 20px 1px 5px; display: block; }
ul.nav-row2-ico li a span.detail {
	font-size: 14px;
	line-height: 14px;
	color: #666;
	padding: 3px 20px 0 0;
	display: block;
	
}



ul.nav-row3-ico { list-style-type: none; clear: both; }
ul.nav-row3-ico li {
	height: 55px;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e8e8e8));
	border-top: solid 1px #ebebeb;
	border-bottom: solid 1px #d0d0d0;
	display: block;
	
}
ul.nav-row3-ico li a {
	width: 100%;
	height: 100%;
	display: block;
	background: url(../img/nav_arrow_gray.png) 98% center no-repeat;
	vertical-align: top;
	
}
ul.nav-row3-ico li a img { padding: 5px 5px 0 5px; float: left; }
ul.nav-row3-ico li a span.title { font-size: 16px; padding: 5px 20px 0 5px; display: block; }
ul.nav-row3-ico li a span.detail {
	font-size: 14px;
	line-height: 14px;
	color: #666;
	padding: 3px 20px 0 0;
	display: block;
	
}



ul.nav-repo { list-style-type: none; clear: both; }
ul.nav-repo li { height: 77px; background: #fff; /*background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fffaee));*/ border-top: solid 1px #ebebeb; border-bottom: solid 1px #d0d0d0; display: block; }
ul.nav-repo li a { width: 100%; height: 100%; display: block; background: url(../img/nav_arrow_gray.png) 98% center no-repeat; vertical-align: top; }
ul.nav-repo li a img { margin: 5px; float: left; border: solid 3px #fff; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }
ul.nav-repo li a span.title { font-size: 16px; padding: 9px 20px 1px 5px; display: block; color: #0026a0; }
ul.nav-repo li a span.detail { font-size: 14px; line-height: 14px; color: #666; padding: 3px 20px 0 0; display: block; }
ul.nav-repo li a span.title-clock { font-size: 16px; background: url(../img/icon_clock.png) 95px bottom no-repeat; padding: 9px 20px 1px 115px; display: block; color: #0026a0; }







/* -------------------------------------------------------------------------------------
  BUTTONS RADIAL
------------------------------------------------------------------------------------- */

div.list-nav { width: 95%; margin: 10px auto; display:table;} div.list-nav.mbnone { margin: 10px auto 0; } div.list-nav.mtnone { margin: 0 auto 10px; } div.list-nav.mnone { margin: 0 auto; }
div.list-nav ul { display: -webkit-box; display: -moz-box; display: box; list-style-type: none; position: relative; }
div.list-nav .button li:first-of-type a { border-left: none; }
div.list-nav ul li a { display: block; }
div.list-nav .col1 li { width: 100%; }
div.list-nav .col2 li { width: 50%; line-height:30px; display:table-cell;}
div.list-nav .col3 li { width: 33%; line-height:30px; display:table-cell;}
div.list-nav .col3 li:first-of-type { width: 33%; }
div.list-nav .col3 li:last-of-type { width: 35%; }
div.list-nav .col4 li { width: 25%; line-height:30px; display:table-cell;}
div.list-nav ul.row1 { line-height: 30px; text-align: center;width:100%; display:table; }
div.list-nav ul.row2 { line-height: 50px; text-align: left; height: 50px; }
div.list-nav .blue li a { border-left: 1px solid #4f8cc5; color: #0c419a; }
div.list-nav .gray li a { border-left: 1px solid #8a8a8a; color: #000; }
div.list-nav ul.blue {
	background: #bbcfe5;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(50%, #ebf3f9), color-stop(50%, #d9e2ed), to(#bbcfe5));
	background: -webkit-linear-gradient(top, #fff, #ebf3f9 50%, #d9e2ed 50%, #bbcfe5);
	background: -moz-linear-gradient(top, #fff, #ebf3f9 50%, #d9e2ed 50%, #bbcfe5);
	background: -ms-linear-gradient(top, #fff, #ebf3f9 50%, #d9e2ed 50%, #bbcfe5);
	background: -o-linear-gradient(top, #fff, #ebf3f9 50%, #d9e2ed 50%, #bbcfe5);
	background: linear-gradient(top, #fff, #ebf3f9 50%, #d9e2ed 50%, #bbcfe5);
	-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: solid 1px #4f8cc5;
	font-size: 15px; color: #0c419a; 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.list-nav ul.blue-v li {
	background: #c26400;
	background: -webkit-gradient(linear, left top, left bottom, from(#769eff), color-stop(50%, #0054fe), to(#004dd9));
	background: -webkit-linear-gradient(top, #769eff, #0054fe 50%, #004dd9);
	background: -moz-linear-gradient(top, #769eff, #0054fe 50%, #004dd9);
	background: -ms-linear-gradient(top, #769eff, #0054fe 50%, #004dd9);
	background: -o-linear-gradient(top, #769eff, #0054fe 50%, #004dd9);
	background: linear-gradient(top, #769eff, #0054fe 50%, #004dd9);
	-webkit-border-radius: 4px;　-moz-border-radius: 4px;　border-radius: 4px; border: solid 1px #396ada;
	font-size: 15px; color: #fff; 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.list-nav ul.gray {
	/* background: #bbcfe5; */
	background: #e2e2e2;
	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.list-nav ul.orange li {
	background: #fbf0e8;
	background: -webkit-gradient(linear, left top, left bottom, from(#fffcfa), color-stop(50%, #ffecdb), color-stop(50%, #ffd8b3), to(#ffc89b));
	background: -webkit-linear-gradient(top, #fffcfa, #ffecdb 50%, #ffd8b3 50%, #ffc89b);
	background: -moz-linear-gradient(top, #fffcfa, #ffecdb 50%, #ffd8b3 50%, #ffc89b);
	background: -ms-linear-gradient(top, #fffcfa, #ffecdb 50%, #ffd8b3 50%, #ffc89b);
	background: -o-linear-gradient(top, #fffcfa, #ffecdb 50%, #ffd8b3 50%, #ffc89b);
	background: linear-gradient(top, #fffcfa, #ffecdb 50%, #ffd8b3 50%, #ffc89b);
	-webkit-border-radius: 4px;　-moz-border-radius: 4px;　border-radius: 4px; border: solid 1px #da8639;
	font-size: 15px; color: #0c419a; 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.list-nav ul.orange-v li {
	background: #c26400;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffbe7e), color-stop(50%, #ff7300), to(#d75c00));
	background: -webkit-linear-gradient(top, #ffbe7e, #ff7300 50%, #d75c00);
	background: -moz-linear-gradient(top, #ffbe7e, #ff7300 50%, #d75c00);
	background: -ms-linear-gradient(top, #ffbe7e, #ff7300 50%, #d75c00);
	background: -o-linear-gradient(top, #ffbe7e, #ff7300 50%, #d75c00);
	background: linear-gradient(top, #ffbe7e, #ff7300 50%, #d75c00);
	-webkit-border-radius: 4px;　-moz-border-radius: 4px;　border-radius: 4px; border: solid 1px #da8639;
	font-size: 15px; color: #fff; 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.list-nav ul.row2 li a span.title {
	font-size: 16px;
	line-height: 16px;
	padding: 8px 15px 1px 10px;
	color: #000;
	display: block;
	
}
div.list-nav ul.row2 li a span.detail {
	font-size: 14px;
	line-height: 14px;
	color: #666;
	padding: 3px 30px 7px 10px;
	display: block;
}
div.list-nav ul.row2 li a span.title-o {
	font-size: 16px;
	line-height: 16px;
	padding: 8px 15px 1px 10px;
	color: #f56800;
	display: block;
}
div.list-nav ul.row2 li a span.detail-o {
	font-size: 14px;
	line-height: 14px;
	color: #f56800;
	padding: 3px 30px 7px 10px;
	display: block;
}




div.list-nav ul.row2 li a span.title-v {
	font-size: 16px;
	line-height: 16px;
	padding: 8px 15px 1px 10px;
	color: #fff;
	display: block;
}
div.list-nav ul.row2 li a span.detail-v {
	font-size: 14px;
	line-height: 14px;
	color: #fff;
	padding: 3px 30px 7px 10px;
	display: block;	
}




div.list-nav ul li.ico-orange { text-align: left; } 
div.list-nav ul li.ico-orange:after { 
	content: ""; width: 10px; height: 10px; position: absolute; top: 10px; left: 10px;
	background: -webkit-gradient(linear, left top, right bottom, from(#ff5b04), color-stop(50%, #ff5b04), color-stop(50%, #ab3b00), to(#ab3b00));
	-webkit-transform: rotate(14deg) ;
	-moz-transform: rotate(14deg) ;
	-o-transform: rotate(14deg) ;
	-moz-box-shadow: 1px 1px 1px rgba(100, 35, 0, 0.6);
	-webkit-box-shadow: 1px 1px 1px rgba(100, 35, 0, 0.6);
}





div.list-nav ul.tglbtn {
	/* background: #bbcfe5; */
	background: #e6e6e6;
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), color-stop(50%, #e6e6e6), to(#d3d3d3));
	background: -webkit-linear-gradient(top, #fbfbfb, #e6e6e6 50%, #d3d3d3);
	background: -moz-linear-gradient(top, #fbfbfb, #e6e6e6 50%, #d3d3d3);
	background: -ms-linear-gradient(top, #fbfbfb, #e6e6e6 50%, #d3d3d3);
	background: -o-linear-gradient(top, #fbfbfb, #e6e6e6 50%, #d3d3d3);
	background: linear-gradient(top, #fbfbfb, #e6e6e6 50%, #d3d3d3);
	-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;
	width:100%;
	height:30px;
	display:table;
}
div.list-nav ul.tglbtn li.on {
	/* background: #236ce5; */
	background: #ff5555;
	background: -webkit-gradient(linear, left top, left bottom, from(#ff2b2b), color-stop(50%, #ff5555), to(#ff8080));
	background: -webkit-linear-gradient(top, #ff2b2b, #ff5555 50%, #ff8080);
	background: -moz-linear-gradient(top, #ff2b2b, #ff5555 50%, #ff8080);
	background: -ms-linear-gradient(top, #ff2b2b, #ff5555 50%, #ff8080);
	background: -o-linear-gradient(top, #ff2b2b, #ff5555 50%, #ff8080);
	background: linear-gradient(top, #ff2b2b, #ff5555 50%, #ff8080);
	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: inset 0 2px 3px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.4);
	box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.4);
	padding-top: 0px;	
}

div.list-nav ul.tglbtn li.hiden {
	/* background: #236ce5; */
	background: ##A6A6A6;
	background: -webkit-gradient(linear, left top, left bottom, from(#6D6D6D), color-stop(50%, #565656), to(#434343));
	background: -webkit-linear-gradient(top, #6D6D6D, #565656 50%, #434343);
	background: -moz-linear-gradient(top, #6D6D6D, #565656 50%, #434343);
	background: -ms-linear-gradient(top, #6D6D6D, #565656 50%, #434343);
	background: -o-linear-gradient(top, #6D6D6D, #565656 50%, #434343);
	background: linear-gradient(top, #6D6D6D, #565656 50%, #434343);
	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: inset 0 2px 3px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.4);
	box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.4);
	padding-top: 0px;	
}
div.list-nav ul.tglbtn li.on:first-of-type { -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; }
div.list-nav ul.tglbtn li.on:last-of-type { -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; }
div.list-nav ul.tglbtn li.on a { color: #fff; }
div.list-nav .tglbtn li a { border-left: 1px solid #8a8a8a; }
div.list-nav .tglbtn li:first-of-type a { border-left: none; }



div.list-nav-set { width: 95%; margin: 10px auto; } div.list-nav-set.mbnone { margin: 10px auto 0; } div.list-nav-set.mtnone { margin: 0 auto 10px; } div.list-nav-set.mnone { padding: 15px auto; height:30px;}
div.list-nav-set ul { display: -webkit-box; display: -moz-box; display: box; list-style-type: none; position: relative; }
div.list-nav-set ul.set2 li { width: 49%; }
div.list-nav-set ul.set2 li:first-of-type { position: absolute; top: 0;}
div.list-nav-set ul.set2 li:last-of-type { position: absolute; top: 0; right: 0; }

div.list-nav-set ul.set3 li { width: 32%; }
div.list-nav-set ul.set3 li:nth-child(2) { position: absolute; top: 0; left: 34%; }
div.list-nav-set ul.set3 li:last-of-type { position: absolute; top: 0; right: 0; }


div.list-nav-set ul.set3-midselect li { width: 18%; }
div.list-nav-set ul.set3-midselect li:nth-child(2) { width:60.5%;position: absolute; top: 0; left: 20%; }
div.list-nav-set ul.set3-midselect li:last-of-type { position: absolute; top: 0; right: 0; }


div.list-nav-set ul.set4 li { width: 23.5%; }
div.list-nav-set ul.set4 li:nth-child(2) { position: absolute; top: 0; left: 25.5%; }
div.list-nav-set ul.set4 li:nth-child(3) { position: absolute; top: 0; left: 51%; }
div.list-nav-set ul.set4 li:last-of-type { position: absolute; top: 0; right: 0; }
div.list-nav-set ul li a { display: block; }
div.list-nav-set ul.row1 { line-height: 29px; text-align: center; width:100%;}
div.list-nav-set ul.blue li {
	background: #bbcfe5;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(50%, #ebf3f9), color-stop(50%, #d9e2ed), to(#bbcfe5));
	background: -webkit-linear-gradient(top, #fff, #ebf3f9 50%, #d9e2ed 50%, #bbcfe5);
	background: -moz-linear-gradient(top, #fff, #ebf3f9 50%, #d9e2ed 50%, #bbcfe5);
	background: -ms-linear-gradient(top, #fff, #ebf3f9 50%, #d9e2ed 50%, #bbcfe5);
	background: -o-linear-gradient(top, #fff, #ebf3f9 50%, #d9e2ed 50%, #bbcfe5);
	background: linear-gradient(top, #fff, #ebf3f9 50%, #d9e2ed 50%, #bbcfe5);
	-webkit-border-radius: 4px;　-moz-border-radius: 4px;　border-radius: 4px; border: solid 1px #4f8cc5; position: relative;
	font-size: 15px; color: #0c419a; 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.list-nav-set ul.gray li, div.list-nav-set ul.set3-midselect 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; position: relative;
	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.list-nav-set ul.set3-midselect li:nth-child(2) {
	background: none; border:none; 
	-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
}
div.list-nav-set ul.set3-midselect li select {
width: 100%;
font-size: 15px;
line-height: 28px;
height: 31px;

	background: #bbcfe5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), color-stop(50%, #e6e6e6), color-stop(50%, #d4d4d4), to(#b6b6b6));
	/*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;
	-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.list-nav-set ul.set3-midselect li:nth-child(2):after { 
	content: ""; width: 0; height: 0; position: absolute; top: 13px; right: 6px;
	border-top:solid 7px #000;
	border-bottom:solid 5px transparent;
	border-left:solid 4px transparent;
	border-right:solid 4px transparent;
}





/*
.btn-arrow-left:before, .btn-arrow-left:after { content: ""; position: absolute; }
.btn-arrow-left:before {
	width: 20px; height: 20px; top: 4px; left: 40%; background: #00a5ff;
	background:  -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.9)), color-stop(70%, rgba(255,255,255,0)), to(rgba(255,255,255,0))), -webkit-gradient(radial, 10 4, 0, 10 4, 19, from(#4c4c4c), color-stop(60%, #757575), to(#fff));
	background: -moz-linear-gradient(top, rgba(255,255,255,.9), rgba(255,255,255,0) 70%, rgba(255,255,255,0)), -moz-radial-gradient(5 2, circle farthest-side, #4c4c4c 20%, #757575 60%, #fff 100%);
	-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; border: solid 1px #595959;
	
}
.btn-a1rrow-left:after {
	width: 0; height: 0; top: 15px; left: 7px; background: #fff;

	
}*/






div.list-row-nav { width: 95%; margin: 10px auto; } div.list-row-nav.mbnone { margin: 10px auto 0; } div.list-row-nav.mtnone { margin: 0 auto 10px; } div.list-row-nav.mnone { margin: 0 auto; }
div.list-row-nav ul{
	background: #ccc;
	background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#f2f2f2));
	-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border: solid 1px #cacaca;
	font-size: 15px; color: #000; text-decoration: none;
}
div.list-row-nav ul.icon li{display:block;line-height:45px;border-bottom:solid 1px #cacaca;}
div.list-row-nav ul.icon li:first-of-type{-webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0;}
div.list-row-nav ul.icon li:last-of-type{border:none;-webkit-border-radius:0 0 10px 10px; -moz-border-radius:0 0 10px 10px; border-radius:0 0 10px 10px;}
div.list-row-nav ul.icon li a{display:block;padding:0 1px 0 45px;}





/* ------ SEARCH BOX ------ */
div#w-srch { width: 95%; margin: 0 auto; }
div#w-srch #w-txt { width: 70%; padding-top: 1px; float: left; }
div#w-srch #w-txt input { width: 100%; margin-top: 3px; height: 26px; font-size: 14px; }
ul#w-btn {
	width: 25%;
	line-height: 30px;
	display: -webkit-box;
	display: -moz-box;
	display: box;
	list-style-type: none;
	background: #bbcfe5;
	background: -webkit-gradient(linear, left top, left bottom, from(#bbcfe5), color-stop(10%, #ffffff), color-stop(50%, #ebf3f9), color-stop(50%, #d9e2ed), to(#bbcfe5));
	background: -webkit-linear-gradient(top, #bbcfe5, #ffffff 10%, #ebf3f9 50%, #d9e2ed 50%, #bbcfe5);
	background: -moz-linear-gradient(top, #bbcfe5, #ffffff 10%, #ebf3f9 50%, #d9e2ed 50%, #bbcfe5);
	background: -ms-linear-gradient(top, #bbcfe5, #ffffff 10%, #ebf3f9 50%, #d9e2ed 50%, #bbcfe5);
	background: -o-linear-gradient(top, #bbcfe5, #ffffff 10%, #ebf3f9 50%, #d9e2ed 50%, #bbcfe5);
	background: linear-gradient(top, #bbcfe5, #ffffff 10%, #ebf3f9 50%, #d9e2ed 50%, #bbcfe5);
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	border: solid 1px #4f8cc5;
	font-size: 15px;
	color: #0c419a;
	font-weight: bold;
	text-align: center;
	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);
	float: right;	
}
ul#w-btn li { width: 100%; }
ul#w-btn li a { display: block; color: #0c419a; }




div#serch-box {
	width: 95%;margin: 10px auto;
	border: solid 1px #787a7d;
	-webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;
	-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);	
}

#serchbox-body {
	width: 70%;
	height: 25px;
	border: none;
	-webkit-appearance: none;
	font-size: 15px;
	background: transparent;float:right;
}
ul#search-btn {
	width: 25%;
	line-height: 25px;
	list-style-type: none;
	background: #bbcfe5;
	background: -webkit-gradient(linear, left top, left bottom, from(#bcbcbc), color-stop(50%, #737373), to(#2a2d3a));
	background: -webkit-linear-gradient(top, #bcbcbc, #737373 50%, #2a2d3a);
	background: -moz-linear-gradient(top, #bcbcbc, #737373 50%, #2a2d3a);
	background: -ms-linear-gradient(top, #bcbcbc, #737373 50%, #2a2d3a);
	background: -o-linear-gradient(top, #bcbcbc, #737373 50%, #2a2d3a);
	background: linear-gradient(top, #bcbcbc, #737373 50%, #2a2d3a);
	-webkit-border-radius: 0 15px 15px 0;
	-moz-border-radius: 0 15px 15px 0;
	border-radius: 0 15px 15px 0;
	border: solid 1px #333842;
	font-size: 15px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	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);
	float: right;	
}

ul#search-btn li a { display: block; color: #fff; }






/* -------------------------------------------------------------------------------------
  TEXT LINKS
------------------------------------------------------------------------------------- */

ul.nav-txt { width: 95%; margin: 10px auto; list-style-type: none; }
ul.nav-txt li { 
	font-size: 14px;
	line-height: 14px;
	margin: 0;
	padding: 0 5px;
	border-left: 1px solid #666;
	float: left;
	text-align: center;
}
ul.nav-txt li a { color: #0c419a; }
ul.nav-txt li:first-of-type { border-left: none; }
ul.nav-txt-sm { width: 95%; margin: 10px auto; list-style-type: none; }
ul.nav-txt-sm li { 
	font-size: 10px;
	line-height: 10px;
	margin: 0;
	padding: 0 5px;
	border-left: 1px solid #666;
	float: left;
	letter-spacing: -0.001em;

}
ul.nav-txt-sm li a { color: #0c419a; }
ul.nav-txt-sm li:first-of-type { border-left: none; }
ul.col4 li { width: 24.5%; padding: 0; }


























/* -------------------------------------------------------------------------------------
  TABLE
------------------------------------------------------------------------------------- */
.wni-data-table {
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	background: #fff;
	text-decoration: none;
	border: solid 1px #757d8a;
	-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;

}
.wni-data-table thead td {
	font-size: 16px;
	line-height: 20px;
	vertical-align: middle;
	/* background: #bbcfe5; */
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(50%, #ededed), color-stop(50%, #e7e7e7), to(#ffffff));
	background: -webkit-linear-gradient(top, #ffffff, #ededed 50%, #e7e7e7 50%, #ffffff);
	background: -moz-linear-gradient(top, #ffffff, #ededed 50%, #e7e7e7 50%, #ffffff);
	background: -ms-linear-gradient(top, #ffffff, #ededed 50%, #e7e7e7 50%, #ffffff);
	background: -o-linear-gradient(top, #ffffff, #ededed 50%, #e7e7e7 50%, #ffffff);
	background: linear-gradient(top, #ffffff, #ededed 50%, #e7e7e7 50%, #ffffff);
	border: solid 1px #757d8a;
	-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;
	
}
.wni-data-table thead.sm td {
	font-size: 14px;
	line-height: 18px;
}
.wni-data-table td { padding: 2px 0; vertical-align: middle; }
.wni-data-table td.em { font-weight: bold; font-size: 15px; }
.wni-data-table td.rline { border-right: solid 1px #c1c5cc; }
.wni-data-table.col4 td { width: 25%; }
.wni-data-table.col5 td { width: 20%; }
.wni-data-table.pinpoint td { width: 15%; }
.wni-data-table.pinpoint td:last-of-type { width: 40%; }
.wni-data-table td img { text-align: center; padding-top: 0px; vertical-align: bottom; }
.wni-data-table tr.data-line td { border-bottom: solid 1px #c1c5cc;border-right: solid 1px #c1c5cc; }
.wni-data-table tr.data-line td:last-of-type { border-right: none; }
.wni-data-table tr.data-bline td { border-bottom: solid 1px #c1c5cc;}
.wni-data-table tr.cap-bl td { 
	font-size: 15px;
	line-height: 16px;
	vertical-align: middle;
	background: #ecf8ff;
	text-align: center;
	border-top: solid 1px #c1c5cc;
	border-bottom: solid 1px #c1c5cc;
}
.wni-data-table .hlt { background: #f3f3f4; }

/* -------------------------------------------------------------------------------------
  MY CH.
------------------------------------------------------------------------------------- */

#mych { margin: 7px 0 10px 0; }
#mych #wx-3hours {
	margin: 5px 0 0;
	padding: 3px 0 1px;
	background-color: #fffaee;
	border-top: solid 1px #757d8a;
	border-bottom: solid 1px #757d8a;
}
#mych .wx-body { width: 12.5%; text-align: center; float: left; }
#mych .wx-measure {
	width: 4%;
	font-size: 10px;
	color: #666;
	text-align: center;
	float: right;
}

#mych p#mych-user-name {
	font-size: 15px;
	width: 95%;
	margin: 0 auto;
	padding: 0 0 5px 0;
}
#mych p#mych-user-name span { font-size: 14px; padding: 0 0 0 5px; }


/* ------ CURRENT LOCATION ------ */
/*.location-flag {
	width: 0; height: 0; margin: 1px 5px 0;
	border-top: solid 6px #f00;
	border-left: solid 7px #f00;
	border-right: solid 4px transparent;
	border-bottom: solid 4px #cc2119;
	position: relative;
	float: left;

}*/
.location-flag {
	width: 0; height: 0; margin: 1px 5px 0 7px;
	border-top: solid 5px transparent;
	border-left: solid 10px #f00;
	border-right: solid 0 transparent;
	border-bottom: solid 5px transparent;
	position: relative;
	float: left;

}
.location-flag:after, .location-flag:before { content: ""; position: absolute; display: block; }
.location-flag:before {
	width: 0;
	height: 0;
	top: 0px;
	left: -10px;
	border-top: solid 0px transparent;
	border-bottom: solid 5px transparent;
	border-left: solid 10px #cc2119;
	border-right: solid 0 transparent;

}
.location-flag:after { width: 2px; height: 17px; left: -12px; top: -7px; background: -webkit-gradient(linear, left top, left bottom, from(#940a04), color-stop(10%, #9c9d9d), to(#615f5f)); }
.mylocation { font-size: 16px; padding: 1px 0 0 0; }








/* -------------------------------------------------------------------------------------
  CONTENT BACKGROUND
------------------------------------------------------------------------------------- */

.bgbl { background: #e3e5e8; padding: 10px 0 15px 0; }
.bgbl.ptnone { background: #e3e5e8; padding: 0 0 20px 0; }
.bgbl.pbnone { padding: 10px 0 0 0; }

.cnt-bg-wht {
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	background: #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: solid 1px #757d8a;
	-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);

}
.cnt-bg-wht>div { padding: 10px; text-align: left; }
.cnt-bg-wht div.first>p.cm-title { font-size: 15px; font-weight: bold; margin-bottom: 7px; padding: 0 0 3px 18px; }
.cnt-bg-wht div.first>p.cm-title.blue { color: #006eca; border-bottom: solid 1px #005a9e; background: url(../img/icon_cube_blue.png) 0 0 no-repeat; }
.cnt-bg-wht div.first>p.cm-title.yellow { color: #c98e00; border-bottom: solid 1px #b48c00; background: url(../img/icon_cube_yellow.png) 0 0 no-repeat; }
.cnt-bg-wht div.first>p.cm-title.green { color: #6fba10; border-bottom: solid 1px #59910c; background: url(../img/icon_cube_green.png) 0 0 no-repeat; }
.cnt-bg-wht .cm-body { line-height: 140%; }
/*.cm-balloon { 	
	width: 78%;
	position: relative;
	margin: 10px 2.5% 0 auto;
	position: relative;
	border: 2px solid #5a8f00;
	color: #333;
	background: #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

}
.cm-balloon:before, .cm-balloon:after { content: ""; position: absolute; width: 0; display: block; }
.cm-balloon:before { top: 5px; left: -20px; border-style: solid; border-width: 6px 20px 8px 0; border-color: transparent #5a8f00; }
.cm-balloon:after { top: 7px; left: -16px; border-style: solid; border-width: 4px 18px 6px 0; border-color: transparent #fff; } 
.cm-balloon p { padding: 10px; position: relative; }
.cm-balloon p:after { position: absolute; content: ""; width: 38px; height: 42px; top: 0; left: -50px; background: url(../img/icon_comment.png) 0 0 no-repeat; }*/


.cnt-bg-wht-wide {
	background: #fff; border-top: solid 1px #757d8a; border-bottom: solid 1px #757d8a;
	/*-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);*/

}
.cnt-bg-wht-wide>div { padding: 10px; text-align: left; }



.in-cm { width: 95%; margin: 10px auto; position: relative; } .in-cm.mbnone { margin: 10px auto 0; } .in-cm.mtnone { margin: 0 auto 10px; } .in-cm.mnone { margin: 0 auto; }
.in-cm p.cm-title { border-bottom: 1px solid #010083; color: #010083; font-size: 15px; font-weight: bold; margin-bottom: 7px; padding: 0 0 3px 15px; }
.in-cm p.cm-title:before {
	content: ""; width: 7px; height: 7px; position: absolute; top: 5px; left: 2px; background: #000067;
	background: -webkit-gradient(linear, left top, right bottom, from(#7373e6), color-stop(70%, #010098), to(#000067));
	background: -webkit-linear-gradient(left top, #7373e6, #010098 70%, #000067);
	background: -moz-linear-gradient(left top, #7373e6, #010098 70%, #000067);
	background: -ms-linear-gradient(left top, #7373e6, #010098 70%, #000067);
	background: -o-linear-gradient(left top, #7373e6, #010098 70%, #000067);
	background: linear-gradient(left top, #7373e6, #010098 70%, #000067);
	-moz-box-shadow: -2px -2px 0px rgba(137, 137, 246, .7);
	-webkit-box-shadow: -2px -2px 0px rgba(137, 137, 246, .7);
	box-shadow: -2px -2px 0px rgba(137, 137, 246, .7);

}


/* -------------------------------------------------------------------------------------
  TAB
------------------------------------------------------------------------------------- */

ul.tab-head { 
	width: 95%; margin: 0 auto; display: -webkit-box; display: -moz-box; display: box; list-style-type: none; position: relative; text-align: center; line-height: 30px;
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), color-stop(70%, #efeeee), to(#dcdcdc));
	background: -webkit-linear-gradient(top, #fbfbfb, #efeeee 70%, #dcdcdc);
	background: -moz-linear-gradient(top, #fbfbfb, #efeeee 70%, #dcdcdc);
	background: -ms-linear-gradient(top, #fbfbfb, #efeeee 70%, #dcdcdc);
	background: -o-linear-gradient(top, #fbfbfb, #efeeee 70%, #dcdcdc);
	background: linear-gradient(top, #fbfbfb, #efeeee 70%, #dcdcdc);
	border-top: solid 1px #757d8a; border-left: solid 1px #757d8a; border-right: solid 1px #757d8a;
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
	-moz-box-shadow: 0 -1px 2px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 -1px 2px rgba(0, 0, 0, .2);
	box-shadow: 0 -1px 2px rgba(0, 0, 0, .2);
	
}
ul.tab-head li { display: block; }
ul.tab-head li:first-of-type { -webkit-border-radius: 4px 0 0 0; -moz-border-radius: 4px 0 0 0; border-radius: 4px 0 0 0; }
ul.tab-head li:last-of-type { -webkit-border-radius: 0 4px 0 0; -moz-border-radius: 0 4px 0 0; border-radius: 0 4px 0 0; }
ul.tab-head.col4 li { width: 25%; }
ul.tab-head li a { display: block; border-left: 1px solid #757d8a; border-bottom: 1px solid #757d8a; }
ul.tab-head li:first-of-type a { border-left: none; }
ul.tab-head li.selected { background: #fff; }
ul.tab-head li.selected a { border-bottom: none; color: #0c419a; }

div.tab-body {
	width: 95%;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	background: #fff;
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
	border: solid 1px #757d8a;
	border-top: none;
	-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);
	display: none;

}
div.tab-body.show {	display: block; }
div.tab-body-inner { padding: 15px 10px; }




/* -------------------------------------------------------------------------------------
  LEGEND
------------------------------------------------------------------------------------- */
div.leg-container { max-width: 270px; margin: 5px auto 0; background: #f4f4f4; border: dashed 1px #d0d0d0; }


div.leg-container div.leg-floater { width: 95%; margin: 5px auto; }
div.leg-container div.leg-floater.col3>div { width: 33.33%; float: left; }
div.leg-container div.leg-ico { position: relative; }
div.leg-container div.leg-ico p { padding-left: 17px; }
div.leg-container div.leg-ico p:before { content: ""; width: 10px; height: 10px; position: absolute; top: 1px; left: 0; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; border: solid 1px #000; }
div.leg-container div.leg-ico p.c-red:before { background: #f00; }
div.leg-container div.leg-ico p.c-pink:before { background: #ff3399; }
div.leg-container div.leg-ico p.c-orange:before { background: #ff6600; }
div.leg-container div.leg-ico p.c-yellow:before { background: #ffc000; }
div.leg-container div.leg-ico p.c-green:before { background: #00b050; }
div.leg-container div.leg-ico p.c-plblue:before { background: #00b0f0; }
div.leg-container div.leg-ico p.c-blue:before { background: #0070c0; }
div.leg-container div.leg-ico p.c-white:before { background: #fff; }

/* radar */
/*div.leg-container div.leg-radar { padding: 0 5px; line-height: 18px; display: -webkit-box; display: -moz-box; display: box; text-align: center; }*/
/*div.leg-container div.leg-radar p { width: 3.7%; display:-ms-inline-flexbox; display:-moz-inline-box; display:-webkit-inline-box; display:inline-block;}*/
div.leg-container div.leg-radar { padding: 0 0px; line-height: 18px; display: -webkit-box; display: -moz-box; display:-ms-flexbox; display: box; text-align: center; }
div.leg-container div.leg-radar p { width: 6.2%;}
div.leg-container div.leg-radar p:nth-child(2) { color: #00ffff; text-shadow: 0px 0px 2px #000000; } 
div.leg-container div.leg-radar p:nth-child(3) { color: #008eff; text-shadow: 0px 0px 2px #000000; } 
div.leg-container div.leg-radar p:nth-child(4) { color: #0000ff; text-shadow: 0px 0px 2px #000000; } 
div.leg-container div.leg-radar p:nth-child(5) { color: #8cff8c; text-shadow: 0px 0px 2px #000000; } 
div.leg-container div.leg-radar p:nth-child(6) { color: #29ff8c; text-shadow: 0px 0px 2px #000000; }
div.leg-container div.leg-radar p:nth-child(7) { color: #00ff00; text-shadow: 0px 0px 2px #000000; }
div.leg-container div.leg-radar p:nth-child(8) { color: #4ac700; text-shadow: 0px 0px 2px #000000; }
div.leg-container div.leg-radar p:nth-child(9) { color: #ffff00; text-shadow: 0px 0px 2px #000000; }
div.leg-container div.leg-radar p:nth-child(10) { color: #ffc700; text-shadow: 0px 0px 2px #000000; }
div.leg-container div.leg-radar p:nth-child(11) { color: #ff8600; text-shadow: 0px 0px 2px #000000; }
div.leg-container div.leg-radar p:nth-child(12) { color: #ff4900; text-shadow: 0px 0px 2px #000000; }
div.leg-container div.leg-radar p:nth-child(13) { color: #ff0000; text-shadow: 0px 0px 2px #000000; }
div.leg-container div.leg-radar p:nth-child(14) { color: #8c2029; text-shadow: 0px 0px 2px #000000; }
div.leg-container div.leg-radar p:nth-child(15) { color: #4a0000; text-shadow: 0px 0px 2px #000000; }

/* tsunami */
div.leg-container div.leg-tsunami {padding: 0 5px; line-height: 18px; text-align: center; background: #4b4b4b; color: #fff;}




/* -------------------------------------------------------------------------------------

  RADAR
------------------------------------------------------------------------------------- */
#cnt-location { font-size: 16px; color: #0026a0; font-weight: bold; text-align: center; padding-bottom: 5px; border-bottom: dotted 1px; }
#cnt-set { width: 95%; margin:0 auto;position:relative; }
#cnt-str { width: 15%; float: left; padding-top: 40px; font-size: 16px; }
#cnt-digit { width: 70%; background: #000; margin: 0 auto; float: left; }
#cnt-digit>div { padding: 2%; position: relative; }
#cnt-digit p {
	width: 49.5%;
	text-align: center;
	font: 6em/1.1 "ヒラギノ角ゴ ProN W3","HiraKakuProN-W3";
	color: #fff;
	background: #484848;
	background: -webkit-gradient(linear, left top, left bottom, from(#505050), color-stop(20%, #191919), color-stop(49%, #505050), color-stop(50%, #e8e8e8), color-stop(51%, #505050), color-stop(80%, #191919), to(#505050));
	background: -webkit-linear-gradient(top, #505050, #191919 20%, #505050 49%, #e8e8e8 50%, #505050 51%, #191919 80%, #505050);
	background: -moz-linear-gradient(top, #505050, #191919 20%, #505050 49%, #e8e8e8 50%, #505050 51%, #191919 80%, #505050);
	background: -ms-linear-gradient(top, #505050, #191919 20%, #505050 49%, #e8e8e8 50%, #505050 51%, #191919 80%, #505050);
	background: -o-linear-gradient(top, #505050, #191919 20%, #505050 49%, #e8e8e8 50%, #505050 51%, #191919 80%, #505050);
	background: linear-gradient(top, #505050, #191919 20%, #505050 49%, #e8e8e8 50%, #505050 51%, #191919 80%, #505050);
	
}
#cnt-digit p:nth-child(1){float:left;} #cnt-digit p:nth-child(2){float:right;}
#cnt-digit p:after {
	content: "";
	width: 96.5%;
	height: 1px;
	background: #242424;
	position: absolute;
	top: 49.5%;
	left: 2%;
	-moz-box-shadow: 0 0px 2px rgba(0, 0, 0, 0.8);
	-webkit-box-shadow: 0 0px 2px rgba(0, 0, 0, 0.8);
	box-shadow: 0 0px 2px rgba(0, 0, 0, 0.8);
	
}
#cnt-m {
	width: 15.5%;
	font-size: 20px;
	line-height: 40px;
	text-align: center;
	background: #000;
	background: -webkit-gradient(linear, left top, left bottom, from(#505050), color-stop(80%, #191919), to(#505050));
	color: #fff;
	position: absolute;
	bottom: 0;
	right: 0;
	
}