/*-Encoding by UTF-8-*/

*{
margin: 0;
padding: 0;
}


body#viewer,
body#home,
body#hd_list {
	font-family: sans-serif;
	color: #666;
}


body#home,
body#hd_list {
	margin: 5px 0 5px 0;
	background-color: #555;
}


table#base {
	width: 800px;
	font-size: 0.9em;/*-for IE-*/
}

table#base,x:-moz-any-link,x:default {font-size: 1.0em;}/*-FireFox 3 or Upper-*/

@media screen and (-webkit-min-device-pixel-ratio:0) {/*-Safari 3 or Upper, Chrome-*/
	table#base {font-size: 0.9em;}
}



#viewer td#credit,
#base td#credit {
	font-size: 0.8em;/*-IE-*/
}

#viewer td#credit,x:-moz-any-link,x:default {font-size: 0.9em;}/*-FireFox 3 or Upper-*/

@media screen and (-webkit-min-device-pixel-ratio:0) {/*-Safari 3 or Upper, Chrome-*/
	#viewer td#credit {font-size: 0.9em;}
}

#base td#credit,x:-moz-any-link,x:default {font-size: 0.9em;}/*-FireFox 3 or Upper-*/

@media screen and (-webkit-min-device-pixel-ratio:0) {/*-Safari 3 or Upper, Chrome-*/
	#base td#credit {font-size: 0.9em;}
}


/*-HOME、他リストページ共通-*/

#base td#head {
	height: 120px;
	background-color: #19541c;
	background-image: url(top_title.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	color: #fff;
}


td#select {
	width: 150px;
	background-color: #8fa874;
	vertical-align: top;
}

td#article {
	width: 650px;
	background-color: #fff4cc;
}

td#article hr {
	width: 95%;
	margin: 0 0 0 0;/*-IE-*/
}

td#article hr,x:-moz-any-link,x:default {margin: 0 0 0 2.5%;}/*-FireFox 3 or Upper-*/


@media screen and (-webkit-min-device-pixel-ratio:0) {/*-Safari 3 or Upper, Chrome-*/
	td#article hr {margin: 0 0 0 2.5%;}
}



#base td#credit {
	height: 40px;
	text-align: center;
	vertical-align: middle;
	background-color: #19541c;
	color: #fff;
	font-family: 'MS Mincho',serif;
}

table#choice {
	width: 650px;
}


div.locate {
	height: 30px;
	text-align: right;
	padding: 5px 20px 0 0;
	margin: 0 0 20px 0;
}



/*-========================-*/
/*-通常のリンクパターン-*/

/*-※ここに新たに追加したリンクタグのセレクターを追記すると、そのリンク文字の表示が他のものと統一した表現になります。-*/

p.back a,
#relate li a,
div.locate a,
td.nm a,
.items li a {
	text-decoration: none;
	color: #006ab6;
}

/*-※マウスを乗せたときの文字色の変化の定義-*/
p.back a:hover,
p.back a:focus,
#relate li a:hover,
#relate li a:focus,
div.locate a:hover,
div.locate a:focus,
td.nm a:hover,
td.nm a:focus,
.items li a:hover,
.items li a:focus {
	color: #b34c4c;
	/*font-weight: bold;*/
}

/*-========================-*/
/*-左ペインのリンクボタン-*/

td#select li {
	vertical-align: middle;
}

#select ul {
	margin: 30px 0 0 0;
}

#select ul,#select li {
	width: 150px;
	list-style: none;
}

#select li {
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #fff;
	background-color: #896235;
	color: #fff;
}


#select li a {
	display: block;
	padding: 5px 0 5px 0;
	text-align: center;
	width: 100%;
	height: auto;
	text-decoration: none;
	color: #fff;
}


#select li a:hover,
#select li a:focus {
	width: 100%;
	height: auto;
	color: #19541c;
	background-color: #999;
}


#select li.current,
#select li.current_bottom {
	display: block;
	padding: 5px 0 5px 0;
	text-align: center;
	width: 100%;
	height: auto;
	background-color: #19541c;
	color: #ec9800;
}

#select span {/*-「安政東海・安政南海地震」だけ表示をカスタムにしてます。-*/
	font-size: 65%;
}


#select li.bottom,
#select li.current_bottom {/*-ボタン群の最下部だけ下線があります。-*/
	border-width: 1px 0 1px 0;
	border-style: solid;
	border-color: #fff;
}


.thumbs img {/*-サムネイルの枠-*/
	border-style: solid;
	border-color: #0c1cce;
	border-width: 2px;
}


/*-========================-*/

/*-カテゴリー別メニュー-*/

h3 {
	margin: 0 0 0 2em;
}

body#home h3 {
	margin: 0 0 30px 0;
	text-align: center;
}

div.explanation {
	margin: 1em 3em 1em 90px;
	text-align: left;
	text-indent: 1em;
	line-height: 1.5em;
}



table#choice_mt {
	width: 600px;
	margin: 30px 0 30px 25px;
	/*background-color: #999;*/
	font-size: 90%;/*-IE-*/
}

/*-
table#choice_mt,x:-moz-any-link,x:default {font-size: 90%;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	table#choice_mt {font-size: 90%;}
}
-*/

td.no {
	width: 30px;
	text-align: center;
	vertical-align: middle;
}

td.headlines {
	text-align: left;
	vertical-align: middle;
}

td.headlines ul {
	margin: 0 0 0 1em;
}

td.headlines li {
	clear: both;
	list-style: none;
	margin: 7px 0 0 0;
}


td.cont {
	width: 30px;
	text-align: center;
	vertical-align: middle;
}

td.thumbs {
	width: 150px;
	height: 132px;
	text-align: center;
	vertical-align: middle;
}


.headlines span.th {
	margin: 0 1em 0 0;
	font-weight: bold;
}



.headlines li.ttl {
	text-indent: -7.5em;/*-IE-*/
	padding: 0 0 0 7.5em;
}

.headlines li.ttl,x:-moz-any-link,x:default {text-indent: -10.5em; padding: 0 0 0 10.5em;}/*-FireFox 3 or Upper-*/

@media screen and (-webkit-min-device-pixel-ratio:0) {/*-Safari 3 or Upper, Chrome-*/
	.headlines li.ttl {
		text-indent: -8.0em;
		padding: 0 0 0 8.0em;
	}
}



.headlines li.indent {
	padding: 0 0 0 7.5em;/*-IE-*/
}

.headlines li.indent,x:-moz-any-link,x:default {padding: 0 0 0 10.5em;}/*-FireFox 3 or Upper-*/

@media screen and (-webkit-min-device-pixel-ratio:0) {/*-Safari 3 or Upper, Chrome-*/
	.headlines li.indent {padding: 0 0 0 8.0em;}
}



p.back {
	margin: 0 2em 20px 0;
	text-align: right;
}


#choice_mt hr {
	/*margin: 5px 0 5px 0;*/
	width: 100%;
	margin: 5px 0 5px 0;/*-IE-*/
}

#choice_mt hr,x:-moz-any-link,x:default {margin: 5px 0 10px 0;}/*-FireFox 3 or Upper-*/

@media screen and (-webkit-min-device-pixel-ratio:0) {/*-Safari 3 or Upper, Chrome-*/
	#choice_mt hr {margin: 5px 0 10px 0;}
}



/*-トップメニュー-*/

table#choice {
	width: 600px;
	margin: 20px 0 50px 50px;
}

#choice hr {
	width: 580px;
	margin: 5px 20px 5px 0;
}


#home h3.cont {/*-contents-*/
	margin: 30px 0 0 40%;
	text-align: left;
}

.items {
	padding: 0 0 0 200px;
}


.items ul {
	/*list-style: none;*/
	margin: 20px 0 20px 0;
}

.items li {
	display: block;
	margin: 0 0 8px 0;
}