@charset "utf-8";

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

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


/* -------------------------------------------------------------------------------------
  INITIALIZE
------------------------------------------------------------------------------------- */
body,table,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,blockquote,form,label,dl,dt,dd,ol,ul,li,fieldset,
article,aside,canvas,details,figcaption,figure,hgroup,menu,nav,section, summary {
margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; background: transparent; }
article,aside,details,figcaption,figure,hgroup,menu,nav,section,canvas { display: block; }
body { font: 22px/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: 30px; }.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(//weathernews.jp/s/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(//weathernews.jp/s/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(//weathernews.jp/s/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(//weathernews.jp/s/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(//weathernews.jp/s/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(//weathernews.jp/s/img/icon_home_blue.png) 0 center no-repeat;background-size: 18px 18px; -webkit-background-size: 18px 18px; -moz-background-size: 18px 18px; -ms-background-size: 18px 18px; -o-background-size: 18px 18px;padding-left: 20px; display: inline-block;}
.icon-movie { background: url(//weathernews.jp/s/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(//weathernews.jp/s/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(//weathernews.jp/s/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
------------------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------------------
  FOOTER
------------------------------------------------------------------------------------- */
div#wni-footer {height: 40px;background-color:#0a358b;}
div#wni-footer p{color: #fff;font-weight: bold;font-size: 20px;padding-top: 10px;text-align: center;}


/* -------------------------------------------------------------------------------------
  LABLE
------------------------------------------------------------------------------------- */
div#main-container{background:#fff;font-family:"ヒラギノ角ゴ ProN W3","HiraKakuProN-W3";}
/*ページラベル*/
div#header-label {height:60px;background:#4c77ae;padding:5px 0 4px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;position:relative;color:#fff;text-align:center;}
div#header-label p{font-size:24px;line-height:50px;}
div#header-label p#head-chname{font-size:22px;line-height:24px;}
div#header-label p#head-areaname{font-size:24px;line-height:26px;}
div#header-label div#label-back{font-size:22px;background:#fff;color:#7f7d7d;position:absolute;top:10px;left:17px;border-radius:0 6px 6px 0;-webkit-border-radius:0 6px 6px 0;-moz-border-radius:0 6px 6px 0;}
div#header-label div#label-back:after{content:"";width:0;height:0;position:absolute;top:0;left:-24px;border-right:solid 12px #fff;border-bottom:solid 23px transparent;border-left:solid 12px transparent;border-top:solid 18px transparent;}
div#header-label div#label-back a{width:55px;height:40px;line-height:40px;color:#7f7d7d;display:block;overflow:hidden;}

/*div.content-label{background:#312f34;color:#fff;font-size:16px;line-height:30px;padding-left:10px; position:relative;}*/
div.content-label{background:#4c77ae;color:#fff;font-size:24px;line-height:35px;padding-left:10px; position:relative;}
div.content-label .content-label-btn{ width: 90px; height: 24px; position: absolute; right: 5px; top: 3px; display: block; line-height: 24px;background: #e9e9e9; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;font-size: 14px; color: #7f7d7d; text-align: center; text-decoration: none;}
div.section-label{background:#565656;color:#fff;font-size:16px;line-height:30px;padding-left:10px;}

/*上位ラベル*/
div.section-label{background:#fff;color:#4c77ae;font-size:16px;line-height:30px;padding-left:10px;border-top: solid 1px #4c77ae; border-bottom: solid 1px #4c77ae;}


.content-label-btn{ width: 90px; height: 23px; position: absolute; right: 5px; top: 2px; display: block; }
.content-label-btn div.button {
	width: 95%; position: absolute; height: 23px; line-height: 23px;
	background: #7d91b6;
	background: -webkit-gradient(linear, left top, left bottom, from(#dddddd), color-stop(5%, #fff), color-stop(50%, #eaeaea), color-stop(50%, #d5d5d5), to(#e2e2e2));
	background: -webkit-linear-gradient(top, #dddddd, #fff 10%, #eaeaea 50%, #d5d5d5 50%, #e2e2e2);
	background: -moz-linear-gradient(top, #dddddd, #fff 10%, #eaeaea 50%, #d5d5d5 50%, #e2e2e2);
	background: -ms-linear-gradient(top, #dddddd, #fff 10%, #eaeaea 50%, #d5d5d5 50%, #e2e2e2);
	background: -o-linear-gradient(top, #dddddd, #fff 10%, #eaeaea 50%, #d5d5d5 50%, #e2e2e2);
	background: linear-gradient(top, #dddddd, #fff 10%, #eaeaea 50%, #d5d5d5 50%, #e2e2e2);
	border: solid 1px #2d436c; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
	font-size: 14px; font-weight: bold; color: #0c419a; text-align: center; text-shadow: rgba(255, 255, 255, 0.4) 0px 1px 0px; text-decoration: none;
}
.content-label-btn .button:link { color: #0c419a; }
.content-label-btn .button:after {
	position: absolute; bottom: -1px; left: -2px; content: ""; display: block; height: 10px; width: 100%; padding: 0 2px;
	-webkit-box-shadow: rgba(255, 255, 255, 1) 0 1px 1px; -moz-box-shadow: rgba(255, 255, 255, 1) 0 1px 1px; box-shadow: rgba(255, 255, 255, 1) 0 1px 1px;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}
div.content-label-child {
	background: #a0c3ea;
	position: relative;
	/*-moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 1.0); -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 1.0); box-shadow: 0 1px 1px rgba(255, 255, 255, 1.0);*/	
}
div.content-label-child p {
	padding: 0 0 0 13px; color: #2e5479; font-size: 24px; line-height: 30px; text-align: left;
	font-family: "ヒラギノ角ゴ ProN W3","HiraKakuProN-W3";
}
div.content-label-child:after {
	width: 5px; height: 20px; content: ""; position: absolute; top: 7px; left: 5px;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
	background: -webkit-linear-gradient(top,#fff,#fff);
	background: -moz-linear-gradient(top,#fff,#fff);
	background: -ms-linear-gradient(top,#fff,#fff);
	background: -o-linear-gradient(top,#fff,#fff);
}
div.content-label-child.red {
	background: #fad3d3;
	position: relative;
}
div.content-label-child.red p {color:#761123;}
div.content-label-child.red:after {
	background: -webkit-gradient(linear, left top, left bottom, from(#d41335), to(#d41335));	
	background: -webkit-linear-gradient(top, #d41335,#d41335);
	background: -moz-linear-gradient(top, #d41335,#d41335);
	background: -ms-linear-gradient(top, #d41335,#d41335);
	background: -o-linear-gradient(top, #d41335,#d41335);
}
div.content-label-grch {
	background: #aaa;
	position: relative;
}
div.content-label-grch p { padding: 0 0 0 13px; color: #fff;  font-size: 24px; line-height: 30px; font-family: "ヒラギノ角ゴ ProN W3","HiraKakuProN-W3"; text-align: left; }
div.content-label-grch:after {
	width: 5px; height: 20px; content: ""; position: absolute; top: 7px; left: 5px;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
	background: -webkit-linear-gradient(top, #fff, #fff);
	background: -moz-linear-gradient(top, #fff, #fff);
	background: -ms-linear-gradient(top, #fff, #fff);
	background: -o-linear-gradient(top, #fff, #fff);
	background: linear-gradient(top, #fff, #fff);
}
.in-title,.in-lower-title{width:95%;margin:15px auto;position:relative;line-height:16px;}.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:16px;content:"";position:absolute;top:0;left:0;background:#4c77ae;
}
.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; position: relative;
        background-color: #fff;
}
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(//weathernews.jp/s/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(//weathernews.jp/s/img/arrow_left_gray.png) 2% 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-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(#fff));
background: -webkit-linear-gradient(top,#fff,#fff);
background: -moz-linear-gradient(top,#fff,#fff);
background: -ms-linear-gradient(top,#fff,#fff);
background: -o-linear-gradient(top,#fff,#fff);
}
ul.nav-row2 li a { width: 100%; height: 100%; display: block; background: url(//weathernews.jp/s/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 { border-top: solid 1px #ebebeb; border-bottom: solid 1px #d0d0d0; display: block;
}
ul.nav-row3 li a { width: 100%; height: 100%; display: block; background: url(//weathernews.jp/s/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: 24px; line-height: 26px; padding: 9px 20px 0 10px; }
ul.nav-row3 li a div.title { font-size: 24px; padding: 5px 20px 0 10px;}
ul.nav-row3 li a div.detail {font-size: 22px;line-height: 24px;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(//weathernews.jp/s/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: 65px;
	background:#fff;
	border-top: solid 1px #ebebeb;
	border-bottom: solid 1px #d0d0d0;
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
	
}
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:30px; padding: 8px 20px 0 5px;}
ul.nav-row2-ico li a div.detail { font-size: 20px; line-height: 20px; color: #666; padding: 3px 20px 0 0;}
/*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(//weathernews.jp/s/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(//weathernews.jp/s/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(//weathernews.jp/s/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(//weathernews.jp/s/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(//weathernews.jp/s/img/icon_clock.png) 75px bottom no-repeat;background-size:9px 9px;-webkit-background-size:9px 9px;-moz-background-size:9px 9px;-ms-background-size:9px 9px;-o-background-size:9px 9px; 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(//weathernews.jp/s/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(//weathernews.jp/s/img/icon_clock.png) 95px bottom no-repeat;background-size:9px 9px;-webkit-background-size:9px 9px;-moz-background-size:9px 9px;-ms-background-size:9px 9px;-o-background-size:9px 9px; 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(//weathernews.jp/s/img/plus_gray.png) 98% center no-repeat,-webkit-gradient(linear, left top, left bottom, from(#fff), to(#e8e8e8));
	background: url(//weathernews.jp/s/img/plus_gray.png) 98% center no-repeat,-webkit-linear-gradient(top,#fff,#e8e8e8);
	background: url(//weathernews.jp/s/img/plus_gray.png) 98% center no-repeat,-moz-linear-gradient(top,#fff,#e8e8e8);
	background: url(//weathernews.jp/s/img/plus_gray.png) 98% center no-repeat,-ms-linear-gradient(top,#fff,#e8e8e8);
	background: url(//weathernews.jp/s/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(//weathernews.jp/s/img/minus_gray.png) 98% center no-repeat,-webkit-gradient(linear, left top, left bottom, from(#fff), to(#e8e8e8));
	background: url(//weathernews.jp/s/img/minus_gray.png) 98% center no-repeat,-webkit-linear-gradient(top,#fff,#e8e8e8);
	background: url(//weathernews.jp/s/img/minus_gray.png) 98% center no-repeat,-moz-linear-gradient(top,#fff,#e8e8e8);
	background: url(//weathernews.jp/s/img/minus_gray.png) 98% center no-repeat,-ms-linear-gradient(top,#fff,#e8e8e8);
	background: url(//weathernews.jp/s/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 ul.acc-child li a {display: block; background: url(//weathernews.jp/s/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; }

/*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(//weathernews.jp/s/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(//weathernews.jp/s/img/arrow_down_gray.png) 98% center no-repeat,-webkit-gradient(linear, left top, left bottom, from(#fff), to(#e8e8e8));
	background: url(//weathernews.jp/s/img/arrow_down_gray.png) 98% center no-repeat,-webkit-linear-gradient(top, #fff, #e8e8e8);
	background: url(//weathernews.jp/s/img/arrow_down_gray.png) 98% center no-repeat,-moz-linear-gradient(top, #fff, #e8e8e8);
	background: url(//weathernews.jp/s/img/arrow_down_gray.png) 98% center no-repeat,-ms-linear-gradient(top, #fff, #e8e8e8);
	background: url(//weathernews.jp/s/img/arrow_down_gray.png) 98% center no-repeat,-o-linear-gradient(top, #fff, #e8e8e8);
	background: url(//weathernews.jp/s/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(//weathernews.jp/s/img/arrow_up_gray.png) 98% center no-repeat,-webkit-gradient(linear, left top, left bottom, from(#fff), to(#e8e8e8));
	background: url(//weathernews.jp/s/img/arrow_up_gray.png) 98% center no-repeat,-webkit-linear-gradient(top, #fff, #e8e8e8);
	background: url(//weathernews.jp/s/img/arrow_up_gray.png) 98% center no-repeat,-moz-linear-gradient(top, #fff, #e8e8e8);
	background: url(//weathernews.jp/s/img/arrow_up_gray.png) 98% center no-repeat,-ms-linear-gradient(top, #fff, #e8e8e8);
	background: url(//weathernews.jp/s/img/arrow_up_gray.png) 98% center no-repeat,-o-linear-gradient(top, #fff, #e8e8e8);
	background: url(//weathernews.jp/s/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(//weathernews.jp/s/img/arrow_blue.png) 98% center no-repeat;color: #0c419a}
div.list-nav .gray li.arrow a{background: url(//weathernews.jp/s/img/arrow_gray.png) 98% center no-repeat;color: #000;}
div.list-nav .green li.arrow a{background: url(//weathernews.jp/s/img/arrow_white.png) 98% center no-repeat;color: #fff;}
div.list-nav .orange li.arrow a{background: url(//weathernews.jp/s/img/arrow_orange.png) 98% center no-repeat;color: #592b00;}
div.list-nav .pink li.arrow a{background: url(//weathernews.jp/s/img/arrow_gray.png) 98% center no-repeat;color: #e16f83;}
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(//weathernews.jp/s/img/arrow_blue.png) 98% center no-repeat;}
div.list-nav .gray li.col2 a{background: url(//weathernews.jp/s/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(//weathernews.jp/s/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; background-size:8px 13px; }
div.list-nav ul.row2.orange li a{background: url(//weathernews.jp/s/img/arrow_gray.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:34px;background:rgba(255,255,255,.5);}
div.list-nav ul.row2.blue li:after{content:"";position:absolute;top:8px;left:8px;width:3px;height:60px;background:#427cb3;}
div.list-nav ul.row2.gray li:after{content:"";position:absolute;top:8px;left:8px;width:3px;height:60px;background:#7b7b7b;}
div.list-nav ul.row2.orange li:after{content:"";position:absolute;top:8px;left:8px;width:3px;height:60px;background:#f00;}
div.list-nav ul.row2 li a div.title {font-size: 24px;line-height: 30px;padding: 8px 15px 0 7px;color: #000;}
div.list-nav ul.row2 li a div.detail {font-size: 22px;line-height: 24px;color: #666;padding: 1px 15px 7px 10px;}
div.list-nav ul.row2 li a div.title-v {font-size: 24px;line-height: 30px;padding: 8px 15px 0 10px;color: #fff;}
div.list-nav ul.row2 li a div.title-bv {font-size: 24px;line-height: 30px;padding: 8px 15px 1px 10px;color: #004dd9;}
div.list-nav ul.row2 li a div.detail-v {font-size: 20px;line-height: 22px;color: #fff;padding: 3px 30px 7px 10px;}
div.list-nav ul.row2 li a div.detail-bv {font-size: 20px;line-height: 22px;color: #004dd9;padding: 3px 30px 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(//weathernews.jp/s/img/icon_gps_blue.png)10px center no-repeat,url(//weathernews.jp/s/img/arrow_blue.png) 98% center no-repeat;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.gray li.gps a{background:url(//weathernews.jp/s/img/icon_gps.png)10px center no-repeat,url(//weathernews.jp/s/img/arrow_gray.png) 98% center no-repeat;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.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:40px;height:40px; }

/*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%; margin : 0 }
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: #ebf3f9;
	-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: solid 1px #0a358b;
	font-size: 24px; color: #0a358b; 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: #396ada;
	-webkit-border-radius: 4px;　-moz-border-radius: 4px;　border-radius: 4px; border: solid 1px #396ada;
	font-size: 24px; color: #fff; 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.pink li,div.list-nav-unit ul.pink {
	background: #fff;
	-webkit-border-radius: 4px;　-moz-border-radius: 4px;　border-radius: 4px; border: solid 1px #e16f83;
	font-size: 24px; color: #fff; 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.white li,div.list-nav-unit ul.white {
	background: #fff;
	-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: solid 1px #396ada;
	font-size: 24px; color: #fff; 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: #fff;
	-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: solid 1px #000;
	font-size: 24px; color: #000; 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: #fff;
	-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: solid 1px #f00;
	font-size: 15px; color: #0c419a; text-shadow: rgba(255, 255, 255, 0.4) 0px 1px 0px; text-decoration: none;
}
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 #f00;
	font-size: 15px; color: #fff; font-weight: bold; text-shadow: rgba(255, 255, 255, 0.4) 0px 1px 0px; text-decoration: none;
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}
div.list-nav ul.green li {
	background: #6AB94E;
	-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
	font-size: 15px; color: #0c419a; text-decoration: none;
}

/*TOGGLE*/
div.list-nav-unit ul.tglbtn {
	background: #fff;
	-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
	border: solid 1px #8a8a8a;
	font-size: 22px;
	color: #000;
	text-shadow: rgba(255, 255, 255, 0.4) 0px 1px 0px;
	text-decoration: none;
}
div.list-nav-unit ul.tglbtn li.on {
	background: #a4a4a4;
	font-size: 22px;
	color: #fff;
	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: 39px; 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; }
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: #fff;
	-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; font-size: 15px;}
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(//weathernews.jp/s/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;
	border-spacing: 0;
	border-collapse: collapse;
	text-align: center;
}
.wni-data-table thead td {
	font-size: 22px;
	line-height: 24px;
	vertical-align: middle;
	background: #eee;
	border: solid 1px #757d8a;
	text-align: center;
}
.wni-data-table thead tr.sm td {font-size: 14px;line-height: 18px;}
.wni-data-table td { padding: 5px 7px; vertical-align: middle; }
.wni-data-table tbody td {line-height:130%;}
.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 { }

.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: #fff; 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;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; border-bottom: solid 2px #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; border-bottom: solid 2px #b48c00; background: url(//weathernews.jp/s/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; border-bottom: solid 2px #227508; background: url(//weathernews.jp/s/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 div.first>p.cm-title.orange { color: #f76b1f; border-bottom: solid 2px #f76b1f; background: url(//weathernews.jp/s/img/icon_cube_orange.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.black { color: #000; border-bottom: solid 2px #000; background: url(//weathernews.jp/s/img/icon_cube_black.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.gray { color: #a0a0a0; border-bottom: solid 2px #a0a0a0; background: url(//weathernews.jp/s/img/icon_cube_gray.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:16px;content:"";position:absolute;top:5px;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: 24px; line-height:26px; font-weight: bold; margin-bottom: 7px; padding: 0 0 3px 30px; }
.in-cm p.cm-title:before {
	content: ""; width: 17px; height: 17px; 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 W3","HiraKakuProN-W3";}.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(//weathernews.jp/s/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;}
div.ios-notice{width:95%;margin:0 auto 10px;border:solid 1px #ef7a00;color:#ef7a00;background:#fff;font-size:12px;}div.ios-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(#efeeee), color-stop(70%, #efeeee), to(#efeeee));
	background: -webkit-linear-gradient(top, #efeeee, #efeeee 70%, #efeeee);
	background: -moz-linear-gradient(top, #efeeee, #efeeee 70%, #efeeee);
	background: -ms-linear-gradient(top, #efeeee, #efeeee 70%, #efeeee);
	background: -o-linear-gradient(top, #efeeee, #efeeee 70%, #efeeee);
	background: linear-gradient(top, #efeeee, #efeeee 70%, #efeeee);
	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;
	
}
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.col3 li { width: 33%; }
ul.tab-head.col3 li:last-child { width: 34%; }
ul.tab-head.col4 li { width: 25%; }
ul.tab-head li a { display: block; border-left: 1px solid #757d8a; border-bottom: 1px solid #757d8a; }
ul.tab-head li:first-of-type a { border-left: none; }
ul.tab-head li.selected { background: #fff; }
ul.tab-head li.selected a { border-bottom: none; }

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;
	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 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: #fff;
	-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(//weathernews.jp/s/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(//weathernews.jp/s/img/form_radio_on.png);background-size:15px 15px;-webkit-background-size:15px 15px;-moz-background-size:15px 15px;-ms-background-size:15px 15px;-o-background-size:15px 15px;}

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(//weathernews.jp/s/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(//weathernews.jp/s/img/form_checkbox_on.png);background-size:15px 15px;-webkit-background-size:15px 15px;-moz-background-size:15px 15px;-ms-background-size:15px 15px;-o-background-size:15px 15px;}

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:nth-last-of-type(2){border-bottom:none;}

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:nth-last-of-type(2){border-bottom:none;}
ul.check.col4 li:nth-last-of-type(3){border-bottom:none;}
ul.check.col4 li:nth-last-of-type(4){border-bottom:none;}
ul.check.col4 li{width:25%;float:left;}
a { -webkit-touch-callout:none; }


/* -------------------------------------------------------------------------------------
  SORAPHOTO
------------------------------------------------------------------------------------- */
#pagetop.soraphoto #todays{width:295px;margin:10px auto;text-align:center;}
#pagetop.soraphoto #todays .photo{background:url(../img/soraphoto_frame_main.png)0 0 no-repeat;width:295px;height:378px;box-shadow:0 2px 4px rgba(0,0,0,.5);-webkit-box-shadow:0 2px 4px rgba(0,0,0,.5);-moz-box-shadow:0 2px 4px rgba(0,0,0,.5);}
#pagetop.soraphoto #todays .photo a{display:block;padding:7px 1px 0 0;}#pagetop.soraphoto #todays .photo a img{border:solid 1px #4d4d4d;width:280px;height:363px;}
#pagetop.soraphoto #todays .nameplate{width:210px;margin:7px auto 0;background:url(../img/soraphoto_plate.png)0 0 no-repeat;background-size:210px 56px;-webkit-background-size:210px 56px;-moz-background-size:210px 56px;-ms-background-size:210px 56px;-o-background-size:210px 56px;line-height:56px;font-size:24px;color:#484848;text-shadow:0 1px 1px #fff;}
#pagetop.soraphoto #past{width:330px;margin:0 auto;text-align:center;}
#pagetop.soraphoto #past .pcontainer{width:110px;float:left;margin-bottom:10px;}
#pagetop.soraphoto #past .photo{margin:0 auto;background:url(../img/soraphoto_frame.png)0 0 no-repeat;width:100px;height:100px;background-size:100px 100px;-webkit-background-size:100px 100px;-moz-background-size:100px 100px;-ms-background-size:100px 100px;-o-background-size:100px 100px;box-shadow:0 1px 2px rgba(0,0,0,.3);-webkit-box-shadow:0 1px 2px rgba(0,0,0,.3);-moz-box-shadow:0 1px 2px rgba(0,0,0,.3);}
#pagetop.soraphoto #past .photo a{display:block;padding:3px 1px 0 0;}#pagetop.soraphoto #past .photo a img{width:90px;height:91px;border:solid 1px #4d4d4d;}
#pagetop.soraphoto #past .nameplate{width:100px;margin:5px auto 0;background:url(../img/soraphoto_plate.png)0 0 no-repeat;background-size:100px 30px;-webkit-background-size:100px 30px;-moz-background-size:100px 30px;-ms-background-size:100px 30px;-o-background-size:100px 30px;line-height:30px;font-size:22px;color:#484848;text-shadow:0 1px 1px #fff;}


/* コンテンツトップへ戻る */
#top_link {
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #E9E9E9;
    border-bottom: 1px solid #E9E9E9;
    background-image: url('../img/arrow_gray_left.png');
    background-position: 10px center;
    background-size: 7px 12px;
    background-repeat: no-repeat;
}

#top_link > a {
    display: block;
    padding-left: 25px;
    color: #222222;
    font-size: 100%;
}

/* 外部動画リンク非表示 */
.youtube {display: none; }