@charset "UTF-8";
/* CSS Document */

#saloninfo {
	width: 100%;
	font-size: 12px;
	font-weight: lighter;
	height: 320px;
}
#saloninfo tr th {
	font-weight: lighter;
	width: 20%;
	padding: 5px;
	background-image: url("../images/salon/th.png");
	background-repeat: repeat;
	margin: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666;
}
#saloninfo tr td {
	width: 70%;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-bottom-color: #666;
	border-left-color: #666;
}
.tachikawa {
	background-image: url("../images/salon/s_tachi.png");
	height: 310px;
	width: 650px;
	background-repeat: no-repeat;
	background-position: center top;
}
.machida {
	background-image: url("../images/salon/s_machi.png");
	height: 310px;
	width: 650px;
	background-repeat: no-repeat;
	background-position: center top;
}
.fujisawa {
	background-image: url("../images/salon/s_fuji.png");
	height: 310px;
	width: 650px;
	background-repeat: no-repeat;
	background-position: center top;
}

/* --------------------------------------------------
   coder Table
-------------------------------------------------- */
.coder {
	border-spacing: 0;
	border: 1px solid #CCC;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	box-shadow: 0 1px 1px #CCC;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	font-size: 12px;
	margin-top: 5px;
	margin-bottom: 10px;
}
.coder th,
.coder td {
	padding: 10px;
	background: #FFF;
	border-bottom: solid 1px #CCC;
	border-right: solid 1px #CCC;
}
.coder th {
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
	color: #69655c;
	background-color: #e3dcd5;
	background-image: url("../images/tese.png");
	background-repeat: repeat-x;
}
.coder th.brown{
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
	color: #69655c;
	background-image: url("../images/tese2.png");
}
.coder tr td {
	text-align: right;
	color: #8F7D6F;
}
.coder td:hover {
	background-image: url("../images/menu/td_h.png");
	background-repeat: repeat-x;
}

/* -----------------------
  左上角丸　最初の行の最初のセル
----------------------- */
.coder tr:first-child th:first-child,
.coder tr:first-child td:first-child {
    -webkit-border-radius: 6px 0 0 0;
       -moz-border-radius: 6px 0 0 0;
         -o-border-radius: 6px 0 0 0;
            border-radius: 6px 0 0 0;
}
/* -----------------------
  右上角丸　最初の行の最後のセル
----------------------- */
.coder tr:first-child th:last-child,
.coder tr:first-child td:last-child {
    -webkit-border-radius: 0 6px 0 0;
       -moz-border-radius: 0 6px 0 0;
         -o-border-radius: 0 6px 0 0;
            border-radius: 0 6px 0 0;
}
/* -----------------------
  左下角丸　最後の行の最初のセル
----------------------- */
.coder tr:last-child th:first-child,
.coder tr:last-child td:first-child {
    -webkit-border-radius: 0 0 0 6px;
       -moz-border-radius: 0 0 0 6px;
         -o-border-radius: 0 0 0 6px;
            border-radius: 0 0 0 6px;
}
/* -----------------------
  右下角丸　最後の行の最後のセル
----------------------- */
.coder tr:last-child th:last-child,
.coder tr:last-child td:last-child {
    -webkit-border-radius: 0 0 6px 0;
       -moz-border-radius: 0 0 6px 0;
         -o-border-radius: 0 0 6px 0;
            border-radius: 0 0 6px 0;
}
/* --------------------------------------------
  thaed,tbodyを使う場合の設定
-------------------------------------------- */
.coder thead th {background:#e3dcd5;}
.coder thead+tbody th {background:#f4ede6;}
.coder tbody th {
}/*IE*/
/* -----------------------
  左上角丸 thead内　最初の行の最初のセル
----------------------- */
.coder thead tr:first-child th:first-child,
.coder thead tr:first-child td:first-child {
    -webkit-border-radius: 6px 0 0 0;
       -moz-border-radius: 6px 0 0 0;
         -o-border-radius: 6px 0 0 0;
            border-radius: 6px 0 0 0;
}
/* -----------------------
  右上角丸 thead内　最初の行の最後のセル
----------------------- */
.coder thead tr:first-child th:last-child,
.coder thead tr:first-child td:last-child {
    -webkit-border-radius: 0 6px 0 0;
       -moz-border-radius: 0 6px 0 0;
         -o-border-radius: 0 6px 0 0;
            border-radius: 0 6px 0 0;
}
/* -----------------------
  角丸なし　thaedの後のtbody 最初の行の最初のセル
  角丸なし　thaedの後のtbody 最初の行の最後のセル
----------------------- */
.coder thead+tbody tr:first-child th:first-child,
.coder thead+tbody tr:first-child td:first-child,
.coder thead+tbody tr:first-child th:last-child,
.coder thead+tbody tr:first-child td:last-child {
    -webkit-border-radius:0px;
       -moz-border-radius:0px;
         -o-border-radius:0px;
            border-radius:0px;
}
/* -----------------------
  左下角丸　thaedの後のtbody 最後の行の最初のセル
----------------------- */
.coder thead+tbody tr:last-child th:first-child,
.coder thead+tbody tr:last-child td:first-child {
    -webkit-border-radius: 0 0 0 6px;
       -moz-border-radius: 0 0 0 6px;
         -o-border-radius: 0 0 0 6px;
            border-radius: 0 0 0 6px;
}
/* -----------------------
  右下角丸　thaedの後のtbody 最後の行の最後のセル
----------------------- */
.coder thead+tbody tr:last-child th:last-child,
.coder thead+tbody tr:last-child td:last-child {
    -webkit-border-radius: 0 0 6px 0;
       -moz-border-radius: 0 0 6px 0;
         -o-border-radius: 0 0 6px 0;
            border-radius: 0 0 6px 0;
}