@charset "utf-8";
body, body * {
	/*box-sizing : border-box;*/
}

input {
	display : none;
}

body {
	background-color : #e3e5e8;
}

#wrapper {
	padding : 10px 0px 15px 0px;
}

#wrapper > * {
	display : block;
	width : 95%;
	min-width : 300px;
	height : auto;

	margin : 0px auto;
}

#select_rain_kind {
	margin-bottom : 20px;
	height : 26px;
}
#select_rain_kind > label {
	display : block;
	width : 25%;
	height : 100%;

	border : 1px dimgray solid;
	border-right : 0px;
	background-color : #e6e6e6;
	background-color : -webkit-linear-gradient(top, #fbfbfb, #e6e6e6 50%, #d3d3d3);

	text-align : center;

	float : left;
	cursor : pointer;
}
#select_rain_kind > label:first-child {
	border-radius : 4px 0px 0px 4px;
}
#select_rain_kind > label:last-child {
	border-radius : 0px 4px 4px 0px;
	border : 1px dimgray solid;
}

#main_content {
	border-radius : 4px;
	border : solid 1px #757d8a;
	-moz-box-shadow : 0px 1px 3px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow : 0px 1px 3px rgba(0, 0, 0, 0.4);
	box-shadow : 0px 1px 3px rgba(0, 0, 0, 0.4);

	background-color : white;
}

#disp_time,
#disp_map,
#disp_graph {
	padding : 0px;
}

#disp_map {
  padding : 0px 10px 10px 10px;
}

#disp_time,
#disp_graph {
	display : block;
	max-width : 270px;
	width : 100%;
	margin : 0px auto;
}
#disp_time {
	display : table;
	height : 30px;
	font-size : 11px;
	text-align : right;
}
#disp_time > div {
	display : table-cell;
	width : 100%;
	height : 100%;

	padding-right : 10px;
	vertical-align : bottom;
}
#disp_graph {
	height : 240px;
}

#amedas_graph ,
#graphview {
	display : block;
	width : 100%;
	height : 100%;
}

#no-point-txt {
	padding : 10px;
	border-top: solid 1px #ebebeb;
	border-bottom : solid 1px #d0d0d0;
	background-color : #ffffff;
}

.foot-txt {
	width : 95%;
	margin : 5px auto;
	text-align : right;
}

/* d3 style
//-----------------------------------------*/

.graph_background {
	fill : whitesmoke;
}

.bar_graph {
	fill : rgb(0, 0, 191);
	stroke-width : 0px;
}

.line_graph {
	fill : none;
	stroke : rgb(215, 0, 0);
	stroke-width : 2px;
}

.line_temp,
.line_wind {
  fill: none;
  stroke-width : 2;
  stroke-linejoin : round;
}

.line_temp {
  stroke : red;
}

.line_wind {
  stroke : aqua;
}

.bar_sun {
  fill : gold;
  stroke : darkorange;
  stroke-width : 1px;
}

.bar_rain {
  fill : Aqua;
  stroke : darkorange;
  stroke-width : 1px;
}

.day_name line {
  stroke : none;
}

.lack_value,
.nodata_value {
	fill : red;
	stroke-width : 0px;
	text-anchor : middle;
}

.axis_vertical path,
.axis_vertical line,
.axis_horizon_path {
	fill : none;
	stroke : black;
	shape-rendering: crispEdges;
}
.axis_horizon path,
.axis_horizon line, 
.axis_hour_name path,
.axis_hour_name line {
	fill : none;
	stroke : none;
	stroke-width : 0px;
}

.axis_vertical text,
.axis_horizon text,
.axis_hour_name text {
	font-size : 11px;
}

#legend {
  display: none;
	font-size : 13px;
}

.legend-table{
	width: 100%;
	border:	0px;
}

.legend-table.col6 td {
	width: 16%;
}
.legend-table.col5 td {
	width: 20%;
}
.legend-table.col4 td {
	width:	25%;
}
.legend-table.col3 td {
  width: 33.33%;
}
.legend canvas{
  margin:	0;
  float:	left;
 	width:  16; 
 	height: 16; 
}
.legend p{
//	padding-top: 6px;
//	height:24px;
	width:100%;
	text-align:	left;
}

#Googlemap_canvas {
    margin : 0 auto;
    width  : 280px;
    height : 280px;
}
#address {
     font-size: 15px;
     margin: 10px auto;
     width: 95%;
}
#point_info {
		display:	none;
}