/* Lexues CSS Document */

/* ====================================================================== */
/* header & footer */
/* ====================================================================== */
#headerwrap {
	background-image: url(../img/header_bg.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	height: 92px;
	width: 800px;
	padding-top: 8px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 15px;
	padding-left: 15px;
}
#headerwrap h1 {
	float: left;
	margin: 0px;
	padding: 0px;
}
#headerwrap .tel {
	float: right;
}
#footerwrap {
	width: 846px;
	height: 33px;
	clear: both;
	background-image: url(../img/footerbg.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#copyright {
	font-size: 0.8em;
	color: #FFFFFF;
	float: right;
	margin-top: 5px;
	margin-right: 35px;
}
/* ====================================================================== */
/* main_img & gnavi */
/* ====================================================================== */
#main_img {
	height: 205px;
	width: 830px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#gnavi {
	width: 830px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: 50px;
}


#gnavi ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#gnavi li {
	float: left;
	height: 50px;
	margin: 0px;
}
/* ====================================================================== */
/* body */
/* ====================================================================== */
body{
	background-color:#FEF4E0;
	background-image: url(../img/body_bg.gif);
	background-repeat: repeat;
	background-position: center top;
	color: #222222;
}
#wrap {
	height: 100%;
	width: 846px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../img/wrap_bg.gif);
	background-repeat: repeat-y;
	background-position: center top;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
}

#contentswrap {
	text-align: left;
	height: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	width: 788px;
	margin-right: auto;
	margin-left: auto;
}
/* ====================================================================== */
/* Rside */
/* ====================================================================== */
#contentswrap #Rside {
	float: right;
	height: auto;
	width: 240px;
}
#Rside h3 {
	height: 20px;
	width: 240px;
	margin-bottom: 10px;
}
#Rside .bannerbox {
	list-style-type: none;
}
#Rside .bannerbox li {
	margin-bottom: 5px;
}
/* ====================================================================== */
/* Lside */
/* ====================================================================== */
#contentswrap #Lside {
	float: left;
	height: auto;
	width: 521px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #B4B4B4;
	padding-right: 12px;
}
#Lside .Lbox h2 {
	margin-bottom: 10px;
}
.Lbox .detail {
	float: right;
	margin-right: 5px;
	width: 490px;
	margin-bottom:20px;
}
.Lbox .detail_bottom {
	float: right;
	margin-right: 5px;
	width: 490px;
}
.Lbox .txt {
	padding-bottom: 20px;
}
.Lbox .txt .shitsu {
	margin-right: 5px;
}
.smallimage {
	float: right;
}
.pricelist {
	margin-bottom: 15px;
}

.pricelist dt {
	font-size: 1.3em;
}
.pricelist .square {
	padding-right: 2px;
}
/* IE6､ﾎ､ﾟﾅｬﾍﾑ \*/
* html .pricelist .square {
	font-size : 90%;
} 
/* end */
/*
.pricelist dd {
	padding-left: 1em;
	line-height: 1.5em;
}
*/
.pricelist .esthetic {
	color: #345F2C;
}
.pricelist .gommage {
	color: #7D1435;
}
.pricelist .massage {
	color: #897132;
}
.notes {
	font-size: 0.7em;
	line-height: 1.3em;
}
/* ====================================================================== */
/* info */
/* ====================================================================== */
.detail .address {
	float: left;
	font-size: 1em;
	line-height: 1.5em;
}
.address .right03 {
	padding-left: 100px;
}
#map {
	width: 490px;
}
.traffictitle {
	background-color: #345F2C;
	color: #FFFFFF;
	height: 20px;
	padding-top: 1px;
	padding-left: 5px;
	margin-bottom: 3px;
}
.trafficname {
	margin-top: 5px;
	margin-bottom: 3px;
}
.trafficL {
	float: left;
}
.trafficR {
	float: right;
}
.trafficL, .trafficR {
	margin-top: 10px;
	margin-bottom: 10px;
	width: 235px;
}
.trafficL dl, .trafficR dl {
	margin-bottom: 10px;
}
.trafficL dt, .trafficR dt {
	color: #345F2C;
	font-size: 1em;
}
* html .trafficL dt, * html .trafficR dt {
font-size : 90%;
} 
.trafficL dd, .trafficR dd {
	margin-top: -17px;
	margin-left: 1em;
}
.googlemaplink {
	padding:10px;
	text-align:right;
}


/* 2014.08.08追加 */
.clear {
	clear: both;
	padding: 0;
	margin: 0;
}
/* ===============================================
	フォントサイズ
=============================================== */
.font_ss{ font-size: x-small; line-height: 120%; }
.font_s{ font-size: small; line-height: 120%; }
.font_m{ font-size: medium; line-height: 120%; }
.font_l{ font-size: large; line-height: 140%; }


/* ===============================================
	間隔指定
=============================================== */
.m0   { margin: 0     !important; }
.m5   { margin: 5px   !important; }
.m10  { margin: 10px  !important; }
.m15  { margin: 15px  !important; }
.m20  { margin: 20px  !important; }

.mh5   { margin-right: 5px   !important; margin-left: 5px   !important; }
.mh10  { margin-right: 10px  !important; margin-left: 10px  !important; }
.mh15  { margin-right: 15px  !important; margin-left: 15px  !important; }
.mh20  { margin-right: 20px  !important; margin-left: 20px  !important; }

.mv0   { margin-top: 0     !important; margin-bottom: 0     !important; }
.mv5   { margin-top: 5px   !important; margin-bottom: 5px   !important; }
.mv10  { margin-top: 10px  !important; margin-bottom: 10px  !important; }
.mv15  { margin-top: 15px  !important; margin-bottom: 15px  !important; }
.mv20  { margin-top: 20px  !important; margin-bottom: 20px  !important; }
.mv25  { margin-top: 25px  !important; margin-bottom: 25px  !important; }

.mt0   { margin-top: 0     !important; }
.mt5   { margin-top: 5px   !important; }
.mt10  { margin-top: 10px  !important; }
.mt15  { margin-top: 15px  !important; }
.mt20  { margin-top: 20px  !important; }

.mr0   { margin-right: 0     !important; }
.mr5   { margin-right: 5px   !important; }
.mr6   { margin-right: 6px   !important; }
.mr10  { margin-right: 10px  !important; }
.mr15  { margin-right: 15px  !important; }
.mr20  { margin-right: 20px  !important; }

.mb0   { margin-bottom: 0     !important; }
.mb5   { margin-bottom: 5px   !important; }
.mb10  { margin-bottom: 10px  !important; }
.mb15  { margin-bottom: 15px  !important; }
.mb20  { margin-bottom: 20px  !important; }

.ml0   { margin-left: 0     !important; }
.ml5   { margin-left: 5px   !important; }
.ml10  { margin-left: 10px  !important; }
.ml15  { margin-left: 15px  !important; }
.ml20  { margin-left: 20px  !important; }


/* ===============================================
	行頭の文字を前に出す
=============================================== */
.hang5 { text-indent: -0.5em !important; margin-left: 0.5em !important; }
.hang10 { text-indent: -1.0em !important; margin-left: 1.0em !important; }
.hang15 { text-indent: -1.5em !important; margin-left: 1.5em !important; }
.hang20 { text-indent: -2.0em !important; margin-left: 2.0em !important; }
.hang25 { text-indent: -2.5em !important; margin-left: 2.5em !important; }
.hang30 { text-indent: -3.0em !important; margin-left: 3.0em !important; }

