html, body {
  height:100%;
  background-color: #ffffff;
}

body {
  margin:0;
  padding:0;
}


/*---------------------------*/
#positionRightMetpv {
  background-image: url(../images/contents/metpv_1.jpg);
  background-position:right;
}
 
/*--------------------------------*/
/*layout*/
.left_contents{
  width:220px;
  height:650px;
}

.area1{
  margin-top:10px;
  margin-bottom: 5px;
  background-color:#FFF5CC;
  border:1px solid black;
}
.area2{
  margin-bottom: 5px;
  background-color:#FFF5CC;
  border:1px solid black;
}
.area3{
  margin-bottom: 5px;
  background-color:#D6EBFF;
  border:1px solid black;
}
.area4{
  margin-bottom: 5px;
  background-color:#D6EBFF;
  border:1px solid black;
}
.area5{
  margin-bottom: 0px;
}
.area6{
  margin-bottom: 0px;
}

.right_contents{
  position: relative;
  width:780px;
  height:650px;
}
.right_contents hr.tate1{
  position:absolute;
  top:0px;
  left:215px;
  border:none;
  height: 70px;
  border-left: 2px #000000 solid;
}
.right_contents hr.tate2{
  position:absolute;
  top:20px;
  left:405px;
  border:none;
  height: 40px;
  border-left: 2px #9b9797 dotted;
}
.right_contents hr.tate3{
  position:absolute;
  top:20px;
  left:590px;
  border:none;
  height: 40px;
  border-left: 2px #9b9797 dotted;
}

.select_point_container{
  position:absolute;
  top:5px;
  z-index: 1;
  font-size:15px;
}

.select_span_container{
  position:absolute;
  top:5px;
  left:230px;
  font-size:12px;
}
.select_span_container .selectDays{
  margin-left:30px;
  margin-top:10px;
}
.selectRank_sekisan{
  position:absolute;
  top:5px;
  left:410px;
  font-size:12px;
}
.selectRank_sekisan .selectRank,
.selectRank_nissyou .selectRank{
  margin-top:10px;
  margin-left:10px;

}
.selectRank_nissyou{
  position:absolute;
  top:5px;
  left:600px;
  font-size: 12px;
}

.graphWrapper{
  position:absolute;
  top:50px;
  width:760px;
  height: 512px;
  /*background:url("../images/dammy2.png") no-repeat ;*/
  z-index: 0;
}

.graphWrapper .graph_info{
  position:absolute;
  top:15px;
  right:40px;
  width:100px;
  text-align: left;
  font-size:11px;
}
.graphWrapper .graph_info ul{
  margin:0;
  padding:0;
}
.graphWrapper .graph_info ul li{
  list-style-type: none;
  line-height: 14px;
}

#title{
  position:absolute;
  top:40px;
  text-align: center;
  font-size:13px;
  width:inherit;
}
#graph_container{
  position:absolute;
  top:35px;
  width:inherit;
  height:440px;
}

#description{
  position:absolute;
  top:460px;
  left: 500px;
  font-size:11px;
}

#legend{
  position:absolute;
  top:475px;
  left: 70px;
  width:660px;
  height:60px;
  background:url("../images/contents/waku_graphFoot_deg.png") no-repeat;
  padding-left: 6px;
}
#legend_title{
  height: 14px;
  font-size:11px;
}
#legend input{
  vertical-align:middle;
}
.legend_element{
  display: inline-block;
  width: 122px;
  height: 16px;
}
.slope_legend_element{
  display: inline-block;
  width: 82px;
  height: 16px;
}
.legend_icon{
  width: 20px;
  height: 16px;
  vertical-align:middle;
}
.label_legend{
  font-size:11px;
  padding-right: 15px;
}
.label_legend_slope{
  font-size:11px;
}



/*--------------------------------*/
/*ボタン*/
.print {
  box-shadow: 0 0px 0 #f7ba59;
  background:url("../images/button/common/btn_icon_print_def.png"),  #fff7dd; /* Old browsers */
  background: url("../images/button/common/btn_icon_print_def.png"), -moz-linear-gradient(top,  #D9F2B4 0%, #8AD61A 100%); /* FF3.6-15 */
  background: url("../images/button/common/btn_icon_print_def.png"), -webkit-linear-gradient(top,  #D9F2B4 0%, #8AD61A 100%); /* Chrome10-25,Safari5.1-6 */
  background: url("../images/button/common/btn_icon_print_def.png"), linear-gradient(to bottom,  #D9F2B4 0%, #8AD61A 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  border:2px solid #8AD61A;
  background-repeat: no-repeat ;
}
.print span{
  margin-left:15px;
}
.print:active{
  background:  url("../images/button/common/btn_icon_print_def.png") top 1px left 1px,#73B316; /* Old browsers */
  background:  url("../images/button/common/btn_icon_print_def.png") top 1px left 1px,-moz-linear-gradient(top,  #8AD61A 0%, #73B316 100%); /* FF3.6-15 */
  background:  url("../images/button/common/btn_icon_print_def.png") top 1px left 1px,-webkit-linear-gradient(top,  #8AD61A 0%, #73B316 100%); /* Chrome10-25,Safari5.1-6 */
  background:  url("../images/button/common/btn_icon_print_def.png") top 1px left 1px,linear-gradient(to bottom, #8AD61A 0%, #73B316 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  background-repeat: no-repeat ;
}
.print:disabled{
  cursor:default;
  color: #CFCFCF;
  background: url("../images/button/common/btn_icon_print_dis.png") ,#EFEFEF; /* Old browsers */
  background-repeat: no-repeat ;
  border:2px solid #CFCFCF;
}

.download {
  box-shadow: 0 0px 0 #f7ba59;
  background:url("../images/button/common/btn_icon_dl_def.png"),  #fff7dd; /* Old browsers */
  background: url("../images/button/common/btn_icon_dl_def.png"), -moz-linear-gradient(top,  #EAE0F5 0%, #AF88D7 100%); /* FF3.6-15 */
  background: url("../images/button/common/btn_icon_dl_def.png"), -webkit-linear-gradient(top,  #EAE0F5 0%, #AF88D7 100%); /* Chrome10-25,Safari5.1-6 */
  background: url("../images/button/common/btn_icon_dl_def.png"), linear-gradient(to bottom,  #EAE0F5 0%, #AF88D7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  border:2px solid #AF88D7;
  background-repeat: no-repeat ;
  font-size:11px;
}
.download span{
  margin-left:15px;
}
.download:active{
  background:  url("../images/button/common/btn_icon_dl_def.png") top 1px left 1px,#73B316; /* Old browsers */
  background:  url("../images/button/common/btn_icon_dl_def.png") top 1px left 1px,-moz-linear-gradient(top,  #AF88D7 0%, #894FC4 100%); /* FF3.6-15 */
  background:  url("../images/button/common/btn_icon_dl_def.png") top 1px left 1px,-webkit-linear-gradient(top,  #AF88D7 0%, #894FC4 100%); /* Chrome10-25,Safari5.1-6 */
  background:  url("../images/button/common/btn_icon_dl_def.png") top 1px left 1px,linear-gradient(to bottom, #AF88D7 0%, #894FC4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  background-repeat: no-repeat ;
}
.download:disabled{
  cursor:default;
  color: #CFCFCF;
  background: url("../images/button/common/btn_icon_dl_dis.png") ,#EFEFEF; /* Old browsers */
  background-repeat: no-repeat ;
  border:2px solid #CFCFCF;
}

.selectMap {
  box-shadow: 0 0px 0 #f7ba59;
  background: #CFE7F7; /* Old browsers */
  background:  -moz-linear-gradient(top,  #92C9ED 0%, #47A4E0 60%); /* FF3.6-15 */
  background:  -webkit-linear-gradient(top,  #92C9ED 0%, #47A4E0 60%); /* Chrome10-25,Safari5.1-6 */
  background:  linear-gradient(to bottom,  #92C9ED 0%, #47A4E0 60%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  border:2px solid #47A4E0;
  background-repeat: no-repeat ;
  color:white;
  height:25px;
}

.selectMap span{
  /*margin-left:15px;*/
}
.selectMap:active{
  background:  #47A4E0; /* Old browsers */
  background:  -moz-linear-gradient(top,  #47A4E0 0%, #2183C5 100%); /* FF3.6-15 */
  background:  -webkit-linear-gradient(top,  #47A4E0 0%, #2183C5 100%); /* Chrome10-25,Safari5.1-6 */
  background:  linear-gradient(to bottom, #47A4E0 0%, #2183C5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  background-repeat: no-repeat ;
}
.selectMap:disabled{
  cursor:default;
  color: #CFCFCF;
  background: #EFEFEF; /* Old browsers */
  background-repeat: no-repeat ;
  border:2px solid #CFCFCF;
}

#btn_prev{
  display: inline-block;
  position: absolute;
  top:440px;
  left:35px;
  border:1px solid rgb(10, 10, 9);
  border-radius: 0px;
  width:31px;
  height: 31px;
  background:  url("../images/button/common/btn_prev_def.png") top 0px left 0px,#F8DE8F; /* Old browsers */
}
#btn_prev:active{
  background:  url("../images/button/common/btn_prev_def.png") top 1px left 1px,#FFFF99; /* Old browsers */
}
#btn_prev:disabled{
  cursor:default;
  background:  url("../images/button/common/btn_prev_dis.png") top 0px left 0px,#cccccc; /* Old browsers */
  background-repeat: no-repeat ;
  border:1px solid #999999;
}
#btn_next{
  display: inline-block;
  position: absolute;
  top:440px;
  left:725px;
  border:1px solid rgb(10, 10, 9);
  border-radius: 0px;
  width:31px;
  height: 31px;
  background:  url("../images/button/common/btn_next_def.png") top 0px left 0px,#F8DE8F; /* Old browsers */
}
#btn_next:active{
  background:  url("../images/button/common/btn_next_def.png") top 1px left 1px,#FFFF99; /* Old browsers */
}
#btn_next:disabled{
  cursor:default;
  background:  url("../images/button/common/btn_next_dis.png") top 0px left 0px,#cccccc; /* Old browsers */
  background-repeat: no-repeat ;
  border:1px solid #999999;
}

.hanrei {
  display: inline-block;
  position: absolute;
  top:15px;
  left:500px;
  border-radius: 0px;
  box-shadow: 0 0px 0 #f7ba59;
  background:url("../images/button/common/btn_icon_wind_def.png"),  #4773CA; /* Old browsers */
  background: url("../images/button/common/btn_icon_wind_def.png"), -moz-linear-gradient(top,  #269BE5 0%, #4773CA 100%); /* FF3.6-15 */
  background: url("../images/button/common/btn_icon_wind_def.png"), -webkit-linear-gradient(top,  #269BE5 0%, #4773CA 100%); /* Chrome10-25,Safari5.1-6 */
  background: url("../images/button/common/btn_icon_wind_def.png"), linear-gradient(to bottom,  #269BE5 0%, #4773CA 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  border:2px solid #2a2a2a;
  background-repeat: no-repeat ;
  font-size: 13px;
  width: 140px;
  color:white;

}
.hanrei span{
  margin-left:16px;
}
.hanrei:active{
  background:  url("../images/button/common/btn_icon_search_def.png") top 1px left 1px,#2E529E; /* Old browsers */
  background:  url("../images/button/common/btn_icon_search_def.png") top 1px left 1px,-moz-linear-gradient(top,  #4773CA 0%, #2E529E 100%); /* FF3.6-15 */
  background:  url("../images/button/common/btn_icon_search_def.png") top 1px left 1px,-webkit-linear-gradient(top,  #4773CA 0%, #2E529E 100%); /* Chrome10-25,Safari5.1-6 */
  background:  url("../images/button/common/btn_icon_search_def.png") top 1px left 1px,linear-gradient(to bottom, #4773CA 0%, #2E529E 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  background-repeat: no-repeat ;
}


/*--------------------------------*/
#select_area{
  width: 146px;
}
#select_point{
  width: 146px;
}

/*--------------------------------*/
#panel_area{
  position:relative;
  top: 0px;
  left: 0px;
  width:200px;
  height: 170px;
}
#panel_container{
  position:absolute;
  top: 0px;
  left: 0px;
  width:180px;
  height: 145px;
  /*border:1px solid #f00000;*/
}

#slider_container_k{
  position:absolute;
  top: 0px;
  left: 185px;
  width:12px;
  height: 140px;
  /*border:1px solid #f00000;*/
}

#slider_k{
  width:4px;
  height: 140px;
}
#slider_k .ui-slider-handle {
  width:12px;
  height:12px;
  margin-left:-1px;
}

#slider_k_canvas{
  position:absolute;
  top: 0px;
  left: 0px;
}

#slider_container_h{
  position:absolute;
  top: 150px;
  left: 0px;
  width:180px;
  height:26px;
  /*border:1px solid #f00000;*/
}

#slider_h{
  position:absolute;
  top: 0px;
  left: 10px;
  width:160px;
  height:4px;
}
#slider_h .ui-slider-handle {
  width:12px;
  height:12px;
  margin-top:-2px;
}

#slider_h_canvas{
  position:absolute;
  top: 0px;
  left: 0px;
}

/* マーカーのツールチップ */
.marker_tooltip {
  position: absolute;
  left: 0px;
  top: 0px;
  padding: 0px 8px 0px 8px;
  font-size: 12px;
  font-weight: bold;
  color: '#000000';
  visibility: hidden;
}

#download_dialog {
  display:none;
  font-size: 13px;
  overflow: hidden;
  padding-top: 20px;
  padding-left: 50px;
}

#download_msg{
  margin-bottom: 10px;
}

.download_select {
  padding: 10px;
}

.download_description {
  padding-left: 20px;
  padding-bottom: 10px;
}