* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "MS PGothic", sans-serif; -webkit-text-size-adjust: 100%; }
html { overflow-y: scroll;}
html,
body { margin:0; padding:0; height:100%; line-height:1.5;  -webkit-tap-highlight-color: rgba(0,0,0,0.8);  color:#333;font-size: 62.5%; }
#header-bg { position: relative; width:100%; height: 75px; background-color:#FFF6F6; 

/*background-color: #fff6f6;
background-image: url("/image/design/head-bg.jpg");
background-size: cover;*/

background-color: #FFFBFB;
background-image: url("/image/design/subtle-dark-vertical.png");
}
#header { margin-left:auto; margin-right:auto; padding: 0 2%; height:75px; width:800px; color: #FFF;}


.logo-sub{ float:left; margin:10px 0 0 0; width:100%; line-height:1.1; font-size:12px; line-height: 1; color: #333;}
.logo{ float:left; margin:4px 0 0 0; width: 160px; }
.logo img{ display: block; }
.logo-a{ float: left; width: 100%; font-weight: bold; font-size:2.2rem; color: #666;}
.logo a:hover{ cursor:pointer; opacity:0.6; }

/*テキスト検索*/
.search { float:right; width: 30%; margin:7px 0 0 0; }
.search-k { -webkit-appearance: none;
 float:left; padding:4px 12px; width:78%; height: 34px; font-size:16px; border-radius:2px 0 0 2px; border:#000 solid 1px; }
.search-b { -webkit-appearance: none; float:left; margin:0 0 0 0; padding: 0;  height:34px; width:20%; border:none; border-radius:0 2px 2px 0; background-color: #000; text-align: center; font-size: 1.4rem; color: #FFF;}


.mp-icon{ float: right; width: 10%; height: 30px; margin:7px 0 0 0; padding: 5px 0 0 0 ;   font-size: 2.0rem; color: #FFF; background-color: #1FBA82; border-radius: 2px; text-align: center; line-height:.2; }



/*グローバルナビ*/
#g-navi-bg { float: left; width:100%; padding: 0 0 0 0; height: 56px; background-color: #333;}
#g-navi{  width:800px; margin:0 auto; padding:6px 16px; line-height: 1.3;  list-style: none; font-size: 1.4rem;}
.g-navi-btn{position: relative;
  float: left; margin:0 3px 5px 0;  font-size: 1.6rem; font-weight: bold;  
  display: inline-block;
  color: #000;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}

.g-navi-btn-border span {
  position: relative;
  display: block;
  padding: 8px 18px; 
  color: #000;
  border: 2px solid #000;
  border-radius: 4px;
  background: #fff;
}

.g-navi-btn-border:before {
  box-sizing: border-box;
  position: absolute;
  bottom: -6px;
  left: 0px;
  display: block;
  width: 100%;
  height: 8px;
  content: "";
  background-color: #C1C1C1;
  border:solid #000;
  border-width:0 2px 2px 2px; 
  border-radius: 0 0 4px 4px;
  border-top:#555 solid 1px;
 -webkit-transition: all 0.1s;
  transition: all 0.1s;
  background: -webkit-repeating-linear-gradient(left, #737373, #737373 1px,
    #939393 1px, #939393 6px);
  background: repeating-linear-gradient(to right, #737373, #737373 1px,
    #939393 1px, #939393 6px);
  background-size: 12px 12px;
}


.g-navi-btn-border:hover {
  -webkit-transform: translate(0, -1px);
  transform: translate(0, -1px);
}

.g-navi-btn-border:hover:before {
  bottom: -7px;
}

.g-navi-btn-border:active {
  -webkit-transform: translate(0, 5px);
  transform: translate(0, 5px);
}

.g-navi-btn-border:active:before {
  bottom: 0px;
}




/*パンくず*/
#pan { float: left; width: width:100%; padding:7px 3% 0px 3%; font-size: 1.4rem; line-height: 1.1;}
#pan a{ margin:0 2px;}
#pan i{ font-size: 16px; }
#pan span{ margin:0 2px; }



#contents { position:relative; clear:both; width:800px; padding:0; margin:0 auto; border:#CCC solid 0px; border:#999 solid 0px; overflow: hidden; min-height: 640px;  font-size: 1.4rem; }
#contents:after { content: ""; display: block; clear: both; height: 1px; overflow: hidden; }


#no_result{ float: left; width: 100%; font-weight: bold; color: #666; font-size: 18px; padding: 16px 3%; }


/* footer */
#footer-bg { float: left; margin:40px 0 0 0; width:100%; height:100px; background-color: #000;}
#footer { padding-top:0 3% 10px 3%; margin-left:auto; margin-right:auto; width:800px; text-align:center; font-size: 14px; color: #FFF;}
#footer a{ color: #FFF; }



.f-update{ float: left; margin:10px 0 0 0;  width: 100%; opacity: 0.8;}
.f-copy{ float: left; margin:40px 0 0 0;  width: 100%; opacity: 0.8;}



.nao{ float: left; width: 92%; margin:30px 4% 10px 4%; padding: 12px 4%; border:#000 solid 0px; border-radius: 4px; background-color: #F8FBFF; color: #666; }
.nao-pic{ float: left; width: 26%; margin:0 4% 0 0; border-radius: 50%; }
.nao-data{ float: left; width: 70%; text-align: left; }
.nao-name{ float: left; width: 100%; font-size: 1.8rem; }
.nao-name-s{ font-size: 1.4rem; }
.nao-info{ float: left; width: 100%; font-size: 1.4rem; margin:5px 0 0 0; }
.nao-info a{ color: #238EF2; font-size: 1.4rem; }



/* slickのロード前非表示 */
.slider {
  display:none;
}
.slider.slick-initialized {
  display: block;
}










/*管理用*/
.speed { position: absolute; top:3px; right:3px; background-color:rgba(0, 0, 0, 0.4); color:#FFF; padding:2px 4px; border-radius:2px; font-size: 7px; }
.speed2 { float: left; width: 100%; margin:1px 1px 0px 1px; background-color:rgba(0, 0, 0, 0.4); color:#FFF; padding:2px 20px; border-radius:4px; clear:both; font-size: 12px; }
.test{ float:left; border-collapse:collapse; border:#CCC solid 1px;}
.test td{ border:#CCC solid 1px;}

.mgr{ position: relative; float: left; width:100%; }
.mgr:before{ position: absolute; padding: 0 1px; height:100%; top:0; right:0px; border-right:#7EFF00 2px solid;  color: #666; content: ""; font-size: 0.8rem;}



/*ページ操作*/
#pageTop{ position:fixed; bottom:0px; right:20px; }

/*共通*/
input { font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "MS PGothic", sans-serif; }
* a { color:#167AC9; text-decoration:none; }






.ad-dmm-square{ float: left; width: 100%; margin:20px 0; text-align: center;}

/* iphone 5対策 */
@media (max-width: 320px) {
#g-navi a{ float: left; margin:0px 4px 0px 1px; padding:3px 1%; height: auto; text-align: center; color: #FFF; text-shadow: 0 0 8px rgba(0,0,0,1); font-size: 0.9rem; }
}