@charset "UTF-8";

	body {
		padding: 0;
		margin: 0;
	}

	/* -------------------- */
	/* ▼メインカラムの装飾 */
	/* -------------------- */
	.main-column {
		background-image: url(images/bg3.gif);    /* 背景画像指定 */
		background-repeat:
		background-position: top;
		padding: 1px 0px;		/* 内側の余白(上下に1px) */
	}
	.main-box {
		margin: 1em;
		line-height: 1.5;
	}
	.main-box ul li {
		line-height: 1.8;
	}
	.main-box h2 {
		font-size: 140%;
		color: #00496a;	/*h2タグの文字色*/
		padding-top: 1em;
/*		border-top: 1px dashed gray; */
		border-bottom: 4px solid #00496a;	/*h2タグの下線*/
	}
	.main-box h3 {
		margin-top: 1em;
		padding-top: 1em;
		border-top: 1px dashed gray;
	}
	.main-box dl {
		padding-left: 6em;
}
	.main-box dt,
	.main-box dd {
		float: left;
		margin: 1px;
}
	.main-box dt {
		clear: left;
		float: left;
		margin-left: -6em;
}
	.main-box dl::before,
	.main-box dl::after {
		content:"";
		display:table;
}
	.main-box dl::after {
		clear:both;
}

	.main-box dt::after {
		content: "："
}

	/* -------------------- */
	/* ▼サイドカラムの装飾 */
	/* -------------------- */
	.side-column {
		background-image: url(images/bg3.gif);    /* 背景画像指定 */
		background-repeat:
		background-position: top;
		/* background-color: #bada55;	 背景色(淡い緑色) */
		padding: 1px 0px;			/* 内側の余白(上下に1px) */
	}
	.side-box {
		margin: 1em;
		border: 1px solid #c9c9c9;
		border-radius: 0px 0px 10px 10px;
		background-color: #FFFFFF;
	}
	.side-box h2 {
		margin: 0px;
		padding: 0px 5px;
		font-size: 1.2em;
		background-color: #00496A;
		color: white;
	}
	.side-box p {
		padding: 0px 0.5em;
	}
	.side-box ul {
		background-color: #ffffff;
		padding-left: 0;
	}
	.side-box li {
		list-style-type:none;	
		display: block;
		margin: 0.5em 1em 0 1em;
		padding-left: 10px; 
		border-top: 1px solid #c9c9c9;		/*メニューの上の線*/
		border-right: 1px solid #c9c9c9;	/*メニューの右側の線*/
		border-bottom: 1px solid #c9c9c9;	/*メニューの下の線*/
		border-left: 0.5em solid #00496A;		/*メニューの左側の色の付いた線*/
}
	.side-box ul a {
		display: block;
		text-decoration: none;	
}
	.side-box li:hover {
		background-color: #f5f5f5;	/*カーソルオーバー時の背景色*/
}
	.side-box dl {
		display: block;
		margin: 1em 1em 1em 1em;
  	text-align: center;  /* 画像を中心配置 */
}
	.side-box dl img {
	  border: 0;
  	width: 100%;
  	height: auto;
}
	.side-box dt {
}
	.side-box dd {
		margin: 0;
		padding: 0px 1em;
	  text-align: left;
}



	/* ------------------ */
	/* ▼ヘッダ部分の装飾 */
	.pageheader {
		background-color: #00496a;
		margin: 0px;
		padding: 1em;
		border-bottom: 1px solid #0000cc;
	}
	.pageheader h1 {
		margin: 0px;
		font-size: 0.5em;
		color: #FFFFFF;
	}
	/* ------------------ */
	/* ▼タイトル部分の装飾 */
	.pagetitle {
		background-color: #ffffff;
		margin: 0px 0px;
		padding: 0;
		border-bottom: 1px solid #0000cc; 
	}
	.pagetitle img {
		width: 100%;		
		vertical-align: bottom;
	}

	/* ------------------ */
	/* ▼フッタ部分の装飾 */
	.pagefooter {
		background-color: #00496a;
		font-size: 0.8em;
		text-align: center;
		color: #ffffff;
		margin: 0px;
		padding: 1em;
		border-top: 1px solid #cc0000;
	}


body {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic", sans-serif;
	-webkit-text-size-adjust: 100%;
}
.cmain { color: white; background-color: #aaaa00; padding: 1px 3px; margin: 0px 2px; border-radius: 3px; }
.cside { color: white; background-color: #00aa00; padding: 1px 3px; margin: 0px 2px; border-radius: 3px; }
.patternnum { font-size: 2em; color: #000080; }
.here { font-weight: bold; color: #000080; }