@charset "utf-8";

/* 文書全体 */
* {
	margin: 0px;
}

/* 全てのスクリーンサイズで適用される設定・モバイルファースト */


/* body */
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.c1 { color: #4d4d4d;
}
.c2 { color: #da0000;
}

.c3 { color: #003d77;
}


/* header */
header img {
	vertical-align: bottom;
}
.main_img {
	display: none; /* パソコンとタブレット用のメイン画像を非表示 */
}
.main_img_mobile {
	display: block; /* スマートフォン用のメイン画像を表示 */
}

/* nav */
.nav {
}
.nav ul {
	padding: 0px;
}
.nav ul li {
	background-color: #007538; /* メニューの背景色 */
	list-style-type: none;
	float: left;
	width: 50%;
}
.nav ul li a:link {
	color: #F0F0F0; /* リンクの文字色 */
	text-decoration: none;
	display: block;
	padding: 8px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #504139;
	border-bottom-color: #504139;
}
.nav ul li a:visited {
	color: #E9E9E9; /* クリック後のリンクの文字色 */
	text-decoration: none;
	display: block;
	padding: 8px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #504139;
	border-bottom-color: #504139;
}
.nav ul li a:hover {
	color: #FFFFFF; /* マウスカーソルを合わせた時の文字色 */
	text-decoration: none;
	display: block;
	padding: 8px;
	background-color: #008f93; /* マウスカーソルを合わせた時の背景色 */
}

/* content */
.content {
	background-color: #FFFFFF; /* コンテンツ内の背景色 */
	display: inline-block;
	width: 100%;
	clear: left;
	text-align: justify;
	text-justify: inter-ideograph;  
	word-break: break-all;
}
.content a:link {
	color: #1C1C1C; /* リンクの文字色 */
}
.content a:visited {
	color: #1e90ff; /* クリック後のリンクの文字色 */
}
.content a:hover {
	color: #54514E; /* マウスカーソルを合わせた時の文字色 */
}
.content h1 {
	padding-top: 5px;
	padding-left: 8px;
	padding-right: 5px;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #0063a4; /* 見出左ボーダー少し渋い青色 */
	font-size: 160%; /* 見出1（h1）フォントサイズ */
	margin-top: 15px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
	color: #00416b;
	clear: both;
}
.content h2 {
	padding-top: 5px;
	padding-left: 8px;
	padding-right: 5px;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #0063a4; /* 見出左ボーダー少し渋い青色 */
	font-size: 150%; /* 見出2（h2）フォントサイズ */
	margin-top: 15px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
	color: #00416b;
	clear: both;
}
.content h3 {
	padding-top: 5px;
	padding-left: 8px;
	padding-right: 5px;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #0063a4; /* 見出左ボーダー少し渋い青色 */
	font-size: 140%; /* 見出3（h3）フォントサイズ */
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
	color: #00416b;
	clear: both;
}
.content p {
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
}

/* footer */
footer {
	color: #FFFFFF; /* フッターの文字色 */
	font-size: 90%;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 3px;
	background-color: #008740;
	clear: both;
}
footer a:link {
	color: #FFFFFF; /* リンクの文字色 */
}
footer a:visited {
	color: #FFFFFF; /* クリック後のリンクの文字色 */
}
footer a:hover {
	color: #EFEFEF; /* マウスカーソルを合わせた時の文字色 */
}

/* image */
img {
	max-width: 100%;
	height: auto;
	border-style: none;
}
.photo {
	margin-right: 5px;
	margin-left: 5px;
}

/* テキストの装飾 */
.font1 {
	color: #F00; /* 赤色の文字 */
}


.font2 {
	color: #008040; /* 緑色の文字 */
}


.font3 {
	color: #0063a4; /* 青色の文字 */
}


/* スクリーンサイズ 幅 550px 以上で適用される設定・上から継承したスタイルを上書き */
@media only screen and (min-width: 550px) {

/* header */
.main_img {
	text-align: center;
	display: block; /* パソコンとタブレット用のメイン画像を表示 */
}
.main_img_mobile {
	display: none; /* スマートフォン用のメイン画像を非表示 */
}

/* nav */
.nav ul li {
	width: 25%; /* メニューを横一列に変更 */
}
.nav ul li a:link {
	padding: 10px;
}
.nav ul li a:visited {
	padding: 10px;
}
.nav ul li a:hover {
	padding: 10px;
}

}



/* スクリーンサイズ 幅 900px 以上で画像の右側にテキストが回り込む設定 */
@media only screen and (min-width: 900px) {

.photo {
	float: left;
}

}



/* スクリーンサイズ 幅 1200px 以上で適用される設定・上から継承したスタイルを上書き */
@media only screen and (min-width: 1200px) {

/* header */
header {
	background-image: url(kuraha/bg.png); /* ヘッダーの背景画像・薄い斜線 */
}

/* nav */
.nav {
	background-color: #007538;
	overflow: hidden;
}
.nav ul {
	padding: 0px;
	max-width: 1200px;
	margin-right: auto;
	margin-left: auto;
}
.nav ul li a:link {
	padding: 13px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #504139;
	border-left-color: #504139;
	margin-left: -1px;
}
.nav ul li a:visited {
	padding: 13px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #504139;
	border-left-color: #504139;
	margin-left: -1px;
}
.nav ul li a:hover {
	padding: 13px;
}

/* content */
.content {
	display: block;
	max-width: 1200px;
	margin-right: auto;
	margin-left: auto;
}

}

/*テーブル【始め】=====================================*/

.textBox table {
	border-top:solid #ddd 1px;
	border-left:solid #ddd 1px;
	width:auto;
	border-spacing: 0;
	margin:0;
	padding:0;
	font-size: 0.9em;
}

.textBox table th{
	border-bottom:solid #ddd 1px;
	border-right:solid #ddd 1px;
	width:20%;
	text-align:center;
	background:#f1f1f1;
	padding:0px;
	text-wrap:none;
	font-size: 0.9em;
}

.textBox table td{
	border-bottom:solid #ddd 1px;
	border-right:solid #ddd 1px;
	width:70%;
	padding:5px;
	font-size: 0.9em;
}

/*テーブル【終り】=====================================*/



/*インフォ【始め】=====================================*/

/*お知らせ*/
#information {

	float:left;
	margin:15px 0 0 0;
}


#information .date {
	background:url(kuraha/listorange.png) no-repeat left 1.4em;
	margin:0;
	padding:10px 0 0 13px;
	font-size:93%;
}



#information .text {
	border-bottom:1px dotted #cccccc;
	margin:0;
	padding:3px 0 9px 15px;
	font-size:108%;
}

/*インフォ【終り】=====================================*/

/*ニュース【始め】=====================================*/

/* sentence */
.sentence {
	background-color: #FFFFFF; /* コンテンツ内の背景色 */
	display: inline-block;
	width: 100%;
	clear: left;
	text-align: justify;
	text-justify: inter-ideograph;  
	word-break: break-all;
}
.sentence a:link {
	color: #191970; /* リンクの文字色 */
}
.sentence a:visited {
	color: #1e90ff; /* クリック後のリンクの文字色 */
}
.sentence a:hover {
	color: #3cb371; /* マウスカーソルを合わせた時の文字色 */
}
.sentence h1 {
	padding-top: 5px;
	padding-left: 8px;
	padding-right: 5px;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #003d84; /* 見出左のボーダーＰ紺色 */
	font-size: 160%; /* 見出1（h1）フォントサイズ */
	margin-top: 15px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
	color: #0063a4; /* フォントカラーＰ青色 */
	clear: both;
}
.sentence h2 {
	padding-top: 5px;
	padding-left: 8px;
	padding-right: 5px;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #0063a4; /* 見出左のボーダーＰ紺色 */
	font-size: 150%; /* 見出2（h2）フォントサイズ */
	margin-top: 15px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
	color: #0063a4; /* フォントカラーＰ青色 */
	clear: both;
}
.sentence h3 {
	padding-top: 5px;
	padding-left: 8px;
	padding-right: 5px;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #003d84; /* 見出左のボーダーＰ紺色 */
	font-size: 140%; /* 見出3（h3）フォントサイズ */
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
	color: #0063a4; /* フォントカラーＰ青色 */
	clear: both;
}
.sentence p {
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
}

/*ニュース【終り】=====================================*/