BODY
{
	background-color:#F7F5E6;
}
div#header {
	height:5%;
	border: dashed 1px #880000;
	background-color:#339999;
	color:#FFFFCC;
	padding:5px;
	font-weight: bold;
	
}

div#body {
	height:80%;
	/*border: dashed 1px #0000FF;*/
}

span#title {
	width:40%;
}


div#qlink {
	text-align:right;
}
div#footer {
	height:5%;
	border: dashed 1px #880000;
	background-color:#339999;
	color:#FFFFCC;
	padding:5px;
	/*font-weight: bold;*/
	font-size:10px;
	text-align:right;
}

div#welcome {
	height:20px;
	/*width:60%;*/
	width:98%;
	/*float:left;*/
	border: dashed 1px #339999;
	padding :8px;
	background-color:#E8F4D8;
}
div#welcometo{
	background-color:#E8F4D8;
	color:#003399;
	/*border: dashed 1px #33CC66;*/
	/* padding-left:2px;*/
	/* padding-top:2px; */
	font-size:16px;
}

div#welcometo span#chimei {
	background-color:#E8F4D8;
	/*color:#339999;*/
	color:#990000;
	/*border: dashed 1px #FF0000;*/
	font-weight: bold;
}

div#welcometo span#ma {
	/*border: dashed 1px #0000FF;*/
	font-size:14px;
}

div#div_searchcpn {
	width:100%;
	height:5%;
	/*border: dashed 1px #00FF00;*/
}
div#div_searchcpn span#span_searchcpn {
	float:right;
	color:#990000;
	background-color:#FFCC33;
	/*height:2em;*/
	font-size:12px;
	border: dashed 1px #0000FF;
}

div#rule {
	clear: both;
	width:98%;
	font-size:12px;
	cursor:pointer;
	background-color:#FFCC33;
	border: dashed 1px #FF9933;
	padding:10px;
	padding-top:2px;
	padding-bottom:2px;
	color:#990000;
}
div#infomation {
	display:none;
	width:98%;
	font-size:12px;
	padding-left:20px;
	background-color:#FFFF99;
	border: dashed 1px #FF0000;
}

div#map {
	/*height:450px;*/
	height:60%;
	width:60%;
	float:left;
	
	border: dashed 1px #FF0000;
}

div#cpn_title{
	width:38%;
	float:right;
	background-color:#F2AB26;
	border: dashed 1px #101099;
}
div#cpn{
	/*height:100px;*/
	height:15%;
	width:38%;
	overflow: scroll; 
	float:right;
	border: dashed 1px #101099;
	font-size:14px;
	/*padding-left:5px;*/
}
span.cpn_class1 {
	background-color:#F0FFE2;
	width:90%;
}
span.cpn_class2 {
	background-color:#F7FFBF;
	width:90%;
}


div#relation{
	/*height:220px;*/
	height:35%;
	width:38%;
	overflow: scroll; 
	overflow-x: scroll;
	float:right;
	border: dashed 1px #101099;
	font-size:14px;
}

div.link_title {
	margin-top:5px;
	padding-left:3px;
	background-color:#E8F4D8;
}
div.link_summary {
	padding-left:1em;
}
div#relation_title{
	width:38%;
	float:right;
	background-color:#F2AB26;
	border: dashed 1px #101099;
}


div#who{
	height:16%;
	width:100%;
	clear: both;
	/*border: small solid #101099;*/
	
	margin-top: 5px;
	
	/*border: dashed 1px #00FF00;*/
}

div#who div#next_title{
	color:#990000;
	width:99%;
	background-color:#E8F4D8;
	/*border: solid #101099;*/
	border: dashed 1px #339999;
	/*margin-bottom: 5px;*/
	padding:5px;
}

div#who span#next_kanji{
	color: #FF0000;
	font-weight: bold;
	font-size:18px;
	padding-left:5px;
	padding-right:5px;
	/*border: dashed 1px #FF0000;*/
}

div#whos{
	/*margin-top: 5px;*/
	padding:5px;
	background-color:#FFFFCC;
	border: dashed 1px #FF00FF;
}