@charset "utf-8";
/* 鮨 馬鹿エディタ対策 */
body {
	margin:0;
	padding:0 0 16px 0;
	text-align:center;
	font-size:90%;
	color:#333;
	background-color:white;
	font-family: Helvetica,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;

}
div.body {
	margin:0 auto;
	padding:0;
	width:950px;
	text-align:left;
}
div.title {
	margin:8px 0 0 0;
	padding:0;
	height:60px;
	border-top:3px solid #6688ff;
	background-color:#f6f6f6;
}
div.title h1, div.title h2 {
	margin:0;
	padding:0;
	float:left;
}
div.title div.topbox {
	width:456px;
	margin:8px 16px;
	padding:2px 12px;
	float:right;
	font-size:80%;
	background-color:#ffffef;
	border:2px dotted #ccf;
	line-height:140%;
}
div.gnavi {
	margin:0 0 16px 0;
	padding:0;
	width:100%;
	display:inline-block;
}
div.gmenu {
	padding:0 16px;
	background-color:#f6f6f6;
	background-image:url("../image/grayborder.png");
	background-repeat:repeat-x;
	background-position:right bottom;
}
div.gmenu a {
	width:108px;
	float:left;
	margin:0 4px;
	padding:8px 16px;
	color:blue;
	text-align:center;
	text-decoration:none;
	background-color:#eef;
	border-top:2px solid #ccf;
	border-left:2px solid #ccf;
	border-right:2px solid #ccf;
	border-bottom:2px solid #ccf;
}
div.gmenu a.current {
	background-color:white;
	border-top:2px solid #ccf;
	border-left:2px solid #ccf;
	border-right:2px solid #ccf;
	border-bottom:2px solid white;
}
div.submenu {
	margin:12px 0 0 12px;
}
div.submenu a {
	width:176px;
	float:left;
	margin:0 3px;
	padding:6px 0;
	color:blue;
	text-align:center;
	text-decoration:none;
	background-image:url("../image/sub.jpg");
	background-repeat:repeat-x;
	background-position:right bottom;
	border:1px solid #ccf;
}
div.submenu a.short {
	width:84px;
}
div.submenu a:hover {
	background-image:none;
}
div.path {
	float:left;
	margin:0;
	font-size:90%;
}
div.path a{
	text-decoration:none;
}
ul.bookmark{
	margin:0;
	padding:0;
	list-style:none;
}
ul.bookmark li{
	float:right;
	margin:0 8px 0 0;
	padding:0;
}
div.content {
	margin:0;
	padding:0;
	float:left;
	width:638px;
	line-height:160%;
}
div.right-menu {
	margin:0;
	padding:0;
	background-color:white;
	float:right;
	width:300px;
	line-height:160%;
}
div.right-menu h2.menu{
	font-size:100%;
	border:1px solid #ccc;
	margin:8px 0;
	padding:4px 12px 2px 12px;
	background-image:url("../image/sub.jpg");
	background-repeat:repeat-x;
	background-position:right bottom;
}
div.right-menu div.col3 ul {
	margin:0 0 0 8px;
	padding:0;
	width:92px;
	float:left;
	font-size:100%;
}
div.footer {
	clear:both;
	margin-top:12px;
	text-align:center;
}
div.footer div.footmenu{
	padding:6px 0 4px 0;
	border-top:1px solid #ccf;
	border-bottom:3px solid #6688ff;
	text-align:center;
}
div.footer div.footmenu a{
	color:#66f;
	font-size:80%;
	text-decoration:none;
}
div.footer ul{
	text-align:left;
}
h1.head1, h2.head1 {
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	font-size:120%;
	line-height:120%;
	border:1px solid #ccc;
	margin:0 0 8px 0;
	padding:10px 12px 4px 12px;
	background-image:url("../image/blue.jpg");
	background-repeat:repeat-x;
	background-position:left top;
}
h1.head2, h2.head2 {
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	font-size:110%;
	line-height:120%;
	border:1px solid #ccc;
	margin:0 0 8px 0;
	padding:8px 12px 3px 12px;
	background-image:url("../image/blue.jpg");
	background-repeat:repeat-x;
	background-position:left top;
}
h1.subhead, h2.subhead {
	font-size:100%;
	border:1px solid #ccc;
	margin:0 0 8px 0;
	padding:1px 36px 1px 12px;
}
table.cal {
	font-size:90%;
	border:1px solid #ccc;
	float:left;
	margin:4px 0px 0 1px;
	border-collapse:separate;
	border-spacing:1px;
	text-align:center;
	line-height:100%;
}
table.cal tr.mn th, table.cal tr.dt td {
	width:15px;
	height:15px;
	border:1px solid #ccc;
	padding:2px;
}
table.cal tr.tt th{
	height:17px;
	border:1px solid #ccc;
	padding:4px 2px 2px 2px;
}
table.cal th.sun{
	color:red;
}
table.cal th.sat{
	color:blue;
}
th.disable, td.disable, td.di {
	color:#ccc;
}
div.double table.station {
	width:49%;
	float:left;
}
div.double table.double-l {
	margin-right:8px;
}
table.station {
	font-size:90%;
	border:1px solid #ccc;
	border-collapse:collapse;
}
table.station tr.menu th {
	text-align:center;
}
table.station tr.menu th.tb{
	background-color:white;
	background-image:url("../image/sub.jpg");
	background-repeat:repeat-x;
	background-position:right bottom;
}
table.station th, table.station td {
	padding:0 4px;
	border:1px solid #ccc;
}
table.rank {
	width:100%;
	border:1px solid #ccc;
	border-collapse:collapse;
}
table.rank th, table.rank td {
	border:1px solid #ccc;
	padding:2px;
}
table.rank tr.title th {
	padding:0;
}
table.rank tr.title th div {
	margin:1px;
	padding:6px 8px 2px 8px;
	background-image:url("../image/blue.jpg");
	background-repeat:repeat-x;
	background-position:right top;
}
table.rank tr.menu th {
	text-align:center;
}
table.rank tr.menu th.tb{
	background-color:white;
	background-image:url("../image/sub.jpg");
	background-repeat:repeat-x;
	background-position:right bottom;
}
table.rank tr.menu th.sb {
	background-color:#f6f6ff;
}
table.rank tr.menu th.void{
	color:#aaa;
	background-color:#ddd;
}
table.rank td.void{
	color:#aaa;
}
.intens0, .i0 {
	background-color:white;
}
.intens1, .i1 {
	color:white;
	background-color:#3333ff;
}
.intens2, .i2 {
	color:white;
	background-color:#3366cc;
}
.intens3, .i3 {
	color:white;
	background-color:#339999;
}
.intens4, .i4 {
	color:white;
	background-color:#33cc66;
}
.intens51, .i51 {
	color:white;
	background-color:#33ff33;
}
.intens55, .i55 {
	color:white;
	background-color:#4ce533;
}
.intens59, .i59 {
	color:white;
	background-color:#66cc33;
}
.intens61, .i61 {
	color:white;
	background-color:#999933;
}
.intens65, .i65 {
	color:white;
	background-color:#b27f33;
}
.intens69, .i69 {
	color:white;
	background-color:#cc6633;
}
.intens7, .i7 {
	color:white;
	background-color:#ff3333;
}
div.legend {
	padding:4px 0;
	background-color:#ffffef;
	border:2px dotted #ccf;
}
div.legend div.head{
	font-size:80%;
	font-weight:bold;
	text-align:center;
}
div.legend div.sample{
	padding-left:6px;
}
dl.preflist dt {
	font-weight:bold;
	padding-left:8px;
	border-bottom:1px dotted #aaf;
	margin:0 8px 4px 0;
}
dl.preflist dd {
	margin:0 4px 12px 4px;
}
div.legend div.item{
	float:left;
	font-size:80%;
	width:56px;
	margin:2px;
	padding:0;
	border:1px solid #ccc;
	text-align:center;
}
div.choice div.item, dd.choice div.item{
	float:left;
	font-size:90%;
	width:70px;
	margin:1px;
	padding:0 0 0 4px;
	border:1px solid #ccc;
	text-align:left;
}
div.choice div.itemfull, dd.choice div.itemfull{
/*	float:left;*/
	font-size:100%;
	width:618px;
	margin:2px;
	padding:0;
	border:1px solid #ccc;
	text-align:center;
}
.choice .intens1, h2.intens1, table.cal th.i1{
	background-image:url("../image/ins1.png");
	background-repeat:no-repeat;
	background-position:right center;
}
.choice .intens2, h2.intens2, table.cal th.i2{
	background-image:url("../image/ins2.png");
	background-repeat:no-repeat;
	background-position:right center;
}
.choice .intens3, h2.intens3, table.cal th.i3{
	background-image:url("../image/ins3.png");
	background-repeat:no-repeat;
	background-position:right center;
}
h2.intens3, table.cal th.i3, .max .intens3{
	background-image:url("../image/max3.png");
}
.choice .intens4, h2.intens4, table.cal th.i4{
	background-image:url("../image/ins4.png");
	background-repeat:no-repeat;
	background-position:right center;
}
h2.intens4, table.cal th.i4, .max .intens4{
	background-image:url("../image/max4.png");
}
.choice .intens51, h2.intens51, table.cal th.i51{
	background-image:url("../image/ins5m.png");
	background-repeat:no-repeat;
	background-position:right center;
}
h2.intens51, table.cal th.i51, .max .intens51{
	background-image:url("../image/max5m.png");
}
.choice .intens55, h2.intens55, table.cal th.i55{
	background-image:url("../image/ins5.png");
	background-repeat:no-repeat;
	background-position:right center;
}
h2.intens55, table.cal th.i55, .max .intens55{
	background-image:url("../image/max5.png");
}
.choice .intens59, h2.intens59, table.cal th.i59{
	background-image:url("../image/ins5p.png");
	background-repeat:no-repeat;
	background-position:right center;
}
h2.intens59, table.cal th.i59, .max .intens59{
	background-image:url("../image/max5p.png");
}
.choice .intens61, h2.intens61, table.cal th.i61{
	background-image:url("../image/ins6m.png");
	background-repeat:no-repeat;
	background-position:right center;
}
h2.intens61, table.cal th.i61, .max .intens61{
	background-image:url("../image/max6m.png");
}
.choice .intens65, h2.intens65, table.cal th.i65{
	background-image:url("../image/ins6.png");
	background-repeat:no-repeat;
	background-position:right center;
}
h2.intens65, table.cal th.i65, .max .intens65{
	background-image:url("../image/max6.png");
}
.choice .intens69, h2.intens69, table.cal th.i69{
	background-image:url("../image/ins6p.png");
	background-repeat:no-repeat;
	background-position:right center;
}
h2.intens69, table.cal th.i69, .max .intens69{
	background-image:url("../image/max6p.png");
}
.choice .intens7, h2.intens7, table.cal th.i7{
	background-image:url("../image/ins7.png");
	background-repeat:no-repeat;
	background-position:right center;
}
h2.intens7, table.cal th.i7, .max .intens7{
	background-image:url("../image/max7.png");
}

table.year .y{
	padding-right:20px;
	padding-bottom:16px;
}
table.year .intens1{
	background-image:url("../image/max1.png");
	background-repeat:no-repeat;
	background-position:right bottom;
}
table.year .intens2{
	background-image:url("../image/max2.png");
	background-repeat:no-repeat;
	background-position:right bottom;
}
table.year .intens3{
	background-image:url("../image/max3.png");
	background-repeat:no-repeat;
	background-position:right bottom;
}
table.year .intens4{
	background-image:url("../image/max4.png");
	background-repeat:no-repeat;
	background-position:right bottom;
}
table.year .intens51{
	background-image:url("../image/max5m.png");
	background-repeat:no-repeat;
	background-position:right bottom;
}
table.year .intens55{
	background-image:url("../image/max5.png");
	background-repeat:no-repeat;
	background-position:right bottom;
}
table.year .intens59{
	background-image:url("../image/max5p.png");
	background-repeat:no-repeat;
	background-position:right bottom;
}
table.year .intens61{
	background-image:url("../image/max6m.png");
	background-repeat:no-repeat;
	background-position:right bottom;
}
table.year .intens65{
	background-image:url("../image/max6.png");
	background-repeat:no-repeat;
	background-position:right bottom;
}
table.year .intens69{
	background-image:url("../image/max6p.png");
	background-repeat:no-repeat;
	background-position:right bottom;
}
table.year .intens7{
	background-image:url("../image/max7.png");
	background-repeat:no-repeat;
	background-position:right bottom;
}

div.cal {float:left;height:188px;}
div.unit {
	margin-bottom:16px;
}
div.center{
	text-align:center;
}
div.box {
	padding:8px;
	border:2px dotted #ccf;
	text-align:center;
	background-color:#ffffef;
}
div.box div.notion {
	margin-bottom:8px;
	text-align:left;
}
ul.notion {
	font-size:80%;
	line-height:140%;
}
div.notion{
	font-size:80%;
}
table.intensity-explain {
	font-size:80%;
	border:1px solid #ccc;
}
table.intensity-explain th{
	white-space:nowrap;
	text-align:center;
}
table.intensity-explain tr.title th {
	background-color:#ccc;
}
table.intensity-explain th, table.intensity-explain td{
	padding:2px;
	border:1px solid #ccc;
}
table.intensity-explain td{
	width:30%;
}
table.intensity-explain td ul{
	margin:0;
	padding:0;
}
table.intensities {
	border:1px solid #ccc;
	line-height:120%;
}
table.intensities tr.title th {
	background-color:#ccc;
}
table.intensities th, table.intensities td {
	padding:4px;
	border:1px solid #ccc;
}
table.intensities th, table.intensities td.intsname {
	white-space:nowrap;
}
table.intensities td.stat{
	font-size:90%;
}
table.quakelist {
	width:100%;
	border:1px solid #ccc;
	line-height:120%;
}
table.quakelist tr.title th {
	background-color:#ddd;
	white-space:nowrap;
}
table.quakelist tfoot td{
	padding:0 12px;
	background-color:#ddd;
	font-size:80%;
}
table.quakelist th, table.quakelist td {
	padding:4px;
	border:1px solid #ccc;
}
table.quakelist td.stat{
	font-size:90%;
}
table.squakelist {
	width:100%;
	border:none;
}
table.squakelist td.date{
	font-size:90%;
	padding-right:4px;
	text-align:right;
}
table.squakelist img.item {
	margin:0 6px;
}
table.squakelist td.footer{
	background-color:#f6f6ff;
	border:1px solid #ddf;
}
div.right{
	margin:0;
	padding:0;
	float:right;
}
div.right ul.link{
	margin:0;
	padding:0;
}
div.right ul.link li{
	margin:0;
	padding:0 0 0 12px;
}
div.footad {
	width:100%;
	text-align:center;
}
div.clear{
	clear:both;
	height:0px;
	line-height:0px;
	font-size:1px;
}
.intens1 a, .intens2 a, .intens3 a, .intens4 a, .intens51 a, .intens55 a, .intens59 a, .intens61 a, .intens65 a, .intens69 a, .intens7 a {
	color:white;
}
ul.link li {
	padding-left:12px;
	list-style-type: none;
	background-image:url("../image/liblue.gif");
	background-repeat:no-repeat;
	background-position:left center;
}
ul.pager{list-style:none;}
ul.pager li{float:left;margin-right:8px;}
p {
	margin:0 8px 12px 8px;
	line-height:180%;
}
img {
	border:none;
}
img.san {
	margin:0 6px;
}
em {
	font-style: normal;
	font-weight:bold;
	margin:0 4px;
}
em.red {
	color:red;
}
span.memo {
	font-size:90%;
	font-weight:normal;
}
span.red {
	font-weight:bold;
	color:red;
}
span.unit {
	font-size:90%;
	margin:0 2px;
}
div.chart {
	width: 634px;
	height: 300px;
	text-align:center;
}
div.ctl {
	width:100%;
	text-align:center;
}
div.ctl a{
	display:inline-block;
	margin:0 0 0 8px;
	padding:2px 8px;
	border:1px solid #ccc;
	background-color:#eee;
	line-height:120%;
	text-align:center;
	white-space:nowrap;
}
div.ctl a.all{
	margin:0 0 0 24px;
	width:64px;
}
div.ctl span{
	display:inline-block;
	margin:0 0 0 8px;
	padding:2px 8px;
	border:1px solid #ccc;
	background-color:#eee;
	color:#aaa;
	line-height:120%;
}
.ca {
	cursor:pointer;
}
th.nowrap, td.nowrap{
	white-space:nowrap;
}
@media only screen and (max-width: 950px) {
	div.body {
		margin:12px auto;
		padding:0;
		width:634px;
	}
	div.content {
		margin:0 0 12px 0;
		width:100%;
	}
	div.title {height:120px;}
	div.gnavi {
		margin:0 0 8px 0;
	}
	div.gmenu a {
		width:156px;
		margin-bottom:8px;
	}
	div.gmenu a.current {
		background-color:white;
		border-top:2px solid #ccf;
		border-left:2px solid #ccf;
		border-right:2px solid #ccf;
		border-bottom:2px solid #ccf;
	}
	div.submenu a {
		width:196px;
		margin-bottom:8px;
	}
	div.submenu a.short {
		width:112px;
	}
	div.right-menu {
		margin:0 0 12px 0;
		width:100%;
	}
	div.right-menu div.ad{
		width:100%;
		text-align:center;
		background-color:#ccc;
	}
	div.right-menu div.col3 ul {
		margin:0 0 0 4px;
		padding:0;
		width:204px;
		float:left;
		font-size:100%;
		line-height:140%;
	}
	div.footer div.footmenu {
		font-size:160%;
	}
}
@media only screen and (max-width: 634px) {
	div.body {
		margin:12px auto;
		width:100%;
	}
	div.title {
		padding:0 0 8px 0;
		height:auto;
	}
	div.title .title{
		width:100%;
		float:none;
	}
	div.title img {
		max-width:100%;
		height: auto;
	}
	div.title div.topbox {
		clear:both;
		width:auto;
		float:none;
		margin:2px 4px;
		padding:2px;
	}
	div.gmenu {
		padding:0 2px 4px 2px;
	}
	div.gmenu a {
		width:94px;
		margin:1px;
		padding:6px 2px;
		font-size:90%;
	}
	div.submenu {
		margin:2px;
	}
	div.submenu a {
		width:152px;
		margin:1px;
		font-size:90%;
	}
	div.submenu a.short {
		width:74px;
		margin:1px;
		font-size:90%;
	}
	div.path {
		display:block;
		float:none;
		width:100%;
	}
	ul.bookmark {
		display:block;
		float:none;
		width:100%;
	}
	img.topimage {
		max-width:100%;
		height: auto;
	}
	table.quakelist{
		border-collapse:collapse;
		font-size:80%;
	}
	table.quakelist td.stat{
		font-size:100%;
	}
	table.intensity-explain {
		border-collapse:collapse;
		font-size:80%;
	}
	div.double table.station{
		float:none;
		width:100%;
		font-size:80%;
	}
	div.double table.double-l{
		margin:0 0 8px 0;
	}
	div.choice div.itemfull, dd.choice div.itemfull{
		width:auto;
	}
	table.rank th, table.rank td{
		font-size:80%;
		padding:2px;
	}
	table.rank em {
		margin:0;
	}
	table.year .y{
		vertical-align:top;
		padding-right:2px;
		padding-bottom:24px;
	}
	table.quakelist tr.title th{
		white-space:normal;
	}
	table.quakelist th.sub, table.quakelist td.sub, table.rank td span.sub{
		display:none;
	}
	table.cal{
		font-size:80%;
	}
	div.chart {
		width: 100%;
		height: 300px;
	}
	img.map{
		max-width:100%;
		height: auto;
	}
	img.exp{
		max-width:100%;
		height: auto;
	}
	div.right-menu div.col3 ul {
		width:31%;
	}
	div.right{
		width:auto;
		margin-left:8px;
		text-align:left;
	}
	div.footer {
		margin:0;
		padding:0;
		width:100%;
	}
	div.footmenu {
		margin:0;
		padding:0;
		width:100%;
	}
	div.footer ul.notion {
		width:auto;
	}
}
