@charset "utf-8";

#container {
 font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 margin-top:0;
 margin-bottom:4em;
}

#e404{
border: #ccc 1px solid;
padding: 4em;
margin: 2em 10%;
background-color:#ECECEC;
}

#e404 a:link{
color:#000 ;
text-decoration: none;
}
#e404 a:active{
color:#000 ;
text-decoration: none;
}
#e404 a:visited{
color:#000 ;
text-decoration: none;
}
#e404 a:hover{
color:#000 ;
text-decoration: none;
}

h1{
 padding: 1.4em 1em 1em 1em;
 color:#fff;
 font-size:1.6em;
 font-weight:500;
 line-height:160%;
 background-color:#1254C7;
 text-align:center;
 margin-bottom: 0!important;
 border-top:#ccc 1px solid;
 border-right:#ccc 1px solid;
 border-left:#ccc 1px solid;
 border-bottom: none;
}

h2{
margin-top: 0!important;
 padding: 1.4em 1em 1em 1em;
 color:#222;
 font-size:1.2em;
 font-weight:400;
 line-height:160%;
 background-color:#fff;
 text-align:center;
 border-top:none;
 border-right:#ccc 1px solid;
 border-left:#ccc 1px solid;
 border-bottom: #ccc 1px solid;
}


.e404_box01{
 margin-top: 4em!important;
 padding: 1.4em 1em 1em 2em;
 color:#222;
 font-size:0.9em;
 line-height:140%;
 text-align:left;
  background-color:#fff;
}

.e404_l {
 float:left;
 width:48%;
 margin-right: 2%; 

}
.e404_r {
 float:right;
 width:48%;
 margin-left: 2%;
}


@media screen and (max-width:420px) {
#e404{
padding: 1em;
margin: 1em 10%;
}
h1 {
font-style: 1em!important;
padding: 1em 0.6em 0.6em 0.6em;
line-height:140%;
}
h2 {
font-style: 0.8em!important;
}
.e404_box01 {
display: none;
}
}