*{
    font-family:'ＭＳ Ｐゴシック',sans-serif;
}

.right{
    float:right;
}

#myGrid {
    background: white;
    outline: 0;
    border: 1px solid gray;
}

.header-cell{
    width:100%;
    border-bottom:2px solid #9ba8ca;
    padding: 0.2em 0 0.2em 0;
}
.header-cell-noborder{
    width:100%;
    padding: 0.2em 0 0.2em 0;
}

.slick-header-column.ui-state-default {
    white-space:normal;
    border-right: 1px solid #9ba8ca;
    border-left: 1px solid #9ba8ca;
    background:#dadfec;
    border-right:0;
    border-left:0;
}

.slick-column-name .header-cell{
    border-right:1px solid #dadfec;
}

.slick-cell, .slick-headerrow-column {
    border:1px solid #9ba8ca;
}
.grid-header {
    border: 1px solid gray;
    border-bottom: 0;
    border-top: 0;
    background: url('../images/header-bg.gif') repeat-x center top;
    color: black;
    height: 24px;
    line-height: 24px;
}

.grid-header label {
    display: inline-block;
    font-weight: bold;
    margin: auto auto auto 6px;
}

.grid-header .ui-icon {
    margin: 4px 4px auto 6px;
    background-color: transparent;
    border-color: transparent;
}

.grid-header .ui-icon.ui-state-hover {
    background-color: white;
}

.slick-column-name>div{
    text-align:center;
}

div.slick-cell.l0.r0{
    text-align:left;
}

li{
    margin-bottom:5px;
}

.left{
    float:left;
}
.right{
    float:right;
}
th.noboder,td.noboder{
    border:none;
    background-color: white;
}
td.colheading{
    background-color: #f5fcff;
}
#main{
    min-width:1000px;
}
#header_kai{
    line-height:1.2em;
}
#panparent{
    width:1020px;
}
#toppan{
    float:left;
    width:50%;
    font-size:90%;
    margin:0.5em 0 1em 1em;
}
#banner1{
    /*float:right;*/
    margin:0 10px 5px 0;
}
#banner1 a{
    margin-left:5px;
    text-decoration: none;
    height:31px;
    display:block;
    float:left;
}
#banner2{
    margin:0 0 5px 0;
    border-left:#000000 1px solid;
    padding-left:10px;
}
#banner1>div>span{
    display:inline-block;
    height:31px;
    line-height:15.5px;
    font-size:90%;
    width:5em;
    float:left;
}
#global div.here a{
    background-color:#ffffff;
}
#wrapperTop{
    width:1050px;
    height:680px;
    border:none;
}
#wrapperTop>div.clearfix{
    border:none;
    margin:0;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix{
    display:inline-block;
}
.clearfix{
    display:block;
}
.uline{
    text-decoration:underline;
}    
.red{
    color:#ff0000;
}
.green{
    color:#00bc97;
}
.magenta{
    color:#ff00ff;
}
.textright{
    text-align:right;
}
option{
    -webkit-appearance: none;
}
.bold{
    font-weight:bold;
}
.lspace{
    min-width:70px;
}
#panelArea .marginleft{
    margin-left:20px;
}

#leftArea{
    position:relative;
    margin:0;
    border:none;
    /* overflow:hidden;*/
    width:720px;
    height:auto;
    float:left;
}

#rightArea{
    float:left;
    width:300px;
    margin:0;
    /* background-color: #c1dbf2;*/
    height:auto;
    padding-bottom:5px;

}
#rightArea>div{
    background-color: #ebebe4;
}
#rightArea>div>div{
    padding:3px 14px 10px 14px;
    margin-bottom:5px;
}
#rightArea p{
    margin:8px 0 2px 0;
    line-height:1.2em;
}
#loadbutton{
    height:120px;
    text-align:center;
    margin-bottom:7px;
}
#mainButton{
    margin:7px 0 7px 11px;
}
#mainButton img{
    margin-left:7px;
    margin-right:7px;
}

#main h1{
    width:995px;/*1000px;*/
}
.manual a , .manual2 a{
    padding-left:18px;
    white-space: nowrap;
    font-size:90%;
    font-weight:normal;
    background-image:url(help.png);
    background-size:15px 15px;
    background-repeat:no-repeat;
}
.manual2 a{
    margin-left:20px;
}
#wrapperTop .manual a{
    background-image:url(help_small.png);
    background-size:12px 12px;
}

#panelArea .manual{
    line-height:120%;
}
#leftArea>.manual{
    margin-left:20px;
    line-height:120%;
    /*  float :left;*/
}

.buttonSelect{
    margin-top:10px;
    margin-left:10px;
}

.selectedArea>div{
    padding-left:7px;
}

#areaKoumokuTop{
    margin-bottom:25px;
}
#areaKoumokuTop>div{
    float:left;
    height:175px;/*160px;*/
    min-height:8.7em;
    background-color:#ffffff;
}
#areaKoumokuTop>div>div{
    padding:7px;
}
#aggrgPeriod>div>div{
    /* height:100px;*/
    /*padding-left:4px;*/
    float:left;
    /*margin-right:10px;*/
}
#aggrgPeriod>div>div:first-child{
    width:125px;
}

#comprOption,#aggrgPeriod{
    border:solid 1px #b3bbd4;
    /*height:170px;*/
}
#aggrgPeriod{
    margin-right:30px;
    _margin-right:5px;
    width:250px;
}
#aggrgPeriod img{
    margin-left:10px;
}

#comprOption{
    width:360px;
}

.selectpr select:enabled{
    background-color:#f7edd0;
}
div.selectpr{
    padding-left:28px;
    padding-top:4px;
    line-height:1.4em;
}

div.station,.movepr,.selectallst{
    cursor:pointer;
    background-color:#ffffff;
    opacity:0;
    filter:alpha(opacity=0);
    -moz-opacity:0;
}

div.station.selectedst.stmark{
    background-color:transparent;
    opacity:1;
    filter:alpha(opacity=100);
    -moz-opacity:1;
}

div.station img{
    position:absolute;
    top:-6px;
    width:17px;
    height:17px;
    display:none;
}

div.station.selectedst img{
    display:block;
}

#selectSt div.areaSelBT span{
    margin-right:40px;
}
.list-selected{
    padding:3px;
    line-height:1.5em;
    font-size:90%;
    width:270px;
    height:90px;
    overflow-y: auto;
    overflow-x:hidden;
    /* background-color:#eaf2fb;*/
    background-color:#fafaf5;
}

.selectedStText{
    margin-right:5px;
}
.selectedElText{
    width:200px;
}
.selectedElText,.selectedElopText{
    float:left;
}
#selectedStationList>div{
    min-width:270px;
}
#selectedStTitle p{
    float:left;
    height:100%;
    min-width:90px;
    margin-right:13px;
    /* margin-bottom:0px;*/
}
#selectedStTitle div.selectedStObs{
    font-size:90%;
    float:left;
    width:1em;
}
div.selectedStText{
    float:left;
    padding:0;
    min-width:90px;
    max-width:90px;
}
div.selectedStObs{
    float:left;
}

#selectedStationList .selectedStObs img{
    width:18px;
    height:18px;
}
#selectedStationList .selectedStObs span{
    padding-left:2px;
    color:#808080;
}

#selectedElopList div.selectedElopButton{
    float:right;
}
#selectedStationList div.selectedStButton,#selectedElementList div .selectedElButton{
    float:right;
    margin-right:20px;
    display:inline;
}
input.delSt,input.delEl{
    background-color:#f5f5ee;
    margin:0;
}
#selectedStationList img, #selectedElementList img{
    height:1em;
    /* vertical-align:middle;*/
}


#selectedElementList>div{
    min-width:270px;
}


#selectOp>div{
    padding:7px;
    padding-top:4px;
    margin-bottom:14px;
    border:solid 1px #b3bbd4;
    background-color:#ffffff;
    font-size:90%;
    line-height:110%;
    margin-right:12px;
    /*width:633px;*/
}
#selectOp>div>div{
    width:600px;
    background-color:#ffffff;
}
#selectOp>h2{
    margin-right:12px !important;
    /*width:640px;*/
}

.dialogFoot{
    margin: 10px;
    margin-left:auto;
    width:auto;
    height:50px;
}
span.blue{
    color:#1c5186;
}
span.green{
    color:#00bc97;
}
span.orange{
    color:#ff9423;
}

#alertmseg{
    width:500px;
    float:left;
    color:#ff0000;
}
#alertmseg span{
    margin:0 14px 0 14px;
}

#prefectureTable {
    margin-top:10px;
    line-height:0.9em;
    width:650px;
}


td.pref.hokkaido{
    background-color:#ddffff;
}
td.pref.tohoku{
    background-color:#ffc7af;
}
td.pref.kanto{
    background-color:#cef9dc;
}
td.pref.hokuriku{
    background-color:#d9e5ff;
}
td.pref.tokai{
    background-color:#ffffcc;
}
td.pref.kinki{
    background-color:#cbffd3;
}
td.pref.chugoku{
    background-color:#c2eeff;
}
td.pref.shikoku{
    background-color:#ead9ff;
}
td.pref.kyushu{
    background-color:#ffc7af;
}
td.pref.kyunan{
    background-color:#b1f9d0;
    height:45px;
}
td.pref.okinawa{
    background-color:#ffddff;
    height:45px;
}

#prefectureTable td.pref{
    font-size:77%;
    margin:1px;
    width:2.5em;
    color:#333333;
    text-align:center;
    padding:1px;
    border:2px #000000 solid;
    cursor:pointer;
}

#prefectureTable td.pref.selectedPrefecture{
    border:2px #ff0000 solid;
}

#prefectureTable td.pref:hover{
    border:2px #ffff00 solid;
}

.selectedkikan{
    color:#000000;
    background-color:#ffffff;
}

.unselectedkikan,.unselectedkikan span.green,.unselectedkikan span.magenta{
    color:#bbbbbb;/* 無効な要素の色 */
}


#eltab select.inumber{
    /* width:5em\9;
     height:1.2em\9;*/
    /*font-size:90%\9;*/
}
.ui-widget select,.ui-widget input{
    font-family:'ＭＳ Ｐゴシック',sans-serif;
    font-size:0.8em\9;
}


/*#show0,#show1{
    border-collapse: collapse;
    overflow-x:hidden;
    font-family:'ＭＳ Ｐゴシック',sans-serif;
    font-size:115%;
}
#show0 th,#show1 th{
    border:2px #000000 solid;
    line-height:160%;
}
#show0 td,#show1 td{
    text-align:right;
    white-space:nowrap;
    width:50px;
    border:2px #001111 solid;
}
#show0 td.center{
    text-align:center;
}*/

.data2_s td.setsudan{
    border-top:#ff0000 3px solid;
}

#data1{
    background-color:#dadfec;
    border:1px solid #9ba8ca;
}

div.setsudan{
    border-top:#ff0000 3px solid;
}
#show0 .tdymd,#show1 .tdymd{
    text-align:left;
    white-space:nowrap;
}
.tablebutton{
    float:left;
    margin:10px 0 10px 10px;
    cursor:pointer;
}

#loadbutton>div{
    margin-top:10px;
}

#pagebutton div.clearfix{
    /* width:98%;*/
}
#pagebutton th{
    border:none;
    background-color:#ffffff;
    min-width:150px;
}
#pagebutton .clearfix div.next2{
    /*height:40px;*/
    float:left;
    min-width:8%;
}
#pagebutton .clearfix div.next1{
    height:40px;
    margin:0 0 0 0;
    min-width:8%;
    float:right;
    text-align:left;
    padding-left:10px;
}


#pagebutton .clearfix div.next3{
    min-height:40px; 
    text-align:right;
    /*width:80%;*/
    float:right;
    max-height:120px;
}
div.next2 img , div.next1 img{
    /*  margin-top:10px;*/
}

#pagebutton span.reloadTable{
    cursor:pointer;
    height:100%;
}

/*jQuery ui*/
.ui-widget-header{
    background-image:none;
}
.ui-tabs{
    padding:0;
    border-width:0;
}

#eltab{
    position:relative;
    margin-top:-2.2em;
    background-color:#7888a8;
    background-image:none;
    border:solid 1px #b3bbd4;
    margin-right: 15px;
}
#eltab .ui-widget-header{
    border:0;
}

#eltab .ui-tabs-nav{
    position:relative;
    border-width:0;
    margin-left:50px;
    background-color:#7888a8;
}
#eltab .ui-tabs-panel{
    padding:7px 7px 7px 7px;
    /* border:7px solid #f0f1f6;*/
    border:7px solid #ffffff;
    border-top:none;
    background-color:#ffffff;
}
#eltab .ui-tabs-nav li.ui-tabs-active{
    border:1px solid #b3bbd4;
    border-bottom:none;
    margin-bottom:-5px;
}
#eltab .ui-tabs-nav li a{
    padding:10px 10px;
    font-size:17px;
}
#eltab .ui-widget-header{
    /* background-color:#b7d5ed;*/
}
#panelArea{
    font-size:1.1em;
    position:relative;
    /*height:580px;*/
    /*margin:0 20px 0 11px;*/
    margin:0 15px 0 15px;
    /*padding:7px 7px 0 20px;*/
    min-height:500px;
    border:solid 2px #b3bbd4;
    background-color:#f0f1f6;
    overflow:hidden;
}
#stationArea{
    position:relative;
    margin:0 0 0 20px ;
    padding-bottom:15px;
}
#elementArea{
    padding-bottom:10px;
}
#eltab table{
    border-collapse:collapse;
}
#eltab td{
    padding:0;
    padding-right:5px;
}

.empty{
    color:#ff0000;
}

.selectPanel{
    display:none;
    margin:0px 7px 0 20px;
}
.rollover,.rollover2{
    cursor:pointer;
}

#selectPeriod{
    width:470px;
    /*background-color:#ffffff;
    border:1px solid #b3bbd4;*/
}
#selectPeriod>div{
    padding:7px;
    margin-bottom:14px;
    background-color:#ffffff;
    border:1px solid #b3bbd4;
}
#selectPeriod>div>div{
    background-color:#ffffff;
    padding-bottom:30px;
    padding-left:7px;
}
#panelArea h2{
    margin:0;
    padding:3px 0 3px 7px;
    color:#ffffff;
    background-color:#7888a8;
    border:1px solid #7888a8;
}
#panelArea p{
    margin:0;
}
h2#elTitle{
    width:40px;
    border-left:solid 1px #b3bbd4;
    position:relative;
    z-index:1;
}
h2#elTitleH{
    /*width:40px;*/
    border-left:solid 1px #b3bbd4;
    position:relative;
    margin-right:15px;
    /*z-index:1;*/
}
#elHarea{
    background-color: #ffffff;
    padding:7px 7px 7px 7px;
    border:solid 1px #b3bbd4;
    font-size:17px;
    margin-right:15px;
}
#selectPeriod>#ndaytype{
    border:solid 1px #b3bbd4;
    /*margin-top:5px;*/
    padding:7px 7px 7px 14px;
    background-color:#ffffff;
}

span.checked,* span.checked{
    background-color:#ffebb0;
}

#leftPanelButton{
    position:absolute;
    top:262px;
    left:0px;
    cursor:pointer;
    z-index:2;
}
#rightPanelButton{
    position:absolute;
    top:262px;
    left:682px;
    cursor:pointer;
}
#selectedPeriod, #selectedViewOption{
    font-size:90%;
    line-height:1.5em;
    padding:3px;
    height:auto;
    width:270px;
    background-color:#fafaf5;
}
#selectedViewOption p{
    margin:0;
}

#gauge{
    /*margin-top:5px;*/
    display:inline-block;
    height:12px;
    width:200px;
    border:solid #b3bbd4 2px;
    /* background-color:#e8ffff;*/
    background-color:#f0f8ff;
}
#gauge1{
    display:inline-block;
    position:relative;
    line-height:20px;
    font-size:12px;
    height:12px;
    background-color:#ff9b6a;
    padding-top:0;
}
#gauge1.alert{
    background-color:#ff0000;
}
#gaugeArea{
    width:1020px;
}
#gaugeArea>div{
    margin:7px 0 0 11px;
    /*color:#595959;*/
    /* background-color:#c1dbf2;*/
    background-color:#ebebe4;
}
#gaugeArea>div>div{
    margin-right:7px;
    font-size:12px;
    float:right;
}
#gaugeArea>div>div:first-child{
    margin:5px 0 5px 7px;
    font-weight:bold;
    color:#536095;
    font-size:110%;
    float:left;
}
#gaugeArea div>div>span{
    margin-top:5px;
    margin-bottom:5px;
    vertical-align: middle;
}
#gaugeArea div>div>span:first-child{
    margin-top:0;
    margin-bottom:0;
    padding-top: 0.3em;
    padding-bottom:0.3em;
    vertical-align: middle;
}

#errMsgArea{
    margin:0 10px 0 10px;
    color:#ffffff;
    font-weight:bold;
    display:inline-block;
    width:350px;
    height:100%;
    text-align:center;
}
#errMsgArea.alert{
    background-color:#ff0000;
}
#percent{
    color:#ffffff;
    position:absolute;
    top:-4px;
    left:80px;
}
#buttonDelAll{
    background-color:#f5f5ee;
    margin:0;
}
#buttonSelectStation{
    font-size:120%;
    float:left;
    padding:7px;
    margin:10px 0 7px 0;
}
#buttonDelElement{
    margin-left:1em;
}
#deleteAllStPref,#buttonDelStation,#buttonDelElement{
    font-size:75%;
    float:right;
}

#deleteAllStPref,#buttonDelStation,#buttonDelElement,#buttonSelectStation,#buttonDelAll,input.delEl,input.delSt,.button1{
    cursor:pointer;
    text-shadow: 0 1px 0 white;
    border: 1px solid;
    border-color: #CCC #CCC #AAA;
    background-color:#E0E0E0;
    -moz-box-shadow: inset 0 0 1px #fff;
    -ms-box-shadow: inset 0 0 1px #fff;
    -webkit-box-shadow: inset 0 0 1px white;
    box-shadow: inset 0 0 1px white;filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffFAFAFA,EndColorStr=#ffdcdcdc);
    background-image: -moz-linear-gradient(top,#FAFAFA 0,#dcdcdc 100%);
    background-image: -ms-linear-gradient(top,#FAFAFA 0,#dcdcdc 100%);
    background-image: -o-linear-gradient(top,#FAFAFA 0,#dcdcdc 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#FAFAFA),color-stop(100%,#dcdcdc));
    background-image: -webkit-linear-gradient(top,#FAFAFA 0,#dcdcdc 100%);
    background-image: linear-gradient(to bottom,#FAFAFA 0,#dcdcdc 100%);
}
#deleteAllStPref:hover,#buttonDelStation:hover,#buttonDelElement:hover,#buttonSelectStation:hover,#buttonDelAll:hover,input.delEl:hover,input.delSt:hover,.button1:hover{
    text-shadow: 0 1px 0 white;
    border: 1px solid;
    border-color: #CCC #CCC #AAA;
    background-color: #E0E0E0;
    -moz-box-shadow:0 0 4px #CCC;
    -ms-box-shadow:0 0 4px #CCC;
    -webkit-box-shadow:0 0 4px white;
    box-shadow:0 0 4px #CCC;filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffFAFAFA,EndColorStr=#ffdcdcdc);
    background-image: -moz-linear-gradient(top,#EEE 0,#dcdcdc 100%);
    background-image: -ms-linear-gradient(top,#EEE 0,#dcdcdc 100%);
    background-image: -o-linear-gradient(top,#EEE 0,#dcdcdc 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#FAFAFA),color-stop(100%,#dcdcdc));
    background-image: -webkit-linear-gradient(top,#EEE 0,#dcdcdc 100%);
    background-image: linear-gradient(to bottom,#EEE 0,#dcdcdc 100%);
}

.button1{
    /*  background-color:#dddddd;
       font-size:120%;
       padding:0 4px 0 4px;
       margin:0 0 2px 7px;
       border-width:2px;
       cursor:pointer;
       border-left:1px solid #000000;
       border-right:none;
       border-bottom:none;
       border-top:1px solid #000000;*/
    font-size:120%;
}

.button1.selected{
    background-color:#84aad6;
    text-shadow: 0 1px 0 #84aad6;
    background-image:none;
    filter:none;
    cursor:default;
}
div.table-content{
    margin-left:20px;
    margin-bottom:15px;
}
#wait p{
    text-align: center;
}

#prefcaution{
    color:#646464;
    background-color:#f5f7fa;
    border:1px #b3bbd4 solid;
    font-size:75%;
    padding:5px;
    width:27.5em;
}
#whatsnew , #koho_link{
    margin:1px 20px 0 15px;
    /*margin:5px 20px 0 11px;*/
    /* margin:5px 0 5px 12px;*/
}
#whatsnew h2,#koho_link h2{
    /*margin:0;*/
    margin:0 0 5px 0;
    padding:0.1em 0 0.1em 0.5em;
    border-bottom-style:none;
}
#whatsnew h3,#koho_link h3{
    /*margin:0;*/
    margin:0 0 5px 0;
    padding:0.1em 0 0.1em 0.5em;
    border-bottom-style:none;
    /*font-size:110%;*/
    font-weight:500;
}
#oshirase{
    margin-left:15px;
}
#oshirase a{
    background-image:url(alarm.gif);
    background-size:17px 17px;
}
td.tdleft{
    text-align: center;
    border-right:0;
}
td.tdcenter{
    text-align: center;
    border-right:0;
    border-left:0;
    padding:0;
}
td.tdright{
    text-align: center;
    border-left:0;
}
td.center{
    text-align:center;
}
#areaElementOption{
    border:solid 1px #b3bbd4;
    background-color: #fff;
    padding:7px 7px 7px 7px;
    margin-top:5px;
    margin-right:15px;
}
/*#areaPr{
    background-color: #ffffff;
    height:285px;  
}

#areaPr>div{
    border-top:solid 1px #d4d4d4;   
    padding-left:7px;
}
#area1{
    width:250px;
    height:100px;
}
#areaKoumokuTop h2>div>div+div{
    margin-top:6px;
}
#stationMap{
    margin-top:7px;
}
#stationArea input[type=submit]{
    /*background-color:#dbdde8;
    overflow:visible;
}
#selectedStationList .selectedStObs span.noObs{
    color:#f0f8ff;
}
#selectOp{
    border:solid 1px #b3bbd4;
}
div.elkikan{
    padding-bottom: 10px;
}
.elkikan span.kikan-name{
    font-size:120%;
    font-weight:bold;
    margin-right:1em;
}

.elkikan div.elel{
    margin-left:1em;
}*/
/*
 from basic_new.css 
#nheader {
width: 1020px; 960px;
}
#contents_area2 #ncontents2 {
width: 1020px;
}
ul#gnavi li {
width: 150px;
padding:0 10px;
}*/

/******** F I X ********/

/* from basic_new.css */
#nheader,#gnavi,#contents_area2 #ncontents2,#nfooter {width: 1020px;}
ul#gnavi li {width: 150px;}
#yjsearch form {
    background-color: #64819c;
    margin: 5px 0px 0px 0px;
    padding: 6px;
}
#yjsearch form input#srchInput {
    width: 195px;
    vertical-align: middle;
    margin: 0 5px 0 0;
}
.l3 {
    font-size: 100%;
    padding-left: 1.2em;
}
.recommend {
    font-size: 11.5px !important;
    font-family: meiryo ui,meiryo,sans-serif;
}
#nfooter ul li {
    border-right: none;
}
/* cursor usability */
label, input[type='checkbox'], input[type='radio']{cursor: pointer;}
.unselectedkikan * ,input:disabled {cursor: auto;}