@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;
}

body {
  margin:0;
  padding:0;
  line-height:1.6;
  letter-spacing:1px;
  background:#D3CAB3;
  font-size: 82%;
  color: #333;
}
p {
  line-height: 17px;
  margin: 0 0 1em;
}
img { border:0; }
h1,h2,h3,h4,h5,h6 { margin:0; }


/* ======== レイアウト設定 ======== */
div#wrapper {
  text-align:center; /* for IE margin center */
}
div#top {
  width:95%;
  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:  5px;
}

/* ======== バージョン表記 ======== */
div#appVersion {
  position: absolute;
  right:20px;
  top:36px;
}



div#contents {
  clear:both;
  padding: 0px 0;
  margin: 0 20px 20px 20px;
}

div#main {
  width:100%;
  float:left;
  padding-top: 10px;
}

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

/* ======== フッター設定 ======== */
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:100%;/* 24px相当 */
  color:#fff;
  line-height:80px;
}

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

/* ========MAIN CONTENTS CUSTOMIZE======== */
div#main a {
}

div#main h1:first-child {
  margin: 0 0 .5em;
}

div#main h1 {
  font-size:150%;/* 24px相当 */
}

div#main p{
  font-size:82%;
}

/* ======== メニュー設定 ======== */
div#menu {
  background:#e8e8e6;
  margin-top: 5px;
}


/* ======== 入力系コンポーネント ========= */
.disp-space {
  height: 4px;
}

p.disp-title {
  margin: 0 0 0.2em;
}
.required {
  font-size: 120%;
  color: #FF3399;
  margin: 0;
  padding: 0;
  vertical-align: middle;
}


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


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

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: absolute;
    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;
}
.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;
    */
}

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

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

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

.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;
}