@charset "utf-8";

/*******************
 * PC・タブレット
*******************/

@media only all and (min-width: 641px) {

body {	font-weight:100; }

/*kt-design 20170217*/
body, td, th { font-family:  sans-serif; }

/* -------------------------------------------------------------------------- 
   汎用-フォントサイズ（入れ子に注意）
   ----------------------------------------------------------------------- */
.fs_ss  {	font-size:81.25%; } /*13px*/
.fs_s   {	font-size:93.75%; } /*14px*/
.fs_m   {	font-size:100%; }   /*16px*/
.fs_l   {	font-size:137.5%; } /*22px*/
.fs_ll  {	font-size:187.5%; } /*30px*/
.fs_lll {	font-size:250%; }   /*40px*/
.fs_xl  {	font-size:312.5%; } /*50px*/


/* -------------------------------------------------------------------------- 
   汎用-マージンサイズ
   ----------------------------------------------------------------------- */
.mt0  { margin-top:0px !important; }
.mt5  { margin-top:5px !important; }
.mt10 { margin-top:10px !important; }
.mt15 { margin-top:15px !important; }
.mt20 { margin-top:20px !important; }
.mt25 { margin-top:25px !important; }
.mt30 { margin-top:30px !important; }
.mt35 { margin-top:35px !important; }
.mt40 { margin-top:40px !important; }
.mt45 { margin-top:45px !important; }
.mt50 { margin-top:50px !important; }
.mb5  { margin-bottom:5px !important; }
.mb10 { margin-bottom:10px !important; }
.mb15 { margin-bottom:15px !important; }
.mb20 { margin-bottom:20px !important; }
.mb25 { margin-bottom:25px !important; }
.mb30 { margin-bottom:30px !important; }
.mb35 { margin-bottom:35px !important; }
.mb40 { margin-bottom:40px !important; }
.mb45 { margin-bottom:45px !important; }
.mb50 { margin-bottom:50px !important; }
.m0a{ margin: 0 auto !important; }  /* 20160216 KTD*/

.pad3{ padding: 3px; }
.pad10{ padding: 10px; }
.pad20{ padding: 20px; }
.pad30{ padding: 30px; }

.k1bk{ border: 1px solid #000; padding: 8px;  }
.k2bk{ border: 2px solid #000; }
.btnbox { display: inline-block; padding: 8px; font-size: 90%; }
.btnbox a:hover { text-decoration: none!important; }

/* -------------------------------------------------------------------------- 
   汎用-共通
   ----------------------------------------------------------------------- */
/*スマホのみ表示*/
.SpOnly {	display: none; }

.center-block{ text-align: center; }
.fl{ float: left; }
.fr{ float: right; }
.cf{ overflow: hidden; zoom:1; }
.al{ text-align: left; }
.ac{ text-align: center; }
.ar{ text-align: right; }


.fs88{ font-size: 88%; }
.fs82{ font-size: 82%; }
.fs75{ font-size: 75%; }


.kei1{ border:1px solid #efefef; padding: 3px; }

/* -------------------------------------------------------------------------- 
   ヘッダー
   ----------------------------------------------------------------------- */
div#Header div#PcMenu {
 background-color:rgba(255,255,255,1);
 width:100%;
 height: 50px;
 padding:10px 0 10px 0;
}

div#Header div#PcMenu div {
 width:100%;
 margin:0 auto;
}

div#Header div#PcMenu div h1 {
 float:left;
 width:100px;
/* height:30px;*/
 line-height:0;
 margin-left: 10px;
}

div#Header div#PcMenu div h1 img {
 width: 100%;
}

div#Header div#PcMenu div ul { 
  float:right;
  margin:5px 10px 0 0;
}

div#Header div#PcMenu div ul li {
 float:left;
 padding-left:6px;
 font-weight:200;
 font-size: 85%;
}

div#Header div#PcMenu div ul li a { color:#FFF; }

/* ログイン */
div#Header div#PcMenu .header_login a {
  color:#000;
}

.LoggedIn {
  font-size:75%;
  clear:both;
  text-align:right;
  font-weight:bold;
 }

.LoggedIn .UserID { padding-right:10px; }

.LoggedIn a { color:#467be8; }

/* 検索 */
div#Header div#PcMenu #SearchBox {
  width: 200px;
  background: url(../images/bg_searchbox.png) left top no-repeat;
  display: block;
  height: 24px;
  position: relative;
}  
div#Header div#PcMenu .keywords {
  width: 156px;
  position: absolute;
  top: 5px;
  left: 12px;
  border:none;
  background-color:rgba(255,255,255,0);
  outline: 0;
}
div#Header div#PcMenu #SearchBtn {
  position: absolute;
  top: 3px;
  left: 174px;
}

/* イメージ下メニュー */
div#PcMenuUnder_wrap {
	position: relative;
	z-index: 1000;
}
div#PcMenuUnder_wrap div#PcMenuUnder {
  position: absolute;top: 0;left: 0;
  background-color:rgba(153,153,153,0.70);
  width:100%;
  padding:10px 0 10px 0;
}

div#PcMenuUnder_wrap div#PcMenuUnder div {
 width: 100%;
 margin:0 auto;
 text-align: center;
}

div#PcMenuUnder_wrap div#PcMenuUnder div ul li {
 display: inline;
 padding-left:40px;
 font-weight:200;
}

div#PcMenuUnder_wrap div#PcMenuUnder div ul li:first-child {
 padding-left:0;
}

div#PcMenuUnder_wrap div#PcMenuUnder div ul li a { color:#fff; }


/* -------------------------------------------------------------------------- 
   コンテンツ
   ----------------------------------------------------------------------- */
div#Container {
 width:100%;
 margin:20px auto 0 auto;
 padding: 0 10px;
 box-sizing: border-box;
}


/* -------------------------------------------------------------------------- 
   フッター
   ----------------------------------------------------------------------- */
div#Footer {
 margin-top:50px;
 background:#f2f2f2;
 padding:30px 0;
}

div#Footer div.ContentsBox {
 width:100%;
 margin:0 auto;
 padding: 0 10px;
 box-sizing: border-box;
}

div#Footer div.ContentsBox ul li {
 float:left;
 border-left:solid 1px #858585;
 padding:0 0.4em;
 font-size:81.25%;
 margin-bottom: 5px;
}

div#Footer div.ContentsBox ul li:nth-child(1) { border-left:none;}

div#Footer div.ContentsBox p {
 border-top:solid 1px #e3e3e3;
 margin-top:35px;
 padding-top:20px;
 font-size:81.25%;
 box-sizing: border-box;
 }

div#Footer div.ContentsBox p img {
 vertical-align:middle;
 margin-right:20px;
 }

/* -------------------------------------------------------------------------- 
   ボタン
   ----------------------------------------------------------------------- */
 a.btn{
 display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
   color: #fff !important;
    background-color: #337ab7;
    border-color: #2e6da4;
   }
   
a.btn:hover{ text-decoration:none;   background-color: #04B2D7 ;} 

}

/*******************
 * タブレット ヘッダーのみ調整
*******************/
@media only all and (min-width: 668px) {

/* -------------------------------------------------------------------------- 
   ヘッダー
   ----------------------------------------------------------------------- */
div#Header div#PcMenu {
 background-color:rgba(255,255,255,1);
 width:100%;
 height: 50px;
 padding:10px 0 10px 0;
}

div#Header div#PcMenu div {
 width:100%;
 margin:0 auto;
}

div#Header div#PcMenu div h1 {
 float:left;
 width:160px;
 line-height:0;
}

div#Header div#PcMenu div h1 img {
 width: 100%;
}

div#Header div#PcMenu div ul { 
  float:right;
  margin:4px 10px 0 0;
}

div#Header div#PcMenu div ul li {
 float:left;
 padding-left:8px;
 font-weight:200;
 font-size: 100%;
}

div#Header div#PcMenu div ul li a { color:#000; }

/* ログイン */
div#Header div#PcMenu .header_login a {
  color:#000;
}

.LoggedIn {
  font-size:75%;
  clear:both;
  text-align:right;
  font-weight:bold;
 }

.LoggedIn .UserID { padding-right:10px; }

.LoggedIn a { color:#467be8; }

/* イメージ下メニュー */
div#PcMenuUnder_wrap div#PcMenuUnder div ul li {
 padding-left:20px;
}
	
}

/*******************
 * ipad ログインのみ調整
*******************/
@media only all and (min-width: 800px) {

/* -------------------------------------------------------------------------- 
   ヘッダー
   ----------------------------------------------------------------------- */

div#Header div#PcMenu {
 height: auto;
}

/* ログイン */
div#Header div#PcMenu .header_login a {
  color:#000;
}

 /* イメージ下メニュー */
div#PcMenuUnder {
  font-size:100%;
}

}

/*******************
 * PC
*******************/

@media only all and (min-width: 1025px) {


/* -------------------------------------------------------------------------- 
   ヘッダー
   ----------------------------------------------------------------------- */
div#Header div#PcMenu {
 background-color:rgba(255,255,255,1);
 width:100%;
 padding:10px 0 10px 0;
 height: auto;
}

div#Header div#PcMenu div {
 width:1080px;
 margin:0 auto;
}

div#Header div#PcMenu div h1 {
 float:left;
 width:200px;
 line-height:0;
 margin: 0;
}

div#Header div#PcMenu div ul { 
  float:right;
  margin:7px 10px 0 0;
}

div#Header div#PcMenu div ul li {
 float:left;
 padding-left:30px;
 font-weight:200;
}

div#Header div#PcMenu div ul li a { color:#000; }

/* ログイン */
div#Header div#PcMenu .header_login a {
  color:#000;
 }

 .LoggedIn {
  font-size:75%;
  clear:both;
  text-align:right;
  font-weight:bold;
 }

.LoggedIn .UserID { padding-right:10px; }

.LoggedIn a { color:#000; }

div#PcMenuUnder div {
 margin:0 auto;
 font-size:100%;
}

/* イメージ下メニュー */
div#PcMenuUnder_wrap div#PcMenuUnder div ul li {
 padding-left:40px;
}

/* -------------------------------------------------------------------------- 
   コンテンツ
   ----------------------------------------------------------------------- */
div#Container {
 width:980px;
 margin:20px auto 0 auto;
 padding: 0;
}


/* -------------------------------------------------------------------------- 
   フッター
   ----------------------------------------------------------------------- */
div#Footer {
 margin-top:50px;
 background:#f2f2f2;
 padding:30px 0;
}

div#Footer div.ContentsBox {
 width:980px;
 margin:0 auto;
}

div#Footer div.ContentsBox ul li {
 float:left;
 border-left:solid 1px #858585;
 padding:0 0.4em;
 font-size:81.25%;
}

div#Footer div.ContentsBox ul li:nth-child(1) { border-left:none;}

div#Footer div.ContentsBox p {
 border-top:solid 1px #e3e3e3;
 margin-top:35px;
 padding-top:20px;
 font-size:81.25%;
 }

div#Footer div.ContentsBox p img {
 vertical-align:middle;
 margin-right:20px;
 }

/* -------------------------------------------------------------------------- 
   ボタン
   ----------------------------------------------------------------------- */
 a.btn{
 display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
   color: #fff !important;
    background-color: #337ab7;
    border-color: #2e6da4;
   }
   
a.btn:hover{ text-decoration:none;   background-color: #04B2D7 ;} 

}