@charset "UTF-8";


/********************** 共通 start ********************/

/* ***** input ***** */
/* ボタン */
input.button,
input.button-no,
input.button-submit,
input.button-side,
button.ui-datepicker-trigger {
  font-size   : 1.2rem;
  line-height : 1.5rem;
  padding     : 5px 20px;
  cursor      : pointer;
  -moz-border-radius: 5px;    	/* Firefox */
  -webkit-border-radius: 5px;	/* Safari,Chrome */
  border-radius: 5px;          	/* CSS3 */
  border: 1px green solid;     	/* 枠線の装飾 */
  background-color: #ccffcc;   	/* 背景色 */
}
input.button-side,
button.ui-datepicker-trigger {
  padding     : 5px 10px;
  color:red;
  font-size   : 1rem;
}
input.button-submit {
  margin-right:10px;
  padding     : 5px 50px;
  float:right;
  clear:right;
}
input.button-no {
  padding     : 5px 10px;
}
/* input */
input.indata,
textarea.indata,
select.indata {
  height:2rem;
  padding:5px 5px 5px 10px;
  background-color : #f7e1e5;
  border          : 1px #cccccc solid;
  border-radius   : 5px;
  color           : #000000;
  text-shadow : 0 1px 1px #ffffff;
  font-weight : bold;
}
input.indata,
textarea.indata,
select.indata {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* ***** etc ***** */
/* clear fix */
.clearfix::after {
  content : "";
  clear   : both;
  display : block;
}

/* anker */
a {
  text-decoration:none;
}
a:hover {
  font-weight: bold;
  background-color: silver;
  text-decoration: underline;
}

/* エラー */
p.error {
  color      : red;
  font-weight: bold;
  margin-top : 2px;
  border     : 1px;
}

/* ****** 文字サイズ  ***** */
.large {
  font-size:large;
}
/* メニューの文字サイズ */
.smallsize {
  font-size:90%;
}
.smallsize2 {
  font-size:80%;
}

/* ****** カラー  ***** */
.white {
  color: white;
}
.red {
  color: red;
}
.blue {
  color: blue;
}
.black {
  color: black;
}
.silver {
  color: silver;
}
.fuchsia {
  color :#FF00FF;
}
.bkgd-silver {
  background-color:silver;
}
.bkgd-lightcyan {
  background-color:lightcyan;
}

/* ***** confirm (確認画面) ***** */
/* 確認画面 */
div#confirmLayer {
  display:none;
  position:fixed;
  top:0;
  left:0;
  height:100%;
  width :100%;
  z-index:1000;
}
div#confirmOverLayer {
  border : 1px #cccccc solid;
  border-radius : 15px;
  width  :280px;
  padding:15px 15px 10px 15px;
  background-color:#f0e68c;
  position:absolute;
  z-index:1010;
  cursor : move;
}
#s-container div#confirmOverLayer {
  width  :90%;
}

div#confirm-msg {
  line-height : 1.5rem;
  font-weight : bold;
}
div#confirm-button {
  margin-top    : 20px;
}
input#confirm-button1 {
  float:left;
}
input#confirm-button2 {
  float:left;
}
input#confirm-submit-button3 {
  float:right;
}
div.confirm-1btn-center {
  text-align: center;
}
div.confirm-1btn-center input.button-submit {
  float:none;
}
img#confirm-close {
  position : absolute;
  top   : -5px;
  right : -5px;
  height:15px;
  width :15px;
  background-color:white;
  cursor : pointer;
}


/* ***** トーストメッセージ ***** */
.toastMsg {
  position : fixed;
  top      : 20px;
  width    : 280px;
  padding  : 8px 15px;
  color    : #fff;
  background : rgba(0, 0, 0, 0.6);
  border-radius : 15px;
  border   : none;
  box-shadow : 1px 1px 5px rgba(0, 0, 0, 0.2);
  z-index  : 1000;
  line-height: 1.5rem;
}

/* ***** Processing 処理中 ***** */
#processingLayer {
  position:fixed;
  top:0;
  left:0;
  height:100%;
  width :100%;
  background-color:transparent;
  z-index:100;
}
#processingLayer-div {
  height:130px;
  width :100px;
  position:fixed;
  top :50%;
  left:50%;
  margin-top:-50px;
  margin-left:-50px;
  z-index:101;
}
#processingLayer-div img {
  border: none;
  height:100px;
  width :100px;
}
#processingLayer-div progress {
  display:none;
  margin-top : 10px;
  width:100px;
  height:20px;
}

/* ***** validateErr,Finished ***** */
#validateErr {
  width  : 450px;
  margin : 20px auto;
  position:relative;
}
#validateErr.marginTop {
  margin-top : 100px;
}
#s-container #validateErr {
	width:90%;
}
#validateErr #validateErr-again {
  margin-top : 40px;
  margin-left: 10px;
  line-height:1.2rem;
}
#validateErr #validateErr-finished {
  width:10rem;
  margin : 40px auto 0 auto;
  line-height:1.2rem;
}

/* ****** validateErrMsg */
#validateErr div#validateErr-errmsg {
  line-height : 1.2rem;
  padding     : 10px;
  -moz-border-radius: 5px;    	/* Firefox */
  -webkit-border-radius: 5px;	/* Safari,Chrome */
  border-radius: 5px;          	/* CSS3 */
  border: 1px red solid;     	/* 枠線の装飾 */
}
#validateErr div#validateErr-errmsg img {
  border: none;
  width:15px;
  height:15px;
  margin-right:5px;
}

/* 閉じるボタン */
#validateErr img#validateErr-close {
  position : absolute;
  top   : -5px;
  right : -5px;
  height:15px;
  width :15px;
  background-color:white;
  cursor : pointer;
}
/* 閉じる */
#validateErr.close {
  display:none;
}

/********************** 共通 end ********************/