@charset "UTF-8";

/* ---------------------
 * フォントサイズ目安
 * ---------------------
 *  63% -> 10pxに相当
 *  70% -> 11pxに相当
 *  75% -> 12pxに相当
 *  82% -> 13pxに相当
 *  88% -> 14pxに相当
 *  94% -> 15pxに相当
 * 100% -> 16pxに相当
 * 107% -> 17pxに相当
 * 113% -> 18pxに相当
 * 119% -> 19pxに相当
 * 125% -> 20pxに相当
 * --------------------- */


/* ======== デフォルト設定 ======== */
* {
   font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
   color:#333;
}
/*
input,
select,
textarea {
  font-size: 94%;
}
*/


body {
    margin:0;
    padding:0;
    line-height:1.6;
    letter-spacing:1px;
    background:#D3CAB3;
    font-size: 75%;
    color: #333;
}
th { font-weight: normal; }
br { letter-spacing:normal; }
a  {
    color:#3059A0;
    text-decoration: none;
}
a:hover {
    /*
    color:#DF8713;
    */
    color:#E88D0A;
    text-decoration: underline;
}
img {
  border:0;
  -ms-interpolation-mode: bicubic !important;
}
h1,h2,h3,h4,h5,h6 { margin:0; }


/* ======== レイアウト設定 ======== */
div#wrapper {
    text-align:center; /* for IE margin center */
}
/* 画面を新規で作成、または修正時に気が付いた時には#topではなく#top-repを使用すること */
div#top {
    width:1022px;
    margin:0 auto;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
    background:#fff;
    text-align:left; /* for IE margin center */
}
div#top-rep {
    width:calc(100% - 20px);
    min-width:1022px;
    margin:0 auto;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
    background:#fff;
    text-align:left; /* for IE margin center */
}

/* ======== ヘッダー設定 ======== */
div#header {
    position: relative;
    margin:   0px;
    padding:  10px;
}

/* ======== アカウントバー設定 ======== */
/*
div#accountArea  {
    position: absolute;
    left:700px;
    top:0px;
}
*/
div#account  {
    background: #353637;
    /*
    left:680px;
    */
    right:20px;
    top:0px;
    position: absolute;
    /*
    position: relative;
    */
    padding: 5px 20px 5px 20px;
    border-radius: 0px 0px 10px 10px;
    -webkit-border-radius: 0px 0px 10px 10px;
    -moz-border-radius: 0px 0px 10px 10px;
    /*
     behavior: url(../css/PIE.htc);
    */
}
div#account span {
    color: #ffffff;
}
span#accountMenu {
    margin-left: 10px;
}
span#accountMenu a {
    color: #ffffff;
}
span#accountMenu a:hover {
    color:#3059A0;
}

span#settingMenu {
	margin-left: 10px;
}
span#settingMenu a{
	color: #ffffff;
}
span#settingMenu a:hover{
	color:#3059A0;
}

div#loadingArea  {
    background: #E9913B;
    position: absolute;
    left:480px;
    top:0px;
    /*
    position: relative;
    */
    padding: 2px 20px 2px 20px;
    border-radius: 0px 0px 10px 10px;
    -webkit-border-radius: 0px 0px 10px 10px;
    -moz-border-radius: 0px 0px 10px 10px;
    /*
    left:400px;
    top:0px;
    */
}
span#loadingInfo {
  color: #fff;
  font-weight: bold;
  margin-top: 4px;
  margin-right: 20px;
  margin-left: 10px;
  margin-bottom: 4px;
}
div#loadingImg {
  color: #fff;
  font-weight: bold;
  margin-left: 5px;

}
/* ======== バージョン表記 ======== */
div#appVersion {
  /*
    position: absolute;
    left:250px;
    top:40px;
    */
}
div#appVersion2 {
  float:right;
  margin: 0px 20px 0px 0px;
  color: #353637;
  font-size: 94%;
}

/* ======== 設定アイコン ======== */
div#mySetting {
    position: absolute;
    right:105px;
    top:32px;
}
div#mySetting img {
  width: 24px;
  height: 24px;
  vertical-align: middle;
}
ul#mySettingMenu li {
  border:none;
  margin:0;
}
ul#mySettingMenu li ul {
  top:31px;
  left:0px;
  font-size:82%;
  border-color: #353637;
  border-top: none;
  overflow: hidden;
  z-index: 10;
}
ul#mySettingMenu li ul li {
  padding: 4px 0px;
}
ul#mySettingMenu li ul li a{
  padding: 0px 0px 0px 5px;
  height: 30px;
}


/* ======== MY役割アイコン ======== */
div#myYakwr {
    position: absolute;
    /*right:110px;*/
    right:135px;
    top:34px;
}
div#myYakwr img {
  float:left;
  width: 20px;
  height: 20px;
  border: 1px solid #515151;
  margin: 0 1px;
  padding: 1px;
}

/* ======== テーマ選択 ======== */
div#theme_choose {
    position: absolute;
    /*
    left:880px;
    */
    right:40px;
    top:36px;
}
div#theme_choose .theme-brown {
    background:url("../../img/theme_brown.png") no-repeat no-repeat;width:20px;height:20px;
    float: left;
}
div#theme_choose .theme-green {
    background:url("../../img/theme_green.png") no-repeat no-repeat;width:20px;height:20px;
    float: left;
}
div#theme_choose .theme-blue {
    background:url("../../img/theme_blue.png") no-repeat no-repeat;width:20px;height:20px;
    float: left;
}
div#theme_choose .active{background-position:0 -20px;}

div#theme_choose .wait {
    margin-top: 1px;
    background:url("../../img/indicator_mini.gif") no-repeat no-repeat;width:20px;height:20px;
    float: left;
}
.theme-brown:hover,
.theme-green:hover,
.theme-blue:hover,
.theme-grey:hover {opacity:.8;}

/* ======== メニュー設定 ======== */
div#menu {
    width: 1022px;
    _width: 1024px;
    background:#353637;
    margin-top: 8px;
}
div#top-rep #menu {
	width: 100%;
    background:#353637;
    margin-top: 8px;
}

div#contents {
   clear:both;
   width: 984px;
   /*
   margin:0 2px;
   */
   padding: 0px 0;
   margin: 0 20px 0 20px;
}

div#top-rep #contents {
   clear:both;
   width: auto;
   min-width:984px;
   padding: 0px 0;
   margin: 0 20px 0 20px;
}

div#main {
   width:100%;
   float:left;
}



/* ======== フッター設定 ======== */
div#footer-wrapper {
  margin-top: 10px;
}
div#footer {
   clear:both;
}

/* 回り込み解除 */
div#contents:after {
   content:"";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
}


/* ======== ヘッダー設定 ======== */
div#header h1 {
   margin:0;
   padding:0 10px;
   font-size:150%;/* 24px相当 */
   color:#fff;
   line-height:80px;
}

div#header h1 a {
   color:#fff;
}

div#header h1 a:hover {
    /*
   color:#DF8713;
   */
}


/* ========MENU CUSTOMIZE======== */
div#menu img.menu_icon {
  position: absolute;
  left: 8px;
  z-index: 5;
  top: 0px;
  width: 20px;
  height: 20px;
}
div#menu img.active {
  position: absolute;
  left: 4px;
  z-index: 5;
  top: -8px;
  width: 28px;
  height: 28px;
}
div#menu img.current {
  position: absolute;
  left: 4px;
  z-index: 5;
  top: -8px;
  width: 28px;
  height: 28px;
}
div#menu ul {
   float:left;
   margin:0;
   padding:0;
}

div#menu li {
   float:left;
   font-size:88%;/* 13px相当 */
   /*
   color:#333;
   */
   list-style-type:none;
   position: relative;
   white-space:nowrap;
}

div#menu li a{
   display:block;
   margin-right:1px;
   padding:0 20px 0 34px;
   color: #fff;
   line-height:2.5;
   /*
   background:#9C6565;
   */
   text-decoration:none;
}

div#menu li a:hover{
/*
   color:#fff;
   background:#E8320D;
   text-decoration:none;
   font-weight: bold;
*/
}
div#menu li.current{
  /*
   background:#CC0000;
   */
   background:#E5E2D5;
   font-weight: bold;
}
div#menu li.current a{
  color: #000;
}

/* 回り込み解除 */
div#menu ul:after{
   content:"";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
}


/* ========MAIN CONTENTS CUSTOMIZE======== */
div#main a {
    /*
   color:#3059A0;
   */
}

div#main a:hover {
   /*
   border:0;
   color:#3059A0;
   border-bottom:1px solid #DF8713;
   */
}

div#main h1 {
   font-size:200%;/* 24px相当 */
}
div#main h2 {
   margin-bottom:3px;
   padding:2px 2px 2px 5px;
   font-size:94%;/* 15px相当 */
   font-weight:bold;
   border-left:5px solid #4E3333;
   background:url(../../img/bg_h2.gif);
}

div#main h3 {
   margin-bottom:2px;
   padding-left:25px;
   font-size:82%;/* 13px相当 */
   background:url("../../img/bg_h3.gif") 0 50% no-repeat;
}

div#main p{
   margin:0 0 1em 0;
   font-size:82%;/* 13px相当 */
}




/* ======== トップへ戻る ========= */
div#totop {
   padding:10px;
   text-align:right;
   font-size:82%;/* 13px相当 */
}

div#totop a{
   padding:0 0 0 12px;
   /*
   background:url("../../img/bg_totop.gif") 0 60% no-repeat;
   */
}

address{
   padding:10px 0;
   text-align:center;
   font-style:normal;
   font-size:75%;/* 12px相当 */
   color:#333;
   border-top:1px solid #ccc;
}

/* ======== タブ切り替えアンカー ========= */
.tab-menu    { height: 26px; }
.tab-menu UL { margin: 0px; }
.tab-menu LI { float: left; display: block; }
.tab-menu LI.on  {
    /*background-color: #BAA485;*/
    width: 100px;
    height: 26px;
    margin-right: 5px;
    text-align: center;

    background-color: #F4F3ED;
    color: #000;
    font-weight: bold;
}
.tab-menu LI.off {
    /*background-color: #D3CAB3;*/
    background-color: #E5E2D5;
    width: 100px;
    height: 26px;
    margin-right: 5px;
    text-align: center;
}
.tab-menu LI.on a {
    text-decoration: none;
    display: block;
    margin-top: 5px;
    pointer-events: none;
    cursor: default;
}
/*
.tab-menu LI.on a:link    { color: #ffffff; }
.tab-menu LI.on a:visited { color: #ffffff; }
.tab-menu LI.on a:hover   { color: #ffffff; }
*/

.tab-menu LI.on a:link    { color: #000; }
.tab-menu LI.on a:visited { color: #000; }
.tab-menu LI.on a:hover   { color: #000; }


.tab-menu LI.off a {
    text-decoration: underline;
    display: block;
    margin-top: 5px;
}
.tab-menu LI.off a:link    { color: #000000; }
.tab-menu LI.off a:visited { color: #000000; }
.tab-menu LI.off a:hover   { color: #ff0000; }

/* ======== 入力系コンポーネント ========= */
.disp-title, .disp-input, .disp-required {
  /*
    font-size: 88%;
    */
    font-size: 100%;
	line-height:150%;
	padding-right: 5px;
	padding-left: 5px;
}
.disp-space {
    height: 4px;
}
.disp-title {
    color: #000000;
    border-left:4px solid #BAA485;
    background-color:#e5e2d5;
}
.disp-required {
    color: #000000;
    border-left:4px solid #E8320D;
    background-color:#e5e2d5;
}
.disp-input {
    background-color:#ffffff;
}


/* ======== 区切りバー（茶色） ========= */
.section {
/*    width: 984px;*/
    width: 100%;
    background-color:#baa485;
    height: 28px;
    line-height: 28px;
    clear:right;
}
.section-text {
    padding-left: 10px;
    font-size: 100%;
    font-weight: bold;
}
/* ======== ナビゲーションバー ========= */
.section-nav {
    text-align: center;
    font-weight: bold;
}
.section-nav a {
   font-size: 100%;
   color:#3059A0;
   text-decoration: underline;
}
.section-nav a:hover {
   color:#ff8c00;
   text-decoration: underline;
}

/* ======== テーブル配置用バック ========= */
.table-wrapper {
    /*_width: 984px;*/ /* IE hack */
    background-color:#F4F3ED;
    padding: 10px 20px 10px 20px;
    text-align: center;
}
.table-wrapper-nowidth {
    background-color:#F4F3ED;
    padding: 10px 20px 10px 20px;
    text-align: center;
    /*
    width: 100%;
    */
}
.table-sepalator {
    border-top:1px solid #dbd9ce;
}
/* ======== 入力用テーブル(標準) ========= */
TABLE.inputarea {
  /*
  width: 944px;
  */
  width: 100%;
    text-align: left;
}
TABLE.inputarea TD.title { width: 100px }

/* ======== 一覧用ヘッダー(標準) ========= */
TABLE.list-head {
  /*
    width: 944px;
    */
    width: 100%;
    font-size: 90%;
    color: #000000;
    background-color:#e5e2d5;
    text-align: center;
}
/* ======== 一覧用テーブル(標準) ========= */
TABLE.list-table {
  /*
    width: 944px;
    */
    width: 100%;
    border: 1px solid #d3cab3;
    background-color:#ffffff;
    color: #000000;
    font-size: 100%;
    margin-top: 5px;
}
/* ======== 一覧用テーブル(標準) ========= */
.pager-main {
  margin: 0px 5px;
}

/* ======== ボタン設置エリア ========= */
.button-area {
    background-color:#e5e2d5;
}
.button-area a {
    color: #333;
}
.button-area a:hover {
    color: #fff;
}

/* ======== 左タブリスト ========= */
div#leftcolumn {
  float: left;
  width: 210px;
}

div#side_container {
}
.side_list {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.side_list li {
  /*
  height: 20px;
  */
  width: 190px;
  _width: 210px;
  padding: 5px 0px 5px 20px;
}
.side_list li.active {
    position: relative;
    background-color:#F4F3ED;
    /*
    behavior: url(../css/border-radius.htc);
    */
    border-radius: 6px 0px 0px 6px;
    -webkit-border-radius: 6px 0px 0px 6px;
    -moz-border-radius: 6px 0px 0px 6px;
}
.side_list li.onmouse {
    position: relative;
    background-color:#D3CAB3;
    /*
    behavior: url(../css/border-radius.htc);
    */
    border-radius: 6px 0px 0px 6px;
    -webkit-border-radius: 6px 0px 0px 6px;
    -moz-border-radius: 6px 0px 0px 6px;
}
td.onmouse {
    background-color:#1577B7;
    color: #fff;
}


/* ======== アイコン ========= */
.sorted0{background:url("../../img/sup.gif") no-repeat right center;padding-right:2px;}
.sorted1{background:url("../../img/sdn.gif") no-repeat right center;padding-right:2px;}

.sinse_none,.sinse_machi,.sinse_knryo,.sinse_work,.sinse_other{
	font-size:90%;
}
.sinse_none,.sinse_machi,.sinse_knryo,.sinse_work,.sinse_other a:hover{
	color:#E88D0A;text-decoration:underline;
}

/* ======== Cubby ========= */
.fieldError {
    background-color:pink;
}
/*
#errors * {
  color: red;
}
*/

/* ======== Validation ========= */
label.error {
  color: red;
  font-size: 88%;
  margin-left: 5px;
}

/* ======== ime ========= */
.imeOn  { ime-mode: active; }
.imeOff { ime-mode: disabled; }

div#title {
}

/* ======== float ========= */
.floatright {
  display: block;
  float: right;
}
.floatleft {
  display: block;
  float: left;
}
.floatcont {
  display: block;
  clear: both;
  overflow: hidden;
}
.clear {
  clear: both;
}

#progress {
    -webkit-border-radius: 10px;
    background-color: rgba(0, 0, 0, 0.7);
    color:     white;
    font-size: 18px;
    font-weight: bold;
    height: 80px;
    padding: auto;
    line-height:80px;
    margin: 0 auto;
    text-align: center;
    top:80px;
    width:320px;
}

div#nowLoading {
    background-image:url("../../img/loadingM.gif");
    background-repeat:no-repeat;
    background-position:center;
    height:40px;
    position: relative;

    border: none;
    padding: 10px;
    width: 40px;
    backgroundColor: #000;
    border-radius: 0px 0px 10px 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    opacity: 1;
    color: '#fff' ;

}

.notice {
    display:inline-block;
    background: #FEF7CB;
    border:1px solid #FFE475;
    color: #000;
    position: fixed;
    padding: 2px 20px 2px 20px;
    margin-left: 30px;
    border-radius: 2px 2px 2px 2px;
    -webkit-border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px;
    padding: 5px 5px 5px 5px;
    z-index: 1100;
}
.errors {
  /*
    display:inline;
    */
    background: #FBCFCF;
    border:1px solid #D95F6D;
    color: #ff0000;
    position: relative;
    /*
    margin-left: 30px;
    */
    margin-bottom: 10px;
    border-radius: 2px 2px 2px 2px;
    -webkit-border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px;
    margin: 0 2 0 2;
    /*
    padding: 2px 20px 2px 20px;
    padding: 5px 5px 5px 5px;
    */
}

/* ======== 入力項目補助コメント ========= */
.tipped {color: #BBB;}

/* ======== ダイアログ ========= */
.button-area.dialog{
  text-align: center;
  padding: 3px 0px;
}

/* ======== 物件共通ヘッダー ========= */
div#bknHeader {
  height: 50px;
  overflow: hidden;
}
h1#bknHeadTitle {
  height: 30px;
  margin: 0;
  padding: 0;
  display : block;
  font-size: 200%;
}
div#bknHeadKiykNo {
  height: 20px;
  margin: 0;
  padding: 0;
  display : block;
  font-weight: bold;
}
div#bknStatusImage  {
  float: right;
}
div#bknMenu {
    margin: 0px 0px 10px 0px;
    padding-left: 20px;
    background: #E5E2D5;
   height:28px;
}

div#bknMenu ul {
   margin: 0;
   padding:0;
}

div#bknMenu li {
   float:left;
   font-size:94%;/* 13px相当 */
   list-style-type:none;
   height:28px;
   /*
   height: 28px;
   */
}

div#bknMenu li .active {
   color:#1577B7;
   font-weight: bold;
   background:#fff;
   /*
   border-top:3px solid #CC0000;
   */
   border-top:3px solid #353637;
}
div#bknMenu li a {
   display:block;
   margin-right:2px;
   padding:0 5px;
   color:#333;
   line-height:2.4;
   text-decoration:none;
   border-top:3px solid #E5E2D5;
}
/*
div#bknMenu li.menu a:hover{
   border-top:3px solid #1577B7;
}
*/
div#bknMenu .icon {
  vertical-align: middle;
  margin-right: 2px;
}


/* 回り込み解除 */
div#bknMenu ul:after{
   content:"";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
}

.pos-abs {
  position:absolute;
}
.pos-rel {
  position:relative;
}

.dspblock {
  display : block;
}
.dspinline {
  display : inline;
}
.dspnone {
  display : none;
}

.test {
  border: 1px dashed red;
}
.pre {
  white-space: pre;           /* CSS 2.0 */
  white-space: pre-wrap;      /* CSS 2.1 */
  white-space: pre-line;      /* CSS 3.0 */
  white-space: -pre-wrap;     /* Opera 4-6 */
  white-space: -o-pre-wrap;   /* Opera 7 */
  white-space: -moz-pre-wrap; /* Mozilla */
  white-space: -hp-pre-wrap;  /* HP Printers */
  word-wrap: break-word;      /* IE 5+ */
  word-break: break-all;
}

.fileupload {
  width: 400px;
}

.clearfix:after { /*floatの解除、ここがポイント*/
    display:block;
    clear:both;
    height:0px;
    visibility:hidden;
    content:".";
}
.clearfix {
    min-height: 1px; /*IE6、7対策*/
}
* html .clearfix {
    height: 1px;
    /*\*//*/ /*MAC IE5.x対策*/
    height: auto;
    overflow: hidden;
    /**/
}

.ipad-adjust-button {
  /* ipadでもボタンが一定サイズになるようにpadding を .button の em 指定を上書き */
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}