@charset "UTF-8"; 

 header {
    margin:0;
    padding:0;
    background-color: green;;
 }
.header_inner {
    width:90%;
    height:80px;
    margin:0 auto;
    padding-top:20px;
    background-color:green; 
}
.l_inner {
    float:left; 
    width:30%;
    text-align: center;
}
.r_inner {
    float:left;
    width:70%;
}
h1 {
    margin:5px;
    color:#FFF;
}

 .wrap {
    display:flex;
    width:90%;
    margin:0 auto;
 }
 .main {
    width:70%;
    margin-top:30px;
 }

 
 .display_position {
    width:100%;
    padding-top:20px;
 }
 .display_inner {
   width:70%;
   margin:20px auto;
   padding:10px 70px;
   border:blue solid 1px;
   border-radius:10px;
  
 }
.side {
    width:28%;
    margin-top:30px;
    padding:1%;
 }
 .guidance {
  width:90%;
  margin:10px auto;
  padding:5px;
 }
  .guidance {
  width:90%;
  margin:10px auto;
  padding:5px;
 }
 .guid_ul {
    margin:0;
    padding:0;
 } 
 .guid_li {
  width:100%;
  height:40px;
  margin:20px 0;
  border:#f5f5f5 solid 1px;
  padding-left:5px;
  list-style-type:none;
  background-color:#f5f5f5;
  padding-top:15px;
  padding-bottom:8px;
  text-align: center;
 }
.guid_a {
   text-decoration: none;
   font-size:18px;
}
 
footer {
   width:100%;  
   background-color:#f8f8ff;

 }
 .footer_inner {
   width:90%;
   height:100px;
   margin:0 auto;
   background-color:#f8f8ff;
 }