/* 掲示板の背景色 ----------------------------------------------------------- */
.std_offer_bg{
    background-color: #dddddd;
}

.owner_offer_bg{
    background-color: #00ffff;
}

.offer_box{
    background-color: #eeeeee;
}

.active_offer_box{
    background-color: #ffff00;
}

/* ボタンなどを右寄せ ------------------------------------------------------- */
.put_right {
  display: block;
  margin: 0 0 0 auto;
}

/* テーブルのセルの余白用CSS ------------------------------------------------ */
.tbl1, .tbl1 th, .tbl1 td {
    padding: 1px;
}

.tbl3, .tbl3 th, .tbl3 td {
    padding: 3px;
}

.tbl5, .tbl5 th, .tbl5 td {
    padding: 5px;
}

.tbl7, .tbl7 th, .tbl7 td {
    padding: 7px;
}

/* ログイン等の入力エリアCSS ------------------------------------------------ */
.login_input{
    width: 250px;
    padding: 5px 8px;
    border-radius: 6px;
    border-top: 1px solid #aaa;
    border-left: 1px solid #aaa;
    border-right: 2px solid #aaa;
    border-bottom: 2px solid #aaa;
    background-image: none;
    background-color: #ddd;
    font-size: 16px;
}

/* 飾り文字用CSS ------------------------------------------------------------ */
.deco-font-01 {
	font-size:2em;
	text-align:center;
	line-height:0.95em;
	font-weight:bold;
	color: #FFAB91;
	text-shadow: 0.02em 0.02em 0.02em rgba(0,0,0,1);
}

.deco-font-02 {
	font-size:2em;
	text-align:center;
	line-height:0.95em;
	font-weight:bold;
	color: #01579B;
	text-shadow: 0 0 0.2em rgba(255,255,255,1);
}

.deco-font-03 {
	font-size:2em;
	text-align:center;
	line-height:0.95em;
	font-weight:bold;
	color: #FFF;
	text-shadow: 0 0 0.2em rgba(0,0,0,1);
}

.deco-font-04 {
	font-size:2em;
	text-align:center;
	line-height:0.95em;
	font-weight:bold;
	color: #FF6F00;
	text-shadow:
		0 0.01em 0 #999,
		0 0.02em 0 #888,
		0 0.03em 0 #777,
		0 0.04em 0 #666,
		0 0.05em 0 #555,
		0 0.06em 0 #444,
		0 0.08em 0 #000;
}

.deco-font-05 {
	font-size:2em;
	text-align:center;
	line-height:0.95em;
	font-weight:bold;
	text-shadow:
		0 0.03em 0.03em #FFAB91,
		0 0.03em 0.03em #000,
		0 0.03em 0.03em #FBE9E7;
}

/* タイトル用CSS ------------------------------------------------------------ */
.title-skyblue {
  padding: 0.5em;  /*文字周りの余白*/
  color: #010101;  /*文字色*/
  background: #eaf3ff;  /*背景色*/
  border-bottom: solid 3px #516ab6;  /*下線*/
}

/* フキダシ用CSS ------------------------------------------------------------ */
/* beforeが三角形部分、borderとborder-* の指定で三角になる */
/* beforeの top / left / margin-top|left で三角の位置指定 */
/* 吹き出しの左側に三角 */
.hukidashi-left {
  position: relative;
  display: inline-block;
  margin: 1.5em 0 1.5em 15px;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #e0edff;
  border-radius: 7px;
}

.hukidashi-left:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -30px;
  margin-top: -15px;
  border: 15px solid transparent;
  border-right: 15px solid #e0edff;
}

.hukidashi-left p {
  margin: 0;
  padding: 0;
}

/* 吹き出しの右側に三角 */
.hukidashi-right {
  position: relative;
  display: inline-block;
  margin: 1.5em 15px 1.5em 0;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #ffffb0;
  border-radius: 7px;
}

.hukidashi-right:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -15px;
  border: 15px solid transparent;
  border-left: 15px solid #ffffb0;
}

.hukidashi-right p {
  margin: 0;
  padding: 0;
}

/* 吹き出しの下側に三角 */
.hukidashi-down {
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #e0edff;
  border-radius: 7px;
}

.hukidashi-down:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #e0edff;
}

.hukidashi-down p {
  margin: 0;
  padding: 0;
}

/* 吹き出しの上側に三角 */
.hukidashi-up {
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #e0edff;
  border-radius: 7px;
}

.hukidashi-up:before {
  content: "";
  position: absolute;
  top: -30px;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-bottom: 15px solid #e0edff;
}

.hukidashi-up p {
  margin: 0;
  padding: 0;
}