@charset "UTF-8";


/* --------------------------------------------------------
  天気
-------------------------------------------------------- */

/* header */

/*タイトル*/
/*.weather_ttl{
	margin:10px auto auto 7px;
	padding-left:20px;
	font-size:130%;
	background:url(../img/low_weather_ttl.png) no-repeat left center;
	background-size:8px 23px;
	-webkit-background-size:8px 23px;
	-moz-background-size:8px 23px;
	-o-background-size:8px 23px;
}*/
.low_docomo_logo{margin-top:0;}
.weather_ttl{margin:10px auto auto 7px;padding-left:20px;font-size:130%;position:relative;float:left;}
.weather_ttl:before,.weather_ttl:after{
	content:"";width:5px;height:18px;position:absolute;top:0;left:0;
	background:#016ffb;
	background:-webkit-gradient(linear,left top,left bottom,from(#016ffb),to(#0463d9));
	background:-webkit-linear-gradient(top,#016ffb,#0463d9);
	background:-moz-linear-gradient(top,#016ffb,#0463d9);
	background:-ms-linear-gradient(top,#016ffb,#0463d9);
	background:-o-linear-gradient(top,#016ffb,#0463d9);
	background:linear-gradient(top,#016ffb,#0463d9);
}
.weather_ttl:after{width:2px;left:6px;}


/*ヘッダー下のライン*/
header{
	border-bottom:2px solid #016ffb;
	padding-bottom:5px;
	background-color:#FFFFFF;
}





/* ----------------------------------------------
  common
---------------------------------------------- */
/*contents label with button*/
div.content-label {
	position: relative;	border-top: solid 1px #9eb3ff; border-bottom: solid 1px #9eb3ff; 
	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);
	-webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px;
}
div.content-label:after {
	width: 5px; height: 17px; position: absolute; top: 6px; left: 9px; content: "";
	background: #cecece;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(30%, #fff), to(#cecece));
	background: -webkit-linear-gradient(top, #fff, #fff 30%, #cecece);
	background: -moz-linear-gradient(top, #fff, #fff 30%, #cecece);
	background: -ms-linear-gradient(top, #fff, #fff 30%, #cecece);
	background: -o-linear-gradient(top, #fff, #fff 30%, #cecece);
	background: linear-gradient(top, #fff, #fff 30%, #cecece);
}
div.content-label p {
	padding: 0 0 0 20px; color: #fff; font-weight: bold;
	font-size: 16px; line-height: 30px;
	font-family: "ヒラギノ角ゴ ProN W6","HiraKakuProN-W6";
	text-shadow: 0px -1px 0px rgba(0, 0, 0, .7);
	text-align: left;
}
.content-label-btn{ width: 100px; height: 23px; position: absolute; right: 5px; top: 2px; display: block; }
.content-label-btn div.button {
	width: 95%; line-height: 23px; position: absolute;
	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, .4) 0px 1px 0px;
	text-decoration: none;
}
.content-label a: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;
}
/*content background pale-yellow width100% */
.cnt-container-wide { margin: 0 0; padding: 0; background: #f7f7f7;border-bottom: solid 1px #d4d4d4;}/* border-top: solid 1px #757d8a;  }*/
/*content background white*/
.cnt-container {
	margin: 5px 0; background: #fff;
	-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: solid 1px #b1b1b1;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.3); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.3); box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.cnt-container div.cnt-container-body { width: 95%; margin: 10px auto; }
/*content container margin5px each left and right*/
.cnt-pl-container { margin: 5px 5px 10px; position: relative; }

/*content background white in column 2 */
.cnt-container-col { margin: 5px 0; }.cnt-container-col-body{ width: 95%; margin: 10px auto; }
.cnt-container-col div.col2-first { 
	width: 48.5%; float: left;background: #fff;
	-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: solid 1px #b1b1b1;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.3); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.3); box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.cnt-container-col div.col2-second { 
	width: 48.5%; float: right;background: #fff;
	-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: solid 1px #b1b1b1;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.3); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.3); box-shadow: 0 1px 2px rgba(0,0,0,.2);
}



/*wide button - row1*/
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/icon_arrow_01.png) 98% center no-repeat; vertical-align: top; font-size: 16px; line-height: 40px; position: relative; padding: 0 20px 0 10px; }


/*wide button - row3+icon*/
ul.nav-row3-ico { list-style-type: none; clear: both; }
ul.nav-row3-ico li {
	height: 55px; display: block; border-top: solid 1px #ebebeb; border-bottom: solid 1px #d0d0d0;
	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-row3-ico li a { width: 100%; height: 100%; display: block; background: url(../img/icon_arrow_01.png) 98% center no-repeat; vertical-align: top; }
ul.nav-row3-ico li a img { padding: 5px 5px 0 5px; float: left; }
ul.nav-row3-ico li a span.title { font-size: 16px; padding: 5px 20px 0 5px; display: block; }
ul.nav-row3-ico li a span.detail { font-size: 14px; line-height: 14px; color: #666; padding: 3px 20px 0 0; display: block; }


/*wide button - col2+icon*/
ul.nav-col2-ico { 
	list-style-type: none; 
	background: -webkit-gradient(linear, left center, right center, from(#98a0a0), color-stop(50%, #98a0a0), color-stop(50%, #fff), to(#fff)) center 0 no-repeat, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e8e8e8));
	background: -webkit-linear-gradient(left, #98a0a0, #98a0a0 50%, #fff 50%, #fff) center 0 no-repeat, -webkit-linear-gradient(top, #fff, #e8e8e8);
	background: -moz-linear-gradient(left, #98a0a0, #98a0a0 50%, #fff 50%, #fff) center 0 no-repeat, -moz-linear-gradient(top, #fff, #e8e8e8);
	background: -ms-linear-gradient(left, #98a0a0, #98a0a0 50%, #fff 50%, #fff) center 0 no-repeat, -ms-linear-gradient(top, #fff, #e8e8e8);
	background: -o-linear-gradient(left, #98a0a0, #98a0a0 50%, #fff 50%, #fff) center 0 no-repeat, -o-linear-gradient(top, #fff, #e8e8e8);
	background: linear-gradient(left, #98a0a0, #98a0a0 50%, #fff 50%, #fff) center 0 no-repeat, linear-gradient(top, #fff, #e8e8e8);
	background-size: 2px 100%, 100% 52px;	-webkit-background-size: 2px 100%, 100% 52px; -moz-background-size: 2px 100%, 100% 52px; -o-background-size: 2px 100%, 100% 52px;
}
ul.nav-col2-ico li { width: 50%; height: 50px; display: block; float: left; border-top: solid 1px #ebebeb; border-bottom: solid 1px #d0d0d0; }
ul.nav-col2-ico li a { display: block; line-height: 50px; padding-left: 32px; }
ul.nav-col2-ico li a.bousai-warnings { background: url(../img/icon_bousai_warnings.png) 7px center no-repeat, url(../img/icon_arrow_01.png) 98% center no-repeat;background-size:20px 20px,8px 13px;-webkit-background-size:20px 20px,8px 13px;-moz-background-size:20px 20px,8px 13px;-ms-background-size:20px 20px,8px 13px;-o-background-size:20px 20px,8px 13px; }
ul.nav-col2-ico li a.bousai-quake { background: url(../img/icon_bousai_quake.png) 7px center no-repeat, url(../img/icon_arrow_01.png) 98% center no-repeat;background-size:20px 20px,8px 13px;-webkit-background-size:20px 20px,8px 13px;-moz-background-size:20px 20px,8px 13px;-ms-background-size:20px 20px,8px 13px;-o-background-size:20px 20px,8px 13px; }
ul.nav-col2-ico li a.bousai-thunder { background: url(../img/icon_bousai_thunder.png) 7px center no-repeat, url(../img/icon_arrow_01.png) 98% center no-repeat;background-size:20px 20px,8px 13px;-webkit-background-size:20px 20px,8px 13px;-moz-background-size:20px 20px,8px 13px;-ms-background-size:20px 20px,8px 13px;-o-background-size:20px 20px,8px 13px; }
ul.nav-col2-ico li a.bousai-tsunami { background: url(../img/icon_bousai_tsunami.png) 7px center no-repeat, url(../img/icon_arrow_01.png) 98% center no-repeat;background-size:20px 20px,8px 13px;-webkit-background-size:20px 20px,8px 13px;-moz-background-size:20px 20px,8px 13px;-ms-background-size:20px 20px,8px 13px;-o-background-size:20px 20px,8px 13px; }
ul.nav-col2-ico li a.bousai-typhoon { background: url(../img/icon_bousai_typhoon.png) 7px center no-repeat, url(../img/icon_arrow_01.png) 98% center no-repeat;background-size:20px 20px,8px 13px;-webkit-background-size:20px 20px,8px 13px;-moz-background-size:20px 20px,8px 13px;-ms-background-size:20px 20px,8px 13px;-o-background-size:20px 20px,8px 13px; }
ul.nav-col2-ico li a.bousai-volcano { background: url(../img/icon_bousai_volcano.png) 7px center no-repeat, url(../img/icon_arrow_01.png) 98% center no-repeat;background-size:20px 20px,8px 13px;-webkit-background-size:20px 20px,8px 13px;-moz-background-size:20px 20px,8px 13px;-ms-background-size:20px 20px,8px 13px;-o-background-size:20px 20px,8px 13px; }




/*radial button*/
div.list-nav { margin: 10px 5px; } div.list-nav.mbnone { margin: 10px auto 0; } div.list-nav.mtnone { margin: 0 auto 10px; } div.list-nav.mnone { margin: 0 auto; }
div.list-nav ul.col1 li { width: 100%; } div.list-nav ul.col2 li { width: 50%; } div.list-nav ul.col3 li { width: 33%; } div.list-nav ul.col3 li:first-of-type { width: 34%; } div.list-nav ul.col3 li:last-of-type { width: 34%; } div.list-nav ul.col4 li { width: 25%; }
div.list-nav ul { display: -webkit-box; display: -moz-box; display: box; list-style-type: none; position: relative; }
div.list-nav ul li a { display: block; padding: 0 10px; }
div.list-nav ul.row1 li a { line-height: 30px; } div.list-nav ul.row2 li a { line-height: 50px; }
div.list-nav ul.button li:first-of-type a { border-left: none; }
div.list-nav ul.blue li a { border-left: 1px solid #4f8cc5; color: #0c419a; }
div.list-nav ul.gray li a { border-left: 1px solid #8a8a8a; color: #000; }
div.list-nav ul.gray {
	background: url(../img/icon_arrow_01.png) 98% center no-repeat #f3f3f3;
	background: url(../img/icon_arrow_01.png) 98% center no-repeat, -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(50%, #f2f2f2), color-stop(50%, #e2e2e2), to(#d0d0d0));
	background: url(../img/icon_arrow_01.png) 98% center no-repeat, -webkit-linear-gradient(top, #fff, #f2f2f2 50%, #e2e2e2 50%, #d0d0d0);
	background: url(../img/icon_arrow_01.png) 98% center no-repeat, -moz-linear-gradient(top, #fff, #f2f2f2 50%, #e2e2e2 50%, #d0d0d0);
	background: url(../img/icon_arrow_01.png) 98% center no-repeat, -ms-linear-gradient(top, #fff, #f2f2f2 50%, #e2e2e2 50%, #d0d0d0);
	background: url(../img/icon_arrow_01.png) 98% center no-repeat, -o-linear-gradient(top, #fff, #f2f2f2 50%, #e2e2e2 50%, #d0d0d0);
	background: url(../img/icon_arrow_01.png) 98% center no-repeat, linear-gradient(top, #fff, #f2f2f2 50%, #e2e2e2 50%, #d0d0d0);
	-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: solid 1px #8a8a8a;
	font-size: 15px; color: #000; text-shadow: rgba(255, 255, 255, .4) 0px 1px 0px; text-decoration: none;
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .3); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .3); box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
}


ul.list-nav-home{margin:10px 5px;list-style:none;text-align:center;}
ul.list-nav-home li{
background:#f3f3f3;
background:-webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(50%, #f2f2f2), color-stop(50%, #e2e2e2), to(#d0d0d0));
background:-webkit-linear-gradient(top, #fff, #f2f2f2 50%, #e2e2e2 50%, #d0d0d0);
background:-moz-linear-gradient(top, #fff, #f2f2f2 50%, #e2e2e2 50%, #d0d0d0);
background:-ms-linear-gradient(top, #fff, #f2f2f2 50%, #e2e2e2 50%, #d0d0d0);
background:-o-linear-gradient(top, #fff, #f2f2f2 50%, #e2e2e2 50%, #d0d0d0);
background:linear-gradient(top, #fff, #f2f2f2 50%, #e2e2e2 50%, #d0d0d0);
-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: solid 1px #8a8a8a;
font-size: 15px; color: #000; text-shadow: rgba(255, 255, 255, .4) 0px 1px 0px; text-decoration: none;
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .3); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .3); box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
}
ul.list-nav-home li a{display:block;line-height: 30px;}
.icon-home-blue {
	background: url(../img/icon_home_blue.png) 0 center no-repeat;
	background-size: 18px 18px; -webkit-background-size: 18px 18px; -moz-background-size: 18px 18px; -ms-background-size: 18px 18px; -o-background-size: 18px 18px;
	padding-left: 20px; display: inline-block;
}




/*LIST BUTTON*/
ul.list-btn{width:100%;margin:5px auto 10px;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:35px;border-bottom:solid 1px #bdbdbd;}ul.list-btn li:last-child{border-bottom:none;}
ul.list-btn li a{line-height:35px;padding-left:10px;background: url(../img/icon_arrow_01.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;}

/*BUTTON DIGIN*/
.btn_digin {margin:10px 0 20px;}
.btn_digin p{width:200px;height:30px;text-align:center;margin:0 auto;
	border:1px solid #cccccc;
	background:-webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#e1e1e1));
	background:-moz-linear-gradient(top, #f9f9f9, #e1e1e1);
	-webkit-border-radius:3px;
	-moz-border-radius:3px;}
.btn_digin p a {
	line-height:30px;
	display:block;
	background:url(../img/low_arrow_right.png) 96% center no-repeat;background-size:8px 8px;-webkit-background-size:8px 8px;-moz-background-size:8px 8px;-ms-background-size:8px 8px;-o-background-size:8px 8px;
	color:#000000;
	font-size:100%;
	text-decoration:none;
}




/*text*/
.plain-txt { width:95%; margin:10px auto; }.plain-txt-center { width:95%; margin:5px auto; text-align: center; }p.comment { background: url(../img/icon_balloon.png) 0 center no-repeat; padding: 10px 0 10px 23px;background-size:20px 17px;-webkit-background-size:20px 17px;-moz-background-size:20px 17px;-ms-background-size:20px 17px;-o-background-size:20px 17px; }
/*list*/
ul { list-style-type: none; }
/*anchor*/
a,a:link,a:visited { color: #000; text-decoration: none; }a:hover,a:focus { color: #000; }a:active { color: #000; }
p.img-container { text-align: center; }p.img-container img { margin-left: 5px; }p.img-container img:first-of-type { margin-left: 0; }
/*icon*/
.icon-livecam { line-height:20px; background: url(../img/icon_livecam.png) 0 center no-repeat; padding-left: 22px; display: inline-block;background-size:20px 20px;-webkit-background-size:20px 20px;-moz-background-size:20px 20px;-ms-background-size:20px 20px;-o-background-size:20px 20px; }
.icon-report { line-height:20px; background: url(../img/icon_report.png) 0 center no-repeat; padding-left: 22px; display: inline-block;background-size:20px 20px;-webkit-background-size:20px 20px;-moz-background-size:20px 20px;-ms-background-size:20px 20px;-o-background-size:20px 20px; }




/*H2*/
h2{
	padding: 0 20px; color: #fbffff; line-height: 30px; position:relative;
	background: #c6ddf3;
	background: -webkit-gradient(linear, left top, left bottom, from(#0463d9), to(#016ffb));
	background: -webkit-linear-gradient(top, #0463d9, #016ffb);
	background: -moz-linear-gradient(top, #0463d9, #016ffb);
	background: -ms-linear-gradient(top, #0463d9, #016ffb);
	background: -o-linear-gradient(top, #0463d9, #016ffb);
	background: linear-gradient(top, #0463d9, #016ffb);
	-webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px;
}
h2:after {
	width: 5px; height: 17px; position: absolute; top: 6px; left: 9px; content: "";
	background: #cecece;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(30%, #fff), to(#cecece));
	background: -webkit-linear-gradient(top, #fff, #fff 30%, #cecece);
	background: -moz-linear-gradient(top, #fff, #fff 30%, #cecece);
	background: -ms-linear-gradient(top, #fff, #fff 30%, #cecece);
	background: -o-linear-gradient(top, #fff, #fff 30%, #cecece);
	background: linear-gradient(top, #fff, #fff 30%, #cecece);
}
/*docomo red
h2{
	padding: 0 20px; color: #fbffff; line-height: 30px;
	background: -webkit-gradient(linear, left top, left bottom, from(#ac0f2b), to(#ca1233));
	background: -webkit-linear-gradient(top, #ac0f2b, #ca1233);
	background: -moz-linear-gradient(top, #ac0f2b, #ca1233);
	background: -ms-linear-gradient(top, #ac0f2b, #ca1233);
	background: -o-linear-gradient(top, #ac0f2b, #ca1233);
	background: linear-gradient(top, #ac0f2b, #ca1233);
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}
h2:after {
	width: 5px; height: 17px; position: absolute; top: 6px; left: 9px; content: "";
	background: #cecece;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(30%, #fff), to(#cecece));
	background: -webkit-linear-gradient(top, #fff, #fff 30%, #cecece);
	background: -moz-linear-gradient(top, #fff, #fff 30%, #cecece);
	background: -ms-linear-gradient(top, #fff, #fff 30%, #cecece);
	background: -o-linear-gradient(top, #fff, #fff 30%, #cecece);
	background: linear-gradient(top, #fff, #fff 30%, #cecece);
}
*/

.measure { line-height: 10px; font-size: 10px; color: #666; }


/* ----------------------------------------------
  section
---------------------------------------------- */


/* org here */
/* div#headline{width:95%;margin:7px auto;position:relative;}div#headline a{padding-left:12px;display:block;color:#0463da;}div#headline a:before,div#headline a:after{content:"";position:absolute;}
div#headline a:after{width:0;height:0;border-top: solid 4px transparent;border-right: solid 4px transparent;border-bottom: solid 4px transparent;border-left: solid 4px #f5f5f5;top:3px;left:-2px;}
div#headline a:before{width:0;height:0;border-top: solid 4px transparent;border-right: solid 4px transparent;border-bottom: solid 4px transparent;border-left: solid 4px #fc3447;top:3px;left:0;} */
ul#breaking-news { width: 95%; margin: 10px auto; position: relative; }
ul#breaking-news li { 
	display: block;
	background: #ecf8ff;
	background: -webkit-gradient(linear, left top, left bottom, from(#9cbce3), to(#ecf8ff));
	background: -webkit-linear-gradient(top, #9cbce3, #ecf8ff);
	background: -moz-linear-gradient(top, #9cbce3, #ecf8ff);
	background: -ms-linear-gradient(top, #9cbce3, #ecf8ff);
	background: -o-linear-gradient(top, #9cbce3, #ecf8ff);
	background: linear-gradient(top, #9cbce3, #ecf8ff);
	border: solid 1px #90b3de; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
}
ul#breaking-news li.m3 { 
	display: block;
	background: #fe4c1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#d10d02), to(#fe4c1d));
	background: -webkit-linear-gradient(top, #d10d02, #fe4c1d);
	background: -moz-linear-gradient(top, #d10d02, #fe4c1d);
	background: -ms-linear-gradient(top, #d10d02, #fe4c1d);
	background: -o-linear-gradient(top, #d10d02, #fe4c1d);
	background: linear-gradient(top, #d10d02, #fe4c1d);
	border: solid 1px #c61f06; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
}
ul#breaking-news li:after {
	content: ""; width: 100%; height: 15px; position: absolute; top: 1px; left: 0;	
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.7)), color-stop(70%, rgba(255,255,255,0)), to(rgba(255,255,255,0)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,.7), rgba(255,255,255,0) 70%, rgba(255,255,255,0));
	background: -moz-linear-gradient(top, rgba(255,255,255,.7), rgba(255,255,255,0) 70%, rgba(255,255,255,0));
	background: -ms-linear-gradient(top, rgba(255,255,255,.7), rgba(255,255,255,0) 70%, rgba(255,255,255,0));
	background: -o-linear-gradient(top, rgba(255,255,255,.7), rgba(255,255,255,0) 70%, rgba(255,255,255,0));
	background: linear-gradient(top, rgba(255,255,255,.7), rgba(255,255,255,0) 70%, rgba(255,255,255,0));
	-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;	
}
ul#breaking-news li a { font-size: 15px; line-height: 25px; display: block;color: #000; background: url(../img/icon_arrow_01.png) 99% center no-repeat; background-size: 7px 12px;-webkit-background-size:7px 12px; -moz-background-size:7px 12px; -o-background-size:7px 12px; text-shadow: rgba(255,255,255,.7) 0px -1px 0px; padding: 0 10px 0 5px; }
ul#breaking-news li.m3 a { color: #fff; background: url(../img/icon_ex.png) 5px center no-repeat, url(../img/icon_arrow_02.png) 99% center no-repeat; background-size: 16px 12px, 7px 12px;	-webkit-background-size: 16px 12px, 7px 12px; -moz-background-size: 16px 12px, 7px 12px; -o-background-size: 16px 12px, 7px 12px; text-shadow: rgba(0, 0, 0, .7) 0px 1px 0px;padding: 0 10px 0 23px; }



/*every-3hour-weather*/
#wx-3hours div { /*width: 12.3%;*/width: 12%; text-align: center; float: left; border-left: solid 1px #d4d4d4; }#wx-3hours div:first-of-type { border: none; }#wx-3hours div:nth-child(odd) { background: #fff; }
/*weekly-weather*/
#wx-weekly div { width: 16.2%; text-align: center; float: left; border-left: solid 1px #d4d4d4; padding: 3px 0; } #wx-weekly div:first-of-type { border: none; } #wx-weekly div:nth-child(odd) { background: #fff; } #wx-weekly div span{} #wx-weekly .temp-high { color: #eb4e00;}#wx-weekly .temp-low { color: #0463d9;}#wx-weekly .sunday,#wx-weekly .saturday{font-size: 14px;}#wx-weekly .sunday { color: #f00; }#wx-weekly .saturday { color: #0036ff; }
/*sns*/
.sns-container { margin: 10px 5px;text-align:center;}
.sns-container p{ display:inline; }
.sns-container p#facebook-iframe{margin:0 0 0 -12px;}
.sns-container p#mixi-a{margin:0 0 0 -3px;}
/* radar */
.timestamp {
  position: absolute;
  width:  36px;
  height: 11px;
  bottom: 5px;
  right:  8px;
  z-index: 5;
  font-size: 8pt;
  font-weight: bold;
  color: white;
  text-align: center;
  padding: 2px;
  background-color: rgb(30%,30%,30%);
  background-color: rgba(0,0,0,0.5);
  border-radius: 2px;
}


/* ----------------------------------------------
  ADDED May 5,12
---------------------------------------------- */
div#lead-image{background:url(../img/lead_image_bg.png)0 0 repeat-x;background-size:2px 45px;-webkit-background-size:2px 45px;-moz-background-size:2px 45px;-ms-background-size:2px 45px;-o-background-size:2px 45px;/zoom:1;height:45px;overflow:hidden;}
div#lead-image:after{content:'';display:block;clear:both;height:0;}
div#lead-image p{float:left;}
div#lead-image p:last-child{float:right;}
div#lead-image p img{width:160px;height:45px;}

div#headline{margin:3px 5px;position:relative;
border:solid 1px #808080;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;
box-shadow:0 1px 2px rgba(0,0,0,.5);
background:#ccc;
background:-webkit-gradient(linear,left top,left bottom,from(#fefefe),color-stop(.49,#e2e2e2),color-stop(.51,#ccc),to(#f5f5f5));
background: -webkit-linear-gradient(top, #fefefe,#e2e2e2 49%,#ccc 51%, #f5f5f5);
background: -moz-linear-gradient(top, #fefefe,#e2e2e2 49%,#ccc 51%, #f5f5f5);
background: -ms-linear-gradient(top, #fefefe,#e2e2e2 49%,#ccc 51%, #f5f5f5);
background: -o-linear-gradient(top, #fefefe,#e2e2e2 49%,#ccc 51%, #f5f5f5);
background: linear-gradient(top, #fefefe,#e2e2e2 49%,#ccc 51%, #f5f5f5);
}
div#headline a{padding-left:10px;display:block;color:#000;line-height:25px;position:relative;}div#headline a:before,div#headline a:after{content:"";position:absolute;}
div#headline a:before{content:"";position:absolute;top:4px;right:10px;width:16px;height:16px;-webkit-border-radius:15px;-moz-border-radius:15px;-ms-border-radius:15px;-o-border-radius:15px; border-radius:15px;box-shadow:inset rgba(0,0,0,.5)1px 1px 1px;-webkit-box-shadow:inset rgba(0,0,0,.5)1px 1px 1px;-moz-box-shadow:inset rgba(0,0,0,.5)1px 1px 1px;-ms-box-shadow:inset rgba(0,0,0,.5)1px 1px 1px;-o-box-shadow:inset rgba(0,0,0,.5)1px 1px 1px;background:#fff;border:solid 1px #939393;}
div#headline a:after{width:0;height:0;content:"";position:absolute;top:9px;right:14px;border-top: solid 4px transparent;border-left: solid 7px #6d6d6d;border-right: solid 0 transparent;border-bottom: solid 4px transparent;}

.cm-container{margin:5px 0;background:url(../img/comment_icon.png)0 0 no-repeat,url(../img/comment_right.png)right 0 no-repeat,url(../img/comment_bg.png)0 0 repeat-x;}
.cm-container p{line-height:50px;padding-left:33px;float:left;}
.cm-container div{float:right;margin:8px 10px 0 0;}
.cm-container div a{display:block;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;border-radius:6px;border:solid 1px #5da401;line-height:32px;text-align:center;color:#fff;
text-shadow:0 0 1px #fff,0 -1px 1px rgba(0,0,0,.7);padding:0 7px;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);
background:#9ce21a;
background:-webkit-gradient(linear,left top,left bottom,from(#b5f441),color-stop(.5,#9ce21a),color-stop(.5,#78c312),to(#9ce21a));
background:-webkit-linear-gradient(top,#b5f441,#9ce21a 50%,#78c312 50%,#9ce21a);
background:-moz-linear-gradient(top,#b5f441,#9ce21a 50%,#78c312 50%,#9ce21a);
background:-ms-linear-gradient(top,#b5f441,#9ce21a 50%,#78c312 50%,#9ce21a);
background:-linear-linear-gradient(top,#b5f441,#9ce21a 50%,#78c312 50%,#9ce21a);
background:linear-gradient(top,#b5f441,#9ce21a 50%,#78c312 50%,#9ce21a);
}




/*SORAPHOTO*/
header#inner {
	height: 40px;border-bottom: solid 1px #031334;position: relative;padding:0;
	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: 16px;line-height: 40px;font-family: "ヒラギノ角ゴ ProN W6","HiraKakuProN-W6";text-shadow: 0px -1px 0px #000000;color: #fff;text-align: center;}
header#inner p#head-chname{font-size: 14px;line-height: 14px;padding: 4px 0 0 0;text-shadow: 0px -1px 0px #000000;color: #fff;text-align: center;}
header#inner p#head-areaname{font-size: 16px;line-height: 20px;font-family: "ヒラギノ角ゴ ProN W6","HiraKakuProN-W6";text-shadow: 0px -1px 0px #000000;color: #fff;text-align: center;}
header#inner div#head-back{width: 60px;font-size: 14px;line-height: 32px;text-align: center;font-family: "ヒラギノ角ゴ ProN W6","HiraKakuProN-W6";text-shadow: 0px -1px 0px #000000;background: url(../img/header_back.png) 0 0 no-repeat;background-size:60px 30px;-webkit-background-size:60px 30px;-moz-background-size:60px 30px;-ms-background-size:60px 30px;-o-background-size:60px 30px;position: absolute;top: 5px;left: 5px;}

header#inner div#head-back a{width: 52px;height: 30px;line-height: 32px;margin: 0 0 0 auto;display: block;color: #fff;overflow: hidden;}
header#inner div#head-home{position: absolute; top: 5px; right: 5px; }
body#soraphoto{background:url(../img/soraphoto_bg.png)0 0 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;}


#soraphoto #todays{width:295px;margin:10px auto;text-align:center;}
#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);}
#soraphoto #todays .photo a{display:block;padding:7px 1px 0 0;}#soraphoto #todays .photo a img{border:solid 1px #4d4d4d;width:280px;height:363px;}
#soraphoto #todays .nameplate{width:166px;margin:7px auto 0;background:url(../img/soraphoto_plate.png)0 0 no-repeat;line-height:44px;font-size:16px;color:#484848;text-shadow:0 1px 1px #fff;}


#soraphoto #past{width:330px;margin:0 auto;text-align:center;}
#soraphoto #past .pcontainer{width:105px;float:left;margin-bottom:10px;}
#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);}
#soraphoto #past .photo a{display:block;padding:3px 1px 0 0;}#soraphoto #past .photo a img{width:90px;height:91px;border:solid 1px #4d4d4d;}
#soraphoto #past .nameplate{width:90px;margin:5px auto 0;background:url(../img/soraphoto_plate.png)0 0 no-repeat;background-size:90px 24px;-webkit-background-size:90px 24px;-moz-background-size:90px 24px;-ms-background-size:90px 24px;-o-background-size:90px 24px;line-height:24px;font-size:14px;color:#484848;text-shadow:0 1px 1px #fff;}



/*FOOTER*/
/*.icon-home-blue {background: url(../img/icon_home_blue.png) 0 center no-repeat;background-size: 18px 18px; -webkit-background-size: 18px 18px; -moz-background-size: 18px 18px; -ms-background-size: 18px 18px; -o-background-size: 18px 18px;padding-left: 20px; display: inline-block;}
footer{height: 25px;background-color:#0c419a;border-top: solid 1px #363636;border-bottom: solid 1px #363636;}footer p{color: #fff;font-weight: bold;font-size: 12px;padding-top: 5px;text-shadow: -1px -1px 0px #000000;text-align: center;}

div.list-nav-home { margin: 10px 5px; }
div.list-nav-home ul {list-style-type: none;text-align:center;
	background:-webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(50%, #f2f2f2), color-stop(50%, #e2e2e2), to(#d0d0d0));
	background:-webkit-linear-gradient(top, #fff, #f2f2f2 50%, #e2e2e2 50%, #d0d0d0);
	background:-moz-linear-gradient(top, #fff, #f2f2f2 50%, #e2e2e2 50%, #d0d0d0);
	background:-ms-linear-gradient(top, #fff, #f2f2f2 50%, #e2e2e2 50%, #d0d0d0);
	background:-o-linear-gradient(top, #fff, #f2f2f2 50%, #e2e2e2 50%, #d0d0d0);
	background:linear-gradient(top, #fff, #f2f2f2 50%, #e2e2e2 50%, #d0d0d0);
	-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: solid 1px #8a8a8a;
	font-size: 15px; color: #000; text-shadow: rgba(255, 255, 255, .4) 0px 1px 0px; text-decoration: none;
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .3); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .3); box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
}
div.list-nav-home ul li a { display: block; padding: 0 10px; line-height: 30px;text-shadow:0 0 1px #000; }*/




/*solive24*/
.heading1 { font-size:120%; font-weight:bold; }
#sorauta { background-image:url(../img/bg_sorauta.jpg); background-size:50px 50px;-webkit-background-size:50px 50px;-moz-background-size:50px 50px;-ms-background-size:50px 50px;-o-background-size:50px 50px; }
div.content-label-child {
	background: #c6ddf3;
	background: -webkit-gradient(linear, left top, left bottom, from(#cbe2f7), to(#c6ddf3));
	background: -webkit-linear-gradient(top, #cbe2f7, #c6ddf3);
	background: -moz-linear-gradient(top, #cbe2f7, #c6ddf3);
	background: -ms-linear-gradient(top, #cbe2f7, #c6ddf3);
	background: -o-linear-gradient(top, #cbe2f7, #c6ddf3);
	background: linear-gradient(top, #cbe2f7, #c6ddf3);
	border-top: solid 1px #87b2db; 
	border-bottom: solid 1px #87b2db;
	position: relative;
	/*-moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 1.0); -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 1.0); box-shadow: 0 1px 1px rgba(255, 255, 255, 1.0);*/	
}
div.content-label-child p {
	padding: 0 0 0 13px; color: #001a45; font-weight: bold; font-size: 16px; line-height: 25px; text-align: left;
	font-family: "ヒラギノ角ゴ ProN W6","HiraKakuProN-W6"; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.7);
}
div.content-label-child:after {
	width: 3px; height: 15px; content: ""; position: absolute; top: 5px; left: 5px;
	background: -webkit-gradient(linear, left top, left bottom, from(#49709e), to(#033281));
	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);
}











