/*for all*/
a img{
	border:none;
}
.clear {
	clear: both;
	height: 1px;
	width: 100%;
	overflow: hidden;
}
p {
	color: #006;
}

/*Icon to link, pdf, facebook*/
/*put the Icon after sentence if you define the class as link or pdf*/
.link{
   background:transparent url(../imgs/Link.gif) center right no-repeat;
   padding-right:12px;   
}
.pdf{
   background:transparent url(../imgs/pdf.gif) center right no-repeat;
   padding-right:15px;
}
.fb{
   background:transparent url(../imgs/fb.png) center right no-repeat;
   padding-right:16px;
}

/*more+icon*/
a.more {
	color: #F00;
	text-decoration: none;
	font-size: 80%;
}
div.more {
	text-align: right;
	background-repeat: no-repeat;
	background-position: right center;
	background-image: url(../imgs/more.gif);
	padding: 0px 16px 0 0;
	margin: 10px 0 0;
}

/*when link text is targeted*/
*:focus{
	outline:0;
	font-size:;
}

/*forbidden resize of comment(no use)*/
textarea{
	resize:none;
}

/*structure starts from here*/
html{
	overflow-y:auto;
	overflow-x:hidden;
	height:100%;
	background-repeat: repeat;
	background-image: url(../imgs/wall.jpg);
}

/*body*/
body{
	margin:0;
	height:100%;
	font-family: Meiryo, "ƒƒCƒŠƒI", Ariel, "MS PGothic";
	background-image: url(../imgs/header.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}
#main_container{
	display:block;
	width:960px;
	margin:0px auto 0px auto;
}

/*header*/
.earth{
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	width:583px;
	height:169px;
	background:url(../imgs/earth.jpg);
}
#header{
	float:left;
	z-index:1;
	width:100%;
	height:140px; 
	overflow:hidden;
	position:relative;
}
#header #logo{
	position:absolute;
	left:0;
	bottom:10px;
	width:500px;
	padding:0 0 0 84px;
	color:#fff;
	font-size:30px;
	line-height:30px;
	height:60px;
	background:url(../imgs/logo.png) left center no-repeat;
	text-decoration:none;
}
#header #logo span{
	font-size:18px;
}
#header #languages{
	position:absolute;
	right:220px;
	top:10px;
}
#header #languages a{
	color:#FFFFFF;
	margin:0 0 0 10px;
	font-size:12px;
	text-decoration:none;
}
#header #languages a.active{
	color:#F3F5F8;
}
#header .image{
	position:absolute;
	top:59px;
	right:1px;
}
#search{
	position:absolute;
	right:0px;
	top:10px;
}
#search input.text{
	float:left;
	width:125px;
	border:none; 
	background:url(../imgs/input.png) no-repeat;
	height:23px;
	line-height:23px;
	padding:0 10px;
	margin:0 1px 0 0;
}
#search input.submit{
	float:left;
	width:60px;
	border:none;
	background:url(../imgs/submit.png) no-repeat;
	padding:0;
	height:23px;
	line-height:23px;
	font-size:12px;
	color:#F3F5F8;
}

/*header - menu bar*/
.active_menu{
	display:none;
}
#menu{
	float:left;
	position:relative;
	z-index:1;
	width:100%;
	height:20px;
	padding:6px 0 0 0;
	line-height:25px;
	font-size:13px;
	text-align:center;
}
#menu a{
	text-decoration:none;
	color:#EDF1F4;
	padding:6px 0;
}
#menu a span{
	padding:0 10px;
	border-right:#EDF1F4 1px solid;
}
#menu a.last span{
	border-right:none;
}
#menu a.active{
	color:#F00;
	background-image: url(../imgs/wall.jpg);
}
#menu a:hover{	
	text-decoration: underline;
}

/*footer*/
#footer{
	clear:both;
	float:left;
	width:100%;
	margin:0 0 0 0;
	height:28px;
	background:url(../imgs/footer.png);
	font-size:12px;
	color:#C8C8C8;
	line-height:28px;
	text-decoration: none;
}
#footer .inline{
	width:960px;
	margin: 0px auto;
}
#footer #copyright{
	float: left;
	width: 400px;
}
#footer #legal{
	float: right;
	width: 400px;
	text-align: right;
}
#footer a{
	text-decoration: underline;
	color: #C8C8C8;
	border-left: 1px solid #C8C8C8;
	padding: 0 10px;
}
#footer #legal .last {
	border-right: 1px solid #C8C8C8;
}

/*contents of top page*/
#content{
	float:left;
	width:700px;
	padding: 0;
}
#content1{
	float:left;
	width:330px;
	margin: 0;
	padding: 0 20px 20px 0;
}
#content2{
	float:left;
	width:330px;
	margin: 0;
	padding: 0 0 20px 0;
}
#content .title{
	display:block;
	height:31px;
	background:url(../imgs/title.png);
	line-height:31px;
	font-size: 80%;
	color:#022977;
	margin: 15px 0 -20px;
	padding: 0 9px;
}
#content .date{
	font-size:70%;
	font-weight:bold;
	color:#666;
}
#content ul{
	color:#002776;
	padding: 0px;
	margin: 5;
	list-style-image: url(../imgs/list_arrow.png);
}
#content ul li{
	font-size:80%;
	line-height: 150%;
	margin: -3px 0 5px 16px;
}
#content ul li a:link{
	text-decoration: none;
	color: #039;
}
#content ul li a:hover{
	color: #F60;	
	text-decoration: underline;
}
#content ul li a:visited{
	text-decoration: none;
}

/*sidebar (right side of top page)*/
#sidebar{
	float:right;
	width:245px;
	padding:12px 0 50px 0;
}
#sidebar .title{
	clear:both;
	background:url(../imgs/footer.png);
	line-height:28px;
	font-size:15px;
	color:#F3F5F8;
	padding: 0 9px;
}
#sidebar .box{
	float:left;
	background:#D7DFE9;
	width:225px;
	border:#BCCADA 1px solid;
	padding: 9px;
	margin: 0 0 15px 0;
}
#sidebar .box img{
	float: left;
	margin: 0 10px 10px 0;
	padding: 0;
}
#sidebar .center{
	clear:both;
	display:block;
	margin:12px auto;
	text-align: center;
}
#sidebar .location{
	float:left;
	width:100%;
	margin:0 0 12px 0;
	font-size: 14px;
}
#sidebar h3{
	font-size:15px;
	line-height: 100%;
	margin: 0;
	padding: 0;
}
/*Earthquake*/
#sidebar #quake {
	border:thick double #FF0000;
	text-align:center;
	width: 233px;
	padding: 10px 0;
	float: left;
	margin-bottom: 15px;
}
#sidebar .quake {
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	padding: 0;
	color: #F00;
}

/*introduction above contents page*/
#breadcrumbs{
	float:left;
	width:100%;
	font-size:11px; 
	color:#778CB5;
	padding:10px 0; 
	line-height:100%;
}
#breadcrumbs a{
	color:#778CB5;
	text-decoration:none;
}

/*submenu (left side of contents page)*/
#submenu{
	float:left;
	width:246px;
	padding:0 0 50px;
	margin-bottom: 50px;
}
#submenu h2{
	margin:0;
	font-size:17px;
	line-height:17px;
	padding:12px 0 14px 11px;
	color:#002776;
}
#submenu ul{
	margin:0;
	padding:0;
	list-style:none;
	border-top:#BCCADA 1px solid;
}
#submenu li{
	padding:8px 20px 8px 30px;
	margin:0;
	list-style:none;
	font-size: 0.9em;
	line-height:100%;
	cursor:pointer;
	background:url(../imgs/submenu_passive.png) left center no-repeat;
	border-bottom:#BCCADA 1px solid;
}
#submenu li a{
	text-decoration:none;
	color:#002776;
}
#submenu li.hover{
	background:url(../imgs/submenu.png) left top no-repeat #335491;
	cursor:pointer !important;
}
#submenu li.hover a{
	color:#fff;
}
#submenu li.sub{
	margin: 0 0 0 20px;
}
#submenu .contact{
	background: #002776;
	padding: 12px;
	color: #F3F5F8;
	font-size: 0.8em;
	line-height: 130%;
	margin: 50px 0 0 0;
}
#submenu .contact h5{
	padding: 0;
	font-size: 1em;
	margin: 0 0 5px 0;
}


/*contents page*/
#subpage{
	float:left;
	width:650px;
	background:#fff;
	color:#006;
	margin: 0 0 50px 20px;
	padding: 0 20px 75px 20px;
}
/*h2 = title of each page, big*/
#subpage h2{
	margin: 20px 0 0 0;
	font-size: 24px;
	font-weight: normal;
	line-height: 100%;
	border-bottom:#BCCADA 1px solid;
	padding: 0 0 10px 3px;
}
/*h3 = small topic topic with orange letter and mark*/
#subpage h3{
	font-size:1em;
	font-weight:normal;
	color: #ff4500;
	background-repeat: no-repeat;
	background-image: url(../imgs/h4.gif);
	background-position: left center;
	line-height: 1.5em;
	background-position: left center;
	margin: 35px 0px 0px;
	padding: 0px 0px 0px 20px;
}
/*h4 = small topic with underline*/
#subpage h4{
	font-size: 0.85em;
	font-weight: bold;
	line-height: 1.3em;
	text-decoration: none;
	border-left: 3px solid #006;
	margin: 25px 0 10px;
	padding: 0 0 0 10px;
}
/*p in the contents page*/
#subpage p{
	line-height:1.8em;
	font-size: 0.8em;
	margin: 10px 0 15px;
	padding: 0;
}
#subpage .date{
	display: block;
	font-size: 0.75em;
	font-weight: bold;
	color: #333;
	line-height: 100%;
	margin: 0 0 -5px 0 ;
}
#subpage table {
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	margin: 10px 0 25px 10px;
}
#subpage th, td {
	border-top: 1px solid #999;
	border-right: 1px solid #999;
	font-size: 0.8em;
	line-height: 150%;
}

#subpage ul{
	line-height:1.8em;
	font-size: 0.8em;
	margin: 10px 0 30px 10px;
	padding: 0 0 0 30px;
}
#subpage ol{
	margin: -5px 0 30px 10px;
	padding: 0 0 0 30px;
	line-height:1.8em;
	font-size: 0.8em;
}
#subpage a {
	color: #009;
}
#subpage a:hover {
	color: #F60;
	text-decoration: underline;
}
#subpage .box {
	border-bottom: 1px dotted #CCC;
	padding-bottom: 15px;
	margin-bottom: 40px;
}