/*==================================================================

design.css
www.saunashi.com

================================================================== */

/*	Top page
============================================================*/

/* SlideShow */ 
#main #slideshow { position:relative; width:820px; height:300px; margin: 0 0 15px 0;}
#main #slideshow a { display:block; position:absolute; top:0; left:0; z-index:8; }
#main #slideshow a.active { z-index:10; }
#main #slideshow a.last-active { z-index:9; }

#topNav {
	width: 820px;
	height: 78px;
	padding: 0 0 15px 0;
}

#top h2 {
	margin: 0 0 10px 0;
}
	
#topNav li {
	float: left;
}

.topBox {
	width: 820px;
}

.topL {
	width: 470px;
	float: left;
}

.topR {
	width: 320px;
	float: right;
}

.topBan {
	height: 45px;
	padding: 0 0 13px 0;
}

.topBan li {
	float: left;
	padding: 0 10px 0 0;
}

.topBan li.topBanNail {
	padding: 0;
}

.informationBox {
	width: 320px;
	height: 75px;
	background: url(../images/bg_informationBox.gif) no-repeat;
}

.infoTel {
	padding: 6px 15px 0 0;
	text-align: right;
	font-size: 10px;
	line-height: inherit;
}

.telNumber {
	font-size: 15px;
	line-height: inherit;
}

.infoBusiness {
	padding: 8px 15px 0 19px;
	font-size: 10px;
	line-height: 150%;
}

.infoAccess {
	padding: 0 15px 0 19px;
	font-size: 10px;
	line-height: 150%;
}


/*	common menu page
============================================================*/
.menuBox {
	width: 610px;
}

.menuBoxL {
	width: 290px;
	padding: 0 29px 0 0;
	float: left;
}

.menuBoxR {
	width: 290px;
	float: left;
}

.menuTxtBox {
	padding: 0 0 0 0;
}

.menuTxt {
	padding: 0;
}

.menuTxtB {
	padding: 0 0 1em 0;
}

.price {
	width: 290px;
	padding: 25px 0 30px 0;
}

.priceList1 {
	background-color: #FBF3E7;
	padding: 5px 9px;
}

.priceList2 {
	background-color: #FFFFFF;
	padding: 5px 9px;
}

.priceListL  {
	float: left;
 }

.priceListR  {
	text-align: right;
 }
 
 .priceSupple {
 	padding: 0 0 0 20px;
}

.priceNotice  {
	padding: 5px 9px 0 9px;
}

.btn {
	width: 290px;
}

.btnPrev {
	width: 50px;
	float: left;
}

.btnNext {
	width: 50px;
	float: right;
}


/*	Menu page
============================================================*/
.menu1{
	background:#FBF3E7;
}

.menu2{
	background:#FFFFFF;
}

.menuName{
	padding:0px 0px 0px 10px;
}

.menuOption{
	padding:0px 0px 0px 30px;
}


/*	Products page
============================================================*/
#products {
	margin: 0 0 30px 0;
}  

#products .prdBox {
	width: 610px;
	clear: both;
}

#products .prdBoxL {
	width: 300px;
	float: left;
	padding: 0 10px 0 0;
}

#products .prdBoxR {
	width: 300px;
	float: right;
	padding: 0 0 0 0;
}

#products .prdImg {
	text-align: center;
	padding: 0 0 10px 0;
}

#products .prdPrice {
	padding: 0 0 10px 0;
}

#products .prdDetail {
	line-height:140%;
	color:#666666;
}

#products .prdHr {
	background: url(../images/hr.gif) repeat-x;
	height: 1px;
	margin: 20px 0 30px 0;
	clear: both;
}


/*	Concept,Location page
============================================================*/
.conBoxA {
	width: 610px;
	clear: both;
	overflow: hidden;
	margin: 0 0 30px 0;
}

.conBoxB {
	width: 610px;
	clear: both;
	overflow: hidden;
	margin: 0;
}

.conBoxL {
	width: 305px;
	float: left;
}

.conBoxL img {
	padding: 0 20px 0 0;
}

.conBoxR {
	width: 305px;
	float: right;
}

.conBoxR img {
	padding: 0 0 0 20px;
}

.locTips {
	color: #666666;
	font-weight: bold;
	margin: 0 0 7px 0;
}

.locColL{
	padding: 0px 40px 0px 10px;
	color: #666666;
	background: #FBF3E7;
	border-top: 1px solid #F5F5F5;
	border-right: 2px solid #F5F5F5;
	border-bottom: 1px solid #F5F5F5;
	border-left: 1px solid #F5F5F5;
}

.locColR{
	padding: 0px 10px 0px 10px;
	background: #FFFFFF;
	border-top: 1px solid #F5F5F5;
	border-bottom: 1px solid #F5F5F5;
	border-right: 1px solid #F5F5F5;
}


/*	Staff page
============================================================*/
.staffHr  {
	background: url(../images/staff_hr.gif) no-repeat;
	width: 610px;
	height: 9px;
	clear: both;
	padding: 0 0 12px 0;
	_padding: 0 0 10px 0;
}

.staffBox {
	padding: 0 30px;
	clear: both;
}


.conStaff1 {
	width: 145px;
	float: left;
	padding: 0 50px 30px 0;
}

.conStaff2 {
	width: 145px;
	float: left;
	padding: 0 0 30px 0;
}

.staffPic {
	background: url(../images/bg_staff.jpg) no-repeat;
	width: 130px;
	height: 107px;
	padding: 10px 0 5px 12px;
}

.staffProf .position {
	line-height: 120%;
}

/* Popup */ 
.popup {
	width: 540px;
	margin: 0 auto;
}

.popupHead {
	padding: 0 0 20px 0;
}

.popupBox {
	width: 540px;
	padding: 0 0 15px 0;
}

.popupBoxL {
	width: 215px;
	padding: 0 15px 0 0;
	float: left;
}

.popupBoxR {
	width: 310px;
	float: left;
}

.staffData {
	padding: 0 0 15px 0;
}

.popupPosition {
	font: bold;
}

/*	Catalog page
============================================================*/
#catalog ul.gallery {
	padding: 0 4px;
}

#catalog li {
	float: left;
}

#catalog li.catThmb1 {
	padding: 0 10px;
	margin: 0 0 45px 0;
}

#catalog li.catThmb2 {
	padding: 0;
	margin: 0 0 45px 0;
}

.snsBtn {
	height: 21px;
	_height: 21px;
	text-align: right;
	clear: both;
	padding: 0 16px 0 0;
}

/*	Q&A page
============================================================*/
.qaQ{
	clear:both;
	border-bottom:1px solid #DDDDDD;
	margin:0px 0px 5px 0px;
	padding:3px 0px 3px 20px;
	background-image: url(../images/blt_qa_q.gif);
	background-repeat: no-repeat;
}

.qaA{
	clear:both;
	background:#FFFFFF;
	margin:0px 0px 5px 0px;
	padding:3px 3px 3px 20px;
	background-image: url(../images/blt_qa_a.gif);
	background-repeat: no-repeat;
}

.qaBoxA {
	width:400px;
	padding: 0 0 30px 0;
}

.qaBoxB {
	padding: 0 0 30px 0;
}

.qaBoxA a:link	{color:#333333;text-decoration:none;}
.qaBoxA a:visited 	{color:#333333;text-decoration:none;}
.qaBoxA a:hover 	{color:#333333;text-decoration:underline;}
.qaBoxA a:active 	{color:#333333;text-decoration:underline;}


.qa1{
	background:#FBF3E7;
	margin:0px;
	padding:3px 10px;
}

.qa2{
	background:#FFFFFF;
	margin:0px;
	padding:3px 10px;
}

.qaTitle{
	color:#2F98C3;
	font-weight:bold;
	margin:10px 0px 5px 0px;
	padding:3px 10px;
}

.pageTop {
	text-align: right;
	clear: both;
}

/*	Sitemap page
============================================================*/
.sitemapDir1{
	padding:0px 0px 5px 15px;
	margin:0px 0px 0px 0px;
	background-image: url(../images/blt_sitemap_dir1.gif);
	background-repeat: no-repeat;
}

.sitemapDir2{
	padding:0px 0px 0px 15px;
	margin:0px 0px 0px 25px;
	background-image: url(../images/blt_sitemap_dir2.gif);
	background-repeat: no-repeat;
}