@charset "UTF-8";


body {
    background: none repeat scroll 0 0 #fff;
    color: #231815/*#000*/;
    font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","ＭＳ Ｐゴシック","MS PGothic",Arial,Helvetica,sans-serif;
    font-size: 13px;
    line-height: 1.5;
    -webkit-text-size-adjust: none; 
}

a{text-decoration:none;}
a:hover{text-decoration:underline;}
#main img{
	width:100%;
	height:auto;
     vertical-align:bottom;}


/*-----------------------------------------------
ヘッダー部分
-------------------------------------------------*/

header {
     padding:18px 0 18px 0;
     position:relative;
     z-index:100;
/*     border-bottom:1px solid #000;*/
     }

header.pb0{
     padding-bottom:0 !important;
     }
header.pb0 li.last{
     border:none !important;
     }
  
header h1{
     text-align:center;
     }

header #iconPC{
     position:absolute;
     top:0;
     left:21px;
     }

header #iconIG{
     position:absolute;
     top:0;
     left:56px;
     }
     
header .btn{
     position: absolute;
     right: 21px;
     top: 18px;
     width: 100%;
     padding-right: 10px;
     padding-bottom: 10px;
     background: url("../images/icon_menu.png") no-repeat left top;
     background-size: 16px 16px;
     width: 16px;
     height: 7px;
     text-indent: -9999px;
     }

header nav .btn.close{
     background:url("../images/icon_menu.png") no-repeat left top;
     background-size:16px 16px;
     }

header nav ul{
     display:none;
     border-top: 1px solid #000;
     margin-top:14px !important;
     }
     
header nav ul li{
     margin:0 10px;
     border-bottom:1px solid #3f3f3f;
     font-size:15px;
     line-height:15px;
     }

header nav ul li.first{
      }
      
header nav ul li.last{
      margin: 0 10px;
      }
      
header nav ul li a{
     padding:10px 0;
     color:#3f3f3f;
     text-decoration:none;
     display:block;
     }


/*-----------------------------------------------
メニュー箇所
-----------------------------------------------*/

.modal-content {
  position:relative;
  display:none;
  width:90%;
  margin:30px 5%;
  font-size:15px;
  padding:13px;
  border:1px solid #061a63;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.98, #003460), color-stop(0.53, #576ba4), color-stop(0.00, #003460));
background: -webkit-linear-gradient(top, #003460 0%, #576ba4 50%, #003460 100%);
background: -moz-linear-gradient(top, #003460 0%, #576ba4 50%, #003460 100%);
background: -o-linear-gradient(top, #003460 0%, #576ba4 50%, #003460 100%);
background: -ms-linear-gradient(top, #003460 0%, #576ba4 50%, #003460 100%);
background: linear-gradient(to bottom, #003460 0%, #576ba4 50%, #003460 100%);
border:1px solid #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.modal-content p {
  margin:0;
  padding:0;
}

.modal-overlay {
  z-index:101;
  display:none;
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:120%;
  background-color:rgba(0,0,0,0.75);
}

.modal-wrap {
  z-index:10000;
  display:none;
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  overflow:auto;
}


.modal-wrap ul{}
.modal-wrap ul li{border-bottom:1px solid #fff;color:#fff; /*0105*/font-size:15px;padding:8px 0;}
.modal-wrap ul li a{color:#fff;}
.modal-wrap ul li a:hover{ text-decoration:none;}
.modal-wrap ul li li a{color:#fff;background:url(../images/nav_arrow_right_white.png) no-repeat left center;background-size:7px 8px;padding-left:10px;}
.modal-wrap ul li li{border-bottom:none;padding:3px 20px;}
.modal-wrap ul li.last{border-bottom:none;padding-bottom:0;}

modal-open {
  color:#00f;
  text-decoration:underline;
}

.modal-open:hover {
  cursor:pointer;
  color:#f00;
}

.close_top{
     position:absolute;
     right:13px;
     width:11px;height:10px;

}
.modal-close{
     background:url(../images/nav_close.png) no-repeat left top;
     background-size:11px 10px;
     width:11px;height:10px;
     display:inline-block;
      text-indent:-9999px;
}


p.close_top{
  text-align: right;
  margin: 10px 0 20px;
}

p.close_top .modal-close{
  height:35px;
  border:1px solid #A5A4A4;
  color: #A5A4A4;
  font-size: 1.2em;
  margin-right: 20px;
  padding:10px 20px;
  border-radius: 10px;
  background-color: #ffffff;
}
  
.modal-content > ul{
  overflow: hidden;
  margin:0;
  padding:0;
  text-align:left !important;
}
  
.modal-content > ul li.lavel{
  background-color: #F70841;
  font-size: 1.6em;
  padding:5px 30px;
  font-weight: bold;
}


.modal-content > ul li.lavel a{
  color: #fff;
}

ul.nav_box{
  background-color: #f1f1f1;W
  margin:0;
  padding:15px 0 0;
  overflow: hidden;
}

ul.nav_box li{
  font-size: 1.5em;
  width: 47%;
  float: left;
  margin:0 0 20px 3%;
}

ul.nav_box li a{
  color: #505050;
  display: block;
}


p.close_bottom{
  background-color: #e8e6c2;
  overflow: hidden;
  text-align: center;
}


p.close_bottom a{
  display: block;
  color:#a5a4a4;
  background-color: #fff;
  padding:10px 30px;
  font-size: 1.4em;  
}


/*-----------------------------------------------
コンテンツ
-----------------------------------------------*/
.pagetit{
     border-top:2px solid #626262;
     text-align:center;
     color:#003460;
     font-weight:bold;
     height:30px;line-height:30px;
     font-size:15px;
     }

/*-----------------------------------------------
　リスト
-------------------------------------------------*/
#mainContents ul.asterisk{margin:5px 0 13px 0;font-size:12px;}
#mainContents ul.asterisk li{text-indent:-10px;padding-left:10px; }
#mainContents ul.asterisk li span{display:inline-block;padding:0 0 3px 8px;height:15px;vertical-align: middle;min-width:5px; text-align:center;}
#mainContents ul.asterisk li:before{ content:"※";color:#033460;vertical-align: middle;}
#mainContents ul.circle{margin:5px 0 13px 0;font-size:12px;}
#mainContents ul.circle li{text-indent:-10px;padding-left:10px;}
#mainContents ul.circle li:before{ content:"●";color:#033460;font-size:8px;vertical-align: middle;margin-left:10px; display:inline-block;padding-bottom:2px;}
#mainContents .midashi.square{padding-top:13px;text-indent:-17px;/*padding-left:15px;*/margin-bottom:3px;}
#mainContents .midashi.square:before{ content:"■";color:#033460;font-size:15px;vertical-align: middle;padding-bottom:2px;/*display:inline-block;*/margin-left:15px;   line-height:1;}
#mainContents .midashi{margin:15px 0 0 0;font-weight:bold;}
#mainContents .midashi img{ vertical-align:middle;padding:0 2px 1px 0;}

/*-----------------------------------------------
フッター部分
-------------------------------------------------*/
#topbutton {
     position: fixed; /* ←表示場所を固定 */
     bottom: 20px;   /* ←下端からの距離 */
     right: 20px;    /* ←右端からの距離 */
     height:36px;
     width:36px;
     display:none;
     -webkit-backface-visibility: hidden;
}


footer{
     clear:both;
     background-color:#a0a0a0;
     color:#ffffff;
     padding:8px 8px;
     text-align:center;
     line-height:16px;
     font-size:10px;
     word-break: break-all;
     }
     
footer a{
     text-decoration:none;
     color:#fff;
     }