@charset "utf-8";


/*全体の設定
---------------------------------------------------------------------------*/
html {
  margin: 0;
  padding: 0;
  height:100%;
}

body {
  color:#060307;  /*全体の文字色*/
  background-color: #fff;  /*全体の背景色*/
  margin: 0;
  padding: 0;
  font: 14px "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";  /*文字サイズ/行間、フォントファミリー*/
  overflow:auto;

  height:100%;
  
  min-width: 1000px;
}

h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure{
  margin: 0px;
  padding: 0px;
}
ul{
  list-style-type: none;
}
img {
  border: none;
  vertical-align: middle;
}
input,textarea,select {
  font-size: 1em;
  border:1px solid #ccc;
  border-radius: 3px 3px 3px 3px;
}
form {
  margin: 0px;
  height: 100%;
}
table {
  border-collapse:collapse;
  font-size: 100%;
  border-spacing: 0;
  border:none;
}
iframe {
  border:0;
  width:100%;
  height:100%;
}

/*リンク（全般）設定
---------------------------------------------------------------------------*/

a {
  text-decoration:underline;
  color:blue;

}
a:hover {
  /* color: #0000ff;*/
  /* text-decoration: none;  /*マウスオン時に下線を消す設定。残したいならこの１行削除。*/
  background:#DBF5F3;
}

i {
  color: #7DCE04;  /*リンクテキストの色*/
  text-decoration: none;
}
i:hover {
  color: #F65E6B;      /*マウスオン時の文字色（全体）*/
  text-decoration: none;  /*マウスオン時に下線を消す設定。残したいならこの１行削除。*/
}


/*コンテナー（HPを囲むブロック）
---------------------------------------------------------------------------*/
#container {
  width: 100%;
  min-width: 1000px;
  
  margin: 0px auto;


  padding:0;
  paddong-top:0px;
/*  border:1px solid #ccc;*/
  background-color:#FFF;

  /*Footer固定*/
  position: relative;
  height: auto !important;
  height: 100%;
  min-height: 100%;

}

/*ヘッダー（タイトル）
---------------------------------------------------------------------------*/
header {
  height: 75px;  /*ブロックの高さ*/

  background: #FBF8F2;
  width: 100%;
  margin: 0 auto;
  margin-top:-10px;
  border-bottom:1px solid #D1AD5A;

box-shadow:rgba(122, 122, 122, 0.0588235) 0px 6px 3px -3px;
-webkit-box-shadow:rgba(122, 122, 122, 0.0588235) 0px 6px 3px -3px;
-moz-box-shadow:rgba(122, 122, 122, 0.0588235) 0px 6px 3px -3px;

  margin-bottom:0px;

}
.header-login {
  width: 1000px;  /*ブロックの幅*/
  height: 80px;  /*ブロックの高さ*/
  margin: 0 auto;
  padding-top:5px;

}
.header-a {
  width: auto;
  height: 26px;  /*ブロックの高さ*/

  margin: 0 auto;
  padding-left:20px;
  padding-top:5px;
  position: relative;
  clear:both;
  /*background: #FBF8F2;*/
  /*color:#361E3B;*/
  background: #4D3535;
  color:#FFF;

  font-size:11px;

}
.header-s {
  width: 1000px;  /*ブロックの幅*/
  height: 60px;  /*ブロックの高さ*/
  margin: 0 auto;
  padding-top:5px;
}


/*ロゴの表示設定*/
header #logo {
  padding-left:10px;
  margin-top:10px;
}
header #logo img {
  height:100%;
}
header #logo-login {
  padding-left:10px;
  margin-top:10px;
}

/*header #user:before {
  content: "\f007\　";
  font-family: FontAwesome;

  vertical-align: middle;
}*/

header #user {
  padding:5px 5px;
  margin-top:-27px;
  margin-right:0px;
  float:right;
  font-size:14px;

}
header #user img {
  vertical-align: middle;
}
/*
header #logout {
  padding:5px 5px;
  margin-top:-28px;
  float:right;
}
*/
header .logout {
  text-decoration: none;
  font-size:9px;
  width:20px;
  border-radius: 5px;
  padding: 2px 4px;
}

/* パンくず */

.breadcrumb{
  background:#FFF;
  margin:0;
  padding:0;
  text-decoration: none;
  margin-bottom:10px;
  font-size:12px;
}
.breadcrumb >li > a {
  text-decoration: none;
}
.breadcrumb > li + li:before {
  content: ">";
}


/*ヘッダー（タイトル＋メニュー）
---------------------------------------------------------------------------*/
.container-fluid{
  padding-left:0px;
  padding-right:0px;

  width:1000px;
  /*background-color:#FBF8F2;*/

  padding-top:5px;
  padding-bottom:0px;

}
.navbar-nav{
  margin: 0 auto;
  display: table;
  table-layout: fixed;
  float:none;
}
.navbar-default {
  border:0;
  border-radius:0;
  background-color:#F9EFD9;
  margin-bottom: 0px;
  padding:0;

  border-bottom:2px solid #D1AD5A;

box-shadow:rgba(122, 122, 122, 0.0588235) 0px 6px 3px -3px;
-webkit-box-shadow:rgba(122, 122, 122, 0.0588235) 0px 6px 3px -3px;
-moz-box-shadow:rgba(122, 122, 122, 0.0588235) 0px 6px 3px -3px;
}
#dropmenu{
  list-style-type: none;
  height: 40px;
  margin: 0;
  padding: 0;

}
#dropmenu ul{
  z-index:100;
}
#dropmenu li{
  position: relative;
  width: 12.5%;
  float: left;
  margin: 0;
  padding: 0;
  /*margin-bottom:2px;*/
  text-align: center;
/*  height:42px;*/

}

#dropmenu i {
  color:#361E3B;
}
#dropmenu > li:first-child {
  border-left:1px dotted #4D3535;
/*  padding-left:5px;*/
}

#dropmenu li a{
  display: block;

  padding: 10px 0 0px;
  font-size: 14px;
  font-weight:normal;
  line-height: 1;
  text-decoration: none;
  height:38px;
  /*background: #FFF;*/
  color: #361E3B;

  /*margin:0 3px;*/
  vertical-align:middle;
  border-right:1px dotted #4D3535;
}
#dropmenu li a img{
  height:60%;
}

#dropmenu > li:last-child > a {
/*  border-right:1px solid #ccc;*/

}

#dropmenu > li:first-child > a {
/*  border-left:1px dotted #000;*/

}

#dropmenu > li.active > a,
#dropmenu > li.active:focus > a,
#dropmenu > li.active:hover > a,
#dropmenu > li.active > a:focus,
#dropmenu > li.active:focus > a:focus,
#dropmenu > li.active:hover > a:focus {


}
#dropmenu > li.active,
#dropmenu > li.active:focus,
#dropmenu > li.active:hover{

  border-bottom:4px solid #A01118;
/*  background:#F9D1D3;*/
}
/*#dropmenu > li.active::after,
#dropmenu > li.active:focus::after,
#dropmenu > li.active:hover::after{
	border-left: solid 7px transparent;
	border-right: solid 7px transparent;
	border-bottom: solid 10px #A01118;
	top: 30px;
	content:"";
	display:block;
	height:0;
	left:50%;
	margin-left:-5px;
	position: absolute;
	width:0;
}*/
#dropmenu > li:hover > a,
#dropmenu > li:focus > a,
#dropmenu > li:hover > a:focus,
#dropmenu > li:focus > a:focus {
  background: #F9EFD9;

}
#dropmenu > li{

  border-bottom:1px solid #FBF8F2;

}
#dropmenu li ul{
  list-style: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  margin-bottom:-5px;
  /*border-radius: 0 0 3px 3px;*/

}

#dropmenu li ul li{
  overflow: hidden;
  width: 150%;
  height: 0;
  color: #fff;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;

}
#dropmenu li ul li a{
  padding: 13px 15px;
  background: #F9EFD9;
  text-align: left;
  font-size: 14px;
  font-weight: normal;
  color:#361E3B;
  border-radius: 0;
}

#dropmenu li:hover ul li{
  overflow: visible;
  height: 36px;
  border-top:2px solid #FFF;
  border-right:0;
/*  border-bottom: 1px solid #D1AD5A;*/

}
/*
#dropmenu li:hover ul li:first-child{
  border-top: 0;
}
#dropmenu li:hover ul li:last-child{
  border-bottom: 0;
}
#dropmenu li:hover ul li:last-child a{
  border-radius: 0 0 3px 3px;
}
.dropdown:hover > .dropdown-menu{
  display: block;
}
*/
#dropmenu > li.active > a > i,
#dropmenu > li.active:focus > a > i,
#dropmenu > li.active:hover > a > i,
#dropmenu > li:hover > a > i,
#dropmenu > li:focus > a > i,
#dropmenu > li.active > a:focus,
#dropmenu > li.active:focus > a:focus,
#dropmenu > li.active:hover > a:focus,
#dropmenu > li:hover > a:focus,
#dropmenu > li:focus > a:focus {
  color:#797979;
}
#dropmenu > li ul li:hover > a,
#dropmenu > li ul li:focus > a,
#dropmenu > li ul li:hover > a:focus,
#dropmenu > li ul li:focus > a:focus {
  background: #EFE2C5;
  color: #797979;
}

/*メインコンテンツ
---------------------------------------------------------------------------*/
#main {

  width: 1000px;  /*メインコンテンツ幅*/
  background-color: #fff;  /*背景色*/
  margin-bottom: 0px;
  margin: 0 auto;
  padding: 20px 0px 20px 0px;

}

#main h2 {

/*  background-color:#f0f2f2;
  border-bottom:#a2bcd5 solid 3px;*/

  padding: 10px 5px 5px 0px;
  margin:2px 0;
  margin-bottom:20px;
  font-size: 16px;
  font-weight:bold;
  color:#361E3B;
  height:35px;

  border-bottom:3px double #D1AD5A;

box-shadow:rgba(122, 122, 122, 0.0588235) 0px 6px 3px -3px;
-webkit-box-shadow:rgba(122, 122, 122, 0.0588235) 0px 6px 3px -3px;
-moz-box-shadow:rgba(122, 122, 122, 0.0588235) 0px 6px 3px -3px;
}

#main h2:before {
  content: "\F06C\   ";

  font-family: FontAwesome;
  color:#95CF42;
  white-space: pre ;

}

/*mainコンテンツのh3タグの設定*/
#main h3 {
  background-color: #FFF;
  font-size: 18px;
  padding: 10px 10px 5px 20px;  /*左から、上、右、下、左のボックス内の余白*/
  /*border-bottom:2px dotted #1e69de;*/
}

/*mainコンテンツの段落タグ設定*/
#main p {
  line-height: 20px;      /*行間*/
  padding: 0px 10px 0px;  /*左から、上、左右、下への余白*/
}
#main p.last {
  padding: 0px 0px 10px 0px;  /*左から、上、左右、下への余白*/
  margin-top:10px;
}

#main ul li.icon{
  margin-top:0px;
  margin-left:10px;
  padding-left:30px;
  background-repeat: no-repeat;
  background-position:10px;
  background-image:url('images/listcl.gif');
}

#main .section-s {
  width:600px;
  margin: 0 auto;
}

/*フッター設定
---------------------------------------------------------------------------*/
footer {  /*<footer class="footer">*/

  /*Footer固定*/
  bottom: 0;
  height: 100px;
  position: absolute;

  width: 100%;
  text-align: center;

  /*background: #FBF8F2;*/
  background:#F9EFD9;
  border-top:1px solid #D1AD5A;

}
footer .plan {

  margin-top:20px;

}
footer .cp {
  font-size:13px;
  margin-top:10px;

}

/*ページネーション
---------------------------------------------------------------------------*/
.pagination{
  margin:0;
  padding:0;
}

#nav_page{
  margin:0;
  padding:0;
  margin-bottom:10px;
  padding-top:15px;
}

#nav_page .pg_link{
  border:1px solid #8FD387;
  text-align:center;
  padding:3px 10px;
  text-decoration: none;
}
#nav_page .pg_active{
  border:1px solid #8FD387;
  text-align:center;
  padding:3px 10px;
/*  color:#FFF;*/
  background:#95CF42;
}

/*テーブル１ 縦向き
---------------------------------------------------------------------------*/

.ta1 {
  width: 100%;
}
.ta1, .ta1 td, .ta1 th{
  border: 1px solid #9B7F44;
  line-height: 20px;
  padding: 8px 10px;
}
/*テーブル内の右側*/
.ta1 td{
  padding: 8px 10px;
  background-color: #F9EFD9;
}
/*テーブル内の左側*/
.ta1 th{
  width: 180px;
  padding: auto;
  text-align: left;
  background-color: #F7F7F7;
  font-weight:normal;
  /*vertical-align:middle;*/
  background-color: #F9EFD9;
  background:#DCC183;
}

.ta1 th.req:after{
  /*content: "(必須)";*/
  content: url(../../commons/images/req.gif);
  padding-left: 5px;
  white-space: nowrap ;

}

/*テーブル１ 縦向きの見出し幅広　メール送信画面用
---------------------------------------------------------------------------*/

.ta1-1 {
  width: 100%;
}
.ta1-1, .ta1-1 td, .ta1-1 th{
  border: 1px solid #BFBFBF;
  line-height: 20px;
  padding: 15px 10px 15px 10px;
}
/*テーブル内の右側*/
.ta1-1 td{
  padding: 12px 10px 12px 20px;

}
/*テーブル内の左側*/
.ta1-1 th{
  width: 240px;
  padding: auto;
  text-align: left;
  background-color: #F7F7F7;
  font-weight:normal;
  vertical-align:middle;

}
.ta1-2 {
  width: 100%;
}
.ta1-2, .ta1-2 td, .ta1-2 th{
  border: 1px solid #9B7F44;
  line-height: 20px;
  padding: 8px 10px;
}
/*テーブル内の右側*/
.ta1-2 td{
  padding: 8px 10px;
  background: #F9EFD9;
}
/*テーブル内の左側*/
.ta1-2 th{
  width: 180px;
  padding: auto;
  text-align: left;
  background-color: #DCC183;
  font-weight:normal;
  /*vertical-align:middle;*/
}

.ta1-2 th.req:after{
  /*content: "(必須)";*/
  content: url(../../commons/images/req.gif);
  padding-left: 5px;
}


/*テーブル2　横向き
---------------------------------------------------------------------------*/
.ta2 {
  width: 100%;
  margin:0px;
  padding:0px;
}
.ta2, .ta2 td, .ta2 th{
  border: 1px solid #9B7F44;
  /* line-height: 1;*/
}
/*テーブル内の右側*/
.ta2 td{
  padding: 4px 2px;
  vertical-align:middle;
}
/*テーブル内の左側*/
.ta2 th{

  padding: 4px 2px;
  text-align: center;
  font-weight:normal;
/*  background-color: #F9EFD9;*/
  background-color: #DCC183;
  color:#000;
}


/*テーブル3　横向き　検索結果表示用の小さいテーブル
---------------------------------------------------------------------------*/
.ta3 {
  width: 100%;
  margin:0px;
  margin-top:10px;
  padding:0px;
}
.ta3, .ta3 td, .ta3 th{
  border: 1px solid #FFF;
  border-top: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  /* line-height: 1;*/
}
.ta3 tr {
  border-top: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
}
/*テーブル内の右側*/
.ta3 td{
  padding: 2px 2px 2px 2px;
  vertical-align:middle;
}

/*テーブル4　検索条件欄
---------------------------------------------------------------------------*/
.ta4 {
  width: 100%;
  margin:0;
  margin-left:20px;
  padding:0;
  border:none;
}
.ta4, .ta4 td, .ta4 th{
  border: 1px solid #fff;
  font-weight:normal;
}
.ta4 tr {
  line-height: 10px;
}
.ta4 th:before {
  content: "\F0C8\　";
  font-family: FontAwesome;
  font-size:10px;
  vertical-align:middle;
  color:#4D3535;
}
.ta4 th{
  width:10%;
}
.ta4 td .tdm{
  width:60%;
  padding: 2px 2px 2px 2px;
  vertical-align:middle;
}
.ta4 td .tds{
  width:20%;
  padding: 2px 2px 2px 2px;
  vertical-align:middle;
}
/*テーブル5　検索条件欄
---------------------------------------------------------------------------*/
.ta5 {
  width: 100%;
  margin:0;
  padding:0;
  border:none;
}
.ta5, .ta5 td, .ta5 th{
  border: 1px solid #fff;
  font-weight:normal;
}
.ta5 tr {
  line-height: 10px;
}
.ta5 th:before {
  content: "\F0C8\　";
  font-family: FontAwesome;
  font-size:10px;
  color:#547CBC;
  vertical-align:middle;
  color:#7FACEF;
}
.ta5 th{
  padding: 2px 10px 2px 20px;
}
.ta5 td{

  padding: 2px 10px 2px 10px;
  vertical-align:middle;
}
/*テーブル6　表上部
---------------------------------------------------------------------------*/
.ta6 {
  width: 100%;
  margin:0;
  margin-left:20px;
  padding:0;
  border:none;
}
.ta6, .ta6 td, .ta6 th{
  border: 1px solid #fff;
  font-weight:normal;
}
.ta6 tr {
  line-height: 10px;
  border-bottom:1px solid #D1AD5A;
}
.ta6 th:before {
  content: "\F0C8\　";
  font-family: FontAwesome;
  font-size:10px;
  vertical-align:middle;
  color:#EFE2C5;
}

/*テーブル2　横向き余白なしバージョン
---------------------------------------------------------------------------*/
.ta2-1 {
  width: 100%;
  margin:0px;
  padding:0px;
}
.ta2-1, .ta2-1 td, .ta2-1 th{
  border: 1px solid #BFBFBF;
  /* line-height: 1;*/
}
/*テーブル内の右側*/
.ta2-1 td{
  padding: 3px 5px 3px 5px;
  vertical-align:middle;
}
/*テーブル内の左側*/
.ta2-1 th{
  line-height: 1em;
  padding: 3px 5px 3px 5px;
  text-align: center;
  background-color: #F7F7F7;  /*背景色*/
  font-weight:normal;
}
/*テーブル2　各種設定メニュー
---------------------------------------------------------------------------*/
.ta9 {
  width: 80%;
  margin:0px;
  padding:0px;
  margin-left: auto;
  margin-right: auto;
}
.ta9 tr{
  height:50px;
}

/*submitボタンの設定*/
input[type="submit"],
input[type="button"] {
  width: 250px;  /*ボタン幅*/
  padding: 10px;  /*ボタン内の余白*/
  margin-bottom: 20px;
  border-radius: 30px;  /*角丸のサイズ*/
  font-size: 16px;  /*文字サイズ*/
  letter-spacing: 0.1em;  /*文字間隔を少し広めにとる設定。*/
  border: 1px solid #999;  /*枠線の幅、線種、色*/
  background-color: #FFF;  /*背景色（古いブラウザだとここの色のみが出ます）*/
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#dcdcdc));  /*グラデーション*/
  background-image: -webkit-linear-gradient(#FFF, #dcdcdc);  /*同上*/
  background-image: linear-gradient(#FFF, #dcdcdc);      /*同上*/
  -webkit-box-shadow: 1px 2px 5px #ccc;  /*影の設定。それぞれ右へ、下へ、ぼかし幅、色の設定。*/
  box-shadow: 1px 2px 5px #ccc;      /*同上*/
}
/*submitボタンのマウスオン時の設定*/
input[type="submit"]:hover,
input[type="button"]:hover {
  background-color: #dcdcdc;  /*背景色（古いブラウザだとここの色のみが出ます）*/
  background-image: -webkit-gradient(linear, left top, left bottom, from(#dcdcdc), to(#FFF));  /*グラデーション*/
  background-image: -webkit-linear-gradient(#dcdcdc, #FFF);  /*同上*/
  background-image: linear-gradient(#dcdcdc, #FFF);      /*同上*/
}

/*ボタン
---------------------------------------------------------------------------*/
/*登録ボタン(既定のボタン)*/
a.btn-lg{
  text-decoration: none;
  font-size:14px;
  padding:8px 50px;
  border-radius: 10px;

}
a.btn-lg-ex{
  text-decoration: none;
  font-size:14px;
  padding:8px 20px;
  border-radius: 10px;
}
a.btn-menu{
  text-decoration: none;
  font-size:14px;
  padding:8px 20px;
  border-radius: 10px;
  width:220px;
  margin-bottom:30px;
}
a.btn-sm{
  text-decoration: none;
  font-size:12px;
  padding:5px 30px;
  border-radius: 5px;
  width:150px;
}
a.btn-sm-ex{
  text-decoration: none;
  font-size:12px;
  padding:5px 30px;
  border-radius: 5px;
}
a.btn-xs{
  text-decoration: none;
  font-size:11px;
  padding:3px 3px;
  border-radius: 5px;
  width:58px;
}
a.btn-xs-ex{
  text-decoration: none;
  font-size:11px;
  padding:3px 10px;
  border-radius: 5px;
}
a.btn-xsl{
  text-decoration: none;
  font-size:11px;
  padding:2px 8px;
  width:120px;
  border-radius: 5px;
}
a.btn-xsh{
  text-decoration: none;
  font-size:18px;
  padding:6px 10px;
  border-radius: 5px;
  width:40px;
}
a.btn-xxs{
  text-decoration: none;
  font-size:11px;
  padding:3px 8px;
  border-radius: 5px;

}
.state_btn{
    position: relative;
    display: inline-block;
    font-size:11px;
    padding:0 10px;
    text-decoration: none;

    width:112px;
  }
.state_btn-c1{
  border: 1px solid #D1AD5A;
  background: #FCF802;
  color:#333;
  }
.state_btn-c1:hover {
    background: #FFF;
    text-decoration: none;
}
.state_btn-c2{
  border: 1px solid #D1AD5A;
  background: #F5EEDF;
  color:#333;
  }
.state_btn-c2:hover {
    background: #FFF;
    text-decoration: none;
}
.state_btn-c3{
  border: 1px solid #D1AD5A;
  background: #FFF;
  color:#333;
  }
.state_btn-c3:hover {
    background: #F0F0F0;
    text-decoration: none;
}
.state_btn-c4{
  border: 1px solid #D1AD5A;
  background: #FFF2F2;
  color:#333;
  }
.state_btn-c4:hover {
    background: #FFF;
    text-decoration: none;
}
.state_btn:before{
  content: "\F138\ ";
  font-family: FontAwesome;
  font-size:11px;
  color:#E74A5A;
}
.state_txt{

  font-size:11px;
}
/* オレンジ */
.btn-color1 {
/*  border: 1px solid #FFAA00;
  background: #FFE9A3;
  color:#333;*/
  border: 1px solid #261A1A;
  background: #75584E;
  color:#FFF;
/*  border: 1px solid #2C7A21;
  background: #5CBF4E;
  color:#FFF;*/

}
.btn-color1 > i {
  color:#FFF;
}
.btn-color1:hover {
  background: #A9897E;
  text-decoration: none;  /*マウスオン時に下線を消す設定。残したいならこの１行削除。*/
}
/* 薄いグレー */
.btn-color2 {
  border: 1px solid #545454;

  background: #D3D3D3;
  /*
  background: -moz-linear-gradient(top,  #ffffff 0%, #f3f3f3 80%, #f3f3f3 80%, #ededed 100%, #ffffff 100%);
  background: -webkit-linear-gradient(top,  #ffffff 0%,#f3f3f3 80%,#f3f3f3 80%,#ededed 100%,#ffffff 100%);
  background: linear-gradient(to bottom,  #ffffff 0%,#f3f3f3 80%,#f3f3f3 80%,#ededed 100%,#ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
*/
  color:#000;

}

.btn-color2:hover {
  background: #F7F7F7; /* Old browsers */
  text-decoration: none;  /*マウスオン時に下線を消す設定。残したいならこの１行削除。*/
}

/* 薄い赤 */
.btn-color3 {
  border: 1px solid #e11d2f;
  background: #E74A5A;
  color:#fff;
}
.btn-color3:hover {
background: #F6BBC1;
  color:#333;

  text-decoration: none;  /*マウスオン時に下線を消す設定。残したいならこの１行削除。*/
}
/* 薄い緑 */
.btn-color4 {
  border: 1px solid #3dbc12;
  background: #CFF494;
  color:#000;

}
.btn-color4:hover {
background: #E5FBC5;
  color:#333;

  text-decoration: none;  /*マウスオン時に下線を消す設定。残したいならこの１行削除。*/
}
/* 青色 */
.btn-color5 {
  border: 1px solid #28AFE0;
  background:#C4E9F6;
  color:#333;

}
.btn-color5:hover {
  background:#DBF1F9;


}


/*フォーム部品
---------------------------------------------------------------------------*/
form textarea{
  width:100%;
  height:100px;
  resize: none;
  padding:5px;
  margin-top:0;
  margin-bottom:0
}
.textarea-l{
  height:400px;
}
form input[type="checkbox"]{
  margin-top:0;
  margin-bottom:0;
  vertical-align: middle;
}
form input[type="radio"]{
  margin-top:0;
  margin-bottom:0;
  vertical-align: middle;
}
form input.search{
  padding:0 1px;
  margin-top:2px;
  margin-bottom:2px;
  vertical-align:middle;
}
form input[type="checkbox"].search{
  height:30px;
  margin-top:0;
  margin-bottom:0;
  vertical-align: middle;
}
form input[type="radio"].search{
  height:30px;
  margin-top:0;
  margin-bottom:0;
  vertical-align: middle;
}
form select.search{
  padding:0 1px;
  margin-top:2px;
  margin-bottom:2px;
  border:1px solid #ccc;
}
/*form input.auto { ime-mode: auto; }
form input.jp { ime-mode: active; }
form input.num { ime-mode: inactive; }
form input.fix { ime-mode: disabled; }
form textarea.auto { ime-mode: auto; }
form textarea.jp { ime-mode: active; }
form textarea.num { ime-mode: inactive; }
form textarea.fix { ime-mode: disabled; }*/

input::-webkit-input-placeholder {
    color: #ccc;
    font-weight: normal;
}
input:-ms-input-placeholder {
    color: #ccc;
    font-weight: normal;
}
input::-moz-placeholder {
    color: #ccc;
    font-weight: normal;
}
/*パネル
---------------------------------------------------------------------------*/
.panel{
  border:1px solid #9B7F44;
}
.panel-heading{
/*
  height:30px;
  padding-top:3px;*/
  background-color:#DCC183;
  border-bottom:1px solid #9B7F44;
}
.panel-body .search{
  height:30px;
}
.panel i {
  color:#060307;
}
/*
.panel-body .ttl:before{
  content: "\F0C8\　";
  font-family: FontAwesome;
  font-size:10px;
  vertical-align:middle;
  color:#000;
}
*/
/*タブ
---------------------------------------------------------------------------*/
.nav-tabs {
  text-decoration: none;
  border-bottom:1px solid #9B7F44;
}

.nav-tabs > li {
  width:12.5%;
  text-decoration: none;
  border-top:1px solid #9B7F44;
  border-left:1px solid #9B7F44;
/*  border-bottom:1px solid #7C7C7C;*/

  border-bottom:1px solid #9B7F44;
  
  border-radius: 5px 5px 0px 0px;
  text-align:center;
  background:#FFF;
}
.nav-tabs > li:last-child {
  border-right:1px solid #9B7F44;
}

.nav-tabs a {
  text-decoration: none;  
}
.nav-tabs > li > a{
  width:100%;
}

.tab-content {
  border:1px solid #9B7F44;
  border-top:0;

}
.nav-tabs > li.active,
.nav-tabs > li.active:focus,
.nav-tabs > li.active:hover,
.nav-tabs > li:hover,
.nav-tabs > li:focus{

  border-bottom:1px solid #F9EFD9 !important;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active:focus > a,
.nav-tabs > li.active:hover > a,
.nav-tabs > li:hover > a,
.nav-tabs > li:focus > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active:focus > a:focus,
.nav-tabs > li.active:hover > a:focus,
.nav-tabs > li:hover > a:focus,
.nav-tabs > li:focus > a:focus {

  background: #F9EFD9;
  color:#000;

}

.tab-pane{
  padding:15px;
  background: #F9EFD9 !important;

}
/*その他
---------------------------------------------------------------------------*/
.memo{
  color:red;
  background-color:#f0f0f0;
}
.look {
  background: #dcdcdc;
}
.mb100 {
  margin-bottom: 100px;
}
.mb50 {
  margin-bottom: 50px;
}
.mb35 {
  margin-bottom: 35px;
}
.mb30 {
  margin-bottom: 30px;
}
.mb20 {
  margin-bottom: 20px;
}
.mb15 {
  margin-bottom: 15px;
}
.mb10 {
  margin-bottom: 10px;
}
.mb05 {
  margin-bottom: 5px;
}
.mt100 {
  margin-top: 100px;
}
.mt50 {
  margin-top: 50px;
}
.mt30 {
  margin-top: 30px;
}
.mt20 {
  margin-top: 20px;
}
.mt15 {
  margin-top: 15px;
}
.mt10 {
  margin-top: 10px;
}
.mt05 {
  margin-top: 5px;
}
.mr10{
  margin-right:10px;
}
ul.disc {
  padding: 0em 25px 1em;
  list-style: disc;
}
.color1 {
  color:#CC0000; /* 赤 */
}
.color2 {
  color:#008000; /* 緑 */
}
.color3 {
  color:#ffff66;
}
.color-notice{
  color:#FF0000;
}
.color-nomal{
  color:#0000ff;
}
.color-plan{
  color:blue;
}
.p-blod{
  font-weight:bold;
}
.bg-color1{ /* 黄色 */
  background-color:#ffff00;
}
.bg-color2{ /* グレー */
  background-color:#E0E0E0;
}
.bg-color3{ /* 青 */
  background-color:#CEEAFC;
}
.bg-color4{ /* オレンジ */
  background-color:#FFCA7C;
}
.bg-color5{ /* 赤 */
  background-color:#FFE5E5;
}
.bg-color2-1{
  background-color:#F9EFD9;
}
.bg-color2-2{
  background-color:#F7DEA8;
}
.bg-color1-pale{ /* 黄色 */
  background-color:#FEFECC;
}
.bg-color3-pale{ /* 青 */
  background-color:#F4F9FC;
}
.bg-color4-pale{ /* くすんだオレンジ */
  background-color:#F5EEDF;
}
.bg-color5-pale{ /* 赤 */
  background-color:#FFF2F2;
}
.bg-color6-pale{ /* 緑 */
  background-color:#F2FFE5;
}

.wl {
  width: 100%;
}

.wm {
  width: 95%;
}
.wms {
  width: 90%;
}
.ws {
  width: 50%;
}
.wx {
  width: 25%;
}
.wlf {
  width: 818px;
}
.wmf {
  width: 476px;
}

.wsf {
  width: 270px;
}
.wssf {
  width: 90px;
}
.wxf {
  width: 68px;
}
.wxxf {
  width: 50px;
}
.hh{
  height:400px;
}
.hm{
  height:200px;
}

.c {
  text-align: center;
}
.r {
  text-align: right;
}
.l {
  text-align: left;
}
.font-s {
  font-size: 10px;
}
.font-m {
  font-size: 14px;
}
.font-l {
  font-size: 18px;
}

.msg{
  margin:5px 0px 10px 0px;
  padding:10px;

  border:1px dotted #CCC;
  background-color:#FEFECC;
  font-size:14px;
}
.msg-nomal:before{
  content: "\f058\　";
  font-family: FontAwesome;
  color:blue;
}
.msg-nomal{
  color:blue;
}
.msg-alert:before{
  content: "\f071\　";
  font-family: FontAwesome;
  color:red;
}
.msg-alert{
  color:red;
}
.msg-err{
  color:red;
  margin-top:5px;
  font-size:12px;
}

.tel-link {
  color: #0000cc;
  font-size: 16px;
}
.mail-link {
  color: #0000cc;
  font-size: 16px;
}
.float-l {
  float: left;
  width: auto;
  padding: 0;
  margin: 0px 0px 0px 0px;
}
.float-r {
  float: right;
  width: auto;
  padding: 0;
  margin: 0px 0px 0px 0px;

}
.float-clear {
  clear: both;
  padding: 0;
}
.sankaku{
	width: 0;
	height: 0;
	border: 80px solid transparent;
	border-top: 80px solid #c01315;
}

/*カレンダー
---------------------------------------------------------------------------*/
.ui-widget-content {
  border: 2px solid #666666;
  background: white;
  color: black;
}
.ui-datepicker td span, .ui-datepicker td a {
  text-align: center;
  font-size : 14px;
}
.ui-datepicker select.ui-datepicker-year, .ui-datepicker select.ui-datepicker-month {
  width: auto;
  font-size : 14px;
  background-color: #ffffff;
}
.ui-widget-header {
  border: 1px solid white;
  background-color: #33ccff;
  font-weight:bold;
  font-size : 16px;
  color: white;
}
.ui-datepicker select.ui-datepicker-month {
  margin-left: 1em;
}
.ui-widget-header .ui-icon {
  background-image: url('./commons/css/images/ui-icons_222222_256x240.png');
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
  background-image: url('./commons/css/images/ui-icons_228ef1_256x240.png');
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  background: #33ccff;
  border: 1px solid #33ccff;
}
.date-holiday .ui-state-default {
  background-image:none;
  background-color:#FF9999;
}
.date-saturday .ui-state-default {
  background-image:none;
  background-color:#66CCFF;
}


/*ページ個別の設定：ログイン
---------------------------------------------------------------------------*/
/* ログイン画面の枠 */
#main .box {
  border:1px solid #D1AD5A;
  padding:40px;
  border-radius: 15px 15px 15px 15px;
  background:#FBF8F2;

}
.input-group-addon{
  width:200px;
  background-color:#F7DEA8;
  border:1px solid #D1AD5A;
  color:#060307;
}
.input-group input{
  border:1px solid #D1AD5A;
}
.tb_date{
  width:150px;
}

/*ページ個別の設定：TOP
---------------------------------------------------------------------------*/
/*カレンダー上部の年月表示*/
.ttl_ym{
  font-size:24px;
  text-align:center;
  padding:10px;
}
.ttl_ym a{
  text-decoration: none;
}
.ttl_ym i{
  color:#95CF42;
}
.explan-box{
  padding-top:5px;
  padding-bottom:5px;
}
.explan-box p{
  margin-top:5px;
}
/*テーブル2　カレンダー用バージョン
---------------------------------------------------------------------------*/
.ta2-cal {
  width: 100%;
  margin:0px;
  padding:0px;
}
.ta2-cal, .ta2-cal td, .ta2-cal th{
  border: 1px solid #9B7F44;
}
.ta2-cal td{
  padding: 3px 5px 3px 5px;
  vertical-align:top;
  height:100px;
}
.ta2-cal td.past{
  color:#000;
  background-color:#EDEDED;
}
.ta2-cal th{
  line-height: 1em;
  padding: 3px 5px 3px 5px;
  text-align: center;
  background-color: #DCC183;  /*背景色*/
  font-weight:normal;
}
.cal-sat{
  color:#000;
  background-color:#F0FCDD;
}
.cal-sun{
  color:#000;
  background-color:#F0FCDD;
}
.cal-txt a{
  color:red;
  font-weight:bold;
  background-color:#FAEE89;
}
/*ページ個別の設定：見積書・請求書登録
---------------------------------------------------------------------------*/
/*合計欄表示*/


/*解像度別制御*/
@media (min-width: 0px) and (max-width: 599px) {
.br-sp:before {
	content: "\A" ;
	white-space: pre ;
}
#wrapper #sp {
	display: none;
}
header{
  height:100px;
}
.header-login {
  width: 100%;
  padding-left:20px;
  padding-right:20px;
}
.header-s {
  width: 100%;
  padding-left:10px;
  padding-right:10px;
}
header #logo img{
/*
   max-width: 150px;
   height: auto;
*/
}
header #user {
  padding-left:0px;
  margin-top:10px;
  font-size:90%;
  clear:both;
}
.container-fluid{
  width: 100%;
  padding-left:10px;
  padding-right:10px;
}
#main {
  width: 100%;
  padding-left:10px;
  padding-right:10px;
}
#dropmenu{
  height: 60px;
}
#dropmenu li a{
  font-size: 11px;
  height: 60px;
}
/*ページ個別の設定：TOP
---------------------------------------------------------------------------*/
/*カレンダー上部の年月表示*/
.ttl_ym{
  font-size:18px;
}
/*テーブル2　カレンダー用バージョン
---------------------------------------------------------------------------*/
.ta2-cal {
  font-size:11px;
}

}
@media (min-width: 600px) and (max-width: 959px) {
#wrapper #sp {
	display: none;
}
.header-login {
  width: 100%;
  padding-left:20px;
  padding-right:20px;
}
.header-s {
  width: 100%;
  padding-left:10px;
  padding-right:10px;
}
header #logo img{
/*
   max-width: 200px;
   height: auto;
*/
}

.container-fluid{
  width: 100%;
  padding-left:10px;
  padding-right:10px;
}
#main {
  width: 100%;
  padding-left:10px;
  padding-right:10px;
}
#dropmenu li a{
  font-size: 11px;
}
/*ページ個別の設定：TOP
---------------------------------------------------------------------------*/
/*カレンダー上部の年月表示*/
.ttl_ym{
  font-size:18px;
}
/*テーブル2　カレンダー用バージョン
---------------------------------------------------------------------------*/
.ta2-cal {
  font-size:11px;
}
}
@media (min-width: 960px) and (max-width: 1280px) {
#wrapper #sp {
	display: none;
}
.header-login {
  width: 100%;
  padding-left:20px;
  padding-right:20px;
}
.header-s {
  width: 100%;
  padding-left:10px;
  padding-right:10px;
}

.container-fluid{
  width: 100%;
  padding-left:20px;
  padding-right:20px;
}
#main {
  width: 100%;
  padding-left:20px;
  padding-right:20px;
}
}
@media (min-width: 1281px) {
#wrapper #sp {
	display: none;
}
}