@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: #4da619; /* メニューの背景色 ◆   */
	list-style-type: none;
	float: left;
	width: 50%;
}
.nav ul li a:link {
	color: #FFFFFF ; /* リンクの文字色    */
	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: #302C29　;
	border-bottom-color: #302C29 ;
}
.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: #302C29;
	border-bottom-color: #302C29;
}

/* --▼　▼　▼-- */

.nav ul li a:hover {
	color: #FFFFFF; /* マウスカーソルを合わせた時の文字色 */
	text-decoration: none;
	display: block;
	padding: 8px;
	background-color: #ec9800; /* マウスカーソルを合わせた時の背景色  */
}


/* --▼　▼　▼-- */


/* 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: #672d01; /* リンクの文字色  ◆ */
}
.content a:visited {
	color: #326c11; /* クリック後のリンクの文字色  ◆ */
}
.content a:hover {
	color: #92c000; /* マウスカーソルを合わせた時の文字色  ◆ */
}
.content h1 {
	padding-top: 5px;
	padding-left: 8px;
	padding-right: 5px;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #736152; /* 見出左ボーダー */
	font-size: 160%; /* 見出1  フォントサイズ */
	margin-top: 15px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
	color: #736152;
	clear: both;
}
.content h2 {
	padding-top: 5px;
	padding-left: 8px;
	padding-right: 5px;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #756054; /* 見出左ボーダー  */
	font-size: 150%; /* 見出2   フォントサイズ */
	margin-top: 15px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
	color: #756054;
	clear: both;
}
.content h3 
	padding-top: 5px;
	padding-left: 8px;
	padding-right: 5px;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #7f6d5b; /* 見出左ボーダー  */
	font-size: 140%; /* 見出3 フォントサイズ  */
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
	color: #7f6d5b;
	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: #1663ab ;  /* フッターの背景色 ◆  */
	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(images/bg.png); /* ヘッダーの背景画像 ◆ */
}

/* nav */
.nav {
	background-color: #366600; /* ヘッダー外の背景色下段 ◆  */
	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: #302c29;
	border-left-color: #302c29;
	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: #302c29;
	border-left-color: #302c29;
	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(images/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: #003d84; /* 見出左のボーダーＰ紺色 */
	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;
}

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