@charset "utf-8";

/* ----------------------------------------------------------------
    Invisible Elements
----------------------------------------------------------------- */
#browserInfo,
#skipHeader{
position:absolute;
top:-9999px;
left:-9999px;
}


/* ----------------------------------------------------------------
    Structure= Header Area
----------------------------------------------------------------- */
#headerArea div.section{
width:882px;
}


/* ----------------------------------------------------------------
    Structure= Footer Area
----------------------------------------------------------------- */
#footerArea div.section{
width:882px;
}

#footerArea div.section ul{
width:438px;
}

#footerArea div.section p{
width:444px;
}


/* ----------------------------------------------------------------
    Structure= Contents Area
----------------------------------------------------------------- */
#contentsArea{
width:882px;
margin-bottom: 10px;
}


/* ----------------------------------------------------------------
    Structure= Promotion
----------------------------------------------------------------- */
#promotion{
zoom:1;
margin-bottom:16px;
}

#promotion:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

#promotion *{
margin:0;
padding:0;
}

#promotion div#promotionImage{
position:relative;
float:right;
padding-bottom:19px;
width:672px;
background:url("../../img/bg_promotion-menu.gif") 0 100% no-repeat;
}

#promotion div#promotionImage p{
margin:0;
padding:0;
}

#promotion div#promotionImage ul,
#promotion div#promotionImage li{
margin:0;
padding:0;
}

#promotion div#promotionImage ul{
position:absolute;
top:150px;
left:20px;
width:auto;
}

#promotion div#promotionImage ul li{
float:left;
margin-right:30px;
font-size:0;
line-height:0;
}

#promotion div#promotionImage ul li.lastChild{
margin-right:0;
}

#promotion ul{
float:left;
width:188px;
}

#promotion ul li{
margin-bottom:5px;
}


/* ----------------------------------------------------------------
    Structure= Main Column
----------------------------------------------------------------- */
#mainColumn{
float:left;
width:540px;
}


/* ----------------------------------------------------------------
    Structure= Sub Column
----------------------------------------------------------------- */
#subColumn{
clear:none;
float:right;
width:330px;
}


/* ----------------------------------------------------------------
    Module= Section
----------------------------------------------------------------- */
body.top #mainColumn div.section{
position:relative;
margin:0 0 20px;
}


/* ----------------------------------------------------------------
    Module= Heading
----------------------------------------------------------------- */
body.top #mainColumn h1{
float:none;
margin-bottom:15px;
padding-top:5px;
width:auto;
background:url("../img/bg_hdtype01.gif") 0 0 no-repeat;
font-size:0;
line-height:0;
}


/* ----------------------------------------------------------------
    Module= Link List
----------------------------------------------------------------- */
#mainColumn ul.linkList01{
margin-bottom:0;
}

#mainColumn ul.linkList01 li span.date{
margin-left:1em;
padding-left:0;
background:none;
}

#mainColumn ul.linkList02{
position:absolute;
top:0;
right:0;
}

#mainColumn ul.linkList02 li{
float: left;
margin-left: 20px;
margin-top: 7px;
font-size:0;
line-height:0;
}

/*
#mainColumn ul.linkList02 li{
position:absolute;
top:10px;
right:0;
margin:0;
padding:0;
font-size:0;
line-height:0;
}*/

#mainColumn div.releaseList dl,
#mainColumn div.releaseList dl dt,
#mainColumn div.releaseList dl dd{
margin:0;
}

#mainColumn div.releaseList dl dt{
padding-left:15px;
width:10em;
background:url("../img/bullet_arrow01.gif") 0 0.3em no-repeat;
font-weight:normal;
}

#mainColumn div.releaseList dl dd{
margin:-1.5em 0 6px 0;
padding:0 0 0 10em;
background:none;
zoom:1;
}


/* ----------------------------------------------------------------
    Module= Information
----------------------------------------------------------------- */
body.top dl.information{
zoom:1;
margin-bottom:15px;
padding-top:5px;
border-top:3px solid #dc0000;
}

body.top dl.information:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

body.top dl.information dt{
clear:left;
float:left;
margin:0 8px 10px 0;
border:1px solid #cacaca;
}

body.top dl.information dd{
zoom:1;
margin-bottom:5px;
}

body.top dl.information dd:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}


/* ----------------------------------------------------------------
    Module= Link Block
----------------------------------------------------------------- */
body.top div.linkBlock01,
body.top div.linkBlock02{
margin-bottom:20px;
padding:11px 10px 10px;
background:#f5f5f5 url("../img/bg_linkblock.gif") 0 0 no-repeat;
}

body.top div.linkBlock01 ul,
body.top div.linkBlock02 ul{
margin-bottom:0;
}

body.top div.linkBlock01 ul li{
margin:0 0 5px 0;
padding:0 5px 3px 15px;
text-indent:-15px;
background:url("../img/line_dashed01.gif") 0 100% repeat-x;
}

body.top div.linkBlock01 ul li a{
padding-left:15px;
background:url("../img/bullet_arrow01.gif") 0 0.25em no-repeat;
}

body.top div.linkBlock02 ul{
zoom:1;
margin:0;
}

body.top div.linkBlock02 ul:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

body.top div.linkBlock02 ul li{
float:left;
margin:0 0 5px 0;
padding:0 5px 3px 15px;
width:135px;
text-indent:-15px;
background:url("../img/line_dashed01.gif") 0 100% repeat-x;
}

body.top div.linkBlock01 ul li.lastRow,
body.top div.linkBlock02 ul li.lastRow{
margin-bottom:0;
padding-bottom:0;
background:none;
}

body.top div.linkBlock02 ul li a{
padding-left:15px;
background:url("../img/bullet_arrow01.gif") 0 0.25em no-repeat;
}


/* ----------------------------------------------------------------
    Has Layout
----------------------------------------------------------------- */
p, ul, ol, li, dl, dt, dd{
zoom:1;
}

body.top ul.linkList01 li{
zoom:0;
}


/* ----------------------------------------------------------------
    add 2011.5.25
----------------------------------------------------------------- */
.earthquake {
width: 882px;
margin-bottom: 10px;
}

.earthquake_outer {
background-color: #FAFAFA;
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #CCC;
border-bottom-color: #CCC;
margin-top: 0px;
margin-right: 1px;
margin-bottom: 0px;
margin-left: 1px;
}

.earthquake_inner {
background-color: #FAFAFA;
border-right-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-left-style: solid;
border-right-color: #CCC;
border-left-color: #CCC;
margin-top: 0px;
margin-right: -1px;
margin-bottom: 0px;
margin-left: -1px;
padding-top: 11px;
padding-right: 5px;
padding-bottom: 9px;
padding-left: 15px;
}

.earthquake_link {
zoom:1;
margin-left: 575px;
margin-top: -36px;
position: relative;
margin-right: 0px;
margin-bottom: 0px;
}

.earthquake_link li {
margin-top: 0;
margin-right: 0;
margin-bottom: 0px;
margin-left: 15px;
}

.earthquake_link li a {
padding-left:15px;
background:url("../img/bullet_arrow01.gif") 0 0.1em no-repeat;
}

/* ----------------------------------------------------------------
    add 20110613 oki130
----------------------------------------------------------------- */
body.top div.information_Block{
background-image: url(../img/bg_linkblock.gif);
background-repeat: no-repeat;
background-position: 0 0;
padding-top: 8px;
}

body.top div.information_Block dd{
margin: 0px;
padding: 0px;
}

.information_Block .linkBlock_img{
margin-bottom: 5px;
display: block;
}

body.top dl.information02{
zoom:1;
margin-bottom:15px;
}

body.top dl.information02:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

body.top dl.information02 dt{
clear:left;
float:left;
margin:0 8px 10px 0;
border:1px solid #cacaca;
}

body.top dl.information02 dd{
zoom:1;
margin-bottom:5px;
}

body.top dl.information02 dd:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}