/* CSS レイアウト *//* 全体の設定*/
body{
	font-style: normal;/*文字のスタイル：普通*/;
	font-weight: normal;/*文字の太さ：普通*/;
	font-size: small;/*文字の大きさ：中*/;
	text-align: left;/*文字の寄せ方：左寄せ*/;
	color: #000000;/*文字の色：黒*/;
	background-color: #FFFFFF;/* 背景の色：白 */;
	font-family: "ＭＳ ゴシック", "Courier New", monospace;
}

img{/* 画像表示のデザイン設定*/
	border:0px;
}

/*リンク関係*/
a:link {
	/*リンクされた文字の色*/
	color: navy;
	font-style: normal;
	text-decoration: none;/* 下線 */
}

a:visited {
	/*訪問後の色*/
    color: #000080;/*文字の色：紫*/
	text-decoration: none;/* 下線 */
}

a:hover {
	/*カーソルを合わせたときの色*/
    color: #000080;/*文字の色：赤*/;
	font-style: normal;
	text-decoration: underline;/* 下線 */;
	background-color: #00FF00;
}
a:active {/*クリック中の色*/
    text-decoration:none;/* なし */
}

.style1 {
	vertical-align: middle;
}
.style2 {
	text-align: center;
}
.style3 {
	font-size: medium;
	font-style: normal;
	line-height: 30px;
	background-color: #408080;
}
.style4 {
	font-size: large;
	color: #008080;
	font-family: "ＭＳ ゴシック", "Courier New", monospace;
}

.style5 {
	font-size: x-small;
}

.style6 {
	vertical-align: middle;
	text-align: center;
	font-style: italic;
}

#CH{
	margin-left: 10px;
	margin-top: 20px;
	border-bottom-color: #394F7B;
	border-bottom-width: 2px;
	border-bottom-style: inset;
	border-left-color: #394F7B;
	border-left-style: solid;
	border-left-width: 10px;
	color: #394F7B;
}

#CH2{
	margin-top: 20px;
	margin-left: 20px;
	margin-bottom: 20px;
}

#CH3{
	margin-top: 20px;
	margin-left: 25px;
	margin-right: 20px;
	border-bottom-color: #408080;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-left-color: #408080;
	border-left-style: solid;
	border-left-width: 15px;
	color: #274E4E;
	font-size: large;
}

#CH4{
	margin-top: 13px;
	margin-left: 20px;
	margin-bottom: 13px;
}


#CH5{
	margin-top: 10px;
	margin-left: 20px;
}

#EX1{
	margin-top: 20px;
	width: 230px;
	height: auto;
	margin-left: 90px;
	margin-bottom: 20px;
}

#EX2{
	margin-top: 20px;
	width: 300px;
	height: auto;
	margin-left: 20px;
	margin-bottom: 20px;
}

#EX3{
	margin-top: 20px;
	width: 160px;
	height: auto;
	margin-left: 40px;
	margin-bottom: 40px;
}


#A{
	background-color:#c4e1e1;
	width:910px;
	height:20px;
	text-align:left;
	position:absolute;
	overflow:auto;
	top:11px;
	left:11px;
}

#B{
	width: 100px;
	height: 145px;
	position: absolute;
	top: 31px;
	left: 11px;
	border-left-color: #008080;
	border-left-style: solid;
	border-left-width: 2px;
	border-bottom-color: #008080;
	border-bottom-style: dashed;
	border-bottom-width: 2px;
	border-top-color: #008080;
	border-top-style: dashed;
	border-top-width: 2px;
}

#C{
	width:530px;
	height:150px;
	position:absolute;
	top:31px;
	left:111px;
}

#D{
	width:277px;
	height:85px;
	position:absolute;
	top:31px;
	left:641px;
}

#D1{
	width:92px;
	height:20px;
	position:absolute;
	top:102px;
	left:641px
}

#D2{
	border: 2px #008080 dashed;
	width: 277px;
	height: 55px;
	position: absolute;
	top: 120px;
	left: 641px;
	overflow: scroll;
	font-size:x-small;
}

#E{
	width: 907px;
	height: 20px;
	position: absolute;
	top: 181px;
	left: 11px;
	border-bottom-color: #008080;
	border-bottom-style: dashed;
	border-bottom-width: 2px;
	border-left-color: #008080;
	border-left-style: solid;
	border-left-width: 2px;
	border-right-color: #008080;
	border-right-style: solid;
	border-right-width: 2px;
}


#main{
	width: 910px;
	height: auto;
	position: absolute;
	top: 206px;
	left: 9px;
	border-left-color: #008080;
	border-left-style: solid;
	border-left-width: 2px;
	border-right-color: #008080;
	border-right-style: solid;
	border-right-width: 2px;
}

#F{
	width: 209px;
	height: auto;
	float: left;
	background-color: #DDFFFF;
}

#G{
	border-left-color: #008080;
	border-left-style: solid;
	border-left: 2px;
	width: 345px;
	height: auto;
	float: left;
	border-right-color: #008080;
	border-right-style: dotted;
	border-right-width: 2px;
	background-color: #FFFFFF;
}

#H{
	width: 351px;
	height: auto;
	float: left;
	background-color: white;
}

#I{
	background-color: #408080;
	width: 910px;
	height: 28px;
	float:left;
}