@charset "Shift_JIS";

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

/*20140820 追加*/
#Earthquake {
padding:10px 0px 10px 0px;
}

.mainVisual {
width:956px;
height:337px;
position: relative;
padding-top: 25px;
}

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

/*20140820 修正*/
.aboutServiceArea {
position: relative;
background: url(/top/images/img_710_01.jpg) no-repeat;
width: 279px;
height: 333px;
}

/*20140820 修正*/
.aboutServiceArea .copy {
position: absolute;
top: 110px;
left: 40px;
}

/*20140820 修正*/
.aboutServiceArea .banner01 {
position: absolute;
top: 12px;
left: 37px;
}

/*20140820 修正*/
.aboutServiceArea .banner02 {
position: absolute;
top: 57px;
left: 37px;
}

/*20140820 追加*/
.aboutServiceArea .infoAreaBoxA {
position: absolute;
top: 175px;
left: 37px;
}

/*20140820 追加*/
.infoAreaBoxA {
width: 207px;
}

/*20140820 追加*/
.infoAreaBoxB {
width: 207px;
}

.infoAreaBoxInner {
padding: 2px 0px;
}

.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;
}

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

.articleTxtS a span {
background:url(/common/images/ico_allow_lev3.gif) no-repeat 0 0.4em;
padding-left: 8px;
}

.headLine span.date {
display: inline-block;
padding-left: 15px;
width: 120px;
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.5em;
display: inline-block;
padding-left: 16px;
}

.itemWrap{
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.topTopics {
width: 226px;
float: left;
margin-right: 16px;
margin-bottom: 20px;
}
.topTopics:nth-child(3n) {margin-right:0;}

/* 
--------------------------------------------- */
#glayLayer {
position:fixed;
top:0;
left:0;
height:100%;
width:100%;
background:black;
opacity: 0.60;
filter:alpha(opacity=60);
}

#overLayer {
position: fixed;
top: 55px;
left:50%;
/*margin-top:-244px;*/
margin-left:-430px;
width: 860px;
height: 610px;
}

.overlayerboxTop {
background: url(/common/images/bg_overlaybox_top.png) no-repeat top;
padding-top: 5px;
}

.overlayerboxBottom {
background: url(/common/images/bg_overlaybox_bottom.png) no-repeat bottom;
padding-bottom: 5px;
}

.overlayerInner {
background: #fff;
}

.guideViewWrap {
position: relative;
margin: 0 auto;
padding-top: 20px;
width: 780px;
height: 420px;
}

.ovbCloseBtn {
position: absolute;
top: 19px;
left: 742px;
cursor: pointer;
}

/* 
--------------------------------------------- */
#guideView {
zoom: 1;
}

#imgSlider {
margin-left: 50px;
width: 670px;
height: 400px;
overflow: hidden;
position: relative;
}

.imgList01 {
left: 0;
padding: 26px 0 0 10px;
position: absolute;
top: 0;
width: 4020px;
}

#imgSlider .imgList01 li {
display: block;
float: left;
}

.pageList01 li {
display: inline;
padding: 0 7px;
}

.pageList01 {
background: url("/common/images/lne_horizontail_dot.gif") repeat-x scroll center top transparent;
margin: 0 auto;
padding-top: 13px;
width: 554px;
position: absolute;
top: 350px;
left: 50px;
text-align: center;
}

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

.nextbackList01 li.back {
left: 0;
position: absolute;
top: 175px;
}

.nextbackList01 li.next {
position: absolute;
right: 0;
top: 175px;
}