body{
color: #000;
background: #0066cc;
margin: 10px 10px 10px 10px;
padding: 0px;
text-align: center;
font-size: x-small;
scrollbar-face-color: #ffffff;
scrollbar-3dlight-color: #0000ff;
scrollbar-shadow-color: #ffffff;
scrollbar-arrow-color: #0000ff;
scrollbar-highlight-color: #ffffff;
scrollbar-track-color: #CCffff;
scrollbar-darkshadow-color: #0000ff;
}

#layout{
width: 730px;
background: white;
text-align: justify;
text-justify: distribute;
}

#layout2{
width: 710px;
line-height: 160%;
text-align: justify;
text-justify: distribute;
margin: 0px 10px;
}

#layout2 td{
line-height: 160%;
}

.right{
width: 220px;
text-align: right;
float:right;
margin: 0px 0px 5px 5px;
}

.right2{
text-align: right;
float:right;
margin: 0px 0px 5px 5px;
}

#goldengate{
width: 730px;
height: 131px;
background: url(goldengate.jpg);
}

#left{
width: 160px;
margin: 10px 0px 5px 0px;
float: left;
}

#column{
width: 150px;
background: #fff;
font-size: 12px;
padding: 5px;
margin: 0px 0px 10px 5px;
border-style: dotted;
border-width: 5px;
border-color: #6666ff;
text-align: left;
}

#column a:link{
color: blue;
text-decoration:none;
}

#column a:visited{
color: blue;
text-decoration:none;
}

#column a:active{
color: blue;
text-decoration:none;
}

#column a:hover{
color: white;
background: blue;
text-decoration:none;
}

#contents{
width: 530px;
line-height: 160%;
margin: 10px 5px 5px 0px;
padding: 10px;
text-align: justify;
text-justify: distribute;
float: right;
border-style: dashed;
border-width: 2px;
border-color: #aaaaff;
background: #fff;
}

#contents td{
line-height: 160%;
}

#contents a:link{
color: blue;
text-decoration:none;
}

#contents a:visited{
color: blue;
text-decoration:none;
}

#contents a:active{
color: blue;
text-decoration:none;
}

#contents a:hover{
color: white;
background: blue;
text-decoration:none;
}

#sample{
width: 600px;
margin: 0px 0px 10px 0px;
line-height: 160%;
text-align: justify;
text-justify: distribute;
}

#title{
margin: 10px 0px;
text-align: center;
font-size: 30px;
font-family: century, sans-serif;
}

#title2{
margin: 10px 0px;
text-align: center;
font-size: 20px;
font-family: "HGS創英角ﾎﾟｯﾌﾟ体", sans-serif;
}

#menu{
float: left;
font-size: x-small;
line-height: 160%;
margin: 10px 0px 20px 0px;
width: 240px;
}

.kanso2{
border: 1px solid #00F;
padding: 10px 2px;
}

#menu2{
color: #fff;
text-align: center;
font-size: 18px;
font-family: "HGS創英角ﾎﾟｯﾌﾟ体", sans-serif;
background-color: #33f;
background: url(menu.gif) repeat;
margin: 0px 0px 20px 0px;
width: 200px;
height: 360px;
line-height: 40px;
}

#menu2 a:link{
color:white;
text-decoration:none;
}

#menu2 a:visited{
color:white;
text-decoration:none;
}

#menu2 a:active{
color:white;
text-decoration:none;
}

#menu2 a:hover{
color:blue;
text-decoration:none;
}

#order{
color: #fff;
text-align: center;
font-size: 18px;
font-family: "HGS創英角ﾎﾟｯﾌﾟ体", sans-serif;
background-color: #33f;
background: url(menu.gif) repeat;
margin: 0px 0px 0px 100px;
width: 200px;
height: 40px;
line-height: 40px;
}

#order a:link{
color:white;
text-decoration:none;
}

#order a:visited{
color:white;
text-decoration:none;
}

#order a:active{
color:white;
text-decoration:none;
}

#order a:hover{
color:blue;
text-decoration:none;
}

#contents2{
float: right;
font-size: x-small;
line-height: 160%;
width: 730px;
padding: 0px 0px 0px 0px;
margin: 10px 0px 10px 0px;
}

.title{
font-family: "HGS創英角ﾎﾟｯﾌﾟ体", sans-serif;
font-size: normal;
margin: 0px 0px 10px 0px;
color: gold;
}

.good{
background: #66F;
padding: 3px 0px 3px 5px;
margin: 0px 0px 5px 0px;
color: #FFF;
font-size: 18px;
font-family: "HGS創英角ﾎﾟｯﾌﾟ体", sans-serif;
background: url(bar2.gif) repeat;
line-height: 160%;
}

.bad{
background: #F66;
padding: 3px 0px 3px 5px;
margin: 0px 0px 5px 0px;
color: #FFF;
font-size: 18px;
font-family: "HGS創英角ﾎﾟｯﾌﾟ体", sans-serif;
background: url(bar2.gif) repeat;
line-height: 160%;
}

.explanation{
background: #6F6;
background: url(bar2.gif) repeat;
padding: 3px 0px 3px 5px;
margin: 0px 0px 5px 0px;
color: #fff;
font-size: 18px;
font-family: "HGS創英角ﾎﾟｯﾌﾟ体", sans-serif;
line-height: 160%;
}

.auther{
background: #000;
background: url(bar2.gif) repeat;
padding: 3px 0px 3px 5px;
margin: 0px 0px 5px 0px;
color: #FFF;
font-size: 18px;
font-family: "HGS創英角ﾎﾟｯﾌﾟ体", sans-serif;
line-height: 160%;
}

.evaluation{
background: #99F;
background: url(bar2.gif) repeat;
padding: 3px 0px 3px 5px;
margin: 0px 0px 5px 0px;
color: #FFF;
font-size: 18px;
font-family: "HGS創英角ﾎﾟｯﾌﾟ体", sans-serif;
line-height: 160%;
}

.minititle{
background: #3333ff;
padding: 3px 0px 3px 5px;
margin: 0px 0px 10px 0px;
color: #FFF;
font-size: 18px;
font-family: "HGS創英角ﾎﾟｯﾌﾟ体", sans-serif;
line-height: 160%;
}

.melmaga{
font-size: x-small;
text-align: left;
width: 240px;
margin: 0px 0px 0px 0px;
padding: 2px;
border: 1px solid #00F;
}

.melmaga td{
font-size: x-small;
line-height: 160%;
}

.kanso{
width: 450px;
height: 300px;
overflow: auto;
}

#link3{
	font-family: Osaka, "ＭＳ Ｐゴシック", sans-serif;
	font-size: 9px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	line-height: 100%;
	text-align: left;
	color:#66f;
	background: #FFF;
	float: left;
}

#link3 a:link{
	color:#66f;
	text-decoration:none;
}

#link3 a:visited{
	color:#66f;
	text-decoration:none;
}

#link3 a:active{
	color:#66f;
	text-decoration:none;
}

#link3 a:hover{
	color:#66f;
	background: none;
	text-decoration:none;
}

#all-english{
	line-height: 160%;
	text-align: justify;
	text-justify: distribute;
}

#all-english a:link{
	color:black;
	text-decoration:none;
}

#all-english a:visited{
	color:black;
	text-decoration:none;
}

#all-english a:active{
	color:black;
	text-decoration:none;
}

#all-english a:hover{
	color: black;
	background: white;
	text-decoration:none;
}

#copyright{
width: 710px;
text-align: center;
margin: 0px 0px 5px 0px;
}

#title{
	color: blue;
	margin: 10px 0px;
	text-align: center;
	font-size: 16px;
	font-family: "HGS創英角ﾎﾟｯﾌﾟ体", sans-serif;
	height: 20px;
	overflow: hidden;
}

#title h1{
	font-weight: normal;
	font-size: 16px;
}