@charset "UTF-8";
/* ---------------------------------------- file info */
/* filename:common.css */
/* creation date:2016年12月3日 */
/* last updated:2021年12月23日 */


html {
    height: 100%;
}
body {font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
background-color:#000000;
color:#FFF;
font-size:14px;
letter-spacing:0.6pt;
 height: 100%;
 -webkit-text-size-adjust: 100%;
}
p {line-height:1.6em;}
#container {padding-left:15px;
padding-right:15px;}
.img_right img{display:block;
float:right;}
.fs16{font-size:16px;}
.fs18{font-size:18px;}
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.ml10 {margin-left:10px;}
.ml100 {margin-left:100px;}
.pt20 {padding-top:20px;}
.pr15 {padding-right:15px;}
.pl15 {padding-left:15px;}
.pb20 {padding-bottom:20px;}
.fr {float:right;}
.fl {float:left;}
.red {color: rgb(255, 0, 0);}
.green {color: rgb(0, 255, 204);}
.orenge {color: rgb(255, 153, 0);}
.green2{color:#33CC99;}
.perple {color:#6666FF;}
.layout_center {text-align:center;}
.layout_right {text-align:right;}
.img_center {
    margin-right: auto;
    margin-left: auto;
    display: block;
    max-width: 100%;
    height: auto;
}
.layout_rc {text-align:right ;}
.text_indent1 {padding-left:1em;
text-indent:-1em;}
.yellow {color:#fbbe5f;}
.black {color:#000;}
.link_op:hover{opacity:0.7;}
.f120{font-size:120%;}
.f110{font-size:110%;}
.f80{font-size:80%;}
.bold {font-weight:bold;}
/*---------------*/
.2column {position: relative; /* IE6のサイドバー固定用 */
  width: 920px;
  margin: 0 auto;}
.contents {width:auto;
  padding:  0 0 0 250px; /* サイドバーとの距離 */}
.contents_w {width:auto;
  padding:  0 0 0 250px; /* サイドバーとの距離 */
  background-color:#FFF;
  color:#000;}
.side_bar {position: fixed; /* スクロールしても位置を固定 */
  width: 218px;
  height:auto;
  padding: 10px;
  background-color:#2d2b2b;
letter-spacing:0.4pt;
/*overflow:auto;
height:70%;*/
border-left:2px solid #FC0;

}
/* IE6 */
.side_bar    {
  _position: absolute;
  _top: expression(eval(document.documentElement.scrollTop+54)); /* サイドバー位置調整 */
}

.index_thumbnail, .reports_thumbnail {margin-bottom:10px;}

/* 768px以上　PC表示 */
@media (min-width: 767px) {
  body {
    min-width:960px;
  }
  .clearfix:after {
    content: "";
    display:block;
    clear:both;
  }
  .clearfix {
    overflow:hidden;
  }
  .col3 {
    width:32%;
    float:left;
    padding-left:2%;
    padding-bottom: 10px;
    margin-bottom:10px;
  }
  .col3:nth-child(3n+1)	{
    padding-left:0;
  }
  .sp-visible {
    display: none;
  }
  .pc-center {
    text-align: center;
  }
}
/* 767px以下　SP表示 */
@media (max-width: 767px) {
  #container {
    padding-left:15px;
    padding-right:15px;
  }
  .layout_rc {
    text-align:center;
  }
  .col3 {
    margin-bottom:30px;
  }
}
/*  960px以上  */
@media (min-width: 960px) {

/* 全体の横幅を固定 */
#container{
  width:960px;
  margin-right:auto;
  margin-left:auto;
}
.header_inner {
  width: 960px;
	margin-left: auto;
	margin-right: auto;
}
.inner_box {
    width: 960px;
    margin-left: auto;
    margin-right: auto;
  }
}
.center {
  text-align: center;
}
.common-btn {
  width: 200px;
  padding: 10px;
  text-align: center;
  margin: 0 auto 40px;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-appearance: none;
  border-radius: 5px;
  border: none;
  border: 1px solid rgba(255, 255, 255, 0.4);
  color: #FFF;
  display: block;
}
.dotted_line {
  border-bottom: dotted 1px #666;
}