@import url("anchor.css");
#top {
	width: 780px;
	border-right: 1px solid #330;
}
#top h1 {
	width: 350px;
	font-size: 13px;
	font-weight: bold;
	color: #330;
	text-shadow: #888888 3px 3px 2px;
	height:1em;
	padding: 7px 10px;
}
#link a {
	color: #544d2f;
	font-weight: bold;
	font-size: x-small;
	text-align:left;
	display:block;
	overflow:hidden;
	min-height:27px;
	max-height:1.8em;
	margin: 3px 0;
}
h2 {
	min-height: 25px;
	min-width: 100px;
	width:6em;
	background-color: #330;
	font: bold 12px/1em Verdana, Helvetica, Osaka, san-serif;
	color: white;
	text-align: center;
}
em {
	font-weight: bold;
	font-style: normal;
	color: #330;
}
div#content {
	width: 780px;
	border-right: 1px solid #330;
	padding:20px 0;
}
div#EN, div#JA {
	width: 698px;
	margin: 0 39px 15px 39px;
}
div#link {
	width: 600px;
	margin: 0 auto;
	padding: 0;
}
#EN[id], #JA[id] {
	width: 90%;
	margin: 0 5% 15px 5%;
}
#EN div, #JA div {
	border-top: 1px solid #544d2f;
}
img.anc1 {
	height: 20px;
	width: 0px;
	vertical-align: middle;
}
img.anc2 {
	height: 23px;
	width: 0px;
	vertical-align: middle;
}
img.anc1, .anc2[class] {
	height: 24px;
	width: 0px;
}
#content p {
	width: 650px;
	text-align: justify;
	margin: 10px 25px 7px 25px;
	line-height: 1.5em;
}
span.nolink {
	font-family: Chicago, Impact, "MS Pゴシック", 中ゴシック体, san-serif;
	color:teal;
	margin-left: 25px;
	font-size: 9px;
}
#E {
	/*position: relative;*/
}
#J {
	/*position: relative;*/
}
#link span {
	width: 600px;
	text-align: left;
	vertical-align: middle;
}
/*for IE6 button rollover*/
.agree_E {
	background: transparent url("../images/misc/agree-button.gif") top left no-repeat;
}
.agree_E:hover {
	background: transparent url("../images/misc/agree-button-over.gif") top left no-repeat;
}
.agree_E:active {
	background: transparent url("../images/misc/agree-button-down.gif") top left no-repeat;
}
.agree_J {
	background: transparent url("../images/misc/doui-button.gif") top left no-repeat;
}
.agree_J:hover {
	background: transparent url("../images/misc/doui-button-over.gif") top left no-repeat;
}
.agree_J:active {
	background: transparent url("../images/misc/doui-button-down.gif") top left no-repeat;
}
#link img {
	width: 70px;
	vertical-align:middle;
	height:27px;
}
#link[id] img {
	vertical-align:middle;
}

/*button rollover
 .anchor_E[class] {
	background: transparent url("../images/misc/agree-button.gif") top left no-repeat;
	display: inline-block;
}
.anchor_E[class]:hover {
	background: transparent url("../images/misc/agree-button-over.gif") top left no-repeat;
}
.anchor_E[class]:active {
	background: transparent url("../images/misc/agree-button-down.gif") top left no-repeat;
}
.anchor_J[class] {
	background: transparent url("../images/misc/doui-button.gif") top left no-repeat;
	display: block;
}
.anchor_J[class]:hover {
	background: transparent url("../images/misc/doui-button-over.gif") top left no-repeat;
}
.anchor_J[class]:active {
	background: transparent url("../images/misc/doui-button-down.gif") top left no-repeat;
}*/
/*recomendation*/
#instLayer{
	position: absolute;
	z-index: 501;
	bottom:50px;
	left: 10px;
	width:400px;
	height:300px;
	color:white;
	display:block;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='../images/misc/instlayer0.png');
}
#instLayer[id]  {
	background: url("../images/misc/instlayer0.png");
}
#l-JA{
	position: absolute;
	top: 170px;
	left: 25px;
	width: 330px;
	padding: 0 7px 15px 7px;
}
#l-EN{
	position: absolute;
	top:30px;
	left: 25px;
	width: 330px;
	padding: 0 7px 10px 7px;
}
#head-EN, #head-JA {
	font: bold 1.2em/1.3em Times, serif;
	margin-right: 20px;
	border-bottom:1px solid white;
	border-right: 2px solid white;
	width: 200px;
}
#inst-EN, #inst-JA{
	font: 1em/1.4em Verdana, Arial, san-serif;
	margin-top: 5px;
}
#instLayer span{
	color: #595232;
	font-weight: bold;
}