@charset "Shift_JIS";
/* CSS Document */
#main_area{
	background: url(../images/common/bg_mainarea.jpg) no-repeat center 0px;
	width: 1010px;
}
h1{
	font-size: 20px;
	line-height: 54px;
	height: 54px;
	width: 950px;
	margin: 0px 0px 20px;
	padding: 9px 0px 0px 60px;
}
h1.h1_blue{
	background: url(../images/common/bg_h1_blue.gif) no-repeat 8px 9px;
	color: #0071bc;
}
h1.h1_red{
	background: url(../images/common/bg_h1_red.gif) no-repeat 8px 9px;
	color: #c1272d;
}
p{
	padding-right: 15px;
	padding-left: 15px;
	text-indent: 1em;
	line-height: 1.3em;
}
.red{
	color: #c1272d;
}
#contents{
	padding: 10px 0px 0px;
	width: 1010px;
	background: url(../images/common/bg_contents.gif) repeat-y center 0px;
}
#contents_left{
	float: left;
	width: 650px;
	padding: 0px 0px 0px 23px;
}
#contents_right{
	padding: 0px 20px 30px 0px;
	float: right;
	width: 300px;
}
#contents_center{
	margin: 0px auto 30px;
	width: 800px;
}
.contents_clear{
	clear: both;
}
#contents_btm{
	background: #FFFFFF url(../images/common/bg_contentsbtm.gif) no-repeat center bottom;
	height: 30px;
}
.pagetop{
	font-size: 14px;
	line-height: 14px;
	text-align: right;
	padding-right: 16px;
	background: url(../images/common/arw_pagetop.gif) no-repeat right center;
	width: 960px;
}
.back{
	font-size: 14px;
	line-height: 14px;
	background: url(../images/common/arw_back.gif) no-repeat left center;
	padding-left: 18px;
	margin-left: 15px;
}
#contents h2{
	background: url(../images/common/bg_title.gif) repeat-x 0px 0px;
	font-size: 16px;
	line-height: 26px;
	margin: 0px 0px 20px;
	padding: 0px;
	width: 100%;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 2px solid #0071bc;
	border-left: 1px solid #ccc;
	height: 27px;
	text-indent: 10px;
}
#contents h2.h2_blue{
	border-bottom: 2px solid #0071bc;
}
#contents h2.h2_red{
	border-bottom: 2px solid #c1272d;
}
#contents h3{
	background: url(../images/common/bg_title.gif) repeat-x left bottom;
	line-height: 130%;
	margin: 0px 15px 10px;
	padding: 10px 15px;
	border: 1px solid #d9d9d9;
	color: #c1272d;
}
#contents .linkbar01{
	font-size: 90%;
	background: url(../images/common/linkbar01.gif) no-repeat 0px 0px;
}
#contents .linkbar01 a{
	display: block;
	line-height: 25px;
	width: 150px;
	margin-bottom: 10px;
	padding-left: 10px;
	text-decoration: none;
}
#contents .linkbar01 a:hover{
	background: url(../images/common/linkbar01on.gif) no-repeat 0px 0px;
	text-decoration: underline;
	color: #FFFFFF;
}
#contents table{
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	width: 100%;
	margin-bottom: 10px;
}
#contents table th,td{
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	padding: 5px;
	text-align: center;
}
#contents table th{
	background: #f2f2f2;
}
#contents .powered{
	font-size: 83%;
	text-align: right;
}
#contents .box01{
	padding: 10px;
	border: 1px solid #c1272d;
	margin-bottom: 30px;
}

/*右コンテンツ*/
#contents_right .side_title{
	width: 294px;
	background: url(../images/common/bg_title.gif);
	text-indent: 10px;
	height: 28px;
	line-height: 28px;
	font-size: 14px;
	font-weight: bold;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
#contents_right .side_menu{
	margin: 0px;
	padding: 0px;
}
#contents_right .side_menu ul{
	border-top: 1px solid #ccc;
	list-style-type: none;
	margin-top: 3px;
	width: 296px;
}
#contents_right .side_menu li{
	list-style-type: none;
	border-top: none;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	background: #f2f2f2 url(../images/common/arw_sidemenu.gif) no-repeat -5px 0px;
	font-size: 12px;
	padding: 5px 0px 5px 16px;
	line-height: 120%;
	width: 278px;
}
#contents_right .side_menu ul.nolink li{
	background: #f2f2f2 url(none);
}

/*2011-07-12 追加分　ここから*/
#contents_center td.quake_ken{
	width: 60px;
}
#contents_center td.quake_shindo{
	width: 40px;
}
#contents_center td.quake_chiku{
	width: 214px;
}
.btn_back{
	float: left;
	background: url(../images/common/btn_back.gif) no-repeat 0px 0px;
}
.btn_back a{
	display: block;
	width: 96px;
	height: 35px;
	text-indent: -9999px;
}
.btn_back a:hover{
	background: url(../images/common/btn_back_on.gif) no-repeat 0px 0px;
}
.btn_next{
	float: right;
	background: url(../images/common/btn_next.gif) no-repeat 0px 0px;
}
.btn_next a{
	display: block;
	width: 96px;
	height: 35px;
	text-indent: -9999px;
}
.btn_next a:hover{
	background: url(../images/common/btn_next_on.gif) no-repeat 0px 0px;
}
/*2011-07-12 追加分　ここまで*/

/*2011-07-29 追加分　ここから*/
#contents h4{
	background: url(../images/common/bg_title.gif) repeat-x left bottom;
	margin: 10px 0px;
	padding: 3px 10px;
	border: 1px solid #d9d9d9;
}
#contents .anchor {
	border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	padding: 5px;
	margin: 10px 0px;
}
#contents .anchor a {
	background: url(../images/common/arw_anchor.gif) no-repeat left center;
	padding-left: 18px;
	font-size: 80%;
	display: inline-block;
	padding-right: 10px;
}
#contents_center th.tsunami_01{
	width: 125px;
}
#contents_center th.tsunami_02{
	width: 210px;
}
/*2011-07-29 追加分　ここまで*/

/*2011-08-19 追加分　ここから*/
#contents_c_left{
	float: left;
	width: 470px;
	position: relative;　/*2011-8-22　追加*/
}
#contents_c_right{
	float: right;
	width: 305px;
}
.btn_block{
	padding-top: 10px;
}
#popup #contents{
	padding: 10px;
	width: 900px;
	background: url(none);
}
#popup #contents td.w25{
	width: 25px;
}
#popup #contents td.w25_l{
	width: 10px;
	border-right: 0px;
}
#popup #contents td.w25_r{
	width: 10px;
	border-left: 0px;
}
#popup #contents td.w50{
	width: 50px;
	border-left: 0px;
	border-right: 0px;
}
/*2011-08-19 追加分　ここまで*/

/*2011-8-22　追加分　ここから*/
#contents_c_left .caption{
	padding: 3px 5px;
	width: 220px;
	position: absolute;
	left: 5px;
	top: 380px;
	font-size: 90%;
}
#popup #contents img{
	border-style: none;
}
#popup #contents table{
	margin-top: 5px;
}

#popup #contents .day_table{
	margin-top: 5px;
	width: 1360px;
}

/*2011-8-22　追加分　ここまで*/

/*2011-9-3　追加分　ここから*/
.sub{
	font-size: smaller;
	font-weight: normal;
}
/*2011-9-3　追加分　ここまで*/

/*2011-9-13　追加分　ここから*/
#contents_center{
	position: relative;
}
#contents .caption2{
	width: 320px;
	position: absolute;
	left: 495px;
	top: 395px;
	font-size: 90%;
}
/*2011-9-14　追加分　ここから*/
.btn_block .hanrei{
	float: left;
	width: 90px;
}
.btn_block .cursor_time{
	float: right;
	width: 202px;
	padding-top: 12px;
}
.btn_block .cursor{
	width: 90px;
	padding-bottom: 15px;
	padding-top: 10px;
}
#popup #contents .pop_left{
	width: 280px;
	float: left;
}

#popup #contents .pop_mid{
	width: 280px;
}


#popup #contents .pop_right{
	width: 280px;
	float: right;
}
/*2011-9-26　追加分　ここから*/
#contents_center .linklist{
	min-height: 300px;
}
#contents_center .linklist ul{
	list-style-type: none;
	margin-top: 30px;
}
#contents_center .linklist li{
	background: url(../images/common/bg_title.gif) repeat-x left bottom;
	line-height: 130%;
	margin: 0px 15px 20px;
	padding: 10px 15px;
	border: 1px solid #d9d9d9;
	list-style-type: none;
}
#contents_center .linklist li a{
	background: url(../images/common/arw_sidemenu.gif) no-repeat -10px center;
	padding-left: 15px;
	font-size: larger;
	font-weight: bold;
}
.align_r{
	text-align: right;
}
#contents h5{
	margin: 10px 0px;
	padding: 3px 10px;
	font-weight: bold;
	color: #FFFFFF;
	background: #c1272d;
}
/*2011-9-27　追加分　ここから*/
#contents table.bunpu{
	border-style: none;
}
#contents table.bunpu th.bd_l{
	border-left: 1px solid #999;
}
#contents table.bunpu th.bd_tl{
	border-left: 1px solid #999;
	border-top: 1px solid #999;
}
#contents table.bunpu td.bd_r_none{
	border-right-style: none;
	height: 1px;
}
/*2011-9-30　追加分　ここから*/
h1.h1_red2{
	background: url(../images/common/bg_h1_red2.gif) no-repeat 8px 9px;
	color: #c1272d;
}
#contents_center .linklist .block1 li{
	float: left;
	width: 215px;
	margin: 0px 0px 15px 15px;
	_margin: 0px 0px 15px 10px;
	font-size: 73%;
}
.pagetop2{
	font-size: 14px;
	line-height: 14px;
	text-align: right;
	padding-right: 16px;
	background: url(../images/common/arw_pagetop.gif) no-repeat right center;
	width: 780px;
	margin-bottom: 40px;
}
#contents_center table.usage{
	margin: 15px 0px 10px 15px;
	width: 770px;
}
#contents_center table.usage td{
	text-align: left;
}
#contents_center table.usage td.center{
	text-align: center;
}
#contents_center table.usage th{
	white-space: nowrap;
}
h1.h1_blue .help
{
/*	margin-left: 600px;*/
	position: relative;
/*	left: 200px;*/
	width: 150px;
	font-size: 80%;
	color: #0071bc;
}

h1.h1_red .help
{
/*	margin-left: 600px;*/
	position: relative;
/*	left: 200px;*/
	width: 150px;
	font-size: 80%;
	color: #0071bc;
}