@charset "shift_jis";
/*-------------------------------------------
 Topページ(index)用CSS
-------------------------------------------*/
.base #container { 
	width: 800px;
	background: #FFFFFF;
	margin: 0 auto;
	text-align: left;
}
/*-------------------------------------------
 Top用ヘッダー #header
-------------------------------------------*/
.base #header {
	background: #F58220;
	padding: 0;
}
.base #header h1 {
	margin: 0;
	padding: 0;
}
/* イメージ画像 */
.base #header .image {
	margin: 0px 0px 1px 1px;
}
/* ロゴ画像 */
.base #header .logo {
	padding: 20px 45px 2px 0px;
}
/* 検索フォーム・文字サイズ変更エリア */
.base #header table {
	font-size:10px;
	line-height:1.5;
	margin-right:14px;
	_margin-right:7px; /* for IE6 */
}
/* 検索フォーム */
.base #header form {
	margin: 0;
}
/*テロップ エリア*/
.base #header_news {
	font-size:110%;
	padding:4px 1px 3px;
	background: #FFFDE8;
} 
/*メニュー エリア*/
.base #header_menu {
	padding-left:13px;
	text-align:center;
} 

/*-------------------------------------------
 インフォメーション１〜３ #info
-------------------------------------------*/
/* 共通 */
.base #info {
	width:780px;
	background: #D1D3D4;
	padding: 10px;
	margin: 9px 0px;
}
#info1 h2, #info2 h2, #info3 h2{
	padding:0px;
	margin:0px 0px 5px;
}
/*-------------------------------------------
 インフォ１ 臨時トピックス #info1 左上
-------------------------------------------*/
/* 表示エリア */
.base #info1 {
	float: left;
	width: 208px;
	height:204px;
	background:#fff;
	padding: 0;
	margin-right:12px;
}
/* トピックス Newあり */
#info1 div.rinji_new{
	padding:12px 4px 8px;
	margin:3px 5px 6px;
	background: #FEE7DC url("../img/top_icon_new.gif") 97% 3px no-repeat;
}
/* トピックス Newなし*/
#info1 div.rinji{
	padding:8px 4px;
	margin:3px 5px 6px;
	background: #FEE7DC;
}
/*トピックス文字 共通 */
#info1 .rinji p,
#info1 .rinji_new p{
	padding:0px;
	margin:0px;
}
/*トピックス文字 日付 */
#info1 .rinji p.date,
#info1 .rinji_new p.date{
	font-size:70%;
	color:#006BB4;
	line-height:1.2;
}
/*トピックス文字 見出し */
#info1 .rinji p.midashi,
#info1 .rinji_new p.midashi{
	font-size:75%;
	color:#962F34;
	line-height:1.2;
}
/*トピックス文字 内容 */
#info1 .rinji p.text,
#info1 .rinji_new p.text{
	font-size:70%;
	line-height:1.3;
}
/*-------------------------------------------
 インフォ２ 地震本部ニュース #info2 中央上
-------------------------------------------*/
/* 表示エリア*/
.base #info2 { 
	float: left;
	width: 340px;
	height:204px;
	background:#FFF;
	padding: 0;
}
/* 写真 エリア */
.photo_news_ph{
	width:178px;
	height:145px;
	padding:0px 5px 5px;
}
/* 記事 エリア */
.photo_news_text{
	width:147px;
	padding:0px 5px 0px 0px;
}
/* 記事 文字設定 */
.photo_news_text dl{
	font-size:80%;
	padding:0px;
	margin:0px;
}
/* 日付 */
.photo_news_text dt{
	padding:0px;
	margin:0px;
}
/* 記事 */
.photo_news_text dd{
	padding:0px 0px 5px;
	margin:0px;
}
.photo_news_text p{
	padding:0px;
	margin:0px;
}
/* 記事内リスト */
.photo_news_text li{
	line-height:1.25;
	margin-left:-13px;
	list-style-image:url("../img/list-kuro.gif");
}

/*-------------------------------------------
 インフォ３ これからの主な予定 #info3 右上
-------------------------------------------*/
/* 表示エリア*/
.base #info3 {
	float: right;
	width: 208px;
	background: #FFF;
	padding: 0px 0px 4px 0px;
}
/* これからの主な予定 */
.yotei{
	text-align:left;
	font-size:80%;
	padding:0px 5px 0px 5px;
}
.yotei dl{
	padding:0px;
	margin:0px;
}
/* 日付 */
.yotei dt{
	color:#006BB4;
	padding:0px;
	margin:0px 0px 0px 16px;
}
/* 記事 */
.yotei dd{
	padding:0px 0px 8px 16px;
	margin:0px;
	background:url(../img/icon_yotei.gif) left 1px no-repeat;
}
.yotei p{
	padding:0px ;
	margin:0px;
}
/* 記事PDFリンク表示 */
.yotei .pdf{
	text-align:right;
}

/*-------------------------------------------
 地震活動の評価 #sidebar1 左下
-------------------------------------------*/
/* 表示エリア */
.base #sidebar1 {
	float: left;
	width: 218px;
	margin-right:12px;
}
#sidebar1 h2{
	padding:0;
	margin:0;
}
/* ○年○月地震活動の評価 エリア */
.hyouka{
	width:202px;
	padding: 8px 8px 6px;
	margin:0px 0px 10px;
	background:#FFF4DB;
}
.hyouka h4{
	font-size:90%;
	line-height:1;
	padding:0px 0px 5px;
	margin:0;
}
/* 地方別リスト */
.hyouka ul{
	font-size:70%;
	line-height:1.5;
	padding:0px;
	margin:5px 0px 0px;
	list-style-image:url(../img/icon_hyouka.gif);
}
.hyouka ul li{
	padding-left:-10px;
	margin-left:16px;
	margin-bottom:2px;
}
.hyouka p{
	font-size:60%;
	text-align:right;
	margin:-1.5em 0px 0px;
}
/* ポップアップ */
.popuptext a{
	position:relative;
}
.popuptext a span{
	position:absolute;
	font-size:80%;
	line-height:1.2;
	color:#333;
	text-decoration:none;
	width:160px;
	padding:8px;
	visibility:hidden;
	background:#FEFCE3;
	border:1px solid #333;
}
.popuptext a:hover,.popuptext a:hover span{
	visibility:visible;
	text-decoration:none;
}
/* 表示位置の指定 */
.popuptext a span{
	top:-15px;
	_top:25px;
	left:160px;
	_left:160px;
}

p.kako  {margin:1.25em 0 0.25em;}

/*-------------------------------------------
 新着情報 #mainContent 中央下
-------------------------------------------*/
/* 表示エリア */
.base #mainContent { 
	float: left;
	width: 322px;
	padding: 8px;
	background:#FFF;
	border:1px solid #D1D3D4;
}
#mainContent h2{
	padding:0px;
	margin:0px 0px 5px;
}
/* 新着情報 エリア */
.topics table{
	font-size:80%;
	padding:0px;
	line-height:1.25;
}
/* 日付 */
.topics table .date {
	color:#006BB4;
}
/* カテゴリー */
.topics table .category {
	color:#F4782B;
}

/*-------------------------------------------
 各コンテンツへのショートカット #sidebar2 右下
-------------------------------------------*/
/* 表示エリア */
.base #sidebar2 {
	float: right;
	width: 218px;
}
.base #sidebar2 p{
	margin:0px;
	padding:0px;
}
/* ショートカット用テーブル */
.base #sidebar2 table{
	border-left:1px solid #F58220;
	border-right:1px solid #F58220;
}
/* 説明 */
.base #sidebar2 td p{
	font-size:70%;
	line-height:1.25;
	padding:3px 1px 0px 0px;
	margin:0px;
}