@charset "UTF-8";

/* ページ設定 */
body {
	letter-spacing: 1px;
	font-size: 16px;
	font-family: sans-serif;
	background-color: #eeeeee;
}

/* ヘッダーとフッターの文字とレイアウト */
.mainheader {
	width: 980px;
	background-color: #00aa00;
	border-radius: 5px;
	margin: 0 auto;
}

.mainh1 {
	font-size: 35px;
	color: #ffffff;
	margin: 0 0 0 0;
	padding: 0 0 0 10px;
}

.mainp {
	line-height: 19px;
	margin: 0 0 0 0;
	padding: 0 0 5px 10px;
}

.mainfooter {
	width: 980px;
	text-align: center;
	margin: 0 auto;
}

.kiziheadertitle {
	font-size: 35px;
	color: #ffffff;
	margin: 0 0 0 0;
	padding: 0 0 0 10px;
}

.headertitlelink {
	color: #ffffff;
	text-decoration: none;
}


/* トップメニュー */
.topmeny {
	width: 980px;
	background-color: #ffffff;
	border-radius: 5px;
	margin: 15px auto;
}


/* 記事本文レイアウト */
.honbun {
	width: 980px;
	background-color: #ffffff;
	border-radius: 5px;
	margin: 15px auto;
	padding: 8px 0 10px 0;
}

.honbunh1 {
	background-color: #ccffcc;
	border-radius: 5px;
	margin: 0 8px 0 8px;
	padding: 1px 0 5px 10px;
}

.honbunh2 {
	font-size: 26px;
	background: #faebd7;
	border-left: solid 10px #ffaf58;
	border-radius: 5px;
	margin: 15px 8px 2px 8px;
	padding: 2px 0 6px 5px;
}


/* 記事目次設定 */
.mokuzi {
	width: 50%;
	border: dotted 3px #aaaaaa;
	border-radius: 7px;
	margin: 0 0 0 10px;
	padding: 0 0 0 0;
}

.mokuziul {
	margin: 5px 0 5px 35px;
	padding: 0 0 0 0;
}

.mokuzilist {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.mokuzip {
	font-size: 15px;
	color: #333333;
	margin: 10px 0 0 25px;
	padding: 0 0 0 0;
}


/* 文字設定 */
p {
	margin: 0 0 0 0;
	padding: 5px 10px 5px 10px;
}

.red {
	color: #ff0000;
}

.orange {
	color: #ff570d;
}

.bigorange {
	color: #ff570d;
	font-size: 30px;
}


/* リスト設定 */
li {
	margin: 0 0 0 0;
	padding: 0 0 7px 0;
}

.blue {
	color: #0000cd;
}


/* トップページ項目のレイアウト設定 */
.koumoku {
	width: 980px;
	background-color: #ffffff;
	border-radius: 5px;
	margin: 15px auto;
	padding: 6px 0 0 0;
}

.koumokuh2 {
	background-color: #ccffcc;
	border-radius: 5px;
	margin: 0 5px 0 5px;
	padding: 1px 0 5px 10px;
}

.koumokup {
	margin: 0 0 0 0;
	padding: 0 0 0 10px;
}

.koumokulink {
	width: 49%;
	float: left;
}

.osusumekizi {
	width: 49%;
	border-left: 2px dotted #000;
	float: right;
}

.koumokuclear {
	clear: both;
}


/* 画像設定 */
.gazousen {
	border: 1px solid #000000;
}


/* テーブル設定 */
.kensyu {
	border: 1px solid #000000;
	margin: 0 0 0 15px;
	padding: 0 0 0 0;
}

.kensyu th {
	border: 1px solid #000000;
	background-color: #ccffcc;
	margin: 0 0 0 0;
	padding: 3px 30px 3px 30px;
}

.kensyu td {
	border: 1px solid #000000;
	margin: 0 0 0 0;
	padding: 3px 30px 3px 5px;
}



/* スマホ用 */
@media screen and (max-device-width: 600px) {

/* ヘッダーとフッターの文字とレイアウト */
.mainheader {
	width: 100%;
}

.mainfooter {
	width: 100%;
}


/* トップメニュー */
.topmeny {
	width: 100%;
}


/* 記事本文レイアウト */
.honbun {
	width: 100%;
}


/* 記事目次設定 */
.mokuzi {
	width: 80%;
}


/* トップページ項目のレイアウト設定 */
.koumoku {
	width: 100%;
}



}