body{
	color:#330066;	/*　全体の文字の色　*/
	font-size:12pt;
	text-align:center;
	background-color:#ffcc00;	/*　全体の背景色　*/
}

#outline{
	width:800px;/*　基本サイズ　*/
	float:none;
	text-align:left;
	border-width:0px;
	border-style:solid;
	border-color:#ffffff;
	padding:0px 0px 0px 0px;
	background-color:#ffcc00;
}

div.inner{
	float:left;
	border-width:0px 0px 0px 0px;
	border-style:solid;
	border-color:#0000cd;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

div.inner-al{
	width:400px;
	height:200px;
	float:left;
	border-width:0px 0px 0px 0px;
	border-style:solid;
	border-color:#0000cd;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

div.inner-ar{
	width:400px;
	height:200px;
	float:right;
	border-width:0px 0px 0px 0px;
	border-style:solid;
	border-color:#0000cd;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

.inner-bl{
	width:200px;
	height:200px;
	float:left;
	border-width:0px 0px 0px 0px;
	border-style:solid;
	border-color:#0000cd;
	background-image:url("gif_gc/kohaku.gif");
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

.inner-bl a,
.inner-bl a:link{
	text-decoration:none
}

.inner-bl a:visited,
.inner-bl a:active{
	width:180px;
	height:180px;
	text-align:center;
	display:block;
	float:left;
}

.inner-bl a:hover{
	width:180px;
	height:180px;
	background-image:url("gif_gc/kohaku_v.gif");
	color:#cccc00;
	display: block;
	float:left;
}

div.inner-br{
	width:200px;
	height:200px;
	float:right;
	border-width:0px 0px 0px 0px;
	border-style:solid;
	border-color:#0000cd;
	background-image:url("gif_gc/kohaku.gif");
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

.inner-br a,
.inner-br a:link{
	text-decoration:none
}

.inner-br a:visited,
.inner-br a:active{
	width:180px;
	height:180px;
	text-align:center;
	display:block;
	float:left;
}

.inner-br a:hover{
	width:180px;
	height:180px;
	background-image:url("gif_gc/kohaku_v.gif");
	color:#cccc00;
	display: block;
	float:left;
}

div.frame{
	width:200px;
	height:200px;
	float:left;
	border-width:0px 0px 0px 0px;
	border-style:solid;
	border-color:#0000ff;
	padding:35px 5px 0px 0px;
	margin:0px 0px 0px 0px;
}

div.frame-a{
	width:380px;
	height:180px;
	float:left;
	border-width:0px 0px 0px 0px;
	border-style:solid;
	border-color:#0000ff;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

div.frame-b{
	width:150px;
	height:150px;
	float:left;
	border-width:0px 0px 0px 0px;
	border-style:solid;
	border-color:#0000ff;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

div.cl-b{
	clear:both;
}

div.cl-l{
	clear:left;
}

div.cl-r{
	clear:right;
}

a,
a:link,
a:visited,
a:active{
	height:20px;
	text-align:center;
	display:block;
	float:left;
}

a:hover{
	height:20px;
	background:#6c6;
	color:#fff;
	text-align:center;
	display: block;
	float:left;
}