@charset "utf-8";

/* 090305追記 */
h1 {
	margin-bottom: 26px;
	background:url(../images/lineupTtl.gif) no-repeat;
	padding-top: 15px;
	padding-left: 42px;
	font-size: 134%;
	font-weight:bold;
	width: 760px;
	height: 62px;
}

*html body h1 {
	margin-bottom: 30px;
	background:url(../images/lineupTtl.gif) no-repeat;
	padding-top: 15px;
	padding-left: 46px;
	font-size: 134%;
	font-weight:bold;
	width: 760px;
	height: 62px;
}
/* 追記終了 */

div#item {
	margin-top: 20px;
}
div#item h2 {
	margin-bottom: 10px;
	background:url(../images/itemTtl.gif) no-repeat;
	height:39px;
	text-indent: -9999px;
}
div#item dl {
	width: 760px;
	height: 378px;
	background: url("../images/mainImg.jpg") no-repeat;
	position: relative;
}
div#item dl dt,
div#item dl dd p {
	display: none;
}

div#item dl dd p.btn {
	width: 232px;
	height: 49px;
	display: block;
	position: absolute;
	top: 253px;
	left: 59px;
	text-indent: -9999px;
}
div#item dl dd p.btn a {
	height: 49px;
	display: block;
	background: url("../images/rentalBtn.gif") no-repeat;
	overflow: hidden;
}
div#item dl dd p.btn a:hover {
	background-position: 0 -49px;
}

div#item dl dd p.btn_blue {
	width: 232px;
	height: 35px;
	display: block;
	position: absolute;
	top: 307px;
	left: 59px;
	text-indent: -9999px;
}
div#item dl dd p.btn_blue a {
	height: 35px;
	display: block;
	background: url("../images/rentalBtn_blue.gif") no-repeat;
	overflow: hidden;
}
div#item dl dd p.btn_blue a:hover {
	background-position: 0 -35px;
}

div#item ul.page-nav {
	padding-bottom: 4px;
	background: url("../images/pageNavBg.gif") left bottom repeat-x;
}
div#item ul.page-nav li {
	height: 42px;
	float: left;
	list-style: none;
}
div#item ul.page-nav li a {
	height: 42px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}
div#item ul.page-nav li.price a {
	width: 124px;
	background: url("../images/pageNav01.gif") no-repeat;
}
div#item ul.page-nav li.design a {
	width: 85px;
	background: url("../images/pageNav02.gif") no-repeat;
}
div#item ul.page-nav li.function a {
	width: 87px;
	background: url("../images/pageNav03.gif") no-repeat;
}
div#item ul.page-nav li.massage a {
	width: 119px;
	background: url("../images/pageNav04.gif") no-repeat;
}
div#item ul.page-nav li.program a {
	width: 144px;
	background: url("../images/pageNav05.gif") no-repeat;
}
div#item ul.page-nav li.spec a {
	width: 71px;
	background: url("../images/pageNav06.gif") no-repeat;
}
div#item ul.page-nav li.delivery a {
	width: 130px;
	background: url("../images/pageNav07.gif") no-repeat;
}
div#item ul.page-nav li a:hover {
	background-position: 0 -42px;
}

div.section {
	margin: 25px 0 35px;
}
div.section h3 {
	margin-bottom: 15px;
	padding: 3px 10px;
	border-left: 4px solid #453119;
	background-color: #5e4528;
	color: #fff;
	font-size: 100%;
}
div.section p.catchcopy {
	margin: 0 0 15px 2px;
}
div.section p.btn {
	width: 660px;
	height: 61px;
	padding-top: 22px;
	margin-bottom: 15px;
}
div.section p.btn a {
	width: 660px;
	height: 61px;
	margin: 0 35px;
	display: block;
	background: url("../images/rentalBtn2.gif") no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
div.section p.btn a:hover {
	background-position: 0 -61px;
}
div.section ul.category-nav {
	text-align: center;
}
div.section ul.category-nav li {
	display: inline;
	font-size: 107%;
}
div.section div {
	width: 730px;
	margin: 20px 0 35px;
	position: relative;
}
div.section div h4 {
	margin-bottom: 13px;
}
div.section div p.categorytop {
	margin: 0;
	position: absolute;
	top: 20px;
	right: 10px;
}
div.section div p.categorytop a {
	color: #555555;
	padding: 0 0 0px 17px;
	background: url('../images/categorytop.gif') 0 2px no-repeat;
}

/*-- 月額レンタル料金--*/
/*
div#price table {
	width: 730px;
}
div#price table th {
	background-color: #fff;
	text-align: center;
	color: #fff;
	font-size: 100%;
}
div#price table th.short {
	background-color: #bfa57e;
}
div#price table th.long {
	background-color: #80694b;
}
div#price table tr.premium th {
	padding: 0.8em 8px 0.7em;
	background-color: #fae9e9;
	color: #d02828;
}
div#price table tr.standard th {
	padding: 0.8em 8px 0.7em;
	background-color: #e7f3f9;
	color: #1587c1;
}
div#price table th span {
	font-weight: normal;
	font-size: 10px;
}
div#price table td {
	padding: 0.8em 28px 0.7em 0;
	text-align: right;
	font-size: 100%;
}
div#price table td.blank {
	background: url("../images/blankBg.gif") no-repeat;
}
div#price ul {
	margin-top: 5px;
}
div#price ul li {
	line-height: 1.2;
	list-style: none outside;
	font-size: 10px;
}
*/
div#price {
	text-align: center;
}
div#price p.catchcopy {
	text-align: left;
}
div#price table {
	width: 650px;
	margin: 0 auto 15px;
	border: 1px #525252 solid;
	text-align: left;
}
div#price table th,
div#price table td {
	padding: 0;
	border: 1px #525252 solid;
}
div#price table th {
	width: 107px;
	height: 53px;
	background: #9f8761;
}
div#price table td.img,
div#price table td.prem {
	border-top: 2px #525252 solid;
}
div#price table td.img {
	text-align: center;
}
div#price table td.img p.more {
	font-size: 10px;
	margin-top: 0.3em;
}
div#price table td.prem {
	background: #d02828;
	border-bottom: none;
}
div#price table td.stan {
	background: #256aa5;
	border-top: none;
	border-bottom: none;
}
div#price table td.price {
	border-top: none;
	border-bottom: none;
}
div#price table td.iconL,
div#price table td.iconR {
	padding: 1px;
	border-top: none;
	border-bottom: none;
}
div#price table td.iconL {
	border-right: none;
}
div#price table td.iconR {
	padding-left: 0;
	border-left: none;
}
div#price table td.border {
	padding-bottom: 3px;
	background: url(../../../price/images/table_border.gif) bottom no-repeat;
}

div#price table th div.push {
	width: 107px;
	margin: 0;
}
div#price table th div.push p.icon {
	position: absolute;
	top: -11px;
	left: 0px;
}
div#price ul.iconInfo {
	width: 610px;
	margin: 0 auto 15px;
	padding: 10px 20px;
	border: 1px #ede4d8 solid;
	background: #faf6f1;
	text-align: left;
}
* html div#price ul.iconInfo {
	width: 650px;
	margin: 0 0 15px;
}
div#price ul.iconInfo li {
	float: left;
	width: 305px;
	padding: 0.3em 0;
	list-style-type: none;
	font-size: 11px;
}
div#price ul.iconInfo li img {
	vertical-align: middle;
}



/*-- fUC --*/
div#design dl {
	
}
div#design dl dt {
	width: 392px;
	float: right;
}
div#design dl dd {
	width: 310px;
}

/*-- ڋ@\ --*/
div#function div p {
	width: 333px;
}
div#function div dl {
	width: 380px;
}
div#function div dl dt {
	border: 1px solid #ccc;
	padding: 0.3em 5px;
	background-color: #f6f2ec;
	font-size: 107%;
}
div#function div dl dt img {
	vertical-align: middle;
}
div#function div dl dd {
	margin-bottom: 10px;
	padding: 6px 10px;
	border: 1px solid #ccc;
	border-top: none;
}
div#function div.function1 {
	margin-bottom: 15px;
	padding-bottom: 15px;
	background: url("../images/dotted.gif") left bottom repeat-x;
}
div#function div.function1 p {
	float: left;
}
div#function div.function1 dl {
	float: right;
}
div#function div.function2 p {
	float: right;
}
div#function div.function2 dl {
	float: left;
}

/*-- }bT[W@\ --*/
div#massage div {
	padding-bottom: 21px;
	background: url("../images/massageBottomBg.gif") left bottom no-repeat;
}
div#massage div p.catchcopy {
	height: 67px;
	margin: 0;
	background: url("../images/massageTopBg.gif") no-repeat;
	text-indent: -9999px;
}
div#massage div ul {
	padding-left: 30px;
	background: url("../images/massageMiddleBg.gif") repeat-y;
}
div#massage div ul li {
	width: 200px;
	margin-right: 30px;
	float: left;
	display: inline;
	list-style: none outside;
}
div#massage div ul li h4 {
	margin-bottom: 1px;
	padding: 0.2em 0;
	background-color: #eae2d7;
	text-align: center;
	font-size: 114%;
}
div#massage div ul li p.text {
	min-height: 65px;
	height: auto !important;
	height: 65px;
	margin-top: 3px;
	font-size: 10px;
}
div#massage div ul li.point {
	width: 446px;
	height: 283px;
	margin: 0 0 0 -10px;
	background: url("../images/pointBg.gif") no-repeat;
}
div#massage div ul li.point h4 {
	height: 40px;
	text-indent: -9999px;
	background: none;
}
div#massage div ul li.point p.img {
	width: 205px;
	margin-left: 12px;
	float: left;
	display: inline;
}
div#massage div ul li.point dl {
	width: 220px;
	float: left;
	color: #fff;
}
div#massage div ul li.point dl dt {
	
}
div#massage div ul li.point dl dd {
	margin-bottom: 10px;
	font-size: 10px;
}

/*-- fBJvO --*/
div#program div.description p.photo {
	width: 230px;
	float: left;
	text-align: center;
}
div#program div.description dl {
	width: 495px;
	margin-left: 230px;
	position: relative;
}
div#program div.description dl dt {
	margin: 0 40px 5px 150px;
	padding: 25px 0 3px 18px;
	background: url("../images/titleBg.gif") left bottom no-repeat;
	font-size: 114%;
}
div#program div.description dl dd {
	margin: 0 40px 0 150px;
}
div#program div.description dl dd p.img {
	position: absolute;
	top: 0;
	left: 0;
}
div#program div.description dl dd.bottom p.img2 {
	position: absolute;
	right: 0;
	bottom: 0;
}
div#program div.description dl dt.bottom {
	margin: 0 240px 5px 0;
	padding-top: 55px;
}
div#program div.description dl dd.bottom {
	margin: 0 240px 0 0;
}
div#program ul li {
	width: 357px;
	min-height: 167px;
	height: auto !important;
	height: 167px;
	float: left;
	list-style: none outside;
}
div#program ul li.right {
	margin-left: 15px;
}
div#program ul li.stretch,
div#program ul li.quick {
	min-height: 195px;
	height: auto !important;
	height: 195px;
}
div#program ul li h4 {
	margin-bottom: 8px;
}
div#program ul li p.img {
	width: 165px;
	float: right;
	text-align: right;
}
div#program ul li.stretch p.img {
	width: 346px;
	float: none;
}
div#program ul li p.text {
	padding: 5px 0 0 5px;
}

/*-- dl --*/
div#spec table {
	width: 730px;
	border-collapse:collapse;
	border:1px solid #ccc;
}
div#spec table th {
	width: 250px;
	padding: 0.6em 20px;
	padding-left: 15px;
	background-color: #f6f2ec;
	vertical-align: middle;
	border:1px solid #ccc;
	text-align:left;
	vertical-align:top;
	font-weight:bold;
}
div#spec table td {
	padding:0.2em 8px;
	border:1px solid #ccc;
	background-color:#fff;
}

div#spec p.pdf {
	width: 240px;
	margin: 21px 0 0 45px;
	float: left;
	display: inline;
}
div#spec p.pdf a {
	width: 188px;
	height: 36px;
	display: block;
	background: url("../images/pdfBtn.gif") no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
div#spec p.pdf a:hover {
	background-position: 0 -36px;
}
div#spec p.adobe {
	height: 33px;
	margin: 23px 0 0 320px;
	padding-left: 130px;
	background: url("../images/adobeBanner.gif") no-repeat;
	position: relative;
	font-size: 10px;
}
div#spec p.adobe a {
	width: 112px;
	height: 33px;
	position: absolute;
	top: 0;
	left: 0;
	text-indent: -9999px;
	overflow: hidden;
}
div#spec div.size {
	padding-top: 10px;
	clear: both;
}
div#spec div.size h4 {
	display: none;
}
div#spec div.attention {
	padding-bottom: 29px;
	background: url("../images/attentionBottomBg.gif") left bottom no-repeat;
}
div#spec div.attention h4 {
	height: 61px;
	margin: 0;
	background: url("../images/attentionTtl.gif") no-repeat;
	text-indent: -9999px;
}
div#spec div.attention p {
	padding: 0 30px;
	background: url("../images/attentionMiddleBg.gif") repeat-y;
}
div#spec div.attention ul {
	height: 1%;
	padding: 0 30px;
	background: url("../images/attentionMiddleBg.gif") repeat-y;
}
div#spec div.attention ul li {
	padding: 5px 0 5px 1em;
	text-indent: -1em;
	list-style: none outside;
	font-size: 10px;
}
div#spec div.attention ul li ul {
	padding: 0;
	background: none;
}
div#spec div.attention ul li ul li {
	padding: 0;
	text-indent: 0;
}