@charset "utf-8";

/* SPACE RENTAL CSS
========================================== */
@import url(common.css);

/* 1.common
========================================== */
.rental div#main {
	position: relative;
}
.rental div#main div#contents {
	padding: 0 0 0 351px;
}

.rental div#main div#sidenavi {
	position: absolute;
	top: 101px;
	left: 0px;
	width: 239px;
}
.rental div#main div#sidenavi ul.navi01 {
	float: left;
	width: 157px;
	background: transparent url(../images/common/bg_dotline_w.gif) 0 100% repeat-x;
}
.rental div#main div#sidenavi ul.navi01 li {
	margin: 0 0 32px 0;
}
.rental div#main div#sidenavi ul.navi01 li.last {
	margin: 0;
}
.rental div#main div#sidenavi ul.navi02 {
	float: right;
	width: 60px;
	background: transparent url(../images/common/bg_dotline_h.gif) 0 0 repeat-y;
}
.rental div#main div#sidenavi ul.navi02 li {
	margin: 0 0 11px 32px;
}
.rental div#main div#sidenavi ul.navi03 {
	clear: both;
	font-size: 84%;
	padding: 30px 0 0 0;
}

/* 2.rental-index
========================================== */
#rental-index div#contents p.lead { margin: 0 0 30px 0; }

	/* info-unit
	---------------------------------------- */
	#rental-index div#contents div.info-unit {
		padding: 0 0 30px 0;
	}
	#rental-index div#contents div.info-unit div.pict {
		float: left;
		background: transparent url(../s_rental/img/bg_pict_325px.gif) 0 0 no-repeat;
		width: 325px;
		height: 135px;
	}
			#rental-index div#contents div.info-unit div.pict p {
				margin: 1px;
			}
			#rental-index div#contents div.info-unit div.pict p a { 
				width: 321px; 
				height: 131px; 
				display: block; 
				border: 1px solid #fff; 
				line-height: 0;
			}
			#rental-index div#contents div.info-unit div.pict p a:hover { 
				border: 1px solid #de717d; 
				line-height: 0; 
			}
			/* safari only \*/
		html:\66irst-child body#rental-index div#contents div.info-unit div.pict p a { padding-bottom: 0; }
		
	#rental-index div#contents div.info-unit div.text {
		float: right;
		width: 222px;
	}
	#rental-index div#contents div.info-unit div.text h3 {
		font-weight: bold;
		font-size: 117%;
		margin: 0 0 10px 0;
	}
	#rental-index div#contents div.info-unit p.summary {
		font-size: 84%;
		margin: 0 0 10px 0;
	}
*html body#rental-index div#contents div.info-unit p a.icon {
	background: transparent url(../images/common/icon_link.gif) 0 0.2em no-repeat;
	padding: 0 0 3px 10px;
}
	/* info-unit-02
	---------------------------------------- */
	#rental-index div#contents div.info-unit-02 {
		background: transparent url(../images/common/bg_dotline_w.gif) 0 0 repeat-x;
		padding: 30px 0 25px 0;
		clear: both;
	}
	#rental-index div#contents div.info-unit-02 h4 {
		font-weight: bold;
		font-size: 117%;
		margin: 0 0 5px 0;
	}
	#rental-index div#contents div.info-unit-02 dl { margin: 15px 0 0 0; }
	#rental-index div#contents div.info-unit-02 ol li {
		list-style: decimal;
		margin: 0 0 0 2em;
	}


/* 3.rental-detail
========================================== */
#rental-detail div#contents h3 { 
	font-weight: bold;
	font-size: 134%;
	line-height: 1;
}
#rental-detail div#contents h4 { 
	font-weight: bold;
	font-size: 117%;
	line-height: 1;
}
	/* info-unit
	---------------------------------------- */
	#rental-detail div#contents div.info-unit {
		padding: 28px 0 40px 0;
	}
	#rental-detail div#contents div.info-unit div.pict {
		float: left;
		background: transparent url(../s_rental/img/bg_pict_325px.gif) 0 0 no-repeat;
		width: 325px;
		height: 135px;
	}
			#rental-detail div#contents div.info-unit div.pict p {
				margin: 2px;
			}
			
	#rental-detail div#contents div.info-unit div.drawing {
		float: right;
		width: 228px;
	}
	*html body#rental-detail div#contents div.info-unit p.small { padding: 5px 0 0 0; }

	/* facility-unit
	---------------------------------------- */
	#rental-detail div.facility-unit {
		margin: 20px 0 40px 0;
	}
	#rental-detail div.facility-unit-02 {
		margin: 20px 0 30px 0;
	}	
	/* table
	---------------------------------------- */
	#rental-detail table.type01 {
		width: 565px;
		font-size: 84%;
	}
	#rental-detail table.type01 th {
		background-color: #f4f4f4;
	}
	#rental-detail table.type01 th,
	#rental-detail table.type01 td {
		text-align: center;
		padding: 8px 10px;
	}
	#rental-detail table.type01 th.left,
	#rental-detail table.type01 td.left {
		text-align: left;
	}
	#rental-detail table.type01 th.right,
	#rental-detail table.type01 td.right {
		text-align: right;
	}
	#rental-detail table.type01 th.top,
	#rental-detail table.type01 td.top {
		vertical-align: top;
	}
	#rental-detail table.type01 td.line-w {
		background: url(../s_rental/img/bg_table_w.gif) 0 0 repeat-x;
		height: 3px;
		padding: 0;
	}
	#rental-detail table.type01 td.line-h,
	#rental-detail table.type01 th.line-h {
		background: url(../s_rental/img/bg_table_h.gif) 0 0 repeat-y;
		width: 3px;
		padding: 0;
	}
	#rental-detail table.type01 ul.type01 li {
		background: transparent url(../images/common/icon_dot_list_02.gif) 0 0.7em no-repeat;
		padding: 0 0 0 5px;
	}
	/* image-unit
	---------------------------------------- */
	#rental-detail div#image-unit {
		padding: 0 0 15px 0;
	}
	#rental-detail div#image-unit p.download {
		text-align: right;
		font-size: 84%;
		margin: 0 0 3px 0;
	}
	#rental-detail div#image-unit div.pict-unit {
		width: 191px;
		float: left;
		background: transparent url(../s_rental/img/bg_pict_182px.gif) 0 0 no-repeat;
	}
	#rental-detail div#image-unit div.pict-unit-right {
		width: 182px;
		float: left;
		background: transparent url(../s_rental/img/bg_pict_182px.gif) 0 0 no-repeat;
	}
	#rental-detail div#image-unit div.pict-unit p,
	#rental-detail div#image-unit div.pict-unit-right p {
		padding: 2px;
		line-height: 0;
	}
	#rental-detail div#image-unit div.pict-unit p.small,
	#rental-detail div#image-unit div.pict-unit-right p.small { 
		line-height: 1.5em; 
		margin: 0 0 5px 2px;
	}

	/* charge-unit
	---------------------------------------- */
	#rental-detail div.charge-unit {
		margin: 0 0 30px 0;
	}
	#rental-detail div.charge-unit p.download {
		position: absolute;
		right: 0px;
		top: 5px;
		font-size: 84%;
	}
	#rental-detail div.charge-unit h4 {
		margin: 35px 0 20px 0;
	}
	#rental-detail div.charge-unit ul { margin: 10px 0 0 0; }
