@charset "UTF-8";

/*------------------------------------------------------------------------------
	GUEST&ME - CSS Modules Import
	Date: 2009-12-08
------------------------------------------------------------------------------*/
#content{
	padding-bottom:30px;
}

#main{
	padding:0;
}



.toppage{
	position:relative;
	background:url(../../recip/img/index_bg.jpg) 0px 20px no-repeat;
	width:780px;
	height:640px;
	overflow:hidden;
}
.toppage h2{
	position:absolute;
	top:21px;
	left:20px;
}
.toppage .thand{
	position:absolute;
	top:145px;
	left:43px;
}
.toppage .tlinen{
	position:absolute;
	top:145px;
	left:167px;
}
.toppage .tbar{
	position:absolute;
	top:290px;
	left:330px;
}
.toppage .tsoap{
	position:absolute;
	top:338px;
	left:630px;
}


.bar01{
	position:relative;
	background:url(../../recip/img/bar_relax_bg.jpg) top left no-repeat;
	width:780px;
	height:643px;
	overflow:hidden;
}

.bar01 h2{
	position:absolute;
	top:28px;
	left:34px;
}
.bar01 .kaori{
	position:absolute;
	top:262px;
	left:31px;
}

.bar02{
	position:relative;
	background:url(../../recip/img/bar_refresh_bg.jpg) top left no-repeat;
	width:780px;
	height:658px;
	overflow:hidden;
}

.bar02 h2{
	position:absolute;
	top:43px;
	left:265px;
}
.bar02 .kaori{
	position:absolute;
	top:268px;
	left:442px;
}
.bar02 .rbtn{
	position:absolute;
	top:607px;
	left:589px;
}




.linen01{
	position:relative;
	background:url(../../recip/img/linen_relax_bg.jpg) top left no-repeat;
	width:780px;
	height:705px;
	overflow:hidden;
}

.linen01 h2{
	position:absolute;
	top:28px;
	left:34px;
}
.linen01 .kaori{
	position:absolute;
	top:257px;
	left:34px;
}

.linen02{
	position:relative;
	background:url(../../recip/img/linen_refresh_bg.jpg) top left no-repeat;
	width:780px;
	height:710px;
	overflow:hidden;
}

.linen02 h2{
	position:absolute;
	top:42px;
	left:304px;
}
.linen02 .kaori{
	position:absolute;
	top:248px;
	left:439px;
}
.linen02 .rbtn{
	position:absolute;
	top:655px;
	left:602px;
}

.soap{
	position:relative;
	background:url(../../recip/img/soap_bg.jpg) top left no-repeat;
	width:780px;
	height:663px;
	overflow:hidden;
}

.soap h2{
	position:absolute;
	top:28px;
	left:35px;
}
.soap .kaori{
	position:absolute;
	top:287px;
	left:35px;
}
.soap .rbtn{
	position:absolute;
	top:610px;
	left:652px;
}

.handsoap{
	position:relative;
	background:url(../../recip/img/handsoap_bg.jpg) top left no-repeat;
	width:780px;
	height:702px;
	overflow:hidden;
}

.handsoap h2{
	position:absolute;
	top:28px;
	left:35px;
}
.handsoap .kaori{
	position:absolute;
	top:242px;
	left:35px;
}
.handsoap .rbtn{
	position:absolute;
	top:648px;
	left:611px;
}

.interview .interviewclm{
	background:url(../../recip/img/interview_bg.gif) top left repeat-y;
	width:780px;
	padding-bottom:20px;
	margin-bottom:15px;
}
.interview .interviewclm table{
	margin:0 50px 0px 40px;
	z-index:5;
}
.interview .interviewclm td{
	vertical-align:top;
	padding:5px;
	line-height:2;
}
.interview .interviewclm td.ph{
	padding-top:10px;
}
.interview .interviewclm td.ask{
	color:#996633;
}
.interview .interviewclm strong{
	color:#ff9900;
	font-weight:normal;
}
.interview .ph02{
	position:relative;
	margin-top:-70px;
	margin-bottom:-75px;
	z-index:10;
	text-align:right;
	padding-right:60px;
}
.interview .interviewclm2{
	width:780px;
}

.interview .interviewclm2 table{
	margin:20px 50px 0px 35px;
	z-index:5;
}
.interview .interviewclm2 table{
	width:695px;
}
.interview .interviewclm2 td{
	vertical-align:top;
}
.interview .interviewclm2 td p{
	line-height:2;
}