@charset "utf-8";

/* common */
@import "base.css";

/****************************** contents ********************************/

#content{
	margin:1em 1%;
}

.sub-col{
	width:25%;
	float:right;
	}
.main-col{
padding-right:25%;
	}

#content h2{
	color:#fff;
	font-size:small;
	margin:0%;
	}
#content h2.h2-type-top{
	/* background:url("../../images-top/bg-heading.gif") right repeat-y  #44a; */
	background: url(../images/top_h2_bg.gif) left repeat-y ;
	color:#000;
	font-size: 100%;
	margin:0%;
	padding-left: 16px;
	line-height: 26px;
	}
#content div h2{
	font-size:medium;
	}
#content h2 a,
#content h2 a:visited{
	color:#fff;
	display:block;
	width:100%;
	}

#content p.highlight{
	background:#E0F9FF;
	font-weight:bold;
	font-size:100%;
	margin:0 0 0.5em 0;
	padding:0;
	border:1px solid #99f;
	}

#content p.highlight a{
	padding:0.4em 0.2em;
	display:block;
	width:100%;
	}

#content p.youtube{
	background:#FFC;
	font-weight:bold;
	font-size:100%;
	margin:0.5em 0 0.5em 0;
	padding:0;
	border:1px solid #99f;
	}

#content p.youtube a{
	padding:0.4em 0.2em;
	display:block;
	width:100%;
	}




/********** archive **********/
#archive{
	border:1px solid #6c6;
	background: url(../images/archive_bg.gif) repeat-x top;
	}
#archive{
	margin-bottom:0.5em;
	}
#archive ul{
	margin:0;
	margin-left: 16px;
	padding:0;
	list-style:none;
	}
#archive li{
    background: url(../images/right_list.gif) no-repeat left;
	margin: 0;
	padding-left: 16px;
}
/*
#archive ul{
	margin:0%;
	padding:0%;
	list-style:none;
	}
#archive li{
	background:#6c6;
	margin:0%;
	}
*/
#archive li a{
	padding:0.2em;
	display:block;
	width:100%;
	}
#archive li>a{
	width:auto;
	}
#archive ul ul li{
	border-top:1px solid #6c6;
	background:#efe;
	}
#archive li li a{
	padding:0.2em 0.2em 0.2em 0.5em;
	}

/********** Links **********/
#link{
	margin-bottom:0.5em;
	}
#link ul{
	margin:0%;
	padding:0%;
	list-style:none;
	}
#link ul li{
	border:1px solid #99f;
	margin:1% 0%;
	padding:0.4em;
	background:#cfc;
	}
#link ul li a{
	display:block;
	width:100%;
	}

/*------2011 Tohoku - Pacific Ocean earthquake-----*/

#earthquakettitle{
	margin:12px 24px 2em;
	overflow:hidden; /*height: 150px;*/
}
div#earthquakettitle h2{text-align:center; color:#fff; background:#0070c0; font-size:150%; padding:12px 4px 9px; font-weight:bold;}
/* #earthquakettitle ul{border-bottom:none; list-style:none; border:3px solid #0070c0; margin:0; padding:8px 24px 6px; line-height:1.5; background-color:#e0f9ff;} */
/* #earthquakettitle li{ margin-left:1.8em; text-indent:-1em; font-weight:bold; font-size:125%; letter-spacing:0.1em;} */
#earthquakettitle a{ color:#006; }
#earthquakettitle a:visited{ color:#006; }
#earthquakettitle a:hover{ color:#00c; }
/********** topics **********/
#topics{
	width:100%;
	margin-bottom:2em;
	}
#content #topics dl{ margin:0.5em;}
#content #topics dd{ margin:0 0 1em 0;}
#content #topics dd ul{ margin:0; padding:0 0 0 1.5em;}
#content #topics dd ul li{ margin:0; padding:0;}

#content #topics h2.title-ex25{
border-color: #C7D69B;
border-style: solid;
border-width: 0 0 1px 7px;
padding: 3px 5px;
background:none;
color:#000;
font-size:113%;
}

/********** policy **********/
#policy{
	_width:100%;
	_margin-top: -100px;
	margin: 2px 24px 2em;
	overflow:auto;
	}

#content #policy h2.title-ex25{
border-color: #C7D69B;
border-style: solid;
border-width: 0 0 1px 7px;
padding: 3px 5px;
background:none;
color:#000;
font-size:113%;
}

#content #tbl-policy th.hd-blue{ background: url(../images/policy_info01_bg.gif) repeat-x top; }
#content #tbl-policy th.hd-orange{ background: url(../images/policy_info02_bg.gif) repeat-x top; }
#content #tbl-policy th.hd-pink{ background: url(../images/policy_info03_bg.gif) repeat-x top; }
#content #tbl-policy th.hd-green{ background: url(../images/policy_info04_bg.gif) repeat-x top; }
#content #tbl-policy th.hd-purple{ background: url(../images/policy_info05_bg.gif) repeat-x top; }
#content #tbl-policy th.hd-amber{ background: url(../images/policy_info06_bg.gif) repeat-x top; }
#content #tbl-policy td{ vertical-align:top; }
/*
#content #tbl-policy ul{ margin:0 0 1em; padding:0; list-style:none;}
#content #tbl-policy ul li{ margin:0 0.5em 0 0.5em; padding:0 0 0 15px; background: url(/common/images/base/ico_arrow_01.png) 0 0.3em no-repeat; }
*/
/*#policy dl{
	float:left;
	padding:0%;
	margin:0%;
	width:24.9%;
	line-height:1.2em;
	}
div[id="policy"]>dl{
	width:25% !important;
	}

#policy dt{
	margin:2% 2% 0%;
	border:1px solid #99f;
	background:#ccf;
	padding:0.2em;
	height:3.5em;
	}
div[id="policy"]>dl>dt{
	min-height:3em;
	height:auto !important;
	}

#policy dl.item2 dt.item4{font-size:x-small;line-height:1em;padding:0.1em 0.2em;}
#policy dl.item2>dt.item4{font-size:small;}

#policy dl.item3 dt.item2{font-size:x-small;line-height:1em;padding:0.5em 0.2em;}
#policy dl.item3>dt.item2{font-size:small;}

#policy dl.item4 dt.item1{font-size:x-small;line-height:1em;padding:0.5em 0.2em;}
#policy dl.item4>dt.item1{font-size:small;}

#policy dt a{
	display:block;
	}
#policy dd{
	padding:0.2em;
	margin:0% 2%;
	height:8em;
	line-height:1em;
	border:solid #99f;
	border-width:0 1px 1px;
	}
div[id="policy"]>dl>dd{
	min-height:8em;
	height:auto !important;
	}
#policy dd a{
	background:#fff;
	color:#000;
	font-size:x-small;
	display:block;
	width:100%;
	}
#policy>dl>dd>a{
font-size:small !important;
}
#policy dd a:hover{
	font-size:small;
	line-height:1.2em;
	text-decoration:none;
	}
#policy>dl>dd>a:hover{
font-size:medium !important;
}
*/
/****************************** footer ********************************/
#footer p#email{
	background:#fff;
	padding:0.2em;
	margin:0;
	text-align:center;
	font-size:larger;
	color:#000;
	}
#footer p#email a{
	color:#000;
text-decoration:underline;
	}
address{
	font:small normal;
	text-align:center;
	margin:1% 0 0;
	}
#copyright{
	margin:0;
	padding:1%;
	text-align:center;
	font-size:small;
}
	
	
/*--------------------------
    
	      Top Page
		  
-------------------------- */

.Top-margin{
	margin-bottom: 0;
}

#Top-main-img {
	background: url(../images/top_main_img.jpg) no-repeat top center;
	height: 175px;
}

#Top-under-img {
    background: url(../images/top_under_img.jpg) no-repeat bottom center;
	height: 65px;
}

#Top-Info-earthquake{
    border-bottom:none;
	list-style:none;
	border:3px solid #0070c0;
	margin:0; 
	padding: 0; /*10px 24px;*/
	line-height:1.5;
	background-color:#e0f9ff;
	/*height: 120px;*/
	overflow:hidden;
	font-weight:bold;
}

h2.h2-type-Top {
   line-height: 26px;
   border-color: none;
   background: url(../images/top_h2_bg.gif) no-repeat left;
   border: none;
   padding: 3px 5px;
   color:#000;
   font-size:113%;
}

#whst_new{ 
    margin: 2px 24px 2em;
	border:1px solid #6c6;
	overflow:hidden;
}

#content #tbl-policy ul{ margin:0 0 1em; padding:0; list-style:none;}
#content #tbl-policy ul li{ margin:0 0.5em 0 3em; padding:0 0 0 15px; background: url(../images/policy_list.gif) 0 0.3em no-repeat; }

/* ==== What's New (scrolling) ==== */

#whatsnew{width:100%; overflow-y:scroll;}
#whatsnew{_width:auto;}
#whatsnew table{width:100%;}
#whatsnew table{_width:auto;}
#whatsnew table th{
	width:5em;
	text-align:left;
	padding:4px 8px;
}
#whatsnew table th,
#whatsnew table td{
	font-size:81%;
	vertical-align:top;
	border-bottom:dotted 1px #ccc;
}
#whatsnew table td ul{margin:0;padding:0;}
#whatsnew table td ul li{margin-bottom:4px;}