@charset "UTF-8";
/* ================================================== */
/* ▼全般設定 */
/* ================================================== */
* {
  margin: 0; padding: 0;
	font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}
/* ================================================== */
/* ▲全般設定 */
/* ================================================== */
/* ================================================== */
/* ▼BODYの設定 */
/* ================================================== */
body {
  background-color: steelblue;
  -webkit-text-size-adjust: 100%;
}
img {
	vertical-align: top;
}
p {
	padding: 5px 0px 5px 0px;
	font-size: 16px;
	line-height: 30px;
}
ul {
	padding: 5px 0px 5px 0px;
}
a {
  color: black;
  text-decoration: none;
}
a:hover {
  color: blue;
  text-decoration: underline;
}
/* ================================================== */
/* ▲BODYの設定 */
/* ================================================== */
/* ================================================== */
/* ▼ナビゲーション */
/* ================================================== */
div#navi {
  margin: 0px; padding: 0px;
  border-bottom: solid 2px steelblue;
  width: 100%; min-width: 1000px;
	background-color: whitesmoke;
  overflow: hidden;
  position: fixed;
  top: 0px; left: 0px;
  z-index: 100;
}
div#breadcrumb {
	margin: 0px; padding: 0px;
	width: 80%;
	background-color: white;
	float: left;
}
div#breadcrumb p {
	margin: 0px; padding: 0px 8px 0px 8px;
	font-size: 16px;
	line-height: 30px;
}
div#breadcrumb p a {
	color: black;
	text-decoration: none;
}
div#breadcrumb p a:hover {
	color: blue;
	text-decoration: underline;
}
div#kyoto-logo {
	margin: 0px; padding: 0px;
	width: 20%;
	background-color: white;
	text-align: right;
	float: left;
}
/* ================================================== */
/* ▲ナビゲーション */
/* ================================================== */
/* ================================================== */
/* ▼コンテンツのデザイン */
/* ================================================== */
div#bg_contents {
  margin: 30px 0px 0px 0px; padding: 0px 0px 0px 0px;
  width: 100%; min-height: 850px;
	background-color: whitesmoke;
}
div#contents {
	margin: 0 auto; padding: 0px 0px 50px 0px;
	width: 1000px;
	background-color: whitesmoke;
}
/* ページタイトル */
div.pagetitle {
	margin: 0px; padding: 20px 0px 20px 0px;
	width: 1000px;
	background-color: whitesmoke;
}
div.pagetitle h1 {
	margin: 0px; padding: 50px 10px 0px 10px;
	width: 980px;
	font-size: 50px;
	background-color: steelblue;
	background-image: url("backgroundimg.png");
	background-size: cover;
	color: white;
}
/* ページの概要説明 */
div.exp {
	margin: 0px; padding: 20px 50px 20px 50px;
	width: 900px;
	background-color: whitesmoke;
}
div.exp p a {
	color: blue;
	text-decoration:  none;
}
div.exp p a:hover {
	color: blue;
	text-decoration:  underline;
}
div.exp ul {
	margin-left: 20px;
	font-size: 16px;
	line-height: 30px;
	background-color: whitesmoke;
}
div.exp ul li a {
	color: black;
	text-decoration:  none;
}
div.exp ul li a:hover {
	color: blue;
	text-decoration:  underline;
}
/* 第2タイトル */
div.title {
	margin: 0px; padding: 20px 0px 0px 0px;
	width: 1000px;
	background-color: whitesmoke;
}
div.title h2 {
	margin: 0px; padding: 0px 10px 0px 10px;
	border-left: solid 10px steelblue;
	width: 970px;
	color: dimgray;
	font-size: 30px;
	line-height: 50px;
	background-color: white;
}
/* 本文 */
div.main {
	margin: 0px; padding: 10px 0px 10px 0px;
	width: 1000px;
	background-color: whitesmoke;
}
div.main p a {
	color: blue;
	text-decoration: none;
}
div.main p a:hover {
	color: blue;
	text-decoration: underline;
}
div.main ul {
	margin-left: 20px;
	font-size: 16px;
	line-height: 30px;
	background-color: whitesmoke;
}
div.main ul li a {
	color: black;
	text-decoration:  none;
}
div.main ul li a:hover {
	color: blue;
	text-decoration:  underline;
}
/* 画像ボックス */
div.imgbox {
	padding: 10px 0px 10px 0px;
}
div.imgbox table {
	margin-left: auto; margin-right: auto;
	border-spacing: 10px 5px;
}
/* 注意喚起ボックス */
div#caution-box {
  margin: 0 auto; padding: 10px 0px 10px 0px;
  width: 1000px;
}
div#caution-box_title {
  margin: 0px; padding: 0px 8px 0px 8px;
  width: 984px; height: 30px;
  background-color: orange;
}
div#caution-box_title p {
  color: white;
  font-size: 16px;
  line-height: 30px;
}
div#caution-box_content {
  margin: 0px; padding: 0px 8px 0px 8px;
  width: 984px;
  background-color: white;
}
div#caution-box_content ul li {
  margin-left: 20px;
  font-size: 16px;
  line-height: 30px;
}
div#caution-box_content a {
  color: black;
  text-decoration:  none;
}
div#caution-box_content a:hover {
  color: blue;
  text-decoration:  underline;
}
/* ================================================== */
/* ▲コンテンツのデザイン */
/* ================================================== */
/* ================================================== */
/* ▼フッターのデザイン */
/* ================================================== */
div#bg_footer {
  margin: 0px; padding: 0px;
  width: 100%;
	background-color: steelblue;
}
div#footer {
	margin: 0 auto; padding: 10px;
	width: 980px;
	background-color: steelblue;
}
div#footer p {
	line-height: 40px;
	font-size: 16px;
	color: white;
	text-align: center;
}
/* ================================================== */
/* ▲フッターのデザイン */
/* ================================================== */



/* ================================================== */
/* ▼観測結果一覧のデザイン */
/* ================================================== */

    table.plants{
    	font-size: 95%;
    	text-align: center;
    	letter-spacing: 0.1;
      margin-top: 50px; margin-bottom: 50px;
    	margin-left: auto; margin-right: auto;
    	border-collapse: collapse;
    	border-top: 2px solid #809993;
    	border-bottom: 2px solid #809993;
    }
    table.plants caption{
    	font-weight: bold;
    }
    table.plants td.item{
    	font-weight: bold;
    	padding: 0 10px;
    }
    table.plants th{
    	background-color: #c3e5b2;
    	padding: 3px 10px;
    	border-bottom: solid 1px #70695b;
    }
    table.plants th.early{
    	border-left: solid 1px #70695b;
    }
    tr.bottom th{
    	padding: 3px 10px;
    	border-top: solid 1px #70695b;
    }
    table.plants th.normal{
    	background-color: #fcfce0;
    	border-left: solid 1px #70695b;
    	border-right: solid 1px #70695b;
    }
    table.plants td{
    	padding: 5px 3px;
    	border-bottom: 1px dotted #c0c0c0;
    }
    tr.row2 td{
    	background-color: #dfecde;
    }
    tr.bottom td{
    	border-bottom: solid 1px #70695b;
    }
    td.normal{
    	background-color: #fcfce0;
    	border-left: solid 1px #70695b;
    	border-right: solid 1px #70695b;
    }
    td.early{
    	border-left: solid 1px #70695b;
    }
    td.thisYear{
    	font-weight: bold;
    }

    table.life{
    	font-size: 95%;
    	text-align: center;
    	letter-spacing: 0.1;
      margin-top: 50px; margin-bottom: 50px;
    	margin-left: auto; margin-right: auto;
    	border-collapse: collapse;
    	border-top: 2px solid #8e733d;
    	border-bottom: 2px solid #8e733d;
    }
    table.life caption{
    	font-weight: bold;
    }
    table.life th{
    	background-color: #dbd1bc;
    	padding: 3px 10px;
    	border-bottom: solid 1px #70695b;
    }
    table.life th.early{
    	border-left: solid 1px #70695b;
    }
    tr.bottom th{
    	padding: 3px 10px;
    	border-top: solid 1px #70695b;
    }
    table.life th.normal{
    	background-color: #fcfce0;
    	border-left: solid 1px #70695b;
    	border-right: solid 1px #70695b;
    }
    table.life th.thisYear{
    	background-color: #dbd1bc;
    	font-weight: bold;
    }
    table.life td{
    	padding: 5px 3px;
    	border-bottom: 1px dotted #c0c0c0;
    }
    table.life td.item{
    	font-weight: bold;
    	padding: 0 10px;
    }
    tr.row02 td{
    	background-color: #ece7de;
    }
    tr.row021 td{
    	background-color: #ebf5e7;
    	border-bottom: 1px dotted #cccccc;
    }
    tr.bottom td{
    	border-bottom: solid 1px #70695b;
    }
    td.normal{
    	background-color: #fcfce0;
    	border-left: solid 1px #70695b;
    	border-right: solid 1px #70695b;
    }
    td.early{
    	border-left: solid 1px #70695b;
    }
    table.life td.thisYear{
    	font-weight: bold;
    }

    table.kisetsu{
    	font-size: 95%;
    	text-align: center;
    	letter-spacing: 0.1;
      margin-top: 50px; margin-bottom: 50px;
    	margin-left: auto; margin-right: auto;
      width: 500px; height: 50px;
      border: 2px solid #809993;
    }
    
/* ================================================== */
/* ▼観測結果一覧のデザイン */
/* ================================================== */