/* Body
----------------------------------------------------*/
body {
	margin:0px; 
	padding:0px;
	background-color: #FFFFFF;
	font-size:10pt; 
	line-height:160%;
}

body, td, th {
	color: #330033;
}

h1{
	font-size:12px;
	color:#ffffff;
	font-weight:bold;
	background-color:#9ca09f;
	border-right:1px solid #9ca09f; 
	border-left:1px solid #9ca09f; 
	border-bottom:1px solid #403937;
	margin:0px; 
	padding:0px 0px 0px 15px;
}

h2{
	font-size:18px;
	color:#7D153A;
	margin:0px; 
	padding:5px 0px 5px 0px;
}

h3{
	font-size: 12pt;
	font-weight: bold;
	color: #005FA9;
	display:block;
	padding:10px 0px 0px 0px;
	/*border-top:1px solid #330066;*/
}
	
h4{
	font-size:12px;
	color:#fff;
	margin:0px; 
	padding:3px 3px 3px 10px;
	border-bottom:1px solid #cccccc;
	background-color:#555555;
}

LI{
	
	font-size:12px;
	margin:0px; 
	padding:3px 3px 3px 10px;
}

.quizbutton {position:absolute; right:30%; width:70px}

.answer {position: absolute; background-color: yellow;visibility:hidden; z-index:4;}

/*interface
----------------------------------------------------*/
#interface { margin:0px; padding:0px; width:100%; border-top:1px solid #664; background-color:#FFF; height:auto; text-align:left; }

 /* BlockEnd
----------------------------------------------------*/
.blockEnd { clear:both; }

/*Header
----------------------------------------------------*/
#Header { margin:1px; padding:0px 0px 5px 0px; width:auto; height:auto; }
#Header h1.title { float:left; width:99%; font-size:100%; }
#utility { float:right; text-align:right; margin:0px; padding-right:10px; width:40%; font-size:100%; list-style-type:none; }
#utility .menu { float:right; margin:0px; padding: 0px 0px 0px 5px; }

#utility a:link { color:#330033; background-color:transparent; text-decoration:none; }
#utility a:visited { color:#330033; background-color:transparent; text-decoration:none;}
#utility a:hover { color:#990033;  background-color:transparent; text-decoration:underline; }
#utility a:active { color:#990033; font-weight:bold; background-color:transparent; text-decoration:none; }

/*Logo
----------------------------------------------------*/
#Logo img.soho { float:left; margin:0px 0px 0px 10px; padding:0px 0px 1px 0px; width:440px; height:80px; }

/*Navigation
----------------------------------------------------*/
#Navigation { clear:both; margin:0px; padding:0px 0px 0px 0px; width:100%; height:auto; }
#globalnavi { margin:0px; padding: 0px; width:100%; height:25px; font-size:100%; color:#FFFFFF; font-weight:bold; border-top: 1px solid #9ca09f; border-right: 1px solid #9ca09f; border-left: 1px solid #9ca09f; border-bottom: 1px solid #403937; background-color:#9ca09f; list-style-type:none; }

#globalnavi .menu01 { float:left; border-top: 1px solid #fff; border-right: 1px solid #403937; border-left: 1px solid #fff; border-bottom: 1px solid #403937; margin:1px; width:auto; background-color:#9ca09f; padding:2px 14px 2px 14px; line-height:140%; font-size:12px; }
#globalnavi .menu02 { float:left; border-top: 1px solid #fff; border-right: 1px solid #403937; border-left: 1px solid #fff; border-bottom: 1px solid #403937; margin:1px; width:auto; background-color:#9ca09f; padding:2px 14px 2px 14px; line-height:140%; font-size:12px; }
#globalnavi .menu03 { float:left; border-top: 1px solid #fff; border-right: 1px solid #403937; border-left: 1px solid #fff; border-bottom: 1px solid #403937; margin:1px; width:auto; background-color:#9ca09f; padding:2px 14px 2px 14px; line-height:140%; font-size:12px; }
#globalnavi .menu04 { float:left; border-top: 1px solid #fff; border-right: 1px solid #403937; border-left: 1px solid #fff; border-bottom: 1px solid #403937; margin:1px; width:auto; background-color:#9ca09f; padding:2px 14px 2px 14px; line-height:140%; font-size:12px; }
#globalnavi .menu05 { float:left; border-top: 1px solid #fff; border-right: 1px solid #403937; border-left: 1px solid #fff; border-bottom: 1px solid #403937; margin:1px; width:auto; background-color:#9ca09f; padding:2px 14px 2px 14px; line-height:140%; font-size:12px; }
#globalnavi .menu06 { float:left; border-top: 1px solid #fff; border-right: 1px solid #403937; border-left: 1px solid #fff; border-bottom: 1px solid #403937; margin:1px; width:auto; background-color:#9ca09f; padding:2px 14px 2px 14px; line-height:140%; font-size:12px; }
#globalnavi .menu07 { float:left; border-top: 1px solid #fff; border-right: 1px solid #403937; border-left: 1px solid #fff; border-bottom: 1px solid #403937; margin:1px; width:auto; background: url(../pics/j_site.jpg) no-repeat; background-color:#9ca09f; padding:2px 14px 2px 27px; line-height:140%; font-size:12px; }

#globalnavi a:link { color:#fff; text-decoration:none; }
#globalnavi a:visited { color:#fff; text-decoration:none; }
#globalnavi a:hover { color:#3b3c3c; background-color:transparent; text-decoration:none; }
#globalnavi a:active { color:#3b3c3c; text-decoration:underline; }

/*Bannertext
----------------------------------------------------*/
#bannertext { clear:both; font-size:100%; text-align:left; float:left; width:70%; height:auto; margin-bottom:18px; padding:2px 10px 2px 10px; }

#bannertext a:link { color:#330033; background-color:transparent; text-decoration:underline; }
#bannertext a:visited { color:#330033; background-color:transparent; text-decoration:underline;}
#bannertext a:hover { color:#990033;  background-color:transparent; text-decoration:underline; }
#bannertext a:active { color:#990033; font-weight:bold; background-color:transparent; text-decoration:underline; }

/*language
----------------------------------------------------*/
#language { float:right; width:25%; height:auto; margin:1px; padding:2px 10px 2px 10px; }
#language img.f_japan { float:right; margin:0px 0px 0px 10px; padding:0px 0px 1px 0px; }
#language img.f_uk { float:right; margin:0px 0px 0px 10px; padding:0px 0px 1px 0px; }

/*PageCell
----------------------------------------------------*/
#PageCell {	clear:both; text-align:left; float:left; width:72%; height:auto; padding:0px 0px 0px 0px; }

.col1 { margin:1px; padding:0px 0px 0px 10px; }	
.col1 h2.subtitle { border-top:1px solid #7D153A; border-bottom:1px solid #c3c5c5; }
.col1 img.pic1 { float:left; margin-right:20px; margin-bottom:20px; }

.col1 a:link { color:#990033; background-color:transparent; text-decoration:underline }
.col1 a:visited { color:#990033; background-color:transparent; text-decoration:underline}
.col1 a:hover { color:#403937;  background-color:transparent; text-decoration:underline; }
.col1 a:active { color:#403937; background-color:transparent; text-decoration:underline }
.col1 img.pic2 { float:right; margin-left:20px; margin-bottom:10px; }
.col1 p.panel1 {text-align: center; }

.col2 { clear:both; margin:1px; padding:0px 0px 0px 10px;}
.col2 h2.subtitle2 { border-top:1px solid #7D153A; border-bottom:1px solid #c3c5c5; }
.col2 img.pic2 { float:right; margin-left:20px; margin-bottom:10px; }

.col2 a:link { color:#990033; background-color:transparent; text-decoration:underline }
.col2 a:visited { color:#990033; background-color:transparent; text-decoration:underline}
.col2 a:hover { color:#403937; background-color:transparent; text-decoration:underline; }
.col2 a:active { color:#403937; background-color:transparent; text-decoration:underline }

.story { margin:0px; padding:0px 0px 0px 10px; border-top:1px solid #330066;}
.story p{ padding: 0px 0px 0px 0px; }

.story a:link { color:#990033; background-color:transparent; text-decoration:underline }
.story a:visited { color:#990033; background-color:transparent; text-decoration:underline}
.story a:hover { color:#403937; background-color:transparent; text-decoration:underline; }
.story a:active { color:#403937; background-color:transparent; text-decoration:underline }


/*footer
----------------------------------------------------*/
#footer { clear:left; width:auto; padding:0px 0px 1px 0px; margin-bottom:5px; border-top:1px solid #ccc; background:#fff; height:auto; }
	
#foot_navi { margin:0px; padding: 0px; width:100%; height:auto; font-size:100%; color:#403937; border-top: 1px solid #403937; border-bottom: 1px solid #403937; background-color:#f0f2f2; list-style-type:none; }

#foot_navi .menu01 { float:left; margin:1px; width:auto; padding:0px 0px 0px 8px; }
#foot_navi .menu02 { float:left; margin:1px; width:auto; padding:0px 0px 0px 8px; }
#foot_navi .menu03 { float:left; margin:1px; width:auto; padding:0px 0px 0px 8px; }
#foot_navi .menu04 { float:left; margin:1px; width:auto; padding:0px 0px 0px 8px; }
#foot_navi .menu05 { float:left; margin:1px; width:auto; padding:0px 0px 0px 8px; }
#foot_navi .menu06 { float:left; margin:1px; width:auto; padding:0px 0px 0px 8px; }
#foot_navi .menu07 { float:left; margin:1px; width:auto; padding:0px 0px 0px 8px; }
#foot_navi .menu08 { float:left; margin:1px; width:auto; padding:0px 0px 0px 8px; }
#foot_navi .menu09 { float:left; margin:1px; width:auto; padding:0px 0px 0px 8px; }
#foot_navi .menu10 { float:left; margin:1px; width:auto; padding:0px 0px 0px 8px; }
#foot_navi .menu11 { float:left; margin:1px; width:auto; padding:0px 0px 0px 8px; }

#foot_navi a:link { color:#403937; text-decoration:none; }
#foot_navi a:visited { color:#403937; text-decoration:none; }
#foot_navi a:hover { color:#005FA9;  text-decoration:none; }
#foot_navi a:active { color:#005FA9; text-decoration:underline; }

.footer address { clear:both; float:left; font-size:12px; font-style:normal; padding:10px 10px 10px 10px; }

.footer address a:link { color:#005FA9; text-decoration:underline; }
.footer address a:visited { color:#005FA9; text-decoration:underline; }
.footer address a:hover { color:#005FA9; font-weight:bold; text-decoration:underline; }
.footer address a:active { color:#005FA9; text-decoration:underline; }

/*RightMenu
----------------------------------------------------*/
#RightMenu { float:right; width:25%; height:auto; margin:1px; background-color: #f5f7f7; border-bottom: 1px solid #cccccc; font-size: 10pt; margin:0px; padding:0px 0px 0px 0px; }

#whatsnew { margin:1px; padding:0px; font-size:9pt; }

#whatsnew a:link{ display: block; border-top: 1px solid #ffffff; border-bottom: 1px solid #cccccc; padding: 5px 5px 0px 0px; color: #330033; text-decoration: none; }
#whatsnew a:visited{ display: block; border-top: 1px solid #ffffff;	border-bottom: 1px solid #cccccc; padding: 5px 5px 0px 0px; color: #330033; text-decoration: none;}
#whatsnew a:hover{ display: block; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc;	background-color: #ECE9E2; background-image: none; padding: 5px 5px 0px 0px; text-decoration: none; }

.message { background-image: url(../pics/bg_xmas.jpg); font-family:"Times New Roman", Times, serif; font-size:14px; color:#990033; padding:20px 20px 20px 40px; }
.message img{ padding:0px 0px 0px 20px; }

.hotnews {font-family: Verdana, sans-serif; color:#7D153A;}
.sadnews {font-family: Verdana, sans-serif; color:black; font-weight: bold}


#links { margin:1px; padding:0px; font-size:9pt; }

#links a:link{ display: block; border-top: 1px solid #ffffff; border-bottom: 1px solid #cccccc; padding: 5px 5px 0px 0px; color: #330033; text-decoration: none; }
#links a:visited{ display: block; border-top: 1px solid #ffffff;	border-bottom: 1px solid #cccccc; padding: 5px 5px 0px 0px; color: #330033; text-decoration: none;}
#links a:hover{ display: block; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; background-color: #ECE9E2; background-image: none; padding: 5px 5px 0px 0px; text-decoration: none; }

#Events { margin:1px; padding:0px; font-size:9pt; }

#Events a:link{ display: block; border-top: 1px solid #ffffff; border-bottom: 1px solid #cccccc; padding: 5px 5px 0px 0px; color: #330033; text-decoration: none; }
#Events a:visited{ display: block; border-top: 1px solid #ffffff;	border-bottom: 1px solid #cccccc; padding: 5px 5px 0px 0px; color: #330033; text-decoration: none;}
#Events a:hover{ display: block; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; background-color: #ECE9E2; background-image: none; padding: 5px 5px 0px 0px; text-decoration: none; }