/**
 * レガロSTYLE SHEET
 * http://wwww.webproduction.jp/
*/

/**
 * 著作権について * 
 * このシステムは、有限会社レガロによって制作されています。
 * 有限会社レガロは、このシステムの著作を保持しています。
 * 無断で複製、改変、販売することは出来ません。
*/


#carousel
{
  margin: 0 10px 0 10px;
  width: 369px;
  height: 242px;
  padding: 0;
  overflow: hidden;
  border: 2px solid #999;
  float : left;
}
#carousel ul
{
  list-style: none;
  width: 738px;
  margin: 0;
  padding: 0;
  position: relative;
 overflow : hidden;
}
#carousel li
{
  display: inline;
  float: left;
}
#carousel li img
{
  width: 369px;

}

.textholder
{
  text-align: left;
  font-size: small;
  padding: 6px;
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-top-left-radius: 6px;
  -webkit-border-top-right-radius: 6px;
}


#salon_box {
margin : 0 auto 0 auto;
padding : 10px;
display : block;
overflow : hidden;
background-color : #ffffff;
border : solid 1px #555555;
}


h2#salon_title {
text-align : center;
color : #4A2B0D;
height : 70px;
margin : 10px auto 10px auto;
padding : 0;
font-size : large;
font-weight : bolder;
line-height : 200%;
background-image : none;
background-color : #ffffff;
border-bottom : solid 2px #000000;
}

h3.salonpagetitle {
color : #555555;
font-size : small;
font-weight : normal;
height : 20px;
margin : 5px auto 10px auto;
padding : 5px 20px 0 20px;
background-color : #f5f5f5;
background-image : url('/lib-img/shop/bgimg_gray_h30.gif');
background-repeat : repeat-x;
border : solid 1px #dddddd;
}

#subtitle{
color : #555555;
font-size : small;
font-weight : normal;
}

#salon_topbox {
width : 100%;
margin : 10px auto 10px auto;
padding : 0;
display : block;
overflow : hidden;
}

.cath_copy {
font-size : medium;
font-weight : bold;
color : #F2238F;
}

table#saloninfotb{
border : solid 1px #dddddd;
}

#saloninfotb th{
width : 20%;
text-align : center;
background-color : #f5f5f5;
border : solid 1px #dddddd;
}

#saloninfotb td{
width : 80%;
background-color : #ffffff;
border : solid 1px #dddddd;
}


#salonmenubox {
height : 50px;
text-align : center;
font-weight : bold;
margin : 10px auto 10px auto;
padding : 10px;
background-color : #ffffff;
list-style-type : none;
}

#salonmenubox li{
color : #000000;
text-decoration : none;
width : 24%;
margin : 5px auto 0 auto;
padding : 7px 0 5px 0;
display : block;
border : solid 1px #dddddd;
float : left;
}

#salonmenubox a:link{
color : #000000;
text-decoration : none;
}

#salonmenubox a:visited{
color : #000000;
text-decoration : none;
}

#salonmenubox a:hover {
background-color : #C69C6D;
}

#moodbox {
text-align : center;
margin : 10px auto 10px auto;
padding : 10px 0 0 10px;
background-color : #f5f5f5;
border : solid 1px #dddddd;
}

.featurelbox {
width : 315px;
margin : 0 auto 0 auto;
padding : 10px;
float : left;
}

.featurerbox {
width : 315px;
margin : 0 auto 0 auto;
padding : 10px;
float : right;
}

.featureinbox {
width : 295px;
margin : 0 auto 0 auto;
padding : 10px;
display : block;
overflow : hidden;
border : solid 1px #dddddd;
}

.featureinimage{
text-align : center;
width : 295px;
margin : 0 auto 0 auto;
padding : 0;
display : block;
overflow : hidden;
}

#saloninfobox {
width : 295px;
margin : 0;
padding : 0;
display : block;
float : right;
}

#salondesc {
color : #603913;
margin : 10px;
padding : 10px;
background-color : #DBC2A7;
}


/* CN SALON PAGE STYLE */

#saloninfobox ol{
list-style-type : none;
}
#saloninfobox li{
margin : 2px auto 0 auto;
padding : 0;
}

.databox{
margin : 5px auto 5px auto;
padding : 5px;
background-color : #CFEEFB;
border : solid 1px #6DCFF6;
}

.couponbox{
color : #D30303;
font-weight : bolder;
margin : 5px auto 5px auto;
padding : 5px;
background-color : #FDF8BF;
border : solid 2px #D30303;
}

.couponbox a{
font-weight : normal;
}

.side_rankbox{
width : 90%;
margin : 5px auto 0 auto;
padding : 5px;
display : block;
background-color : #FDF8BF;
}
.side_rankbox h4{
font-size : small;
font-weight : normal;
margin : 3px auto 3px auto;
padding : 0;
}
.side_rankbox p{
color : #555555;
line-height : 110%;
margin : 0;
padding : 0;
}