@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
*{font-family: 'Noto Sans Japanese', sans-serif;}
html,body{width:100%;}
legend{text-align:center;display:block;margin:auto;}
ul{list-style:none;}

.clearfix:after{
content: ".";display: block;clear: both;
  height: 0;
  visibility: hidden;
}
.success{color:#0000ff;}
.error{color:#ff0000;}
.msg{background:rgba(255,255,255,0.6);border-radius:8px;padding:10px;margin:20px auto;}
.msg.success{border:1px solid #0000ff;}
.msg.error{border:1px solid #ff0000;}

a{color:#ffa500;}

#wrap{font-size:10px;width:880px;margin:auto;padding-top:40px;}
#header{width:140px;float:left;}
#body{width:720px;float:right;}
#footer{text-align:center;clear:both;}

#header dl dt{margin:4px auto;color:#fff;background:#555;line-height:18px;text-align:center;}
#header dl dd{margin:4px auto;background:#fa0;}
#header dl dd a{display:block;color:#fff;text-decoration:none;line-height:18px;text-align:center;}
#header dl dd a:hover{background:rgba(255,255,255,0.4);}

table{width:100%;}
th{color:#fff;background:#555;padding:4px;border-left:1px dashed #fff;}
th:first-child{border-left:none;}
td{padding:4px;border-left:1px dashed #ccc;}
td:first-child{border-left:none;}
tbody tr{border-bottom:1px dashed #555;}
tbody tr:hover{background:#fea;}

@media screen and (max-width: 900px){
    .inner_wrap{width:90%;margin:auto;}
}
@media screen and (max-width: 700px){
}
@media print{
}