@charset "UTF-8";

body {
	margin:0px;
	padding:0px;
	background-color:#fff;
	font-size:0.9em;
	min-width:760px;
	color:#000;
}
div,h1,h2,h3,h4,p{
	border:none;
	margin:0em;
	padding:0em;
}
h1{font-size:2em;}
h2{font-size:1.1em;}
h3{font-size:1.1em;}
h4{font-size:1em;}
p{font-size:1em;}
a:link{color:#0033cc;background:transparent;}
a:visited{color:#5533cc;background:transparent;}
a:hover,a:active{
	color: #FFF;
	background-color: #062673;

}
img{border-style:none;}
a img{
	border:0px;
}
.clear{clear:both;}

/* レイアウト用ID /// Layout */

#header{background-color:transparent;padding:0px;margin:0px;min-width:450px;}

#tools{display:block;text-align:right;font-size:0.8em;padding:5px;color:#A3BCD3;background-color:#1580D8;border-bottom:1px solid #ffffff;}
#tools a:link,#tools a:visited{ text-decoration:none;color:#fff;}
#tools a:hover,#tools a:active{ text-decoration:none;background:#fff;color:#003366;}
#tools a.skip:link,#tools a.skip:visited{ text-decoration:none;color:#BBBBBB;}
#tools a.skip:hover,#tools a.skip:active{ text-decoration:none;background:#BBBBBB;color:#FFFFFF;}
#tools form{margin:0px; padding:0px;}

#head{background-color:#012E8B;background-image:url("image/title_bg.jpg"); background-repeat:repeat-x;padding:0px;margin:0px; height:7em;}

#flag{float:left;position:relative;text-align:left;padding:0px;margin:0px;margin-left:10px;margin-top:1.5em;}

#title{
	float:left;
	position:relative;
	text-align:left;
	padding:0px;
	font-family:Times New Roman, Times, serif;
	color:#ffffff;
	font-size: 28px;
	margin-top: 15px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}
#title .jp{font-size:0.6em;font-family:"ＭＳ Ｐ明朝", 細明朝, リュウミンL, serif;}

#hp{display:block;text-align:right;font-size:0.8em;padding:10px;color:#A3BCD3;}
#hp .h_photo{margin:0px;padding:0px;margin-top:3px;width=30%;height=20%;}
#hp .h_photo img{margin:3px;width=30%;height=20%;}

#menu{margin:1px 0px 1px 0px;padding:1px;background-color:#062673;color:#fff;text-align:center;line-height:140%;clear:both;}
#menu a{font-size:0.8em;font-weight:bold;margin:0px 0.3em 0.4em 0.3em;text-decoration:none;padding:3px;}
#menu a:link, #menu a:visited{color:#FFFFFF;}
#menu a:hover, #menu a:active{text-decoration:none;background:#A1CAF2;color:#062673;}

#mid{margin:0px:padding:0px;position:relative;background-color:#000;}
#middle{background-color:#000;background-image:url("image/sub_image.jpg"); background-repeat:no-repeat;height:161px;position:relative;display:block;margin:0px;margin-right:301px;padding:0px;}
#middle .txt {text-align:right;}
#middle .txt img{margin-top:25px;margin-left:10px;margin-right:10px;}
/*#mainphoto{text-align:center;width:300px;height:161px;background-color:#E1E1E1;float:right;margin:0px 0px 0px 1px;font-size:11px;position:absolute;top:0px;right:0px;}*/

#mainphoto{text-align:center;width:285px;background-color:#E1E1E1;margin:0px 0px 5px 1px;font-size:11px;}
#mainphoto img{margin:4px;}

#main{margin:0px:padding:0px;position:relative;}
#news{margin-right:301px;position:relative;display:block;padding:15px;}
#news h2.news{margin:0px;padding:0px;background-image:url("./image/menu_news_bg.gif");background-repeat:repeat-x;}
#news h3{margin:0em 0px 3px 0px;font-size:1em;}
#news h4{margin:0px 0px 0px 15px;font-size:1em;}
#news p{margin:0px 0px 1em 15px;font-size:0.9em;color:#333333;}
#news ol{margin:0px 0px 1em 40px;padding-left:0px;}
#news ol li{font-size:0.9em;}
#news ul{margin:0px;margin-left:5px;margin-bottom:1em;padding:0;}
#news ul li{font-family: Arial, Helvetica, sans-serif;background:url("./common_img/li_head.gif") no-repeat left top;list-style:none;padding-left:5px;margin:2px;margin-left:15px;}


#news ul.tlink li{margin-bottom:0.7em;}

#info{
	margin-right:300px;
	display:block;
	padding:15px;
	position: relative;
	height: auto;
}
#info h2.info{margin:0px;padding:0px;background-image:url("./image/menu_news_bg.gif");background-repeat:repeat-x;}
#info h3{margin:0em 0px 3px 10px;font-size:1em;}
#info h4{margin:0px 0px 0px 20px;font-size:1em;}
#info h5{margin:0px 0px 0px 20px;font-size:0.9em;}
#info p{margin:0px 0px 0.3em 35px;font-size:1em;}
#info p.example1{margin:0px 0px 0.3em 45px;font-size:1em;}
#info p.example2{margin:0px 0px 0.3em 65px;font-size:1em;}
#info p.example3{margin:0px 0px 0.3em 26px;font-size:1em;}
#info p.example4{
	margin:0px 0px 0.3em 0px;
	font-size:0.7em;
	font-style: italic;
	color: #999;
}
#info ol{margin:0px 0px 1em 40px;padding-left:0px;}
#info ol li{font-size:0.9em;}
#info ul{margin:0px;margin-left:5px;margin-bottom:1em;padding:0;}
#info ul li{font-family: Arial, Helvetica, sans-serif;list-style:none;padding-left:5px;margin:2px;margin-left:15px;}
#info .img_left {BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 5px; FLOAT: left; PADDING-BOTTOM: 5px; MARGIN: 0px 5px 5px 10px; BORDER-LEFT: #ccc 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #ccc 1px solid; TEXT-ALIGN: center}
 HTML #content .img_left {BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 5px; FLOAT: left; PADDING-BOTTOM: 5px; MARGIN: 0px 15px 15px 20px; BORDER-LEFT: #ccc 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #ccc 1px solid; TEXT-ALIGN: center}
#info .img_left P {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px}
#info .img_left P IMG {MARGIN-BOTTOM: 5px}
#info .img_left P A {PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; TEXT-DECORATION: none}
#info .img_left2 {MARGIN-LEFT: 0px; TEXT-ALIGN: center}
 HTML #content .img_left {VERTICAL-ALIGN: middle; WIDTH: 112px; HEIGHT: 33px}
#info .img_left2 P {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px}
#info .img_left2 P IMG {MARGIN-BOTTOM: 5px}
#info .img_left2 P A {PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; TEXT-DECORATION: none}
#info .img_right {FLOAT: right; MARGIN-BOTTOM: 15px; MARGIN-LEFT: 15px; MARGIN-RIGHT: 25px}


#info ul.tlink li{margin-bottom:0.7em;}


#text_link h2{margin:3px;margin-bottom:6px; color:#3366CC;font-size:1em;background-image:none;}
#text_link h2 a{
	color:#3366CC;
	background-color: #062673;
}
#text_link h2 a:hover, #text_link h2 a:active{
	background-color:#3366CC;
	color:none;
}

#links{
	width:300px;
	float:right;
	margin:0px 0px 0px 1px;
	padding-top:15px;
	position:absolute;
	top:2px;
	right:-5px;
	text-align:center;
	background-color:#FFF;
	height: 825px;
}
#links .box{
	margin:0px;
	width:285px;
	text-align:center;
	border: thin solid #CCC;
	background-color: #FFF;
	height: 470px;
}
#links .box h2{margin:0px;padding:0px;margin-top:2px;}
#links .banner{
	float:left;
	margin-left:15px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
}
#links ul{margin:0;margin-left:5px;padding:0;text-align:left;}
#links ul li{font-family: Arial, Helvetica, sans-serif;background:url("./common_img/list_bs.gif") no-repeat left top;list-style:none;padding-left:10px;margin:5px;margin-left:15px;font-size:0.9em;}
#links a:hover,a:active{

}
#bottom{margin:0px;padding:0px;position:relative;clear:both;}

#footer{
	width:auto;
	text-align:center;
	color:#000;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #666;
	background-color: #FFFFFF;
	float: none;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
}
#footer2 {
	CLEAR: both; DISPLAY: block; MARGIN-BOTTOM: 15px
}
#pagetop {
	PADDING-RIGHT: 3px; BORDER-TOP: #aaa 1px dotted; PADDING-LEFT: 0px; PADDING-BOTTOM: 2px; MARGIN: 0px 0px 2px; PADDING-TOP: 0px; TEXT-ALIGN: right
}
#footer .ftxt{
	font-size:1em;
	color: #333;
	background-color: #FFFFFF;
	font-family: "Times New Roman", Times, serif;
}

/* 2/15追加 */
#main_table{margin-left:20px;border-color:#000000;border-style:solid;border-width:1px;width:499px;padding : 0px 0px 0px 0px}
#main_table .center_area{margin:0px 0px 0em 0px;float:left;width:544px;height:20px;border-style:solid;border-color:#000000;border-width:1px;}
#main_table .number_area{margin:0px 0px 0em 0px;float:left;width:45px;height:20px;border-style:solid;border-color:#000000;border-width:1px;}
#main_table .left_area{margin:0px 0px 0em 0px;float:left;width:150px;height:20px;border-style:solid;border-color:#000000;border-width:1px;}
#main_table .right_area{margin:0px 0px 0em 0px;float:left;width:345px;height:20px;border-style:solid;border-color:#000000;border-width:1px;}
#main_table .space{clear:left;}
#main_table p{margin:0px 0px 0em 2px;font-size:0.8em;}
#main_table h1{font-weight:bold;font-size:0.8em;}
#info ul.links li{list-style:none;background:url(./common_img/li_head.gif) no-repeat center left;width:6; height:12; border:0;}

/* 2/15追加 */
#main_tab{margin-left:45px;border-color:#000000;border-style:solid;border-width:1px;width:409px;padding : 0px 0px 0px 0px}
#main_tab .center_area{margin:0px 0px 0em 0px;float:left;width:468px;height:20px;border-style:solid;border-color:#000000;border-width:1px;}
#main_tab .left_area{margin:0px 0px 0em 0px;float:left;width:300px;height:20px;border-style:solid;border-color:#000000;border-width:1px;}
#main_tab .left_area2{margin:0px 0px 0em 0px;float:left;width:300px;height:29px;border-style:solid;border-color:#000000;border-width:1px;}
#main_tab .right_area{margin:0px 0px 0em 0px;float:left;width:105px;height:20px;border-style:solid;border-color:#000000;border-width:1px;}
#main_tab .right_area2{margin:0px 0px 0em 0px;float:left;width:105px;height:29px;border-style:solid;border-color:#000000;border-width:1px;}
#main_tab .space{clear:left;}
#main_tab p{margin:0px 0px 0em 2px;font-size:0.8em;}
#main_tab q{margin:0px 0px 0em 2px;font-size:0.8em;}
#main_tab h1{font-weight:bold;font-size:0.8em;}


/* プリント用 /// Print */
@media print{
body{font-size:10px;}
}
#main #info #contents minititle {
	background-color: #09C;
	color: #FFF;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #06F;
	border-right-color: #06F;
	border-bottom-color: #06F;
	border-left-color: #06F;
}
#main #info .links li b {
	color: #F00;
}
#main #links .photo_title {
	width: 285px;
	height: 20px;
	background-color: #062673;
	color: #FFF;
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	border: thin solid #999;
	text-decoration: blink;
	text-align: left;
	font-weight: bold;
}
#scroll{
	height: 400px;
	overflow: auto;



	scrollbar-base-color: ;
	scrollbar-arrow-color: #ffffff;
	color: #000000;
	border-top-width: medium;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: medium;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #D3D3D3;
	border-left-color: #D3D3D3;
	background-color: #FFF;
}
#main #info #contents1 div {
	background-color: #09C;
	color: #FFF;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #06F;
	border-right-color: #06F;
	border-bottom-color: #06F;
	border-left-color: #06F;
}
#main #info #contents1 {

}
#main #info #contents2 {

}
#main #info #contents2 div {
background-color: #09C;
	color: #FFF;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #06F;
	border-right-color: #06F;
	border-bottom-color: #06F;
	border-left-color: #06F;}
#main #info #contents3 {

}
#main #info #contents3 div {
background-color: #09C;
	color: #FFF;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #06F;
	border-right-color: #06F;
	border-bottom-color: #06F;
	border-left-color: #06F;}
#main #info #contents4 {

}
#main #info #contents4 div {
background-color: #09C;
	color: #FFF;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #06F;
	border-right-color: #06F;
	border-bottom-color: #06F;
	border-left-color: #06F;}
	
#main #info #contents5 div {
background-color: #09C;
	color: #FFF;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #06F;
	border-right-color: #06F;
	border-bottom-color: #06F;
	border-left-color: #06F;}
	
#main #info #contents5{

}
#main #info #contents6 {

}
#main #info #contents6 div {
background-color: #09C;
	color: #FFF;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #06F;
	border-right-color: #06F;
	border-bottom-color: #06F;
	border-left-color: #06F;}
#main #links .Grand_séisme {
	height: 100px;
	width: 285px;
	border: thin solid #CCC;
	margin-top: 15px;
}
#main #links .Grand_séisme .Grand_séisme_title {
	height: 40px;
	width: 285px;
	background-color: #3F3;
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	color: #FFF;
	text-decoration: blink;
	text-align: center;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
#main #links .Grand_séisme .Grand_séisme_infos {
	text-align: left;
	height: auto;
}
#main #info_Grand_séisme {
	height: 400px;
	font-family: "Times New Roman", Times, serif;
	text-align: justify;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}
#main #info_Grand_séisme h2 {
	font-size: 20px;
	text-decoration: underline;
	text-align: center;
}