/*****************************
**           共通           **
*****************************/
body{
  margin:0px;
  background-color:#FCDEBA;
  color:#333333;
}

#container{
  margin-left:auto;
  margin-right:auto;
  width:800px;
  background-color:#FFF;
}

#header{
  width:100%;
  margin-bottom:5px;
}

#main{
  width:100%;
  font-size:12px;
  display:inline-block;
}

#footer{
  width:790px;
  font-size:12px;
  text-align:right;
  padding:3px 10px 6px 0px;
  background-color:#FFE0EB;
  margin-top:5px;
  height:24px;
}

/*****************************
**       ページ内共通       **
*****************************/
hr{
  color:#90EE90;
  height:1px;
}

a img{
  border-style:none;
}

#title_center {
  width:800px;
  text-align:center;
  background-color:#FCDEBA;
}

form,td p{margin:0; padding:0} 

/*****************************
**           左側           **
*****************************/
#left{
  width:180px;
  background-image:url("../img/l_menu_back.gif");
  repeat:y;
  float:left;
  margin-left:10px;
  _margin-left:5px;
}

#mobile{
  width:170px;
  padding:8px 5px 10px 5px;
  font-size:14px;
  font-family:"ＭＳ ゴシック";
}

#mobile table{
  cell-spacing:0px;
}

.m_left{
  width:60px;
}

.m_right{
  width:110px;
  line-height:20px;
  text-align:center;
}

#login{
  width:170px;
  padding:5px 5px 0px 5px;
  font-size:12px;
  font-family:"ＭＳ ゴシック";
}

#login table{
  width:100%;
}

#login td{
  height:20px;
}

#logout{
  width:170px;
  padding:5px 5px 0px 5px;
  font-size:12px;
  font-family:"ＭＳ ゴシック";
}

#logout table{
  width:100%;
}

#logout td{
  height:20px;
}

.err_msg{
  color:#F00;
  font-size:10px;
}

#logout table{
  width:100%;
}

#logout input{
  height:14px;
}

.l_menu_col_1{
  text-align:left;
  width:100px;
  font-size:12px;
}

/*****************************
**           右側           **
*****************************/
#right{
  width:600px;
  float:right;
}

#menu{
  width:588px;
  height:43px;
  margin-bottom:8px;
  background-color:#F9BC00;
  overflow:hidden;
  padding:0px;
}

#menu a{
  margin:0px;
  padding:0px;
  display:block;
}

.button1_s{
  width:147px;
  height:40px;
  background-image:url("../img/top_btn.jpg");
  float:left;
  margin:0px;
}

a .button1{
  width:147px;
  height:40px;
  background-image:url("../img/top_btn_a.jpg");
  float:left;
}

a:hover .button1{
  width:147px;
  height:40px;
  background-image:url("../img/top_btn_hover.jpg");
  float:left;
}

.button2_s{
  width:147px;
  height:40px;
  background-image:url("../img/salon_btn.jpg");
  float:left;
  margin:0px;
}

a .button2{
  width:147px;
  height:40px;
  background-image:url("../img/salon_btn_a.jpg");
  float:left;
}

a:hover .button2{
  width:147px;
  height:40px;
  background-image:url("../img/salon_btn_hover.jpg");
  float:left;
}

.button3_s{
  width:147px;
  height:40px;
  background-image:url("../img/search_btn.jpg");
  float:left;
  margin:0px;
}

a .button3{
  width:147px;
  height:40px;
  background-image:url("../img/search_btn_a.jpg");
  float:left;
}

a:hover .button3{
  width:147px;
  height:40px;
  background-image:url("../img/search_btn_hover.jpg");
  float:left;
}

.button4_s{
  width:147px;
  height:40px;
  background-image:url("../img/qst_btn.jpg");
  float:left;
  margin:0px;
}

a .button4{
  width:147px;
  height:40px;
  background-image:url("../img/qst_btn_a.jpg");
  float:left;
}

a:hover .button4{
  width:147px;
  height:40px;
  background-image:url("../img/qst_btn_hover.jpg");
  float:left;
}

.disp_img{
  width:190px;
  height:130px;
}

.alert{
  color:#F00;
  font-family:"ＭＳ ゴシック";
}

/*****************************
**     フッターメニュー     **
*****************************/
.footer_left{
  padding:7px 0px 7px 10px;
  float:left;
  color:#00C;
}

.footer_left a{
  color:#00C;
}

.footer_right{
  padding:2px 5px 0px 0px;
  float:right;
  font-size:10px;
  color:#000;
}

.footer_right a{
  color:#000;
  text-decoration:none;
}

/*****************************
**         ページャ         **
*****************************/
table#pager_table { 
  padding: 5px;
}

.pager_button a {
  padding: 4px;
  vertical-aligh: middle;
  background-color: white;
  text-decoration: none;
  font-weight: bold;
  font-size: 12px;
  border: 1px solid #808080;
}

.pager_button a:link {
  color: black;
}
.pager_button a:visited {
  color: black;
}
.pager_button a:active {
  color: blue;
}
.pager_button a:hover {
  color: black;
  background-color: #E1E1E1;
}

.pager_button span {
  padding: 4px;
  vertical-aligh: middle;
  color: white;
  background-color: #808080;
  font-weight: bold;
  font-size: 12px;
  border: 1px solid #808080;
}

.pager_arrow_container {
  padding: 5px 0 5px 0;
  margin: 0;
}

.pager_arrow_container_left {
  float: left;
  text-align: left;
}

.pager_arrow_container_right {
  float: right;
  text-align: right;
}

.pager_arrow {
  margin: 4px 0px 4px 0px;
}

.pager_arrow a {
  margin: 4px;
  text-decoration: none;
  font-weight: bold;
  font-size: 12px;
}

.pager_arrow a:link {
  color: black;
}
.pager_arrow a:visited {
  color: black;
}
.pager_arrow a:active {
  color: blue;
}
.pager_arrow a:hover {
  color: red;
}