/* CSS Document */


#header {
border-bottom:none;
}

#main-top {
width:720px;
padding:0 0 20px 0;
}

#main-top .cate-menu {
float:left;
width:230px;
margin-top:15px;
margin-bottom: 10px;
border-bottom:3px solid #CCCCCC;
}
#main-top .box_about {
border-bottom:3px solid #CCCCCC;
}
#main-top .mg-right {
margin-right:15px;
}

#main-top .cate-menu p {
min-height:58px;
margin:5px ;
}
#main-top .cate-menu ul li,
#main-top .box_about ul li {
width:230px;
height:35px;
background:url(/img/btn_menu-top_back.gif) no-repeat 0 0;
border-bottom:1px solid #CCCCCC;
}
#main-top .cate-menu ul li.top,
#main-top .box_about ul li.top {
border-top:1px solid #CCCCCC;
}
#main-top .cate-menu ul li.under,
#main-top .box_about ul li.under {
border-bottom:none;
}
#main-top .cate-menu ul li a,
#main-top .box_about ul li a {
display:block;
width:230px;
height:35px;
color:#333333;
font-weight:bold;
text-decoration:none;
}
#main-top .cate-menu ul li span,
#main-top .box_about ul li span {
display:block;
padding:11px 0 0 26px;
}
#main-top .cate-menu ul li a:hover,
#main-top .box_about ul li a:hover {
background:url(/img/btn_menu-top_back_ov.gif) no-repeat 0 0;
}

#main-top .cate-menu ul li.none {
background:none;
}

#main-top .feature,
#main-top .box_about{
float:left;
margin-top:15px;
margin-bottom: 10px;
}

#main-top .banner-area {
float:right;
margin-top:15px;
}

#main-top .box_info,
#main-top .box_jikenbo,
#main-top .box_press,
#main-top .box_event,
#main-top .box_report {
width:475px;
}
#main-top .box_about,
#main-top .banner-area {
width:230px;
}

#main-top .banner-area div {
margin-bottom:10px ;
}

#main-top .box_info h2 {
width:475px;
height:19px;
background:url(/img/h2_info.gif) no-repeat left top;
text-align:right;
}

#main-top .box_disasterrelief h2 {
background:url(/img/h2_disasterrelief.gif) no-repeat left top;
}

#main-top .box_jikenbo h2 {
width:475px;
height:19px;
margin-top: 25px;
background:url(/img/h2_jikenbo.gif) no-repeat left top;
text-align:right;
}
#main-top .box_press h2 {
width:475px;
height:19px;
background:url(/img/h2_press-release.gif) no-repeat left top;
text-align:right;
}
#main-top .box_event h2 {
width:475px;
height:19px;
margin-top: 25px;
background:url(/img/h2_event.gif) no-repeat left top;
text-align:right;
}
#main-top .box_about h2 {
width:230px;
height:19px;
background:url(/img/h2_about_bsa.gif) no-repeat left top;
text-align:right;
}
#main-top .box_report h2 {
width:475px;
height:19px;
background:url(/img/h2_report.gif) no-repeat left top;
text-align:right;
}

#main-top .box_info h2,
#main-top .box_jikenbo h2,
#main-top .box_press h2,
#main-top .box_event h2,
#main-top .box_about h2,
#main-top .box_report h2 {
overflow:hidden;
}

#main-top .box_info h2 span.accesibility,
#main-top .box_jikenbo h2 span.accesibility,
#main-top .box_press h2 span.accesibility,
#main-top .box_event h2 span.accesibility,
#main-top .box_about h2 span.accesibility,
#main-top .box_report h2 span.accesibility {
position:relative;
left:-9999px;
}

#main-top .box_info ul,
#main-top .box_jikenbo ul,
#main-top .box_press ul,
#main-top .box_event ul,
#main-top .box_report ul {
width:475px;
}

#main-top .box_info ul li,
#main-top .box_jikenbo ul li,
#main-top .box_press ul li,
#main-top .box_report ul li {
min-height:28px;
padding-bottom:6px;
width:475px;
background:url(/common/img/fig_dot2.gif) repeat-x bottom;
}

#main-top .box_info ul li span.wrap,
#main-top .box_jikenbo ul li span.wrap,
#main-top .box_press ul li span.wrap,
#main-top .box_event ul li span.wrap,
#main-top .box_report ul li span.wrap {
display:block;
padding:0 0 0 16px;
background:url(/common/img/fig_red-square.gif) no-repeat 0 12px;
}

#main-top .box_info ul li span.left,
#main-top .box_jikenbo ul li span.left,
#main-top .box_press ul li span.left {
float:left;
display:block;
width:80px;
padding-top:10px;
font-weight:bold;
}

#main-top .box_info ul li span.right,
#main-top .box_jikenbo ul li span.right,
#main-top .box_press ul li span.right {
display:block;
padding-top:10px;
margin-left:7em;
}

#main-top .box_event ul li span.left,
#main-top .box_report ul li span.left {
	display:block;
	padding-top:10px;
	font-weight:bold;
}

#main-top .box_event ul li span.right {
display:block;
clear:both;
padding-top:2px;
}

#main-top .box_report ul li span.left img{
	vertical-align:middle;
	padding-left:6px;
}

#main-top .box_event li {
	background:url(/common/img/fig_dot2.gif) repeat-x bottom;
	padding: 10px 0 11px;
	width:475px;
}
#main-top .box_event li .title {
	background: url(/common/img/fig_red-square.gif) no-repeat 0 2px;
	padding-left: 16px;
}
#main-top .box_event li .detail {
	padding: 14px 0 0 16px;
}
#main-top .box_event li .detail .head {
	float:left;
	width:60px;
	margin-right:10px;
}
#main-top .box_event li .detail .body {
	float:left;
	width:380px;
}


/* ----- top 02 ----- */


#main-top .top02 {
width:720px;
height:196px;
background:url(/img/main-visual_top02.jpg) no-repeat left top;
}
#main-top .top02 h1 {
padding:0 0 0 60px;
}
#main-top .top02 h1 p.text {
float:left;
width:330px;
margin:134px 0 0 0;
}
#main-top .top02 h1 img.btn {
float:left;
width:124px;
height:42px;
margin:115px 0 0 0;
}

#top_banner_area {
  width: 720px;
  height: 196px;
  overflow: hidden;
  margin-bottom: 10px;
}

#top_banner_area .banner-l {
  width: 475px;
  float: left;
  display: inline;
}

#top_banner_area .banner-s {
  width: 230px;
  float: right;
  display: inline;
}

/* ----- hack for ie6 ----- */

* html #main-top .cate-menu p {
height:68px;
}

* html #main-top .box_press ul li,
* html #main-top .box_event ul li {
height:28px;
}




/* ----- clearfix ----- */

#main-top .box_event li,
#main-top .box_event li .detail,
.clearfix{
	zoom:1;
}
#main-top .box_event li:after,
#main-top .box_event li .detail:after,
.clearfix:after{
	content:"";
	clear:both;
	display:block;
}