@charset "UTF-8";
/* CSS Document */

a{
  margin: 0px;
  padding: 0px;
}
.clrfx:before,.clrfx:after {content: " ";display: table;clear: both;}
.clrfx {*zoom: 1;}
.fl {float: left;}
.fr {float: right;}
.hoverOp:hover{filter: alpha(opacity=50);opacity: 0.5;cursor:pointer;}
br.forPc{display:inline;}

ul,li{ margin: 0; padding: 0; list-style:none; }
body {
  margin: 0;
  padding: 0;
  font-size: 16px;
  line-height: 2;
  letter-spacing:0px;
  color: #1a1a1a;
  background-color:#dcdcdc;
}

.wrapper{
  margin: 0 auto;
  text-align:center;
  width: 1080px;
  background-color:#FFFFFF;
}

.topnavi{
  width:100%;
  background:#3799dc;
  text-align:center;
  padding:20px;
}

#head{padding-top:30px; padding-bottom:30px;}
#lang{width:1080px; margin:0 auto; background: linear-gradient(#ffffff, #cef5ff); padding-top:50px;}
.read{padding-top:30px; }
.cont, .kakomi{padding-top:120px;}
.topbtn{width:900px; margin:0 auto; text-align:right;}
.foot{width:980px; margin:0 auto; border-top: 1px solid #000000; margin-top:50px; }
.foot ul{margin-top:10px; padding-bottom:50px;}
.url{text-align:left; width:27em; margin:0 auto; line-height:2.5}

/* フロート */

#nav{width:212px;
  margin:0 auto; padding-bottom:20px; padding-top:10px;} 
#nav li{float:left;
  margin-left:20px;}
#lang li{float:left; margin-left:70px;}
#lang dl {padding-bottom:10px;}
#lang dt {
  width:48px;
  float:left;
  clear:both;
}
#lang dd {
  margin-left:5px;
}
.cont dl {padding-bottom:10px; width:490px; margin:0 auto;}
.cont dt {
  width:74px;
  float:left;
  clear:both;
}
.cont dd {
  margin-left:0px; width:456px;
}



/* レイアウト */
.wi120{width:120px;}
.wi150{width:150px;}
.wi200{width:200px;}
.pl40{padding-left:40px;}
.pt20{padding-top:20px;}
.b3{width:80%; margin:0 auto;}
.b4{width:80%; margin:0 auto;}
.kakomi .en{width:80%; margin:0 auto;}

/* 文字 */
.red{
  color:#F7070B;
  font-weight:bold;}
.b0{font-size:60px;}
.b1{font-size:50px;}
.b2{font-size:40px;}
.b3{font-size:30px;}
.b4{font-size:20px;}
.color1{color:#e75a24;}
.color2{color:#39ab4a;}
.color3{color:#94005d;}
.color4{color:#e31c24;}

.jan{font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;}
.en{font-family:Georgia, "Times New Roman", Times, serif;}
.serif{font-family:serif;}

.hidden {
  visibility: hidden;
}

/*リンク*/

a:link{ color: #3799dc; text-decoration: none; }

a:visited{ color: #A4A4A4; text-decoration: none; }

a:hover{ color: #e75a24; text-decoration: none; }

/*sp*/
@media only screen and (max-width: 479px) {
  body, .wrapper {width:100%;background-color:#fff; background-image : none; margin: 0 auto; border-left:none; border-right:none;}
  img{max-width:100%;height:auto;}
  .fl,.fr {float: none;}
  .hoverOp:hover{filter: alpha(opacity=100);opacity: 100;}
  br.forPc{display:none;}

  .topnavi{
    width:100%;
    background:#3799dc;
    text-align:center;
    padding:0px;
    padding-top:10px;
    padding-bottom:10px;
  }

  #lang{width:100%; margin:0 auto; background: linear-gradient(#ffffff, #cef5ff); padding-top:30px;}
  .read{padding-top:30px; }
  .cont{padding-top:100px; width:95%; margin:0 auto;}
  .cont .b4{text-align:left;}
  .topbtn{width:95%; margin:0 auto; text-align:right;}
  .foot{width:100%; margin:0 auto; border-top: 1px solid #000000; margin-top:50px; }
  .foot ul{margin-top:30px; padding-bottom:30px;}
  .url{text-align:left; width:95%; margin:0 auto; line-height:2.5}

  /* フロート */
  #lang li{float:none; padding-top:8px;}
  #lang dl {padding-bottom:10px;}
  #lang dt {
    width:48px;
    float:left;
    clear:both;
  }
  #lang dd {
    margin-left:5px;
  }
  .cont dl {padding-bottom:10px; width:85%; margin:0 auto;}
  .cont dt {
    width:50px;
    float:left;
    clear:both;
  }
  .cont dd {
    margin-left:0px;
  }

  /* レイアウト */
  .wi120{width:120px;}
  .wi150{width:150px;}
  .wi200{width:180px;}
  .pl40{padding-left:0px;}
  .pt20{padding-top:20px;}

  /* 文字 */
  .b0{font-size:40px;}
  .b1{font-size:28px;}
  .b2{font-size:25px;}
  .b3{font-size:20px;}
  .b4{font-size:18px;}
}