@charset "utf-8";

/* -------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------
	Weathernews Official Website for RAKURAKU smartphone
	
	new released : JULY, 2012
	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,canvas { display: block; }
body { font: 24px/110% "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN"; -webkit-text-size-adjust: none; }
img { border: none; vertical-align:bottom; }input,textarea{margin:0;padding:0;}
body>p { width: 95%; margin: 0 auto; }
ol{margin:10px 0 10px 2em;}ol.mtnone{margin:0 0 10px 2em;}ol.mbnone{margin:10px 0 0 2em;}ol.mnone{margin:0 0 0 2em;}ol li{padding-bottom:4px;}
ul.list{margin:10px 0 10px 1.9em; list-style-type:disc;}ul.list.mtnone{margin:0 0 10px 1.9em;}ul.list.mbnone{margin:10px 0 0 1.9em;}ul.list.mnone{margin:0 0 0 1.9em;}ul.list li{padding-bottom:4px;}
ol ul.list{margin:10px 0 10px 1em;}ol ul.list.mtnone{margin:0 0 10px 1em;}ol ul.list.mbnone{margin:10px 0 0 1em;}ol ul.list.mnone{margin:0 0 0 1em;}
/* -------------------------------------------------------------------------------------
  ANCHORS
------------------------------------------------------------------------------------- */
a,a:link,a:visited{color:#000;text-decoration:none;}a:hover,a:focus{color:#000;}a:active{color:#000;}

/* -------------------------------------------------------------------------------------
  CLEARFIX
------------------------------------------------------------------------------------- */
.clearfix {/zoom:1;}.clearfix:after {content:'';display:block;clear:both;height:0;}

/* -------------------------------------------------------------------------------------
  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; }
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.dt.mnone{margin:0 auto;}hr.dt-w { width: 100%; 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; }hr.st.mnone{margin:0 auto;}
.col-rd { color: #d90000; }.col-bl { color: #0a358b; }.col-yl { color: #ffff00; }.col-gray { color: #666; }.col-og { color: #ffbf00; }.col-og-v { color: #ef7a00; }.col-lb { color: #0095f3; }.col-pb { color: #d3e1e7; }.col-bk { color: #000; }
.plain-container { width:95%; margin:0 auto;padding:10px 0; position:relative; }
.plain-txt { width: 95%; margin: 0 auto;padding:10px 0;line-height:125%; }.plain-txt.mbnone{padding:10px 0 0;}.plain-txt.mtnone{padding:0 0 10px;}.plain-txt.mnone{padding:0;}
.plain-txt a,.plain-txt a:link,.plain-txt a:visited{color:#0c419a;text-decoration:none;}.plain-txt a:hover,.plain-txt a:focus{color:#0c419a;}.plain-txt a:active{color:#f00;}
.plain-txt-em{width:95%;margin:0 auto;padding:10px 0;color:#f00;}
.plain-txt-note { line-height: 10px; font-size: 10px; color: #666; }
.note{font-size:13px;color:#666;line-height:14px;padding:5px 0;}
.wni-inset{float:left;margin:0 10px 10px 0;}.wni-inset-alternate{float:right;margin:0 0 10px 10px;}.wni-clear{clear:both;}
div.notice{width:95%;margin:10px auto;border:solid 1px #f00;text-align:center;color:#f00;background:#fff;}div.notice.mbnone{margin-bottom:0;}div.notice.mtnone{margin-top:0;}div.notice.mnone{margin:0 auto;}div.notice p{padding:5px;}
div.notice-gray{width:95%;margin:10px auto;border:solid 1px #757d8a;text-align:center;color:#333;background:#fff;}div.notice-gray.mbnone{margin-bottom:0;}div.notice-gray.mtnone{margin-top:0;}div.notice-gray.mnone{margin:0 auto;}div.notice-gray p{padding:5px;}
div.notice-orange{width:95%;margin:10px auto;border:solid 1px #ef7a00;text-align:center;color:#ef7a00;background:#fff;}div.notice-orange.mbnone{margin-bottom:0;}div.notice-orange.mtnone{margin-top:0;}div.notice-orange.mnone{margin:0 auto;}div.notice-orange p{padding:5px;}
div.notice-blue{width:95%;margin:10px auto;border:solid 1px #0c419a;text-align:center;color:#0c419a;background:#fff;}div.notice-blue.mbnone{margin-bottom:0;}div.notice-blue.mtnone{margin-top:0;}div.notice-blue.mnone{margin:0 auto;}div.notice-blue p{padding:5px;}
.temp-high{color:#eb4e00;}.temp-low{color:#0463d9;}.saturday{color:#0036ff;}.sunday { color: #f00; }
.rain{color:#0463d9;}
.photo-frame{border:solid 5px #fff;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;}
/* -------------------------------------------------------------------------------------
  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; -ms-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; -ms-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; -ms-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; -ms-background-size: 30px 30px; -o-background-size: 30px 30px; padding-left: 35px;}
.icon-search {background: url(../img/icon_search.png) 0 center no-repeat;background-size: 12px 15px; -webkit-background-size: 12px 15px; -moz-background-size: 12px 15px; -ms-background-size: 12px 15px; -o-background-size: 12px 15px;padding-left: 14px; display: inline-block;}
.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; -ms-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: 25px 25px; -webkit-background-size: 25px 25px; -moz-background-size: 25px 25px; -ms-background-size: 25px 25px; -o-background-size: 25px 25px;padding-left: 30px; display: inline-block;}
.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; -ms-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; }
.reporter-right{width:95%;margin:0 auto;padding-top:0px;text-align:right;line-height:25px;}
.reporter-right p{background: url(../img/icon_camera.png) 0 0 no-repeat;background-size: 22px 22px; -webkit-background-size: 22px 22px; -moz-background-size: 22px 22px; -ms-background-size: 22px 22px; -o-background-size: 22px 22px;	padding-left: 25px; display: inline-block;}

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

/* -------------------------------------------------------------------------------------
  HEADER
------------------------------------------------------------------------------------- */
header div#ticker {background-color: #ebf3f9;border-bottom: solid 1px #bbcfe5;-webkit-box-shadow: 0 1px 0 #73a1d4;-moz-box-shadow: 0 1px 0 #73a1d4;-ms-box-shadow: 0 1px 0 #73a1d4;-o-box-shadow: 0 1px 0 #73a1d4;box-shadow: 0 1px 0 #73a1d4;padding-top:4px;}
header div#ticker p {color: #000;font-size: 24px;padding: 3px 0 4px 0;text-align: center;white-space: nowrap;overflow-x: -webkit-marquee;}
header div#ticker-m3 {background-color: #f00;border-bottom: solid 1px #99070d;-webkit-box-shadow: 0 1px 0 #99070d;-moz-box-shadow: 0 1px 0 #99070d;-ms-box-shadow: 0 1px 0 #99070d;-o-box-shadow: 0 1px 0 #99070d;box-shadow: 0 1px 0 #99070d;padding-top:4px;}
header div#ticker-m3 p {color: #fff;font-size: 24px;padding: 3px 0 4px 0;text-align: center;white-space: nowrap;overflow-x: -webkit-marquee;}
#wni-logo { text-align: center;padding:5px 0; }

header#inner {
	height: 50px;border-bottom: solid 1px #031334;position: relative;
	background: #0c419a;
	background: -webkit-gradient(linear, left top, left bottom, from(#99afd4), color-stop(2%, #6a8ac1), color-stop(50%, #1e4fa1), color-stop(50%, #0c419a), to(#0a358b));
	background: -webkit-linear-gradient(top, #99afd4, #6a8ac1 2%, #1e4fa1 50%, #0c419a 50%, #0a358b);
	background: -moz-linear-gradient(top, #99afd4, #6a8ac1 2%, #1e4fa1 50%, #0c419a 50%, #0a358b);
	background: -ms-linear-gradient(top, #99afd4, #6a8ac1 2%, #1e4fa1 50%, #0c419a 50%, #0a358b);
	background: -o-linear-gradient(top, #99afd4, #6a8ac1 2%, #1e4fa1 50%, #0c419a 50%, #0a358b);
	background: linear-gradient(top, #99afd4, #6a8ac1 2%, #1e4fa1 50%, #0c419a 50%, #0a358b);	
}
header#inner>p {font-size: 24px;line-height: 50px;font-family: "ヒラギノ角ゴ ProN W6","HiraKakuProN-W6";text-shadow: 0px -1px 1px #000000;color: #fff;text-align: center;padding-top:4px;}
header#inner p#head-chname{font-size: 22px;line-height: 22px;padding: 7px 0 0 0;text-shadow: 0px -1px 1px #000000;color: #fff;text-align: center;}
header#inner p#head-areaname{font-size: 24px;line-height: 24px;font-family: "ヒラギノ角ゴ ProN W6","HiraKakuProN-W6";text-shadow: 0px -1px 1px #000000;color: #fff;text-align: center;padding:0;}
header#inner div#head-back{width: 80px;font-size: 22px;line-height: 40px;text-align: center;font-family: "ヒラギノ角ゴ ProN W6","HiraKakuProN-W6";text-shadow: 0px -1px 1px #000000;background: url(../img/header_back.png) 0 0 no-repeat;background-size:80px 40px;-webkit-background-size:80px 40px;-moz-background-size:80px 40px;-ms-background-size:80px 40px;-o-background-size:80px 40px;position: absolute;top: 5px;left: 2px;}

header#inner div#head-back a{width: 70px;height: 40px;margin: 0 0 0 auto;display: block;color: #fff;overflow: hidden; }
header#inner div#head-home{position: absolute; top: 5px; right: 5px; }

/*colored header*/
header#inner.orange {
	border-bottom: solid 1px #6a310d;background: #b15215;
	background: -webkit-gradient(linear, left top, left bottom, from(#eb8f54), color-stop(50%, #cc5e18), color-stop(50%, #b15215), to(#b15215));
	background: -webkit-linear-gradient(top, #eb8f54, #cc5e18 50%, #b15215 50%, #b15215);
	background: -moz-linear-gradient(top, #99afd4, #6a8ac1 2%, #1e4fa1 50%, #0c419a 50%, #0a358b);
	background: -ms-linear-gradient(top, #99afd4, #6a8ac1 2%, #1e4fa1 50%, #0c419a 50%, #0a358b);
	background: -o-linear-gradient(top, #99afd4, #6a8ac1 2%, #1e4fa1 50%, #0c419a 50%, #0a358b);
	background: linear-gradient(top, #99afd4, #6a8ac1 2%, #1e4fa1 50%, #0c419a 50%, #0a358b);	
}header#inner.orange div#head-back{background: url(../img/header_back_orange.png) 0 0 no-repeat;}
header#inner.dkblue {
	border-bottom: solid 1px #040933;background: #081478;
	background: -webkit-gradient(linear, left top, left bottom, from(#0f26e2), color-stop(50%, #0a1993), color-stop(50%, #081478), to(#081478));
	background: -webkit-linear-gradient(top, #0f26e2, #0a1993 50%, #081478 50%, #081478);
	background: -moz-linear-gradient(top, #0f26e2, #0a1993 50%, #081478 50%, #081478);
	background: -ms-linear-gradient(top, #0f26e2, #0a1993 50%, #081478 50%, #081478);
	background: -o-linear-gradient(top, #0f26e2, #0a1993 50%, #081478 50%, #081478);
	background: linear-gradient(top, #0f26e2, #0a1993 50%, #081478 50%, #081478);	
}header#inner.dkblue div#head-back{background: url(../img/header_back_dkblue.png) 0 0 no-repeat;}
header#inner.pink {
	border-bottom: solid 1px #ce204c;background: #e2446c;
	background: -webkit-gradient(linear, left top, left bottom, from(#ed8ba4), color-stop(50%, #e5567a), color-stop(50%, #e2446c), to(#e2446c));
	background: -webkit-linear-gradient(top, #ed8ba4, #e5567a 50%, #e2446c 50%, #e2446c);
	background: -moz-linear-gradient(top, #ed8ba4, #e5567a 50%, #e2446c 50%, #e2446c);
	background: -ms-linear-gradient(top, #ed8ba4, #e5567a 50%, #e2446c 50%, #e2446c);
	background: -o-linear-gradient(top, #ed8ba4, #e5567a 50%, #e2446c 50%, #e2446c);
	background: linear-gradient(top, #ed8ba4, #e5567a 50%, #e2446c 50%, #e2446c);
}header#inner.pink div#head-back{background: url(../img/header_back_pink.png) 0 0 no-repeat;}
header#inner.green {
	border-bottom: solid 1px #355f18;background: #599f28;
	background: -webkit-gradient(linear, left top, left bottom, from(#95d966), color-stop(50%, #66b72e), color-stop(50%, #599f28), to(#599f28));
	background: -webkit-linear-gradient(top, #95d966, #66b72e 50%, #599f28 50%, #599f28);
	background: -moz-linear-gradient(top, #95d966, #66b72e 50%, #599f28 50%, #599f28);
	background: -ms-linear-gradient(top, #95d966, #66b72e 50%, #599f28 50%, #599f28);
	background: -o-linear-gradient(top, #95d966, #66b72e 50%, #599f28 50%, #599f28);
	background: linear-gradient(top, #95d966, #66b72e 50%, #599f28 50%, #599f28);
}header#inner.green div#head-back{background: url(../img/header_back_green.png) 0 0 no-repeat;}
header#inner.pollengreen {
	border-bottom: solid 1px #38a4af;background: #1daab9;
	background: -webkit-gradient(linear, left top, left bottom, from(#83dbdb), color-stop(50%, #4ccac9), color-stop(50%, #2bb7bc), to(#1daab9));
	background: -webkit-linear-gradient(top, #83dbdb, #4ccac9 50%, #2bb7bc 50%, #1daab9);
	background: -moz-linear-gradient(top, #83dbdb, #4ccac9 50%, #2bb7bc 50%, #1daab9);
	background: -ms-linear-gradient(top, #83dbdb, #4ccac9 50%, #2bb7bc 50%, #1daab9);
	background: -o-linear-gradient(top, #83dbdb, #4ccac9 50%, #2bb7bc 50%, #1daab9);
	background: linear-gradient(top, #83dbdb, #4ccac9 50%, #2bb7bc 50%, #1daab9);
}header#inner.pollengreen div#head-back{background: url(../img/header_back_pollengreen.png) 0 0 no-repeat;}
header#inner.cyan {
        border-bottom: solid 1px #06648a;background: #0998d1;
        background: -webkit-gradient(linear,left top,left bottom,from(#53c9f8),color-stop(.5,#0aabec),color-stop(.5,#0998d1),to(#0998d1));
        background: -webkit-linear-gradient(top,#53c9f8,#0aabec 50%,#0998d1 50%,#0998d1);
        background: -moz-linear-gradient(top,#53c9f8,#0aabec 50%,#0998d1 50%,#0998d1);
        background: -ms-linear-gradient(top,#53c9f8,#0aabec 50%,#0998d1 50%,#0998d1);
        background: -o-linear-gradient(top,#53c9f8,#0aabec 50%,#0998d1 50%,#0998d1);
        background: linear-gradient(top,#53c9f8,#0aabec 50%,#0998d1 50%,#0998d1);
}
header#inner.cyan div#head-back{background: url(../img/header_back_cyan.png) 0 0 no-repeat;}
header#inner.dkred {
        border-bottom: solid 1px #3c0b0b;background: #861818;
        background: -webkit-gradient(linear,left top,left bottom,from(#df4848),color-stop(.5,#a31d1d),color-stop(.5,#861818),to(#861818));
        background: -webkit-linear-gradient(top,#df4848,#a31d1d 50%,#861818 50%,#861818);
        background: -moz-linear-gradient(top,#df4848,#a31d1d 50%,#861818 50%,#861818);
        background: -ms-linear-gradient(top,#df4848,#a31d1d 50%,#861818 50%,#861818);
        background: -o-linear-gradient(top,#df4848,#a31d1d 50%,#861818 50%,#861818);
        background: linear-gradient(top,#df4848,#a31d1d 50%,#861818 50%,#861818);
}
header#inner.dkred div#head-back{background: url(../img/header_back_dkred.png) 0 0 no-repeat;}
header#inner.purple {
        border-bottom: solid 1px #682be8;background: #8656ec;
        background: -webkit-gradient(linear,left top,left bottom,from(#b395f3),color-stop(.5,#9266ee),color-stop(.5,#8656ec),to(#8656ec));
        background: -webkit-linear-gradient(top,#b395f3,#9266ee 50%,#8656ec 50%,#8656ec);
        background: -moz-linear-gradient(top,#b395f3,#9266ee 50%,#8656ec 50%,#8656ec);
        background: -ms-linear-gradient(top,#b395f3,#9266ee 50%,#8656ec 50%,#8656ec);
        background: -o-linear-gradient(top,#b395f3,#9266ee 50%,#8656ec 50%,#8656ec);
        background: linear-gradient(top,#b395f3,#9266ee 50%,#8656ec 50%,#8656ec);
}
header#inner.purple div#head-back{background: url(../img/header_back_purple.png) 0 0 no-repeat;}

#class-pop{font-size:12px;line-height:15px;padding:10px 0;
background:#333;
background:-webkit-gradient(linear,left top,left bottom,from(#383e45),color-stop(15%,#575d64),color-stop(50%,#5d636a),color-stop(85%,#575d64),to(#383e45));
background:-webkit-linear-gradient(top,#383e45,#575d64 15%,#5d636a 50%,#575d64 85%,#383e45);
background:-moz-linear-gradient(top,#383e45,#575d64 15%,#5d636a 50%,#575d64 85%,#383e45);
background:-ms-linear-gradient(top,#383e45,#575d64 15%,#5d636a 50%,#575d64 85%,#383e45);
background:-o-linear-gradient(top,#383e45,#575d64 15%,#5d636a 50%,#575d64 85%,#383e45);
}
#class-pop p.welcome{padding-left:25px;line-height:20px;position:relative;color:#0a358b;background:url(../img/icon_info.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;}
#class-pop p{padding-bottom:5px;}

/* -------------------------------------------------------------------------------------
  FOOTER
------------------------------------------------------------------------------------- */
footer{line-height: 30px;background-color:#0c419a;border-top: solid 1px #363636;border-bottom: solid 1px #363636;}footer p{color: #fff;font-size: 18px;text-shadow: -1px -1px 1px #000;text-align: center;padding-top:4px;}

/* -------------------------------------------------------------------------------------
  LABLE
------------------------------------------------------------------------------------- */
div.content-label {
	background: #0000a4;
	background: -webkit-gradient(linear, left top, left bottom, from(#0000a4), to(#000082));
	background: -webkit-linear-gradient(top, #0000a4, #000082);
	background: -moz-linear-gradient(top, #0000a4, #000082);
	background: -ms-linear-gradient(top, #0000a4, #000082);
	background: -o-linear-gradient(top, #0000a4, #000082);
	background: linear-gradient(top, #0000a4, #000082);
	position: relative;
	border-top: solid 1px #9eb3ff; 
	border-bottom: solid 1px #9eb3ff; 
	
}
div.content-label p {
	padding: 4px 0 0 10px;
	color: #fff;
	text-shadow:0 0 1px #fff;
	font-size: 24px;
	line-height: 35px;
	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: 30px; position: absolute; right: 5px; top: 3px; display: block; }
.content-label-btn div.button {
	width: 95%; position: absolute; height: 30px; line-height: 30px;
	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: 22px; 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: 3px 0 0 13px; color: #001a45; font-weight: bold; font-size: 24px; line-height: 30px; 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: 5px; height: 20px; content: ""; position: absolute; top: 5px; left: 5px;
	background: -webkit-gradient(linear, left top, left bottom, from(#49709e), to(#033281));
	background: -webkit-linear-gradient(top,#49709e,#033281);
	background: -moz-linear-gradient(top,#49709e,#033281);
	background: -ms-linear-gradient(top,#49709e,#033281);
	background: -o-linear-gradient(top,#49709e,#033281);
}
div.content-label-child.red {
	background: #fad3d3;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffe1e1), to(#fad3d3));
	background: -webkit-linear-gradient(top, #ffe1e1, #fad3d3);
	background: -moz-linear-gradient(top, #ffe1e1, #fad3d3);
	background: -ms-linear-gradient(top, #ffe1e1, #fad3d3);
	background: -o-linear-gradient(top, #ffe1e1, #fad3d3);
	background: linear-gradient(top, #ffe1e1, #fad3d3);
	border-top: solid 1px #ebaeae; 
	border-bottom: solid 1px #ebaeae;
	position: relative;
}
div.content-label-child.red p {color:#450000;}
div.content-label-child.red:after {
	background: -webkit-gradient(linear, left top, left bottom, from(#b3716f), to(#a04b41));	
	background: -webkit-linear-gradient(top, #b3716f,#a04b41);
	background: -moz-linear-gradient(top, #b3716f,#a04b41);
	background: -ms-linear-gradient(top, #b3716f,#a04b41);
	background: -o-linear-gradient(top, #b3716f,#a04b41);
}
div.content-label-grch {
	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;
	position: relative;
}
div.content-label-grch p { padding: 3px 0 0 13px; color: #fff; font-weight: bold; font-size: 24px; line-height: 30px; 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: 5px; height: 20px; content: ""; position: absolute; top: 5px; 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);
}
.in-title,.in-lower-title{width:95%;margin:15px auto;position:relative;line-height:25px;}.in-title p,.in-lower-title p{padding:0 0 10px 10px;}.in-title p:last-child,.in-lower-title p:last-child{padding-bottom:0;}.in-title p:first-child:after,.in-lower-title p:first-child:after{width:5px;height:25px;content:"";position:absolute;top:0;left:0;background:#2152a2;
background:-webkit-gradient(linear,left top,left bottom,from(#0a358b),color-stop(50%,#0c4099),color-stop(50%,#2152a2),to(#5b7fbb));
background:-webkit-linear-gradient(top,#0a358b,#0c4099 50%,#2152a2 50%,#5b7fbb);
background:-moz-linear-gradient(top,#0a358b,#0c4099 50%,#2152a2 50%,#5b7fbb);
background:-ms-linear-gradient(top,#0a358b,#0c4099 50%,#2152a2 50%,#5b7fbb);
background:-o-linear-gradient(top,#0a358b,#0c4099 50%,#2152a2 50%,#5b7fbb);
}
.in-title.mtnone{margin-top:0;}.in-title.mbnone{margin-bottom:0;}.in-title.mnone{margin:0 auto;}
.in-lower-title{width:100%;margin:10px auto;}


/* -------------------------------------------------------------------------------------
  BUTTONS wide
------------------------------------------------------------------------------------- */
ul.nav-row1 { list-style-type: none; clear: both; }
ul.nav-row1 li {
	border-top: solid 1px #ebebeb; border-bottom: solid 1px #d0d0d0; display: block;
	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);
}
ul.nav-row1 li a { 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: 24px; line-height: 45px; position: relative; padding: 4px 20px 0 10px; }



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


/*list in 2 row*/
ul.nav-row2 { list-style-type: none; clear: both; }
ul.nav-row2 li { height: 50px; border-top: solid 1px #ebebeb; border-bottom: solid 1px #d0d0d0; display: block;
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);
}
ul.nav-row2 li a { width: 100%; 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; }
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; }
/*list in 3 row*/
ul.nav-row3 { list-style-type: none; clear: both; }
ul.nav-row3 li { height: 55px; border-top: solid 1px #ebebeb; border-bottom: solid 1px #d0d0d0; display: block;
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);
}
ul.nav-row3 li a { width: 100%; 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; }
ul.nav-row3 li a div { font-size: 15px; line-height: 16px; padding: 9px 20px 0 10px; }
ul.nav-row3 li a div.title { font-size: 16px; padding: 5px 20px 0 10px;}
ul.nav-row3 li a div.detail {font-size: 14px;line-height: 14px;color: #666;padding: 3px 20px 0 10px;}



/*icon list*/
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/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;}
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;width:35px;height:35px; }


/*icon list in 2 row*/
ul.nav-row2-ico { list-style-type: none; clear: both; }
ul.nav-row2-ico li {
	height: 70px;
	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-row2-ico li a { width: 100%; 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; }
ul.nav-row2-ico li a img { padding: 5px 5px 0 5px; float: left;width:60px;height:60px; }
ul.nav-row2-ico li a div.title { font-size: 24px; line-height:24px; padding: 8px 20px 0 5px; display: block;text-shadow:0 0 1px #000; }
ul.nav-row2-ico li a div.detail { font-size: 20px; line-height: 20px; color: #666; padding: 3px 20px 0 0; display: block; }




/*icon list in 3 row*/
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));
	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-row3-ico li a {width: 100%;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;}
ul.nav-row3-ico li.plus a {background: url(../img/plus_gray.png) 98% center no-repeat;background-size:13px 13px;-webkit-background-size:13px 13px;-moz-background-size:13px 13px;-ms-background-size:13px 13px;-o-background-size:13px 13px;}
ul.nav-row3-ico li.minus a {background: url(../img/minus_gray.png) 98% center no-repeat;background-size:13px 13px;-webkit-background-size:13px 13px;-moz-background-size:13px 13px;-ms-background-size:13px 13px;-o-background-size:13px 13px;}
ul.nav-row3-ico li a img { padding: 5px 5px 0 5px; float: left;width:45px;height:45px; }
ul.nav-row3-ico li a div.title { font-size: 16px; padding: 5px 20px 0 5px; }
ul.nav-row3-ico li a div.detail {font-size: 14px;line-height: 14px;color: #666;padding: 3px 20px 0 0;}

/*button for weather report*/
ul.nav-repo { list-style-type: none; clear: both; }
ul.nav-repo li { height: 77px; background: #fff; 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/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; }
ul.nav-repo li a div.title { font-size: 16px; padding: 8px 20px 1px 5px; color: #0026a0; }
ul.nav-repo li a div.detail { font-size: 14px; line-height: 14px; color: #666; padding: 3px 20px 0 0; }
ul.nav-repo li a div.title-clock { font-size: 16px; background: url(../img/icon_clock.png) 75px bottom no-repeat; padding: 9px 20px 1px 95px; color: #0026a0; }

ul.nav-repo li a div.photo,ul.nav-repo li a div.photo-no{width:60px;height:60px;margin:5px;float:left;border:solid 3px #fff;-moz-box-shadow:0 1px 2px rgba(0,0,0,.6);-webkit-box-shadow:0 1px 2px rgba(0,0,0,.6);box-shadow:0 1px 2px rgba(0,0,0,.6);overflow:hidden;}ul.nav-repo li a div.photo img,ul.nav-repo li a div.photo-no img{width:60px;height:60px;}ul.nav-repo li a div.photo-no{-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;}

/*button with 80x60 thumbnail
ul.nav-repo li a div.photo-v,ul.nav-repo li a div.photo-h,ul.nav-repo li a div.photo-no {width:80px;height:60px;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);overflow:hidden;position:relative; }ul.nav-repo li a div.photo-no{-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;}
ul.nav-repo li a div.photo-v img,ul.nav-repo li a div.photo-no img{width:80px;height:60px;}ul.nav-repo li a div.photo-h img{width:80px;height:106px;position:absolute;top:-23px;left:0;}
*/


/*button with photo thumbnail*/
ul.nav-photo { list-style-type: none; clear: both; }
ul.nav-photo li { height: 77px; background: #fff; border-top: solid 1px #ebebeb; border-bottom: solid 1px #d0d0d0; display: block; }
ul.nav-photo li a { width: 100%; 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; }
ul.nav-photo 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-photo li a div.title { font-size: 16px; padding: 9px 20px 1px 5px; color: #0026a0; }
ul.nav-photo li a div.detail { font-size: 14px; line-height: 14px; color: #666; padding: 3px 20px 0 0; }
ul.nav-photo li a div.title-clock { font-size: 16px; background: url(../img/icon_clock.png) 95px bottom no-repeat; padding: 9px 20px 1px 115px; color: #0026a0; }

/* -------------------------------------------------------------------------------------
  BUTTONS ACCORDION
------------------------------------------------------------------------------------- */
/*button for accordion parent*/
ul.nav-acc { list-style-type: none; clear: both; }
ul.nav-acc>li {
	border-top: solid 1px #ebebeb;
	border-bottom: solid 1px #d0d0d0;
	display: block;font-size:16px;
}
ul.nav-acc.row1>li {line-height:40px;}
ul.nav-acc.row1 li a{padding:0 10px;}
ul.nav-acc>li>a {display: block;/zoom:1;
	background: url(../img/plus_gray.png) 98% center no-repeat,-webkit-gradient(linear, left top, left bottom, from(#fff), to(#e8e8e8));
	background: url(../img/plus_gray.png) 98% center no-repeat,-webkit-linear-gradient(top,#fff,#e8e8e8);
	background: url(../img/plus_gray.png) 98% center no-repeat,-moz-linear-gradient(top,#fff,#e8e8e8);
	background: url(../img/plus_gray.png) 98% center no-repeat,-ms-linear-gradient(top,#fff,#e8e8e8);
	background: url(../img/plus_gray.png) 98% center no-repeat,-o-linear-gradient(top,#fff,#e8e8e8);
	background-size:13px 13px,100% 100%;-webkit-background-size:13px 13px,100% 100%;-moz-background-size:13px 13px,100% 100%;-ms-background-size:13px 13px,100% 100%;-o-background-size:13px 13px,100% 100%;}
ul.nav-acc>li.open>a {
	background: url(../img/minus_gray.png) 98% center no-repeat,-webkit-gradient(linear, left top, left bottom, from(#fff), to(#e8e8e8));
	background: url(../img/minus_gray.png) 98% center no-repeat,-webkit-linear-gradient(top,#fff,#e8e8e8);
	background: url(../img/minus_gray.png) 98% center no-repeat,-moz-linear-gradient(top,#fff,#e8e8e8);
	background: url(../img/minus_gray.png) 98% center no-repeat,-ms-linear-gradient(top,#fff,#e8e8e8);
	background: url(../img/minus_gray.png) 98% center no-repeat,-o-linear-gradient(top,#fff,#e8e8e8);
	background-size:13px 13px,100% 100%;-webkit-background-size:13px 13px,100% 100%;-moz-background-size:13px 13px,100% 100%;-ms-background-size:13px 13px,100% 100%;-o-background-size:13px 13px,100% 100%;}
ul.nav-acc>li>a img { padding: 5px; float: left;width:40px;height:40px; }
ul.nav-acc>li>a div.title {font-size: 16px; padding: 9px 20px 1px 5px; }
ul.nav-acc>li>a div.detail {font-size: 14px;line-height: 14px;color: #666;padding: 3px 20px 0 0;}
ul.nav-acc>li>a:after{display:block;content:"";clear:both;height:0;}

/*row1*/
ul.nav-acc.row1 ul.acc-child { list-style-type: none; clear: both; }
ul.nav-acc.row1 ul.acc-child li {line-height:40px;background:#fff;border-top:none;border-bottom:solid 1px #d0d0d0;display: block;}ul.nav-acc.row1 ul.acc-child li:first-child{border-top:solid 1px #ebebeb;border-bottom:solid 1px #d0d0d0;}ul.nav-acc.row1 ul.acc-child li:last-child{border-bottom:none;}ul.nav-acc.row1.ico ul.acc-child li{line-height:50px;}
ul.nav-acc.row1 ul.acc-child li a {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; }
ul.nav-acc.row1 ul.acc-child li a img { padding: 5px 5px 0 0; float: left;width:40px;height:40px; }

/*row2 icon*/
ul.nav-acc.row2 ul.acc-child { list-style-type: none; clear: both; }
ul.nav-acc.row2 ul.acc-child li { height: 50px;background: #fff;border-top:none;border-bottom:solid 1px #d0d0d0;display: block;}ul.nav-acc.row2 ul.acc-child li:first-child{border-top:solid 1px #ebebeb;border-bottom:solid 1px #d0d0d0;}ul.nav-acc.row2 ul.acc-child li:last-child {border-bottom:none;}
ul.nav-acc.row2 ul.acc-child li a { 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; }
ul.nav-acc.row2 ul.acc-child li a img { padding: 5px 5px 0 5px; float: left;width:40px;height:40px; }
ul.nav-acc.row2 ul.acc-child li a div { font-size: 15px; line-height: 16px; padding: 9px 20px 0 10px; }
ul.nav-acc.row2 ul.acc-child li a div.title {font-size: 16px; padding: 9px 20px 1px 5px; display: block; }
ul.nav-acc.row2 ul.acc-child li a div.detail { font-size: 14px;line-height: 14px;color: #666;padding: 3px 20px 0 0;display: block; }


/*button for accordion LEGEND*/
.nav-acc-legend{width:270px;margin:0 auto;}
.nav-acc-legend>a{height:100%;display:block;text-align:center;
	background: url(../img/arrow_down_gray.png) 98% center no-repeat,-webkit-gradient(linear, left top, left bottom, from(#fff), to(#e8e8e8));
	background: url(../img/arrow_down_gray.png) 98% center no-repeat,-webkit-linear-gradient(top, #fff, #e8e8e8);
	background: url(../img/arrow_down_gray.png) 98% center no-repeat,-moz-linear-gradient(top, #fff, #e8e8e8);
	background: url(../img/arrow_down_gray.png) 98% center no-repeat,-ms-linear-gradient(top, #fff, #e8e8e8);
	background: url(../img/arrow_down_gray.png) 98% center no-repeat,-o-linear-gradient(top, #fff, #e8e8e8);
	background: url(../img/arrow_down_gray.png) 98% center no-repeat,linear-gradient(top, #fff, #e8e8e8);
	border: solid 1px #d0d0d0;border-radius:0 0 6px 6px;
	background-size:13px 8px,100% 100%;-webkit-background-size:13px 8px,100% 100%;-moz-background-size:13px 8px,100% 100%;-ms-background-size:13px 8px,100% 100%;-o-background-size:13px 8px,100% 100%;vertical-align: top;font-size:14px;line-height:25px;position:relative;
}
.nav-acc-legend.open>a{
	background: url(../img/arrow_up_gray.png) 98% center no-repeat,-webkit-gradient(linear, left top, left bottom, from(#fff), to(#e8e8e8));
	background: url(../img/arrow_up_gray.png) 98% center no-repeat,-webkit-linear-gradient(top, #fff, #e8e8e8);
	background: url(../img/arrow_up_gray.png) 98% center no-repeat,-moz-linear-gradient(top, #fff, #e8e8e8);
	background: url(../img/arrow_up_gray.png) 98% center no-repeat,-ms-linear-gradient(top, #fff, #e8e8e8);
	background: url(../img/arrow_up_gray.png) 98% center no-repeat,-o-linear-gradient(top, #fff, #e8e8e8);
	background: url(../img/arrow_up_gray.png) 98% center no-repeat,linear-gradient(top, #fff, #e8e8e8);
}

/* -------------------------------------------------------------------------------------
  BUTTONS RADIAL
------------------------------------------------------------------------------------- */
div.list-nav,div.list-nav-unit{ width: 95%; margin: 10px auto;clear:both; }div.list-nav.mbnone,div.list-nav-unit.mbnone { margin: 10px auto 0; }div.list-nav.mtnone,div.list-nav-unit.mtnone { margin: 0 auto 10px; } div.list-nav.mnone,div.list-nav-unit.mnone { margin: 0 auto; }
div.list-nav ul li a,div.list-nav-unit ul li a { display: block; }

/*SINGLE*/
div.list-nav ul{list-style-type:none;}
div.list-nav ul li{width:100%;margin-top:5px;position:relative;}div.list-nav ul li:first-child{margin-top:0;}
div.list-nav ul.row1{line-height:40px;text-align:center;}div.list-nav ul.row1.hi{line-height:50px;text-align:center;}
div.list-nav ul.row2{text-align:left;}
div.list-nav ul li a{padding-top:4px;}
div.list-nav .blue li a{color: #0c419a;}
div.list-nav .blue li.arrow a{background: url(../img/arrow_blue.png) 98% center no-repeat;color: #0c419a;}
div.list-nav .gray li.arrow a{background: url(../img/arrow_gray.png) 98% center no-repeat;color: #000;}
div.list-nav .green li.arrow a{background: url(../img/arrow_white.png) 98% center no-repeat;color: #fff;}
div.list-nav .orange li.arrow a{background: url(../img/arrow_orange.png) 98% center no-repeat;color: #592b00;}
div.list-nav ul li.arrow  a{padding-left:10px;text-align:left;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.list-nav li.col2 a{/zoom:1;padding: 0 22px 0 10px; height: 100%; display: block;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;line-height: 30px; position: relative; }div.list-nav li.col2 a:after {content:'';display:block;clear:both;height:0;}
div.list-nav .blue li.col2 a{background: url(../img/arrow_blue.png) 98% center no-repeat;}
div.list-nav .gray li.col2 a{background: url(../img/arrow_gray.png) 98% center no-repeat;}
div.list-nav li.col2 a div:first-child{float:left;padding-right:0;}
div.list-nav li.col2 a div:last-child{
width:20px;line-height:20px;color:#fff;text-align:center;float:right;padding-left:0;margin-top:3px;
border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;border:2px solid #fff;
background: #b10304;	
background: -webkit-gradient(linear, left top, left bottom,from(#fb9394), to(#b10304));
background: -webkit-linear-gradient(top, #fb9394, #b10304);
background: -moz-linear-gradient(top, #fb9394, #b10304);
background: -ms-linear-gradient(top, #fb9394, #b10304);
background: -o-linear-gradient(top, #fb9394, #b10304);
background: linear-gradient(top, #fb9394, #b10304);
box-shadow:0 0 3px rgba(0,0,0,.5);-moz-box-shadow:0 0 3px rgba(0,0,0,.5);-webkit-box-shadow:0 0 3px rgba(0,0,0,.5);text-shadow:0 -1px 0 rgba(0,0,0,.4)
}
div.list-nav 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.list-nav ul.row2.blue li a{background: url(../img/arrow_blue.png) 98% center no-repeat;}
div.list-nav ul.row2.gray li a{background: url(../img/arrow_gray.png) 98% center no-repeat;}
div.list-nav ul.row2.orange li a{background: url(../img/arrow_orange.png) 98% center no-repeat;}
div.list-nav ul.row2.blue li:before,div.list-nav ul.row2.gray li:before,div.list-nav ul.row2.orange li:before{content:"";position:absolute;top:9px;left:9px;width:3px;height:50px;background:rgba(255,255,255,.5);}
div.list-nav ul.row2.blue li:after{content:"";position:absolute;top:8px;left:8px;width:3px;height:50px;background:#427cb3;
background:-webkit-gradient(linear,left top,left bottom,from(#619fd8),to(#427cb3));
background:-webkit-linear-gradient(top,#619fd8,#427cb3);
background:-moz-linear-gradient(top,#619fd8,#427cb3);
background:-ms-linear-gradient(top,#619fd8,#427cb3);
background:-o-linear-gradient(top,#619fd8,#427cb3);
}
div.list-nav ul.row2.gray li:after{content:"";position:absolute;top:8px;left:8px;width:3px;height:50px;background:#7b7b7b;
background:-webkit-gradient(linear,left top,left bottom,from(#9c9c9c),to(#7b7b7b));
background:-webkit-linear-gradient(top,#9c9c9c,#7b7b7b);
background:-moz-linear-gradient(top,#9c9c9c,#7b7b7b);
background:-ms-linear-gradient(top,#9c9c9c,#7b7b7b);
background:-o-linear-gradient(top,#9c9c9c,#7b7b7b);
}
div.list-nav ul.row2.orange li:after{content:"";position:absolute;top:8px;left:8px;width:3px;height:50px;background:#da893f;
background:-webkit-gradient(linear,left top,left bottom,from(#f8a456),to(#da893f));
background:-webkit-linear-gradient(top,#f8a456,#da893f);
background:-moz-linear-gradient(top,#f8a456,#da893f);
background:-ms-linear-gradient(top,#f8a456,#da893f);
background:-o-linear-gradient(top,#f8a456,#da893f);
}
div.list-nav ul.row2 li a div.title {font-size: 24px;line-height: 24px;padding: 8px 15px 0 7px;color: #000;}
div.list-nav ul.row2 li a div.detail {font-size: 22px;line-height: 22px;color: #666;padding: 1px 15px 7px 10px;}
div.list-nav ul.row2 li a div.title-v {font-size: 24px;line-height: 24px;padding: 8px 15px 0 7px;color: #fff;}
div.list-nav ul.row2 li a div.detail-v {font-size: 22px;line-height: 22px;color: #fff;padding: 1px 15px 7px 10px;}
div.list-nav ul.row2 li.gps:before,div.list-nav ul.row2 li.gps:after,div.list-nav ul.row2 li.icon:before,div.list-nav ul.row2 li.icon:after{background:none;width:0;height:0;}
div.list-nav ul.row2.blue li.gps a{background:url(../img/icon_gps_blue.png)10px center no-repeat,url(../img/arrow_blue.png) 98% center no-repeat;}
div.list-nav ul.row2.gray li.gps a{background:url(../img/icon_gps.png)10px center no-repeat,url(../img/arrow_gray.png) 98% center no-repeat;}
div.list-nav ul.row2 li.gps a{padding-left:40px;text-align:left;background-size:30px 30px,8px 13px;-webkit-background-size:30px 30px,8px 13px;-moz-background-size:30px 30px,8px 13px;-ms-background-size:30px 30px,8px 13px;-o-background-size:30px 30px,8px 13px;}
div.list-nav ul.row2 li.icon a{padding-left:0px;text-align:left;}
div.list-nav ul.row2 li.icon a img { padding: 5px 5px 0 5px; float: left;width:50px;height:50px; }

/*UNIT*/
div.list-nav-unit ul { display: -webkit-box; display: -moz-box; display: box; list-style-type: none; position: relative;line-height: 30px; text-align: center; }
div.list-nav-unit .col2 li { width: 50%; }
div.list-nav-unit .col3 li { width: 33%; }
div.list-nav-unit .col3 li:first-of-type { width: 33%; }
div.list-nav-unit .col3 li:last-of-type { width: 34%; }
div.list-nav-unit .col4 li { width: 25%; }
div.list-nav-unit .blue li a { border-left: 1px solid #4f8cc5;color: #0c419a; }
div.list-nav-unit .gray li a { border-left: 1px solid #8a8a8a; }
div.list-nav-unit ul li:first-child a{border-left:none;}

/*COLOR SETTINGS*/
div.list-nav ul.blue li,div.list-nav-unit 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: 24px; 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,div.list-nav-unit ul.blue-v {
	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: 24px; 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 li,div.list-nav-unit ul.gray {
	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: 24px; 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,div.list-nav-unit ul.orange {	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: 24px; 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,div.list-nav-unit ul.orange-v {
	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: 24px; 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.green li,div.list-nav-set ul li.green{
	background: #418c2c;
	background: -webkit-gradient(linear, left top, left bottom, from(#7dda63), color-stop(50%, #509f3a), color-stop(50%, #448e2f), to(#418c2c));
	background: -webkit-linear-gradient(top, #7dda63, #509f3a 50%, #448e2f 50%, #418c2c);
	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 #5a9346;
	font-size: 24px; color: #0c419a; 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);
}

/*TOGGLE*/
div.list-nav-unit ul.tglbtn {
	background: #bbcfe5;
	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: 24px;
	color: #000;
	font-weight: bold;
	text-shadow: rgba(255, 255, 255, 0.4) 0px 1px 0px;
	text-decoration: none;
}
div.list-nav-unit ul.tglbtn li.on {
	background: #236ce5;
	background: -webkit-gradient(linear, left top, left bottom, from(#236ce5), color-stop(50%, #5fa0f2), to(#8ebeff));
	background: -webkit-linear-gradient(top, #236ce5, #5fa0f2 50%, #8ebeff);
	background: -moz-linear-gradient(top, #236ce5, #5fa0f2 50%, #8ebeff);
	background: -ms-linear-gradient(top, #236ce5, #5fa0f2 50%, #8ebeff);
	background: -o-linear-gradient(top, #236ce5, #5fa0f2 50%, #8ebeff);
	background: linear-gradient(top, #236ce5, #5fa0f2 50%, #8ebeff);
	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);
}
div.list-nav-unit 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-unit 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-unit ul.tglbtn li.on a { color: #fff; }
div.list-nav-unit .tglbtn li a { border-left: 1px solid #8a8a8a; }
div.list-nav-unit .tglbtn li:first-of-type a { border-left: none; }

/*SET*/
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 { margin: 0 auto; }
div.list-nav-set ul { display: -webkit-box; display: -moz-box; display: box; list-style-type: none; position: relative;line-height: 40px; text-align: center; }
div.list-nav-set ul.set2 li { width: 49%; }
div.list-nav-set ul.set2 li:last-child { 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-child { position: absolute; top: 0; right: 0; }
div.list-nav-set ul.set3-midselect li { width: 23%; }
div.list-nav-set ul.set3-midselect li:nth-child(2) { width:50%;position: absolute; top: 0; left: 25%; }
div.list-nav-set ul.set3-midselect li:last-child { 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-child { position: absolute; top: 0; right: 0; }
div.list-nav-set ul li a { display: block;padding-top:4px; }
div.list-nav-set ul li.green a {color: #fff;}
div.list-nav-set ul li.blue a {color: #0c419a;}
div.list-nav-set ul li.blue,div.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 li.gray,div.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 li.disabled{background:#f4f4f4;border:solid 1px #bbbbbb;color:#ababab;-webkit-border-radius: 4px;　-moz-border-radius: 4px;　border-radius: 4px;}
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, #f5f5f5, #e6e6e6 50%, #d4d4d4 50%, #b6b6b6);
	background: -moz-linear-gradient(top, #f5f5f5, #e6e6e6 50%, #d4d4d4 50%, #b6b6b6);
	background: -ms-linear-gradient(top, #f5f5f5, #e6e6e6 50%, #d4d4d4 50%, #b6b6b6);
	background: -o-linear-gradient(top, #f5f5f5, #e6e6e6 50%, #d4d4d4 50%, #b6b6b6);
	background: linear-gradient(top, #f5f5f5, #e6e6e6 50%, #d4d4d4 50%, #b6b6b6);
	-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;
}

/*SET ver some buttons*/
div.nav-set { width: 95%; margin: 10px auto; } div.nav-set.mbnone { margin: 10px auto 0; } div.nav-set.mtnone { margin: 0 auto 10px; } div.nav-set.mnone { margin: 0 auto; }
div.nav-set ul { list-style-type: none; position: relative;line-height: 29px; }
div.nav-set ul li{display:inline-block;margin-bottom:5px;text-align: center;}
div.nav-set ul li a { display: block;padding:0 10px; }
div.nav-set ul.blue li a {color: #0c419a;}
div.nav-set ul li.on {
	background: #236ce5;
	background: -webkit-gradient(linear, left top, left bottom, from(#236ce5), color-stop(50%, #5fa0f2), to(#8ebeff));
	background: -webkit-linear-gradient(top, #236ce5, #5fa0f2 50%, #8ebeff);
	background: -moz-linear-gradient(top, #236ce5, #5fa0f2 50%, #8ebeff);
	background: -ms-linear-gradient(top, #236ce5, #5fa0f2 50%, #8ebeff);
	background: -o-linear-gradient(top, #236ce5, #5fa0f2 50%, #8ebeff);
	background: linear-gradient(top, #236ce5, #5fa0f2 50%, #8ebeff);
	font-size: 15px;
	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);
}
div.nav-set ul li.on a{color: #fff;}

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

	
}*/


/*LIST BUTTON*/
ul.list-btn{width:95%;margin:10px auto;list-style-type:none;background:#fff/*#f9fcff*/;border:solid 1px #bdbdbd;border-radius:4px;}ul.list-btn.mbnone{margin:10px auto 0;}ul.list-btn.mtnone{margin:0 auto 10px;}ul.list-btn.mnone{margin:0 auto;}
ul.list-btn li{display:block;line-height:40px;border-bottom:solid 1px #bdbdbd;}ul.list-btn li:last-child{border-bottom:none;}
ul.list-btn li.title{line-height:30px;padding:0 10px;background-color:#f7f7f7;color:#666;font-size:14px;}
ul.list-btn li a{padding-left:10px;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;color: #000;display: block;}






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));
	background: -webkit-linear-gradient(top,#fff,#f2f2f2);
	background: -moz-linear-gradient(top,#fff,#f2f2f2);
	background: -ms-linear-gradient(top,#fff,#f2f2f2);
	background: -o-linear-gradient(top,#fff,#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 li{display:block;line-height:45px;border-bottom:solid 1px #cacaca;}
div.list-row-nav ul 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 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 li a{display:block;padding:0 1px 0 10px;}

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

/* -------------------------------------------------------------------------------------
  TEXT LINKS
------------------------------------------------------------------------------------- */
ul.nav-txt { width: 95%; margin: 10px auto; list-style-type: none;display: -webkit-box; display: -moz-box; display: box; }
ul.nav-txt li { font-size: 14px;line-height: 14px;margin: 0;padding: 0 5px;border-left: 1px solid #666;text-align: center;}
ul.nav-txt li a { color: #0c419a; }
ul.nav-txt li:first-of-type { border-left: none; }
ul.col4 li { width: 24.5%; padding: 0; }

ul.nav-txt-sm { width: 95%; margin: 10px auto;text-align:center; }
ul.nav-txt-sm li {font-size: 10px;line-height: 10px;display:inline;letter-spacing: -0.001em;}
ul.nav-txt-sm li:after{content:" | ";color: #666;}ul.nav-txt-sm li:last-child:after{content:"";}
ul.nav-txt-sm li a { color: #0c419a; }

/* -------------------------------------------------------------------------------------
  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: 22px;
	line-height: 22px;
	vertical-align: middle;
	background: #bbcfe5;
	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 tr.sm td {font-size: 22px;line-height: 22px;}
.wni-data-table td { padding: 5px 7px; vertical-align: middle; }
.wni-data-table tbody td {line-height:110%;}
.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.col6 td { width: 16.5%; }
.wni-data-table.wx-hourly tbody tr td { width: 15%; }
.wni-data-table.wx-hourly tbody tr td:first-of-type { width: 20%; }
.wni-data-table.wx-hourly tbody tr td:last-of-type { width: 50%; text-align: left; }
.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.data-bline-dashed td { border-bottom: dashed 1px #393a3d;}
.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; }

.wni-data-table tbody.line tr:nth-child(even),.wni-data-table tbody.allline tr:nth-child(even){background:#f3f3f4;}
.wni-data-table tbody.line tr,.wni-data-table tbody.allline tr{border-bottom:solid 1px #c1c5cc;}
.wni-data-table tbody.line tr:last-child,.wni-data-table tbody.allline tr:last-child{border-bottom:none;}
.wni-data-table tbody.line tr td:first-child,.wni-data-table tbody.allline tr td{border-right:solid 1px #c1c5cc;}
.wni-data-table tbody.allline tr td:last-child{border-right:none;}

/* -------------------------------------------------------------------------------------
  MY CH.
------------------------------------------------------------------------------------- */
#wx-3hours {
	margin: 5px 0 0;
	padding: 3px 0 1px;
	background-color: #fffaee;
	border-top: solid 1px #757d8a;
	border-bottom: solid 1px #757d8a;
}
.wx-body { width: 12.5%; text-align: center; float: left; }
.wx-measure {width: 4%;font-size: 10px;color: #666;text-align: center;float: right;}
p#mych-user-name {font-size: 15px;margin: 7px 0 5px 5px;}
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));
background: -webkit-linear-gradient(top,#940a04,#9c9d9d 10%,#615f5f);
background: -moz-linear-gradient(top,#940a04,#9c9d9d 10%,#615f5f);
background: -ms-linear-gradient(top,#940a04,#9c9d9d 10%,#615f5f);
background: -o-linear-gradient(top,#940a04,#9c9d9d 10%,#615f5f);
}
.mylocation { font-size: 16px; padding: 1px 0 0 0; }








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

.bgbl { background: #e3e5e8; padding: 10px 0 15px 0; }
.bgbl.ptnone { padding: 0 0 15px 0; }
.bgbl.pbnone { padding: 10px 0 0 0; }
.bgbl.pnone { padding: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);text-align: left;}
.cnt-bg-wht-low {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;text-align: left;}
.cnt-bg-wht>div,.cnt-bg-wht-low>div { padding: 10px; line-height: 140%; }
.cnt-bg-wht div.first>p.cm-title { font-size: 24px; margin-bottom: 7px; padding: 0 0 3px 25px; }
.cnt-bg-wht div.first>p.cm-title.blue { color: #006eca; text-shadow:0 0 1px #006eca; border-bottom: solid 1px #005a9e; background: url(../img/icon_cube_blue.png) 0 7px 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.yellow { color: #c98e00; text-shadow:0 0 1px #c98e00; border-bottom: solid 1px #b48c00; background: url(../img/icon_cube_yellow.png) 0 7px 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.green { color: #29970b; text-shadow:0 0 1px #29970b; border-bottom: solid 1px #227508; background: url(../img/icon_cube_green.png) 0 7px 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 .cm-body { line-height: 140%; }

.cnt-bg-wht p.inner-label{background:#e6f6ff;padding:7px 10px 6px 20px;border:solid 1px #aed1e7;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;position:relative;}
.cnt-bg-wht p.inner-label.mid{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
.cnt-bg-wht p.inner-label:after{width:5px;height:25px;content:"";position:absolute;top:7px;left:8px;background:#2152a2;}

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

}


/* -------------------------------------------------------------------------------------
  CONTENT SAMPLE PAGE
------------------------------------------------------------------------------------- */
.sample-lead{width:95%;margin:0 auto;padding:5px 0 15px;text-align:center;line-height:150%;}.sample-lead p{font-size:20px;font-family: "ヒラギノ角ゴ ProN W6","HiraKakuProN-W6";}.sample-lead p.sub{font-size:17px;}
.sample-bg{width:100%;background:#989898;padding:20px 0;box-shadow:inset rgba(0,0,0,.7) 0 0 10px;}
.sample-container{position:relative;}.sample-container>div{padding:10px 0;}
.sample-txt{width:50%;background:#000;margin-bottom:10px;padding:5px;color:#fff;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;border:solid 3px #ef7a00;-moz-box-shadow: 0 0 5px rgba(0, 0, 0, .7);-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .7);box-shadow: 0 0 5px rgba(0, 0, 0, .7);position:absolute;right:0;}.sample-txt p{padding-left:13px;}.sample-img{text-align:center;}
.sample-txt p:after{width:31px;height:31px;content:"";position:absolute;top:-10px;left:-13px;background:url(../img/icon_ex.png)0 center no-repeat;background-size:31px 31px;-webkit-background-size:31px 31px;-moz-background-size:31px 31px;-ms-background-size:31px 31px;-o-background-size:31px 31px;}
div.sample-notice{width:95%;margin:0 auto 10px;border:solid 1px #ef7a00;text-align:center;color:#ef7a00;background:#fff;font-size:12px;}div.sample-notice p{padding:3px 2px;}


/* -------------------------------------------------------------------------------------
  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.col2 li { width: 50%; }
ul#tab-head.col3 li { width: 33%; }
ul#tab-head.col3 li:last-child { width: 34%; }
ul#tab-head.col4 li { width: 25%; }
ul#tab-head.col5 li { width: 20%; }
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 { width: 268px; margin: 5px auto 0; background: #f4f4f4; border: dashed 1px #d0d0d0; }
div.nav-acc-legend div.leg-container{margin:0 auto;}

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


/* -------------------------------------------------------------------------------------
  FORM
------------------------------------------------------------------------------------- */
.wni-form {width:95%;margin-left:auto;margin-right:auto;position:relative;}
.wni-form p.sub-txt{font-size:12px;color:#333;line-height:13px;margin:5px 0;}
/*INPUT TEXT*/
input[type="text"],input[type="password"]{width:100%;height: 26px; font-size: 14px;-webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px;　border-radius: 4px; border: solid 1px #8a8a8a;}
/*INPUT EMAIL*/
input[type="email"]{width:100%;height: 26px; font-size: 14px;-webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px;　border-radius: 4px; border: solid 1px #8a8a8a;}
/*INPUT RADIO*/
input[type="radio"]{margin:3px 5px;}
/*TEXTAREA*/
textarea{width:100%;height:60px;font-size: 14px;resize:none;-webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px;　border-radius: 4px; border: solid 1px #8a8a8a;}
/*SELECT*/
.wni-form .slct{position:relative;}.wni-form .slct:after,.wni-form .slct-h1:after,.wni-form .slct-h2: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;}
select {
	width: 100%;font-size: 15px;line-height: 28px;height: 31px;
	background: #b6b6b6;
	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, #f5f5f5, #e6e6e6 50%, #d4d4d4 50%, #b6b6b6);
	background: -moz-linear-gradient(top, #f5f5f5, #e6e6e6 50%, #d4d4d4 50%, #b6b6b6);
	background: -ms-linear-gradient(top, #f5f5f5, #e6e6e6 50%, #d4d4d4 50%, #b6b6b6);
	background: -o-linear-gradient(top, #f5f5f5, #e6e6e6 50%, #d4d4d4 50%, #b6b6b6);
	background: linear-gradient(top, #f5f5f5, #e6e6e6 50%, #d4d4d4 50%, #b6b6b6);
	-webkit-border-radius: 4px;　-moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px;　border-radius: 4px; border: solid 1px #8a8a8a;
	-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);
}
.wni-form .slct-h1 {width: 49%;float:left;position:relative;}
.wni-form .slct-h2 {width: 49%;float:right;position:relative;}
.wni-form.slct-txt .slct-h1 {width:34%;float:left;position:relative;}
.wni-form.slct-txt .slct-h2 {width:34%;float:left;position:relative;}
.wni-form .slct-h-txt {width:15%;float:left;line-height:30px;text-align:center;}

/*SET*/
.wni-form .set-first{ width:70%;float:left;}.wni-form .set-second{ width:28%;float:right;}
.wni-form .set-first input {width: 100%; margin-top: 3px; height: 26px; font-size: 14px;-webkit-border-radius: 4px;　-moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px;　border-radius: 4px; border: solid 1px #8a8a8a; }

/*WORD SEARCH*/
div.serch-box {width: 95%;margin: 10px auto;border: solid 1px #787a7d;-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 input {width: 72%;height: 25px;margin:0;padding:0;border: none;-webkit-appearance: none;font-size: 15px;background: transparent;float:right;}
ul.search-btn {
	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(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; }

/*RADIO BUTTON*/
ul.radio{width:100%;list-style-type:none;background:#fff;border:solid 1px #bdbdbd;border-radius:4px;}
ul.radio li{display:block;line-height:35px;border-bottom:solid 1px #bdbdbd;}ul.radio li:last-child{border-bottom:none;}
ul.radio li a{padding-left:35px;background: url(../img/form_radio_off.png) 10px center no-repeat;background-size:15px 15px;-webkit-background-size:15px 15px;-moz-background-size:15px 15px;-ms-background-size:15px 15px;-o-background-size:15px 15px;color: #000;display: block;}
ul.radio li.on a{background-image:url(../img/form_radio_on.png);}

ul.radio.col2{
	background:-webkit-gradient(linear,left center,right center,from(#bdbdbd),color-stop(.5,#bdbdbd),color-stop(.5,#fff),to(#fff)) center 0 no-repeat;
	background:-webkit-linear-gradient(left,#bdbdbd,#bdbdbd 50%,#fff 50%,#fff) center 0 no-repeat;
	background:-moz-linear-gradient(left,#bdbdbd,#bdbdbd 50%,#fff 50%,#fff) center 0 no-repeat;
	background:-ms-linear-gradient(left,#bdbdbd,#bdbdbd 50%,#fff 50%,#fff) center 0 no-repeat;
	background:-o-linear-gradient(left,#bdbdbd,#bdbdbd 50%,#fff 50%,#fff) center 0 no-repeat;
	background-size:2px 100%;-webkit-background-size:2px 100%;-moz-background-size:2px 100%;-ms-background-size:2px 100%;-o-background-size:2px 100%;
}
ul.radio.col2 li{width:50%;float:left;}
ul.radio.col2 li.bbnone,ul.radio.col4 li.bbnone{border-bottom:none;}
ul.radio.col2 li.colall,ul.radio.col4 li.colall{width:100%;clear:left;background:#fff;border-top:solid 1px #bdbdbd;}
ul.radio.col4{
	background:-webkit-gradient(linear,left center,right center,from(#bdbdbd),color-stop(.5,#bdbdbd),color-stop(.5,#fff),to(#fff)) 25% 0 no-repeat,-webkit-gradient(linear,left center,right center,from(#bdbdbd),color-stop(.5,#bdbdbd),color-stop(.5,#fff),to(#fff)) 50% 0 no-repeat,-webkit-gradient(linear,left center,right center,from(#bdbdbd),color-stop(.5,#bdbdbd),color-stop(.5,#fff),to(#fff)) 75% 0 no-repeat,#fff;
	background:-webkit-linear-gradient(left,#bdbdbd,#bdbdbd 50%,#fff 50%,#fff) 25% 0 no-repeat,-webkit-linear-gradient(left,#bdbdbd,#bdbdbd 50%,#fff 50%,#fff) 50% 0 no-repeat,-webkit-linear-gradient(left,#bdbdbd,#bdbdbd 50%,#fff 50%,#fff) 75% 0 no-repeat,#fff;
	background:-moz-linear-gradient(left,#bdbdbd,#bdbdbd 50%,#fff 50%,#fff) 25% 0 no-repeat,-moz-linear-gradient(left,#bdbdbd,#bdbdbd 50%,#fff 50%,#fff) 50% 0 no-repeat,-moz-linear-gradient(left,#bdbdbd,#bdbdbd 50%,#fff 50%,#fff) 75% 0 no-repeat,#fff;	
	background:-ms-linear-gradient(left,#bdbdbd,#bdbdbd 50%,#fff 50%,#fff) 25% 0 no-repeat,-ms-linear-gradient(left,#bdbdbd,#bdbdbd 50%,#fff 50%,#fff) 50% 0 no-repeat,-ms-linear-gradient(left,#bdbdbd,#bdbdbd 50%,#fff 50%,#fff) 75% 0 no-repeat,#fff;
	background:-o-linear-gradient(left,#bdbdbd,#bdbdbd 50%,#fff 50%,#fff) 25% 0 no-repeat,-o-linear-gradient(left,#bdbdbd,#bdbdbd 50%,#fff 50%,#fff) 50% 0 no-repeat,-o-linear-gradient(left,#bdbdbd,#bdbdbd 50%,#fff 50%,#fff) 75% 0 no-repeat,#fff;		
	background-size:2px 100%;-webkit-background-size:2px 100%;-moz-background-size:2px 100%;-ms-background-size:2px 100%;-o-background-size:2px 100%;
}
ul.radio.col4 li{width:25%;float:left;}

/*CHECKBOX*/
ul.check{width:100%;list-style-type:none;background:#fff;border:solid 1px #bdbdbd;border-radius:4px;}
ul.check li{display:block;line-height:35px;border-bottom:solid 1px #bdbdbd;}ul.check li:last-child{border-bottom:none;}
ul.check li a{padding-left:35px;background: url(../img/form_checkbox_off.png) 10px center no-repeat;background-size:18px 15px;-webkit-background-size:18px 15px;-moz-background-size:18px 15px;-ms-background-size:18px 15px;-o-background-size:18px 15px;color: #000;display: block;}
ul.check li.on a{background-image:url(../img/form_checkbox_on.png);}

ul.check.col2{
	background:-webkit-gradient(linear,left center,right center,from(#bdbdbd),color-stop(.5,#bdbdbd),color-stop(.5,#fff),to(#fff)) center 0 no-repeat;
	background:-webkit-linear-gradient(left,#bdbdbd,#bdbdbd 50%,#fff 50%,#fff) center 0 no-repeat;
	background:-moz-linear-gradient(left,#bdbdbd,#bdbdbd 50%,#fff 50%,#fff) center 0 no-repeat;
	background:-ms-linear-gradient(left,#bdbdbd,#bdbdbd 50%,#fff 50%,#fff) center 0 no-repeat;
	background:-o-linear-gradient(left,#bdbdbd,#bdbdbd 50%,#fff 50%,#fff) center 0 no-repeat;
	background-size:2px 100%;-webkit-background-size:2px 100%;-moz-background-size:2px 100%;-ms-background-size:2px 100%;-o-background-size:2px 100%;
}
ul.check.col2 li{width:50%;float:left;}
ul.check.col2 li.bbnone,ul.check.col4 li.bbnone{border-bottom:none;}
ul.check.col2 li.colall,ul.check.col4 li.colall{width:100%;clear:left;background:#fff;border-top:solid 1px #bdbdbd;}
ul.check.col4{
	background:-webkit-gradient(linear,left center,right center,from(#bdbdbd),color-stop(.5,#bdbdbd),color-stop(.5,#fff),to(#fff)) 25% 0 no-repeat,-webkit-gradient(linear,left center,right center,from(#bdbdbd),color-stop(.5,#bdbdbd),color-stop(.5,#fff),to(#fff)) 50% 0 no-repeat,-webkit-gradient(linear,left center,right center,from(#bdbdbd),color-stop(.5,#bdbdbd),color-stop(.5,#fff),to(#fff)) 75% 0 no-repeat,#fff;
	background:-webkit-linear-gradient(left,#bdbdbd,#bdbdbd 50%,#fff 50%,#fff) 25% 0 no-repeat,-webkit-linear-gradient(left,#bdbdbd,#bdbdbd 50%,#fff 50%,#fff) 50% 0 no-repeat,-webkit-linear-gradient(left,#bdbdbd,#bdbdbd 50%,#fff 50%,#fff) 75% 0 no-repeat,#fff;
	background:-moz-linear-gradient(left,#bdbdbd,#bdbdbd 50%,#fff 50%,#fff) 25% 0 no-repeat,-moz-linear-gradient(left,#bdbdbd,#bdbdbd 50%,#fff 50%,#fff) 50% 0 no-repeat,-moz-linear-gradient(left,#bdbdbd,#bdbdbd 50%,#fff 50%,#fff) 75% 0 no-repeat,#fff;	
	background:-ms-linear-gradient(left,#bdbdbd,#bdbdbd 50%,#fff 50%,#fff) 25% 0 no-repeat,-ms-linear-gradient(left,#bdbdbd,#bdbdbd 50%,#fff 50%,#fff) 50% 0 no-repeat,-ms-linear-gradient(left,#bdbdbd,#bdbdbd 50%,#fff 50%,#fff) 75% 0 no-repeat,#fff;
	background:-o-linear-gradient(left,#bdbdbd,#bdbdbd 50%,#fff 50%,#fff) 25% 0 no-repeat,-o-linear-gradient(left,#bdbdbd,#bdbdbd 50%,#fff 50%,#fff) 50% 0 no-repeat,-o-linear-gradient(left,#bdbdbd,#bdbdbd 50%,#fff 50%,#fff) 75% 0 no-repeat,#fff;		
	background-size:2px 100%;-webkit-background-size:2px 100%;-moz-background-size:2px 100%;-ms-background-size:2px 100%;-o-background-size:2px 100%;
}
ul.check.col4 li{width:25%;float:left;}