@charset "utf-8";

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


/* -------------------------------------------------------------------------------------
  INITIALIZE
------------------------------------------------------------------------------------- */
body,table,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,blockquote,form,label,dl,dt,dd,ol,ul,li,fieldset,
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section, summary {
margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; background: transparent; }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,canvas { display: block; }
body { font: 14px/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;}
/* -------------------------------------------------------------------------------------
  HEADER
------------------------------------------------------------------------------------- */
header#inner {
height: 40px;border-bottom: solid 1px #031334;position: relative;
background: #0c419a;
background: -webkit-gradient(linear, left top, left bottom, from(#99afd4), color-stop(2%, #6a8ac1), color-stop(50%, #1e4fa1), color-stop(50%, #0c419a), to(#0a358b));
background: -webkit-linear-gradient(top, #99afd4, #6a8ac1 2%, #1e4fa1 50%, #0c419a 50%, #0a358b);
background: -moz-linear-gradient(top, #99afd4, #6a8ac1 2%, #1e4fa1 50%, #0c419a 50%, #0a358b);
background: -ms-linear-gradient(top, #99afd4, #6a8ac1 2%, #1e4fa1 50%, #0c419a 50%, #0a358b);
background: -o-linear-gradient(top, #99afd4, #6a8ac1 2%, #1e4fa1 50%, #0c419a 50%, #0a358b);
background: linear-gradient(top, #99afd4, #6a8ac1 2%, #1e4fa1 50%, #0c419a 50%, #0a358b);	
}
header#inner>p {font-size: 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;margin: 0 0 0 auto;display: block;color: #fff;overflow: hidden;}
header#inner div#head-close{position: absolute; top: 5px; right: 5px; }
header#inner div#head-close a{display:block;width:57px;text-align:center;line-height:30px;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;color:#fff;
background:-webkit-gradient(linear,left top,left bottom,from(#5c70a7),color-stop(.5,#223f89),color-stop(.5,#062578),to(#07277a));
background:-webkit-linear-gradient(top,#5c70a7,#223f89 50%,#062578 50%,#07277a);
background:-moz-linear-gradient(top,#5c70a7,#223f89 50%,#062578 50%,#07277a);
background:-ms-linear-gradient(top,#5c70a7,#223f89 50%,#062578 50%,#07277a);
background:-o-linear-gradient(top,#5c70a7,#223f89 50%,#062578 50%,#07277a);
background:linear-gradient(top,#5c70a7,#223f89 50%,#062578 50%,#07277a);
box-shadow:inset 0 1px 3px rgba(0,0,0,.8);-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,.8);-moz-box-shadow:inset 0 1px 3px rgba(0,0,0,.8);
}
header#inner div#head-close a:after{position: absolute; bottom: 0; left: 0; content: ""; display: block; height: 10px; width: 57px;	-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;}
/* -------------------------------------------------------------------------------------
  LABLE
------------------------------------------------------------------------------------- */
.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:#2152a2;
background:-webkit-gradient(linear,left top,left bottom,from(#0a358b),color-stop(50%,#0c4099),color-stop(50%,#2152a2),to(#5b7fbb));
background:-webkit-linear-gradient(top,#0a358b,#0c4099 50%,#2152a2 50%,#5b7fbb);
background:-moz-linear-gradient(top,#0a358b,#0c4099 50%,#2152a2 50%,#5b7fbb);
background:-ms-linear-gradient(top,#0a358b,#0c4099 50%,#2152a2 50%,#5b7fbb);
background:-o-linear-gradient(top,#0a358b,#0c4099 50%,#2152a2 50%,#5b7fbb);
}
/* -------------------------------------------------------------------------------------
  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; }
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:38px;text-align:center;}div.list-nav ul.row1.hi{line-height:45px;text-align:center;}
div.list-nav .blue li a{color: #0c419a;font-size:16px;}
div.list-nav ul.blue li,div.list-nav-unit ul.blue {
background: #bbcfe5;
background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(50%, #ebf3f9), color-stop(50%, #d9e2ed), to(#bbcfe5));
background: -webkit-linear-gradient(top, #fff, #ebf3f9 50%, #d9e2ed 50%, #bbcfe5);
background: -moz-linear-gradient(top, #fff, #ebf3f9 50%, #d9e2ed 50%, #bbcfe5);
background: -ms-linear-gradient(top, #fff, #ebf3f9 50%, #d9e2ed 50%, #bbcfe5);
background: -o-linear-gradient(top, #fff, #ebf3f9 50%, #d9e2ed 50%, #bbcfe5);
background: linear-gradient(top, #fff, #ebf3f9 50%, #d9e2ed 50%, #bbcfe5);
-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: solid 1px #4f8cc5;
font-size: 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);
}
/* -------------------------------------------------------------------------------------
  CONTENT BACKGROUND
------------------------------------------------------------------------------------- */
.bgbl { background: #e3e5e8; padding: 10px 0 15px 0; }
.bgbl.ptnone { padding: 0 0 15px 0; }
.bgbl.pbnone { padding: 10px 0 0 0; }
.bgbl.pnone { padding:0; }