@charset "Shift_JIS";

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

object,  
embed {  
vertical-align: top;  
}  
	

.mainVisual:after {
content: " ";
clear: both;
display: block;
visibility: hidden;
height: 0;
font-size: 0;
}

.mainVisual {
width:956px;
height:481px;
position: relative;
}

.topBanner,
.topBanner2 {
position: absolute;
bottom: 150px;
right: 15px;
}

.areaDrilldown {
background: url(../images/bg_mainvisial_01.jpg) no-repeat;
width: 956px;
height: 114px;
padding-top: 20px;
}

.infoAreaBoxInner {
padding: 8px 15px;
}

.infoAreaBoxInner dt,
.infoAreaBoxInner dd {
display: inline;
}

.infoAreaBoxInner a span {
background:url(/common/images/ico_allow_lev3.gif) no-repeat 1.8em 0.3em;
padding-left: 27px;
}

.headLine span.date {
display: inline-block;
padding-left: 15px;
width: 100px;
font-size: 77%;
}

.headLine a span {
background:url(/common/images/ico_allow_lev3.gif) no-repeat 0 0.3em;
padding-left: 8px;
font-size: 85%;
}


.headLine ul li {
background:url(/common/images/lne_horizontail_dot.gif) repeat-x bottom;
padding: 6px 0;
}

.headLineList {
text-align: right;
width: 695px;
padding: 10px 15px 0 0;
}

.headLineList span {
background: url(/common/images/ico_allow_lev2.gif) no-repeat 0 0.35em;
display: inline-block;
padding-left: 16px;
}

.areaButtons {
width: 578px;
}

.areaButtons:after {
content: " ";
clear: both;
display: block;
visibility: hidden;
height: 0;
font-size: 0;
}

.areaDrilldown .copy01 {
margin-left: 20px;
}

.areaDrilldown .copy02 {
background: url(../images/img_allow_01.gif) no-repeat right;
margin: 20px 0 0 36px;
width: 306px;
}

.areaButtons li {
padding:0 8px 6px 0;
float: left;
}

.nav .articleWrap {
/*background:url(/common/images/lne_horizontail_dot.gif) repeat-x bottom;*/
padding-bottom: 10px;
margin-bottom: 10px;
}

.annotation {
color: #bbb;
padding-left: 20px;
}

.area-02 {
position: relative;
background: url(/top/images/bg_02.png) no-repeat;
width: 557px;
height: 86px;
}

.area-03 {
position: relative;
background: url(/top/images/bg_03.png) no-repeat;
width: 557px;
height: 86px;
}

.area-04 {
position: relative;
background: url(/top/images/bg_04.png) no-repeat;
width: 557px;
height: 86px;
}

.area-05 {
position: relative;
background: url(/top/images/bg_05.png) no-repeat;
width: 557px;
height: 86px;
}

.area-06 {
position: relative;
background: url(/top/images/bg_06.png) no-repeat;
width: 557px;
height: 86px;
}

.area-07 {
position: relative;
background: url(/top/images/bg_07.png) no-repeat;
width: 557px;
height: 86px;
}

.area-08 {
position: relative;
background: url(/top/images/bg_08.png) no-repeat;
width: 557px;
height: 86px;
}

.state-01 {
position: absolute;
top: 10px;
left: 136px;
}

.state-02 {
position: absolute;
top: 10px;
left: 233px;
}

.state-03 {
position: absolute;
top: 10px;
left: 330px;
}

.state-04 {
position: absolute;
top: 10px;
left: 427px;
}

.state-05 {
position: absolute;
top: 44px;
left: 136px;
}

.state-06 {
position: absolute;
top: 44px;
left: 233px;
}

.state-07 {
position: absolute;
top: 44px;
left: 330px;
}

.state-08 {
position: absolute;
top: 44px;
left: 427px;
}

.areaAttention {
margin: 1px 0 0 292px;
}

#areas {
overflow: hidden;
width: 578px;
}