@charset "utf-8";

/* 最高気温最低気温表示ページのスタイル */
/* 参考 paddingなどの指定順は [上][右][下][左]*/
/* cssの有効順序は下記url参照 */
/*  http://www.stylish-style.com/csstec/base/order.html  */

hr {
 border-width: 1px 0px 0px 0px;
 border-style: solid;
 border-color: #cccccc;
 height: 1px;
 }

#data th{
   background-color:#dfdfdf; 
}


/* 他の表示項目へのリンクリストは改行させない */
.mxmnlink_list li{
	display:inline-block;

}

.nml li{
	
}


.icn img{
	width : 16px;
    height: 16px;
}

/* 注意書きなど */
.notice{
  font-size:80%;
}

/* テーブル */
table{
	background-color: #9BA8CA;

	border-collapse: collapse;
	border-spacing: -2px;
}
caption{
	color: #2B478E;
	caption-side: top;
	text-align: left;
	font-weight:bold;
	margin-top: 1em;
	margin-bottom: 0.2em;
	padding-top: 0.4em;
	padding-bottom: 0.2em;
}
th {
	padding: 0.4em;
	background-color: #fff5ee;
	color: #333333;
	font-weight: normal;

	border: 2px solid #9BA8CA;
}
td {
	padding: 0.4em;
	background-color: #FFFFFF;

	border: 2px solid #9BA8CA;
}

/*気温に応じて背景色を変更*/

#data .mx3 td{
   background-color:rgb(180,0,104); 
   color:#ffffff; 
}
#data .mx2 td{
   background-color:rgb(255,40,0); 
}
#data .mx1 td{
   background-color:rgb(255,153,0); 
}
#data .mx0 td{
   background-color:rgb(0,65,255); 
}

#data .mn1 td{
   background-color:rgb(0,65,255); 
}
#data .mn2 td{
   background-color:rgb(33,33,255); 
}
#data .mn3 td{
   background-color:rgb(0,0,112); 
}

#data .mxmn_cold {
   background-color:rgb(200,255,255); 
}
#data .mxmn_hot {
   background-color:rgb(255,240,180); 
}

#data .temp35 {
   background-color:rgb(180,0,104); 
   color:#ffffff; 
}
#data .temp30 {
   background-color:rgb(255,40,0); 
   color:#ffffff; 
}
#data .temp25 {
   background-color:rgb(255,153,0); 
}
#data .temp20 {
   background-color:rgb(255,245,0); 
}
#data .temp15 {
   background-color:rgb(255,255,150); 
}
#data .temp10 {
   background-color:rgb(255,255,240); 
}
#data .temp5 {
   background-color:rgb(185,235,255); 
}
#data .temp0 {
   background-color:rgb(0,150,255); 
}
#data .temp_5 {
   background-color:rgb(0,65,255); 
   color:#ffffff; 
}
#data .temp_10 {
   background-color:rgb(0,32,128); 
   color:#ffffff; 
}
#data .temp_20 {
   background-color:rgb(0,0,112); 
   color:#ffffff; 
}
#data .templow_20 {
   background-color:#00008b; 
   color:#ffffff; 
}

/*地方毎のスタイル*/

.area11 td{/*宗谷*/
   background-color:#f9f9f9; 
}
.area12 td{/*上川*/
   background-color:#f4ffea; 
}
.area13 td{/*留萌*/
   background-color:#f4fced; 
}
.area14 td{/*石狩*/
   background-color:#ffffea; 
}
.area15 td{/*空知*/
   background-color:#fcfced; 
}
.area16 td{/*後志*/
   background-color:#f8f8f1; 
}
.area17 td{/*網走*/
   background-color:#ffffe0; 
}
.area18 td{/*根室*/
   background-color:#f4ffea; 
}
.area19 td{/*釧路*/
   background-color:#eaffea; 
}
.area20 td{/*十勝*/
   background-color:#edfcf4; 
}
.area21 td{/*胆振*/
   background-color:#eaffea; 
}
.area22 td{/*日高*/
   background-color:#eafff4; 
}
.area23 td{/*渡島*/
   background-color:#f4eaff; 
}
.area24 td{/*桧山*/
   background-color:#f8f1f4; 
}

/*交互に色分けする*/

.odd td{
   background-color:#ffffff; 
}
.even td{
   background-color:#F5F5F5; 
}