@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 .mh,
.social,
.aboutJalert .cont,
.box .expPlace,
.box .wrap,
.clfix{zoom:1;}
#header .mh:after,
.social:after,
.aboutJalert .cont:after,
.box .expPlace:after,
.box .wrap:after,
.clfix:after{display:block;visibility:hidden;clear:both;height:0;content:".";}

/* 2.emg.css 1.0.0
======================*/
#emg, #emg2, #emg3 {text-align:center;margin:0 auto/* 10px*/;width:950px;}
#emg2 br {display: none;}
#emg table,#emg2 table,#emg3 table {margin: 0 auto;text-align: left;}


/* footer
======================*/
#footer {
position:relative;
clear:both;
padding:20px 0;
margin:0 auto;
background-color:#fff;
width:950px;
border-top:1px solid #ccc;
}
#footer .wrap {
width:600px;
position: relative;
text-align: left;
margin:0 auto;
}
#footer p {
margin-left:89px;
padding:0;
font-size:80%;
}
#footer .Ybang {
position:absolute;
top:-4px;
left:0;
margin:0;
}

/* for SmartPhone change device */
.changeDevice{margin:0 0 20px;text-align:center;}
.changeDevice dl{margin:0 auto;padding:10px;width:300px;
border:1px solid #e7e7e7;
background:#f9f9f9;
}
.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;}


@media screen and (max-width:950px){
}


#header .mhLogo a,.contHd,.boxAbout .emgBoxTop .emgLinks li,.box h2.ttl{
background-image:url(../img/all.png);
background-repeat:no-repeat;
}
.boxAbout .emgBoxTop .emgLinks li,.listN li,.box .expScene dt,.box .expPoint dt{
background-image:url(../../cmn/img/dot.png);
background-repeat:no-repeat;
}


#wrapper{
background:#efefe9 url(../../cmn/img/bg.png);
overflow:hidden;
}
#wrapper a{color:#0033cc;}
#wrapper a:visited{color:#330099;}
#header{
height:45px;
line-height:45px;
color:#fff;
background:#333;
}
#header .mh{
width:950px;
margin:0 auto;
position:relative;
}
#header a{color:#fff;}
#header a:visited{color:#fff6de;}
#header .mhLogo{
float:left;
padding-top:5px;
}
#header .mhLogo a{
display:block;
width:175px;
height:35px;
background-position:left -150px;
text-indent:-9999px;
overflow:hidden;
}


#contents{
width:950px;
margin:0 auto;
background-color:#fff;
}

/* contHd
-------------- */
.contHd{
background-position:left top;
height:150px;
width:910px;
margin:0 auto;
position:relative;
text-indent:-9999px;
overflow:hidden;
}
.contHd h1{
position:absolute;
width:700px;
height:110px;
top:25px;
left:10px;
background-position:left top;
text-indent:-9999px;
overflow:hidden;
}
.contHd .lead{
position:absolute;
width:180px;
height:120px;
top:0px;
left:720px;
background-position:-325px -90px;
}
.social{
position:absolute;
right:0px;
top:13px;
}
.social li{
float:left;
padding-left:10px;
line-height:20px;
/width:110px;
}

/* boxAbout
--------------- */
.boxAbout{
background-color:#fff0c1;
margin:20px 20px 0;
padding:10px 20px 15px;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px; 
}
.boxAbout .ttl{
color:#19377a;
font-weight:bold;
font-size:150%;
}
.boxAbout .img{
float:left;
padding:0 10px 15px 0;
}
.boxAbout .txt{
font-size:91%;
}
.boxAbout .copyTop{
font-size:85%;
text-align:right;
padding:8px 0 10px;
}
.boxAbout .emgBoxTop{
clear:both;
background-color:#fff;
border:3px solid #5dbfdc;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
padding:10px 20px;
}
.boxAbout .emgBoxTop .emgLinks li{
background-position:0px 1px;
padding-left:15px;
padding-right:30px;
font-size:91%;
float:left;
}
.boxAbout .emgBoxTop .emgLinks li a{
font-weight:bold;
}
.boxAbout .emgBoxTop .sup{
font-size:91%;
clear:both;
}


.emgTxt{
color:#019bcc;
font-weight:bold;
}
.listN li{
background-position:left -148px;
padding-left:15px;
}



/* box
--------------- */
.box{
clear:both;
margin:25px 20px 0;
}

.box h2.ttl{
background-position:left bottom;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
color:#fff;
font-weight:bold;
min-height:35px;
font-size:125%;
padding:10px 0 5px 10px;
}
.box .cont{
padding:10px 10px 0;
}
#sect2 .cont{padding:0px 10px;}

.box dl{
margin-top:15px;
}
.box .expScene dt,.box .expPoint dt{
color:#19377a;
font-weight:bold;
padding-left:15px;
border-bottom:2px dotted #19377a;
}
.box .expScene dt{background-position:left -49px;}
.box .expPoint dt{background-position:left -99px;}
.box dd{
font-size:91%;
padding-top:5px;
}

#sect3 .expScene{
clear:both;
}
.box .expPlace .in,.box .expPlace .out{
width:430px;
float:left;
}
.box .expPlace .in dt,.box .expPlace .out dt{
color:#19377a;
font-weight:bold;
border-bottom:2px dotted #19377a;
}
.box .expPlace .out{
padding-left:30px;
}

/* modAttack */
#sect4 .wrap{
clear:both;
margin-top:20px;
}
.modAttack{
width:430px;
float:left;
}
.modAttack .ttl{
color:#19377a;
font-weight:bold;
border-bottom:2px solid #19377a;
font-size:125%;
}
.modAttack .cont{
padding:10px 0 0;
}
#attack2, #attack4{
padding-left:30px;
}

.copyBtm{
font-size:85%;
text-align:right;
padding:10px 30px 0px;
}

.box .txtB{font-weight:bold;}
.box .imgL{float:left; padding-right:15px;}
.box .imgR{float:right; padding-left:15px;}


/* boxEmg 
---------------*/
.boxEmg h2.ttl,.boxEmg .emgLinks li a{
background-image:url(../img/emgAll.png);
background-repeat:no-repeat;
text-indent:-9999px;
overflow:hidden;
}

.boxEmg{
position:relative;
margin:25px 20px 0;
border:5px solid #dcf2f9;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}
.boxEmg h2.ttl{
position:absolute;
width:890px;
height:110px;
}
.boxEmg .cont{
border:2px solid #5dbfdc;
height:176px;
position:relative;
}
.boxEmg .emgLinks{
position:absolute;
bottom:15px;
right:15px;
}
.boxEmg .emgLinks li{
float:left;
padding-right:15px;
}
.boxEmg .emgLinks li a{
display:block;
width:160px;
height:90px;
}
.boxEmg .emgLinks .ios a{background-position:-890px top;}
.boxEmg .emgLinks .and a{background-position:-1050px top;}
.boxEmg .emgLinks .mail a{background-position:-1210px top;}
.boxEmg .emgLinks .more a{background-position:-1370px top;}




/* notice
--------------- */
.notice{
background-color:#f7f7f4;
margin:25px 20px 0;
padding:10px 10px 5px;
font-size:75%;
line-height:1.5;
}
.notice dt{
font-weight:bold;
}

/* link */
.btmLink{
text-align:center;
padding:15px;
}
.btmLink p{
border-left:1px solid #999;
padding:0 10px 0 12px;
display:inline;
}
.btmLink .first{
padding:0 10px 0 0;
border:none;
}