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

body, td, th {
	font-family: Arial, Helvetica, sans-serif;
	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-family: Verdana, sans-serif;
	font-size:18px;
	color:#7D153A;
	margin:0px; 
	padding:5px 0px 5px 0px;
}

h3{
	font-family: Arial,sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #005FA9;
	display:block;
	padding:10px 0px 0px 0px;
	/*border-top:1px solid #330066;*/
}
	
h4{
	font-family: Verdana, sans-serif;
	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.hashi { 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; }
#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; }
#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; }
#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; }
#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; }
#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; }
#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-color:#9ca09f; padding:2px 14px 2px 14px; }
#globalnavi .menu_news { 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:lightgray; padding:2px 14px 2px 14px; }

#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; }

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

/*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; }

#photo_a_1 {
      position:absolute; 
      left:10%; 
      top:240px;
      
      }
      #photo_a_2 {
      position:absolute; 
      right:6%;
      top: 240px
      
      }
#photo_a_2v{
      position:absolute; 
      right:30%;
      top: 320px
      
      }
      #photo_a_3 {
      position:absolute;
      left:10%;
      top:480px;
      }
      
      #photo_a_4 {
      position:absolute;
      left:38%;
      top:355px;
      }
      #photo_a_4v {
    	position:absolute;
    	left:41%;
    	top:275px;
      }
      #photo_a_5 {
      position:absolute;
      left:38%;
      top:585px 
      }
      #photo_a_6 {
      position:absolute; 
      right:6%;
      top:480px;
      
      }
      
#photo_b_1 {
      position:absolute; 
      left:10%; 
      top:860px;
      
      }
      #photo_b_2 {
      position:absolute; 
      right:6%;
      top: 860px
      
      }
      #photo_b_3 {
      position:absolute;
      left:10%;
      top:1100px;
      }
      
      #photo_b_4 {
      position:absolute;
      left:38%;
      top:975px;
      }
      #photo_b_4v {
    	position:absolute;
    	left:41%;
    	top:895px;
      }
      #photo_b_5 {
      position:absolute;
      left:38%;
      top:1205px 
      }
      #photo_b_6 {
      position:absolute; 
      right:6%;
      top:1100px;
      
      }
      
#photo_c_1 {
      position:absolute; 
      left:10%; 
      top:1480px;
      
      }
      #photo_c_2 {
      position:absolute; 
      right:6%;
      top: 1480px
      
      }
      #photo_c_3 {
      position:absolute;
      left:10%;
      top:1720px;
      }
      
      #photo_c_4 {
      position:absolute;
      left:38%;
      top:1585px;
      }
      #photo_c_4v {
    	position:absolute;
    	left:41%;
    	top:1515px;
      }
      #photo_c_5 {
      position:absolute;
      left:38%;
      top:1825px 
      }
      #photo_c_6 {
      position:absolute; 
      right:6%;
      top:1720px;
      
      }


.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-family: Verdana, sans-serif; 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; }

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

.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; }

#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; }