@charset "utf-8";

body {font-family: 'メイリオ',
        'Hiragino kaku Gothic Pro', sans-serif;
background-color: #ffffff;
      ;}

/*　タブレット向けのスタイル　*/
@media only screen and (min-width:481px)and (max-width:768px){

/*ヘッダー*/
.header-contents {
  width: 90%;
margin: 0 auto;}

.header-contents  a{
  font-size:8px;
  color:#fff;
  line-height:1.4;
  padding: 10px;
  float: right;
}
.header-contents  a{
color: #fff;
}
.header-left:before {
    content: " ";
    float: left;
    display: block;
    height: 45px;
    width: 25px;
}
.header-left {
  background-color:  #0066b5;
  float:left;
}
.header-left img {
  max-width: 447px;
  height: auto;
}
.header-right{
  float: right;
  background-color:  #0066b5;
  padding-top: 18px ;
}
.header-right:after {
    content: " ";
    float: right;
    display: block;
    height: 5px;
    width: 25px;
}
.clear {
  clear:both;
}

/*メニュー*/
.semi-menu{
 width: 100%;
 float: left;
 margin: 0 auto;
 /*メニュー両脇の色指定*/

}
.menu{
  width: 95%;
  margin: 0 auto;
}

.menu ul,
.menu ol{
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-family:  "游明朝";
  font-weight: bold;
  line-height: 1.4;
  list-style: none;
  text-shadow: 1px 1px 2px #fff;
}
.menu li a{
  display: block;
  padding: 10px 0;
  color: rgb(12, 10, 48);
  text-decoration: none;
}
.menu li:first-child a{
}
.menu li a:hover {
  background-color: #eee;
}
.menu li span {
  display: block;
  font-size: 10px;
}
.menu li {
  margin: 3px;
  float:left;
  *clear: right;
  width: 32%;
  text-align: center;
  border: solid 1px #aaa;
  border-radius: 10px;
  overflow: hidden;
  background-color: #ffffff;/*メニューボタンの背景色*/
}
.menu ul:after,
.menu ul:after {
  content:"";
  display: block;
  clear: both;
}
.menu ul,
.menu ul {*zoom:1;}


.menu li a:hover {

}
}/*@media*/

/*スマホ・タブレット*/
@media only screen and (max-width:768px){
  .result img{
    width: 200px;
    margin: 10px ;
  }
  .result {
    margin: 10px 0;
    padding: 0;
    border: solid 1px #aaa;
    border-radius: 10px;
    background-color: #fff;
    overflow: hidden;
  }
  .result > h1 {
    margin: 0;
    padding: 10px ;
    background-color: #000066;
    color:#fff;
    font-size: 18px;
    font-family:  "游明朝";
    line-height: 1.2;
  }
  .result  h2 {
    margin: 10px 0 0px 10px;
      font-family:  "游明朝";
    font-size: 16px;
    line-height: 1.2;
    font-weight: bold;
    color: #000066;

  }
  .result > p {
    margin: 0 0 5px 5px;
    font-size: 16px;
    line-height: 1.2;
  }
  .result p {
    border-bottom: dotted 1px #aaa;
  }
  .result:after {
    content: "";
    display: block;
    clear: both;
  }
  .result {
    zoom:1;
  }
}