@charset "UTF-8";

/*
============================ common.css ==============================

  基本設定
  [変更履歴]  2018/05/15  STF.Ishii Mantis.10434対応
        2019/03/04  STF.Nakajima  Mantis10983対応
        2021/09/22  STF.Nakajima  ID/PW問合せ削減対応(WS-233)
        2022/09/01  STF.Nakajima  初回面談ICT対応(WPS-607)
        2023/05/18  STF.Ishii   URLリンク化対応(WPS-906)
        2024/10/02  STF.Ishii   お問合せ改善対応(WPS-1774)
======================================================================
*/

/* サイト全体「初期設定」
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}

body {
  line-height:1;
  min-width: 320px;
  background-color:#fff;


}

sup {
  vertical-align: super;
  font-size: smaller;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
  display:block;
}



nav ul {
  list-style:none;
}

blockquote, q {
  quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content:'';
  content:none;
}

a {
  margin:0;
  padding:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
  text-decoration: none;
}

.jq_rep_url a{
  text-decoration: underline;
}

ins {
  background-color:#fff;
  color:#000;
  text-decoration:none;
}

mark {
  background-color:#fff;
  color:#000;
  font-style:italic;
  font-weight:bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom:1px dotted;
  cursor:help;
}

table {
  border-collapse:collapse;
  border-spacing:0;
}

hr {
  display:block;
  height:1px;
  border:0;
  border-top:1px solid #cccccc;
  margin:1em 0;
  padding:0;
}



/* 共通レイアウト
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#wsSiteHeaderArea,
#wsCotentsArea,
#wsBottomArea {
  font-family:Helvetica, HiraKakuProN-W3, sans-serif;
  font-size:16px;
  color:#232323;
  overflow:hidden;
  -webkit-text-size-adjust:none !important;
}
#wsCotentsArea {
  margin:0 auto;
  padding:10px 0 0 0;
}
.wsCotentsAreaInner {
  max-width:800px;
  margin:0 auto;
}
#wsCotentsArea p{
  line-height:150%;
}


#wsBottomArea {
  border-top: 1px solid #9d9d9d;
  background:url(../../images/spn/bottom-bg.png) repeat-x;
}



/* ----------------------------------------
サイトヘッダ */
#wsSiteHeaderLine
{
  height:4px;
  overflow:hidden;
  font-size:0;
  line-height:0;
  background:#40B9B0;

}

#wsSiteHeaderArea
{
  height:46px;
  overflow:hidden;
  background:#ffffff;
  -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3);
}


#wsSiteHeaderArea:after
{
  width:100%;
  display:block;
  clear:both;
  height:0;
  content: "";

}


#wsSiteHeaderArea h1
{
  width:245px;
  height:46px;
  overflow:hidden;
  float:left;
  padding:6px 0 10px 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* ----------------------------------------
ヘッダタイトル */

#headerTitle
{
  width:183px;
  height:34px;
}

/* ----------------------------------------
ログアウトボタンヘッダ用 */
#headerLogoutBtn {
  text-align:center;
  float:right;
  width:58px;
  height:30px;
  margin:8px 10px 0 0;
  overflow:hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background: #00A196;
/*
  background: rgb(120,178,231);
  background: -moz-linear-gradient(top,  rgb(120,178,231) 0%, rgb(59,135,221) 50%, rgb(43,120,218) 51%, rgb(40,117,218) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(120,178,231)), color-stop(50%,rgb(59,135,221)), color-stop(51%,rgb(43,120,218)), color-stop(100%,rgb(40,117,218)));
  background: -webkit-linear-gradient(top,  rgb(120,178,231) 0%,rgb(59,135,221) 50%,rgb(43,120,218) 51%,rgb(40,117,218) 100%);
  background: linear-gradient(top,  rgb(120,178,231) 0%,rgb(59,135,221) 50%,rgb(43,120,218) 51%,rgb(40,117,218) 100%);
*/
  -webkit-box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.8);
  box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.8);
}

#headerLogoutBtn a {
  display:blcok;
  width:100%;
  height:100%;

}

#headerLogoutImg{
  display:blcok;
  margin:3px auto 0 auto;
  width:52px;
  height:24px;

}

/* ----------------------------------------
コンテンツエリア
 */

body #wsContentsContainer
{
  background: #40B9B0;
}

/* ----------------------------------------
コンテンツパネル */
.contentPanel {
  margin:0 10px 10px 10px;
  padding:10px 0 10px 0;

  min-height:100px;
  overflow:hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: rgb(254,255,255);
  background: -moz-linear-gradient(top,  rgb(254,255,255) 0%,rgb(254,255,255) 20%, rgb(185,221,255) 70%, rgb(185,221,255) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(254,255,255)),color-stop(20%,rgb(254,255,255)), color-stop(70%,rgb(185,221,255)), color-stop(100%,rgb(185,221,255)));
  background: -webkit-linear-gradient(top,  rgb(254,255,255) 0%,rgb(254,255,255) 20%,rgb(185,221,255) 70%,rgb(185,221,255) 100%);
  background: linear-gradient(top,  rgb(254,255,255) 0%,rgb(254,255,255) 20%,rgb(185,221,255) 70%,rgb(185,221,255) 100%);

  -webkit-box-shadow: 0px 0px 1px 2px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 0px 1px 2px rgba(0,0,0,0.2);
  box-shadow: 0px 0px 1px 2px rgba(0,0,0,0.2);

}
body .contentPanel{
  background: #ffffff;
}

.contentInner {
  margin:0 5px 0 5px;
}




/* 共通コンポーネント
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


/* ----------------------------------------
テキストシャドウ */
#wsCotentsArea h1,#wsCotentsArea h2,#wsCotentsArea h3,#wsCotentsArea h4,#wsCotentsArea h5,#wsCotentsArea h6,
#wsCotentsArea a
#wsBottomArea h1,#wsBottomArea h2,#wsBottomArea h3,#wsBottomArea h4,#wsBottomArea h5,#wsBottomArea h6,
#wsBottomArea p,#wsBottomArea a
{
  text-shadow: 1px 1px 1px rgb(255,255,255);
}
/* ----------------------------------------
ページタイトル */

.pageTitle {
  margin-bottom:15px;
  border-bottom:1px solid #00A196;

  background: #E5F6F5;

/*
  background: #00A196;
  background: -moz-linear-gradient(top, rgb(255,255,255) 0%, rgb(0,161,150) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,255,255)), color-stop(100%,rgb(0,161,150)));
  background: -webkit-linear-gradient(top, rgb(255,255,255) 0%, rgb(0,161,150) 100%);
  background: linear-gradient(top,  rgb(255,255,255) 0%,rgb(0,161,150) 100%);
*/
/*
  background: rgb(244,250,255);
  background: -moz-linear-gradient(top,  rgb(244,250,255) 0%, rgb(210,236,255) 50%, rgb(192,229,255) 51%, rgb(163,217,255) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(244,250,255)), color-stop(50%,rgb(210,236,255)), color-stop(51%,rgb(192,229,255)), color-stop(100%,rgb(163,217,255)));
  background: -webkit-linear-gradient(top,  rgb(244,250,255) 0%,rgb(210,236,255) 50%,rgb(192,229,255) 51%,rgb(163,217,255) 100%);
  background: linear-gradient(top,  rgb(244,250,255) 0%,rgb(210,236,255) 50%,rgb(192,229,255) 51%,rgb(163,217,255) 100%);
*/
  -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.5);


}
.pageTitle span {
  font-size:17px;
  font-weight: bold;
  text-align:center;
  border-bottom:1px solid rgba(255, 255, 255, 0.5);
  display:block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding:12px 0;
  height:40px;

}
/* ----------------------------------------
タイトル */

.style01Title {
  background: #BFE7E5;
  border: 1px solid #bfbfbf;
  margin-bottom:10px;

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;


}
.style01Title span{

  border: 1px solid #fff;

  background:url(../../images/spn/style01-title.png) no-repeat 4px 3px;

  -moz-background-size:8px 26px;
  -webkit-background-size:8px 26px;
  background-size:8px 26px;


  font-size:16px;
  font-weight:bold;

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;

  display:block;
  color:#007970;

  text-shadow: 1px 1px 1px rgba(255,255,255,0.5);

  padding:8px 8px 8px 16px;
}



.style02Title {
  padding:5px 5px;
  margin-bottom:10px;
  border:2px solid #40B9B0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
/*  background:#ebf8fe; */
  background: #E5F6F5;
  text-shadow: 1px 1px 1px rgb(255,255,255);

}
.style02Title span{
  padding:3px 0 2px 5px;
  font-weight:bold;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display:block;
  border-left:3px solid #007970;
  color:#007970;
}

.style03Title {
  padding:5px 5px;
  margin-bottom:10px;
  border:2px solid #ff0000;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
/*  background:#ebf8fe;*/
  text-shadow: 1px 1px 1px rgb(255,255,255);

}
.style03Title span{
  padding:3px 0 2px 5px;
  font-size: 110%;
  font-weight:bold;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display:block;
/*  border-left:3px solid #ff0000;*/
  color:#ff0000;
}




/* ----------------------------------------
 フロート */

.fLeft{float:left;}
.fRight{float:right;}

/* ----------------------------------------
 幅調整 */
.w100Per{width:100%;}
.w20pix{width:20px !important;}
.w30pix{width:30px !important;}
.w40pix{width:40px !important;}
.w50pix{width:50px !important;}
.w60pix{width:60px !important;}
.w70pix{width:70px !important;}
.w80pix{width:80px !important;}
.w90pix{width:90px !important;}
.w100pix{width:100px !important;}
.w110pix{width:110px !important;}
.w120pix{width:120px !important;}

/* ----------------------------------------
 余白調整 */
.mb {margin-bottom:10px !important;}
.mbX2 {margin-bottom:20px !important;}
.mbS {margin-bottom:4px !important;}
.mlr {margin-left:10px !important;margin-right:10px !important;}
.mt {margin-top:10px !important;}
.mtX2 {margin-top:20px !important;}


/* ----------------------------------------
 テキストカラー */
.taBlue01 {color:#007970 !important;}
.taRed01 {color:#ff0000 !important;}
.taOrange01 {color:#ff5400 !important;}
.taGreen01 {color:#3a9100 !important;}

/* ----------------------------------------
 テキスト位置 */
.taCenter {text-align:center !important;}
.taLeft {text-align:left !important;}
.taRight {text-align:right !important;}

.vaMiddle {vertical-align:middle !important;}
.vaTop {vertical-align:top !important;}

/* ----------------------------------------
 コンテンツナビゲーション */

.contentNav {
  list-style:none;
  margin:0 10px 10px 10px;
  height:30px;
}
.contentNav:after{
  width:100%;
  display:block;
  clear:both;
  height:0;
  content: "";

}
.contentNav li {
  display:block;
  height:30px;
  overflow:hidden;
}

.contentNav li.contentNavBack {
  width:61px;
  float:left;
}
.contentNav li.contentNavHome {
  width:70px;
  float:right;
  margin-right:5px;
}

.contentNav li.contentNavMenu {
  width:135px;
  float:right;
}

.navBack {
  width:61px;
  height:30px;
}
.navMenu {
  width:135px;
  height:30px;
}
.navHome {
  width:70px;
  height:30px;
}

/* ----------------------------------------
 注意(エラー表示)エリア */

.warningArea {
  font-size:14px;
  margin:0 10px 10px 10px;
  padding:10px 5px 10px 35px;
  border: 1px solid #efb130;

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;

  background:#f8f3c8 url(../../images/spn/icon-warning-s.png) no-repeat 5px 5px;

  -moz-background-size:25px 25px;
  -webkit-background-size:25px 25px;
  background-size:25px 25px;

}

.descriptionArea {
  font-size: 14px;
  margin: 0 10px 10px 10px;
  padding: 10px 8px;

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;

  background: -webkit-gradient(linear, left top, left bottom, from(#F2FAFA), to(#E5F6F5));
  background: -moz-linear-gradient(top, #F2FAFA, #E5F6F5);
/*
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#cde9f5));
  background: -moz-linear-gradient(top, #fff, #cde9f5);
*/
  -webkit-box-shadow: 0px 0px 1px 2px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 0px 1px 2px rgba(0,0,0,0.2);
  box-shadow: 0px 0px 1px 2px rgba(0,0,0,0.2);

  text-shadow: 1px 1px 1px rgb(255,255,255);
}

.cautionArea {
  font-size: 14px;
  margin: 0 10px 10px 10px;
  padding: 10px 10px 10px 50px;

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;

  background: url(../../images/spn/icon-caution.png) 10px 10px no-repeat #f3f3f3;
  -moz-background-size:30px 26px;
  -webkit-background-size:30px 26px;
  background-size:30px 26px;

  -webkit-box-shadow: 0px 0px 1px 2px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 0px 1px 2px rgba(0,0,0,0.2);
  box-shadow: 0px 0px 1px 2px rgba(0,0,0,0.2);
}

.alertArea {
  font-size: 14px;
  margin: 0 10px 10px 10px;
  padding: 10px 10px 10px 30px;

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;

  background-color: #fffafa;

  -webkit-box-shadow: 0px 0px 1px 2px rgba(255,0,0,0.2);
  -moz-box-shadow: 0px 0px 1px 2px rgba(255,0,0,0.2);
  box-shadow: 0px 0px 1px 2px rgba(255,0,0,0.2);
}
.alertArea ul li {
  list-style: disc;
  list-style-position: outside;
  padding-bottom: 4px;
  font-weight: bold;
  color: #444444;
}
/* ----------------------------------------
 サブナビゲーション */
#wsBottomArea .subNav{
  max-width:780px;
  margin:0 auto;
  padding:10px 15px 0 15px;
}

/* ----------------------------------------
 ページ最下部 */
#bottomPageTop {

  width:100%;
  height:40px;

  overflow:hidden;

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;


  border-top: 1px solid #cfcfcf;

  background: -moz-linear-gradient(top,  rgb(180,180,180) 0%, rgb(219,219,219) 15%, rgb(219,219,219) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(180,180,180)), color-stop(15%,rgb(219,219,219)), color-stop(100%,rgb(219,219,219)));
  background: -webkit-linear-gradient(top,  rgb(180,180,180) 0%,rgb(219,219,219) 15%,rgb(219,219,219) 100%);
  background: linear-gradient(top,  rgb(180,180,180) 0%,rgb(219,219,219) 15%,rgb(219,219,219) 100%);


}

#bottomPageTop p a{

  display:block;

  width:100%;
  height:40px;


  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

}

#bottomPageTop p a span{

  display:block;

  width:108px;
  height:20px;

  font-size:15px;

  color:#444444;
  text-shadow: 1px 1px 1px rgba(255,255,255,1);

  background:url(../../images/spn/icon-pagetop.png) no-repeat 0px 12px;
  -moz-background-size:13px 13px;
  -webkit-background-size:13px 13px;
  background-size:13px 13px;

  padding:12px 0 0 20px;
  margin:0 auto 0 auto;
}


/* 共通ボタンスタイル
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* ----------------------------------------
 「遷移ボタン」 */
.basicBtn {
  width:100%;

  text-shadow: 1px 1px 1px rgb(255,255,255);

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

  border: 1px solid #9d9d9d;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background:#ffffff;
  background: -moz-linear-gradient(top,  rgb(255,255,255) 0%, rgb(232,232,232) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,255,255)), color-stop(100%,rgb(232,232,232)));
  background: -webkit-linear-gradient(top,  rgb(255,255,255) 0%,rgb(232,232,232) 100%);
  background: linear-gradient(top,  rgb(255,255,255) 0%,rgb(232,232,232) 100%);

  /*-webkit-box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.1);
  box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.1);*/

}
.arrowBtn a{
  background:url(../../images/spn/icon-arrow.png) no-repeat right 50%;
  -moz-background-size:30px 30px,30px 30px !important;
  -webkit-background-size:30px 30px,30px 30px !important;
  background-size:30px 30px,30px 30px !important;

}
.lineArrowBtn a{
  padding-left: 20px !important;
  background:url(../../images/spn/icon-vline.png) no-repeat 10px 50%,url(../../images/spn/icon-arrow.png) no-repeat right 50%;
  -moz-background-size:30px 30px,30px 30px !important;
  -webkit-background-size:30px 30px,30px 30px !important;
  background-size:30px 30px,30px 30px !important;
}

.backBtn {
  background-color:#ffffff;
  background: -moz-linear-gradient(top,  rgb(255,255,255) 0%, rgb(232,232,232) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,255,255)), color-stop(100%,rgb(232,232,232)));
  background: -webkit-linear-gradient(top,  rgb(255,255,255) 0%,rgb(232,232,232) 100%);
  background: linear-gradient(top,  rgb(255,255,255) 0%,rgb(232,232,232) 100%);
}

.backBtn a,
.backBtn input {
  background: url(../../images/spn/icon-arrow-l.png)  left 50% no-repeat;
  -moz-background-size:30px 30px,30px 30px !important;
  -webkit-background-size:30px 30px,30px 30px !important;
  background-size:30px 30px,30px 30px !important;
  text-align: center;
  font-weight: bold;
}

.backBtn input {
  padding: 6px;
}

.nextBtn {
  background-color:#ffffff;
  background: -moz-linear-gradient(top,  rgb(255,255,255) 0%, rgb(232,232,232) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,255,255)), color-stop(100%,rgb(232,232,232)));
  background: -webkit-linear-gradient(top,  rgb(255,255,255) 0%,rgb(232,232,232) 100%);
  background: linear-gradient(top,  rgb(255,255,255) 0%,rgb(232,232,232) 100%);
  border: 1px solid #9d9d9d;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

.nextBtn a,
.nextBtn input {
  padding: 6px;
  background: url(../../images/spn/icon-arrow.png)  right 50% no-repeat;
  -moz-background-size:30px 30px,30px 30px !important;
  -webkit-background-size:30px 30px,30px 30px !important;
  background-size:30px 30px,30px 30px !important;
  border: 1px solid #e1ad1c;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  text-align: center;
  font-weight: bold;
}

.downBtn {
  background-color:#ffffff;
  background: -moz-linear-gradient(top,  rgb(255,255,255) 0%, rgb(232,232,232) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,255,255)), color-stop(100%,rgb(232,232,232)));
  background: -webkit-linear-gradient(top,  rgb(255,255,255) 0%,rgb(232,232,232) 100%);
  background: linear-gradient(top,  rgb(255,255,255) 0%,rgb(232,232,232) 100%);
}

.downBtn a,
.downBtn input {
  background: url(../../images/spn/icon-arrow-down.png)  left 50% no-repeat;
  -moz-background-size:30px 30px,30px 30px !important;
  -webkit-background-size:30px 30px,30px 30px !important;
  background-size:30px 30px,30px 30px !important;
  text-align: left;
  font-weight: bold;
  padding-left: 30px !important;
}

.downBtn input {
  padding: 6px;
}

/* ----------------------------------------
 ボタン */
p.submitLoginBtn
{
  width:100%;

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

  border: 1px solid #e1ad1c;

  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;

  background: rgb(254,231,164);
  background: -moz-linear-gradient(top,  rgb(254,231,164) 0%, rgb(255,228,157) 50%, rgb(254,220,130) 51%, rgb(254,216,115) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(254,231,164)), color-stop(50%,rgb(255,228,157)), color-stop(51%,rgb(254,220,130)), color-stop(100%,rgb(254,216,115)));
  background: -webkit-linear-gradient(top,  rgb(254,231,164) 0%,rgb(255,228,157) 50%,rgb(254,220,130) 51%,rgb(254,216,115) 100%);
  background: linear-gradient(to bottom,  rgb(254,231,164) 0%,rgb(255,228,157) 50%,rgb(254,220,130) 51%,rgb(254,216,115) 100%);



}

p.submitLoginBtn input[type="submit"],
p.submitLoginBtn button[type="submit"] {
  padding: 6px;
  background:url(../../images/spn/icon-arrow-yellow.png) no-repeat right 50%;
  -moz-background-size:30px 30px;
  -webkit-background-size:30px 30px;
  background-size:30px 30px;
  border: 1px solid rgba(255,255,255,0.6);
}

p.submitLoginBtn input[type="submit"].mail,
p.submitLoginBtn a.mail {
  display: block;
  padding: 8px;
  background:url(../../images/spn/icon-mail.png) no-repeat 1em 50%;
  -moz-background-size:30px 30px;
  -webkit-background-size:30px 30px;
  background-size:30px 30px;
  border: 1px solid rgba(255,255,255,0.6);
  text-align: center;
  font-weight: bold;
}

p.submitLoginBtn a.telBtn {
  padding: 6px;
  background:url(../../images/spn/icon-tel.png) no-repeat 1em 50%;
  -moz-background-size:26px 26px;
  -webkit-background-size:26px 26px;
  background-size:26px 26px;
  border: 1px solid rgba(255,255,255,0.6);

}

p.passBtn
{
  width:100%;

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

  border: 1px solid #9d9d9d;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background:#ffffff;
  background: -moz-linear-gradient(top,  rgb(255,255,255) 0%, rgb(232,232,232) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,255,255)), color-stop(100%,rgb(232,232,232)));
  background: -webkit-linear-gradient(top,  rgb(255,255,255) 0%,rgb(232,232,232) 100%);
  background: linear-gradient(to bottom,  rgb(255,255,255) 0%,rgb(232,232,232) 100%);
}

p.passBtn a
{
  font-size:16px;
  font-weight:bold;

  color:#303030;
  text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
  text-align: center;

  width:100%;
  height:100%;

  display:block;
  padding: 7px;
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #ffffff;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;

}



/* ----------------------------------------
 ボタン内テキスト */

a.textBtn,
span.textBtn
 {
  color:#303030;
  height:100%;
  display:block;
  padding: 10px;
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #ffffff;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}



/* ----------------------------------------
 ページ下部サブナビゲーション */
ul.subNav li{
  margin-bottom: 10px;
}

ul.subNav .arrowBtn a {
  padding-left: 20px;
  background:url(../../images/spn/icon-vline.png) no-repeat 10px 50%,url(../../images/spn/icon-arrow.png) no-repeat right 50%;
}


/* ----------------------------------------
 ボタン囲み罫「青」 */
.blueOutline {

  background: #40B9B0;

  padding:5px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}


/* フォームスタイル
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ----------------------------------------
 ラベル用タイトル */
.titleLabel {

  display:block;
  /*height:16px;*/
  margin-bottom:2px;

  font-size:16px;
  line-height:100% !important;

  text-shadow: 1px 1px 1px rgb(255,255,255);

  padding:0 0 0 4px;

  border-left:3px solid #007970;

}



/* ----------------------------------------
 送信ボタン */
input[type="submit"],
button[type="submit"]
{
  cursor: pointer;

  font-size:16px;
  font-weight:bold;

  color:#303030;
  text-shadow: 1px 1px 1px rgba(255,255,255,0.5);

  width:100%;
  height:100%;

  -webkit-appearance: none;

  border: 1px solid rgba(255,255,255,0.6);

  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;

}
/* ----------------------------------------
 テキスト・パスワード */
textarea,
input[type="text"],
input[type="number"],
input[type="url"],
input[type="datetime"],
input[type="datetime-local"],
input[type="password"],
input[type="email"]{

  font-size:20px;

  padding:8px 5px 8px 5px;
  margin:2px 0 10px 0;

  width: 100%;

  border: 1px solid #9d9d9d;


  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

  -webkit-appearance: none;

  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;

  background: #ffffff;
  -webkit-box-shadow: inset 1px 1px 2px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 1px 1px 2px 0px rgba(0, 0, 0, 0.3);
  box-shadow: inset 1px 1px 2px 0px rgba(0, 0, 0, 0.3);

  vertical-align:middle;

}
input[type="text"]:disabled,
input[type="password"]:disabled,
input[type="number"]:disabled,
input[type="url"]:disabled,
input[type="datetime"]:disabled,
input[type="datetime-local"]:disabled
{
  background-color:#d3d3d3;
  background-image:none;
}
input[type="number"]
{
  text-align:right;
}

select {
  font-size: 1em;
}
/* ----------------------------------------
 クイックメニュー */
#quickMenuwrap {
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.7);
  position:absolute;
  top:0;
  left:0;
  display:none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding:40px 10px 10px 10px;
  z-index:10;
}

#menuopen {
  max-width:780px;
  margin-left:auto;
  margin-right:auto;
  background-color: #f8f8f8;
  border:1px solid #475e68;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.quickMenuArea {
  min-height:200px;
  padding:10px;
  position:relative;
}

#menuopen #closeBtn {
  width:30px;
  height:30px;
  margin-left:-35px;
  position:absolute;
  top:5px;
  left:100%;
}

#menuopen #addcookingAreaClose {
  display:block;
}

#menuopen #closeBtn img {
  width: 30px;
  height: 30px;
}


#quickMenuwrap {
  display: none;
}

.quickMenuArea {
  max-width: 800px;
  margin: 0 auto;
  padding: 10px 0 30px 0;
  background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f0f0f0));
  background: -moz-linear-gradient(top, #f8f8f8, #f0f0f0);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

.quickMenuArea h1 {
  max-width: 470px;
  margin: 0 auto;
  padding: 5px 30px;
  background: url(../../images/spn/icon-menu.png) 0 50% no-repeat;
  -moz-background-size: 30px 30px;
  -webkit-background-size: 30px 30px;
  background-size: 30px 30px;
  color: #007970;
  font-weight: bold;
}

.quickMenuArea nav {
  max-width: 470px;
  margin: 0 auto;
}

.quickMenuArea ul {
  width: 90%;
  margin: 0 auto;

  overflow: hidden;
}

.quickMenuArea ul li {
  display: inline-block;
  width: 67px;
  height: 94px;
  font-size: 0.8em;
  text-align: center;
  vertical-align: top;
  letter-spacing: -1px;
}

.quickMenuArea ul li a {
  display: table-cell;
  width: 67px;
  height: 67px;
  background: url(../../images/spn/quick-menu-bg.png) 50% 50% no-repeat;
  -moz-background-size: 62px 62px;
  -webkit-background-size: 62px 62px;
  background-size: 62px 62px;
  vertical-align: middle;
}


/* 2019/03/04 STF.Nakajima ADD START Mantis10983対応 */
/* 点滅 */
.blinking{
  -webkit-animation:blink 1.0s ease-in-out infinite alternate;
  -moz-animation:blink 1.0s ease-in-out infinite alternate;
  animation:blink 1.0s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
  0% {opacity:0.3;}
  100% {opacity:1;}
}
@-moz-keyframes blink{
  0% {opacity:0.3;}
  100% {opacity:1;}
}
@keyframes blink{
  0% {opacity:0.3;}
  100% {opacity:1;}
}
/* 2019/03/04 STF.Nakajima ADD END */

/* Display
----------------------------------------------- */
.disp_none {
  display:none;
}

.disp_block {
  display:block;
}


.jq-brank {
  color: gray;
}
.jq-autoextend {
  overflow: hidden !important;
}

.jq-remain-cont {
  font-weight: bold;
  padding: 0 4px;
}
/* letter
----------------------------------------------- */
.let-blue {
  color:#2078ae !important;
}

.let-100 {
  font-size:100% !important;
}

.let-110 {
  font-size:110% !important;
}

.let-120 {
  font-size:120% !important;
}

.let-120b {
  font-size:120% !important;
  font-weight:bold !important;
}

.let-130 {
  font-size:130% !important;
}

.let-150 {
  font-size:150% !important;
}

.let-bld {
  font-weight:bold !important;
}

.let-red {
  color:#ff0000 !important;
}

.let-blue2 {
  color:#0000ff !important;
}

.let-gray {
  color:#999999 !important;
}

.let-dgray {
  color:#666666 !important;
}

.let-95 {
  font-size:95% !important;
}

.let-80 {
  font-size:80% !important;
}

.let-60 {
  font-size:80% !important;
}

.b-lred {
  margin:0 0 5px 0;
  padding:3px 6px;
  background:#ffe8e6;
}

.let-regist {
  color:#ff0000 !important;
  font-weight: bold;
  font-size: 120%;
}

.tab-menu-active {
  position: relative;
  top: 1px;
  display: flex;
  justify-content: center;
  text-align: center;
  align-items: center;
  height: 44px;
  width: 74.5px;
  border-top: 1px solid #E5F6F5;
  border-left: 1px solid #E5F6F5;
  border-right: 1px solid #E5F6F5;
  border-radius: 5px 5px 0 0;
  background: #00A196;
  background: -moz-linear-gradient(top, #00A196 50%, #40B9B0);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #00A196), color-stop(100%,#40B9B0));
  background: -webkit-linear-gradient(top, #00A196 50%, #40B9B0);
  background: linear-gradient(to bottom, #00A196 50%, #40B9B0);
  color: #FFF;
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 0.05em;
  box-sizing: border-box;
  padding-top: 2px;
  text-shadow: 1px 1px 1px #007970;
}
.tab-menu {
  position: relative;
  top: 1px;
  display: flex;
  justify-content: center;
  text-align: center;
  align-items: center;
  height: 42px;
  width: 74.5px;
  border: 1px solid #40B9B0;
  border-radius: 5px 5px 0 0;
  background: #E5F6F5;
  background: -moz-linear-gradient(top, #F2FAFA, #BFE7E5);
  background: -webkit-gradient(linear, left top, left bottom, from(#F2FAFA), top(#BFE7E5));
  background: -webkit-linear-gradient(top, #F2FAFA, #BFE7E5);
  background: linear-gradient(to bottom, #F2FAFA, #BFE7E5);
  color: #000;
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 0.05em;
  box-sizing: border-box;
  padding-top: 2px;
}
.active-left {
  margin-left: 1px;
}
.active-right {
  margin-right: 1px;
}
.tab-menu-long {
  width: 150px;
}
.xx-small {
  font-size: xx-small;
  font-weight: bold;
  vertical-align: text-top;
}
p.submitLoginBtn button[type="submit"] {
  padding: 6px 0;
}