﻿@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;
}
/* ================================================== */
/* ▲フッターのデザイン */
/* ================================================== */
