@charset "UTF-8";
/* CSS Document */

/* 0.reset & set
======================*/
hr.separate{display:none;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-weight:normal;font-style:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
body,h1,h2,h3,h4,h5,h6{font-size: 100%;font-weight: normal;}
hr{visibility:hidden;}
img,object{vertical-align:bottom;}
legend{display:none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th{padding:0; margin:0;}
body,input,option,button{font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W6", Hiragino Kaku Gothic Pro,"MS PGothic","Osaka",Arial,sans-serif;color:#333;}


/* 1.clear fix
======================*/
#header,
#header .social,
.firstArea .dlMod .hd .link,
.firstArea .dlMod .forAppBtn,
.secondArea .expMod3 .aboutList.
.clfix{zoom:1;}
#header:after,
#header .social:after,
.firstArea .dlMod .hd .link:after,
.firstArea .dlMod .forAppBtn:after,
.secondArea .expMod3 .aboutList:after,
.clfix:after{display:block;visibility:hidden;clear:both;height:0;content:".";}

/* 2.emg.css 1.0.0
======================*/
#emg,#emg2,#emg3 {margin:0 auto;text-align: center; width:950px; /*background-color:#17a6d4;*/}
#emg2 br {display: none;}
#emg table,#emg2 table,
#emg3 table {margin: 0 auto;text-align: left;}
/* ie/mac \*//*/
#emg,#emg2 {margin-left: 120px;}
#emg3 {margin-left: 235px;}
/**/



/* footer
======================*/
#footer {
position:relative;
clear:both;
padding:4px 0 0;
width:950px;
margin:0 auto;
height:130px;
}
#footer .wrap {
width:600px;
position: relative;
text-align: left;
}
#footer p {
margin-left:89px;
padding:0;
font-size:80%;
}
#footer .Ybang {
position:absolute;
top:-4px;
left:0;
margin:0;
}






#wrapper{
position:relative;
background:url(../img/topBg.png) no-repeat center top;
overflow:hidden;
}
@media screen and (max-width:950px){
	#wrapper{background:url(../img/topBg.png) no-repeat -525px top;}
}
#wrapper a{color:#17a6d4;}
#wrapper a:visited{color:#007eb8;}
#header{
width:950px;
margin:0 auto;
height:43px;
color:#fff;
margin-top:25px;
}
#header a,#header a:visited{color:#fff;}
#header .mhLogo{
float:left;
}
#header .mhLogo a{
display:block;
background:url(../img/topEmgLogo.png) no-repeat left top;
text-indent:-9999px;
overflow:hidden;
width:162px;
height:27px;
}
#header .mhInfo{
float:right;
width:780px;
}
#header .social{
float:right;
}
#header .social li{
float:left;
margin-left:10px;
/width:110px;
}
#header .mhLink{
float:right;
font-size:75%;
}

.firstArea h1,.firstArea .dlMod h2,.firstArea .mainImg,
.firstArea .dlMod h3,.forAppBtn a,.firstArea .dlMod .forMailBtn a,/*.firstArea .knowledge a,*/
.secondArea h2,.secondArea .expMod3 .aboutList a,.secondArea .expMod3 .aboutList span{
background-image:url(../img/topAll2.png);
background-repeat:no-repeat;
text-indent:-9999px;
overflow:hidden;
}

.firstArea{
position:relative;
width:950px;
margin:0 auto;
height:768px;
padding-top:1px;
}
.firstArea h1{
width:475px;
height:120px;
background-position:left top;
margin-top:17px;
}
.firstArea .dlMod{
width:475px;
margin-top:73px;
}
.firstArea .dlMod h2{
height:40px;
width:475px;
background-position:left -120px;
}
.firstArea .dlMod .hd .txt{
margin-top:3px;
font-size:95%;
line-height:1.5;
}
.firstArea .dlMod .hd .link{
margin-top:3px;
font-size:95%;
line-height:1.5;
}
.firstArea .dlMod .hd .link a{
display:block;
float:left;
background:url(../img/topArw1.png) no-repeat right center;
padding-right:20px;
line-height:18px;
}

.firstArea .dlMod h3{
height:20px;
width:475px;
}
.firstArea .dlMod .forApp h3{background-position:left -230px;}
.firstArea .dlMod .forMail h3{background-position:left -250px;}
.firstArea .dlMod .info h3{background-position:left -270px;}
.firstArea .dlMod .forApp{
margin-top:25px;
}
.forAppBtn li{
float:left;
margin-left:20px;
}
.forAppBtn a{
display:block;
width:172px;
height:90px;
}
.forAppBtn .ios{margin-left:0;}
.forAppBtn .ios a{background-position:left -450px;}
.forAppBtn .and a{background-position:-192px -450px;}
.firstArea .dlMod .forMail{
margin-top:15px;
}
.firstArea .dlMod .forMailBtn{
}
.firstArea .dlMod .forMailBtn a{
display:block;
width:473px;
height:55px;
background-position:left -540px;
}
.firstArea .dlMod .info{
margin-top:15px;
}
.firstArea .dlMod .forApp .txt,
.firstArea .dlMod .forMail .txt,
.firstArea .dlMod .infoList{
font-size:90%;
line-height:1.5;
margin-top:3px;
margin-bottom:3px;
}
.firstArea .dlMod .infoList li{
background-image:url(../../sp/img/dotR.png);
background-repeat:no-repeat;
background-position:3px 5px;
padding-left:15px;
}
#wrapper .firstArea .dlMod .infoList a{color:#e54141;}
#wrapper .firstArea .dlMod .infoList a:visited{color:#c83838;}
.firstArea .dlMod .infoList .date{
color:#888;
font-size:85%;
padding-left:3px;
}

/*.firstArea .knowledge{
position:absolute;
right:0;
bottom:26px;
}
.firstArea .knowledge a{
background-position:left -160px;
display:block;
width:435px;
height:70px;
}*/
.firstArea .knowledge{
position:absolute;
right:15px;
bottom:15px;
}
.firstArea ul.knowledge li{
float:left;
padding-left:10px;
}
.firstArea ul.knowledge a{
display:block;
width:200px;
height:60px;
background-image:url(../img/topBnr3.png);
text-indent:-9999px;
overflow:hidden;
}
.firstArea ul.knowledge .promo201401 a{background-position:0px top;}
.firstArea ul.knowledge .promo2013 a{background-position:-200px top;}
.firstArea ul.knowledge .columnJalert a{background-position:-400px top;}
.firstArea ul.knowledge .promo20140311 a{background-position:-600px top;}

.firstArea .mainImg{
background-position:left -600px;
background-repeat:no-repeat;
position:absolute;
width:430px;
height:680px;
top:0px;
right:0px;
text-indent:0;
}
.firstArea .mainImg:hover{
}
.firstArea .mainImg img{
margin:154px 0 0 36px;
}


.secondArea{
width:950px;
margin:0 auto;
height:1425px;
}
.secondArea h2{
height:40px;
}
.secondArea .expMod1 h2{background-position:left -290px;width:400px;}
.secondArea .expMod2 h2{background-position:left -330px;width:235px;}
.secondArea .expMod3 h2{background-position:left -370px;width:230px;}
.secondArea .expMod4 h2{background-position:left -410px;width:340px;}
.secondArea .txt{
line-height:1.8;
margin-top:20px;
}

.secondArea .expMod1{
position:relative;
padding:60px 60px 0 490px;
height:264px;
}
.secondArea .expMod2{
position:relative;
padding:103px 550px 0 60px;
height:359px;
}
.secondArea .expMod3{
position:relative;
padding:30px 95px 0 595px;
height:405px;
}
.secondArea .expMod4{
position:relative;
padding:0px 0 0 60px;
}
.secondArea .expMod1 .img{
position:absolute;
top:50px;
left:0;
}
.secondArea .expMod2 .img{
position:absolute;
top:0;
right:0px;
}
.secondArea .expMod3 .aboutList{
position:absolute;
left:0;
top:0;
width:520px;
}
.secondArea .expMod3 .aboutList li{
float:left;
padding-right:5px;
padding-bottom:10px;
}
.secondArea .expMod3 .aboutList .aboutEvac span{background-position:0px -1280px}
.secondArea .expMod3 .aboutList .aboutEart span{background-position:-125px -1280px}
.secondArea .expMod3 .aboutList .aboutTsun span{background-position:-250px -1280px}
.secondArea .expMod3 .aboutList .aboutRain span{background-position:-375px -1280px}
.secondArea .expMod3 .aboutList .aboutHeat span{background-position:0px -1430px}
.secondArea .expMod3 .aboutList .aboutWarn span{background-position:-125px -1430px}
.secondArea .expMod3 .aboutList .aboutVolc span{background-position:-250px -1430px}
.secondArea .expMod3 .aboutList .aboutRadi span{background-position:-375px -1430px}
.secondArea .expMod3 .aboutList .aboutJalt span{background-position:0px -1580px}
#wrapper .secondArea .expMod3 .aboutList a{background-position:-250px -1580px;
display:block;
width:122px;
text-indent:0;
overflow:visible;
color:#333;
font-size:80%;
text-decoration:none;
position:relative;
}
#wrapper .secondArea .expMod3 .aboutList a:hover{background-position:-375px -1580px;padding-top:4px;}
.secondArea .expMod3 .aboutList a span{
padding-top:125px;
text-align:center;
display:block;
width:122px;
text-indent:0;
}
.secondArea .expMod3 .aboutList a:hover span{
padding-top:121px;
}
.secondArea .expMod4 .forAppBtn{
position:absolute;
top:47px;
left:475px;
}
.secondArea .expMod4 .link{
position:absolute;
top:155px;
left:475px;
width:364px;
text-align:center;
font-size:95%;
}


/* for SmartPhone change device */
.changeDevice{text-align:center;
margin:0 auto;
position:absolute;
bottom:15px;
right:325px;
}
.changeDevice dl{margin:0 auto;padding:10px;width:300px;
border:1px solid #e7e7e7;
background:#dcf2f9;
}
.changeDevice dt{display:inline;}
.changeDevice dd{display:inline;font-weight:bold;padding:0 5px;
border-right:1px solid #333;
}
.changeDevice dd:last-child{border:none;}
.changeDevice dd a{font-weight:normal;padding:0 5px;}