/*  style-index.css  */

@charset "utf-8"
body {
		font-family: 'メイリオ','Hiragino Kaku Gothic Pro',sans-serif;
		}
/* 各boxのデザイン */
#sait {
		margin: 5px 5px;
		width: 800px;
		border: 1px solid #ffffff;
		}
header { 					/* ###ヘッダーのデザイン ### */
		width: 800px;
		height: 30px;
		background-image: url(./.png);
		}
nav { 						/* ### 上メニュー#75dbe7 ### */	
	width: 750px;
	margin: 0;
	padding: 0;
	background-color: #ccffcc;
	}
nav ul { 
		margin: 0px 5px;
		padding: 2px 0px;
		list-style: none;
			}
nav ul:after {
			 content:"";
			 display: block;
			 clear: both;
			 }
nav li {
		float: left;
		width: auto;
		}
nav li a {
		 display: block;
		 margin: 0px 2px;
		 padding: 5px;
		 color: #000000;
		 font-size: 15px;
		 text-decoration: none;
		background-color: #ccffff;
		}
nav li a:hover {
				background-color: ;
				}
#pankzu {					/* ###パンくずリスト・id ### */
		width: 790px;
		font-size: 13px; 
		padding: 5px 0px 5px 10px;
		background-color: #ffffcc;
		}
#hidari {				/* ###左のボックスのデザイン### */
		width: 100%;
		float: left;
		background-color: #ccff99;
		border-right: solid 1px #0066ff;
		}

#migi {					/* ###右のボックスのデザイン### */
		float: left;
		width: 0px;
		background-color: #ccffcc;
		border-left: solid 1px #0066ff;
		}
footer {					/* ###フッターのデザイン### */
		clear: both;
		width: 800px;
		text-align: center;
		background-color: #66ccff;
		border-top: solid 1px #0066ff;
		}

/* 文字のデザイン・class */
h1 {margin: 0;
	padding: 5px 20px;
	text-align: left;	/* 書き込み位置左 */
	vertical-alige: bottom;	/* 書き込み位置下 */
	font-size: 18px; 
	color: #ffffff;
	}
h2	{
	font-size: 20px; 
	margin: 0px 0px;
	padding: 2px 20px;
	background-color:#ffffff;
	border-style: solid;	/* # 枠線をつける # */
	border-width: 1px 10px;	/* # 枠線の幅 # */
	border-color: #0033ff;	/* # 枠線の色 # */
	line-height: 1.4;
	color: #000066;
	padding: 0px 20px;
	line-height: 1.4;
	color: #000066;
	}
h3	{
	font-size: 17px; 
	margin: 0px;
	padding: 2px 10px;
	background-color:#ffffff;
	border-style: solid;	/* # 枠線をつける # */
	border-width: 1px 1px 1px 10px;	/* # 枠線の幅 # */
	border-color: #0033ff;		/* # 枠線の色 # */
	line-height: 1.4;
	color: #000066;
	}
h4	{
	font-size: 16px; 
	margin: 0px;
	padding: 2px 20px;
	background-color:#ffffff;
	line-height: 1.3;
	border-style: solid;	/* # 枠線をつける # */
	border-width: 1px 1px;		/* # 枠線の幅 # */
	border-color: #0033ff;		/* # 枠線の色 # */
	text-align: left;
	}
h5	{
	font-size: 16px; 
	margin: 0px;
	padding: 2px 10px 2px 20px;
	background-color:#ffffff;
	border-width: 1px 1px;		/* # 枠線の幅 # */
	border-color: #0033ff;		/* # 枠線の色 # */
	line-height: 1.3;
	}
p	{font-size: 17px; 
	margin: 0px;
	padding: 0px 0px;
	line-height: 1.4;	/* ### 行間を広めにする ### */
	text-indent: 1em;	/* １行目を一文字下げる */
	}

/* タグ内のデザイン 例：class="d1"（個別） */
.d1 { text-align: left; }		/* テキスト左 */
.d2 { text-align: center; }		/* テキスト中央 */
.d3 { text-align: right; }		/* テキスト右 */
.e1 { vertical-alige: top; }	/* ボックスの上 */
.e2 { vertical-alige: center; }	/* ボックスの中央 */
.e3 { vertical-alige: bottom; }	/* ボックスの下 */

/* 各box-table内のデザインclass */
.thw1 { width: 192px; }		/* thやtdでの幅 例：<ht headers="thw1"> */
.thw2 { width: 288px; }		
.thw3 { width: 230px; }		

.box1 {
	margin: 0px;
	padding: 5px 5px;
	background-color: #fff0f5;
		}
.box1 table {
			  width: 100%;
			  border-collapse: collapse;
			  border-color: #00ff00;
			  border-collapse: collapse;
			  border: solid 2px #0033ff;
			  background-color: #ffffff;
			 }
.box1 caption {
			  font-size: 17px;
			  font-weight: bold;
				}
.box1 th {
		  border: 1px solid;
		  border-color: #0033ff;
		  }
.box1 td {
		  border: 1px solid;
		  border-color: #0033ff;
		  font-size: 15px;
		  text-align: left;	/* 書き込み位置左 */
		  vertical-align: top;	/* 書き込み位置上 */
		  }

.box2 {
		margin: 0px;
		padding: 5px 5px;
		background-color: #ccffcc;
		}
.box2 table { width: 100%;
			   border-collapse: collapse;
			 }
.box2 caption { font-size: 17px;
				font-weight: bold;
				}
.box2 th { border: 1px solid;
		  border-color: #009900;
		  padding: 5px;
		  font-size: 17px;
		  }
.box2 td { text-align: left;	/* 書き込み位置左 */
		  vertical-alige: top;	/* 書き込み位置上 */
		  }

.box3 {
		margin: 0px;
		padding: 5px 5px;
		background-color: #ccffcc;
		}

.box4 {
		margin: 0px;
		padding: 5px 5px;
		background-color: #ccffcc;
		}

.box5 {
		margin: 0px;
		padding: 5px 5px;
		background-color: #ccffcc;
		}

#sidemenu1 {
		margin: 0px;
		padding: 5px 5px;
		background-color: #ccffff;

			}
#sidemenu2 {
		margin: 0px;
		padding: 5px 5px;
		background-color: #ccffff;

			}
#sidemenu3 {
		margin: 0px;
		padding: 5px 5px;
		background-color: #ccffff;

			}