/*	============================================
					初期設定
	============================================		*/
body,div.r-container h1,div.r-container h2,div.r-container h3,div.r-container h4,div.r-container p,div,div.r-container a,div.r-container dl,div.r-container dt,div.r-container dd {
	margin:0;
	padding:0;
	}

div.r-container ul,div.r-container ol,div.r-container li {
	list-style-type:none;
	margin:0;
	padding:0;
	}

div.r-container {
	width:950px;
	margin:0 auto;
	text-align:left;
	color:#666;
	}

div.r-container img {
	margin:0;
	padding:0;
	border:0;
	vertical-align:top;
	}

div.r-container a ,
div.r-container map {
	outline:none;
	}

div.r-container a {
	color:#000;
	text-decoration:none;
	}
div.r-container a:visited { text-decoration:none; color:#8c2846; }
div.r-container a:hover { text-decoration:none; color:#d20000; }
div.r-container a:active { text-decoration:none; color:#d20000; }

/*	============================================
				テキスト置換
	============================================		*/

div.r-container .r-txtnone {
	height:0;
	overflow:hidden;
	}

/* IE6 - テキスト置換を解決 */
* html div.r-container .r-txtnone {
	position:absolute;
	visibility:hidden;
	}

/*	============================================
				IE用 対応
	============================================		*/

/* hasLayout問題を解決 */
*:first-child+html * {
	letter-spacing:0;
	}

/*	============================================
				画像のロールオーバー（透過処理）
	============================================		*/

#r-menu li a:hover img {
	opacity:0.7;                 /* CSS3で追加予定のプロパティ */
	filter:alpha(opacity=70); /* IEの独自実装機能 */
	}

/*	============================================
				子供テラス
	============================================		*/

#r-item{
	position: relative;
}

	#r-item .r-btn{
		position: absolute;
		top: 134px;
		left: 202px;
	}

#r-shop{
	position: relative;
}

	#r-shop .r-txt{
		position: absolute;
		top: 71px;
		left: 57px;
		width: 893px;
		line-height: 18px;
	}

	#r-shop .r-txtl{
		float: left;
		width: 403px;
		margin-right: 30px;
	}

	#r-shop .r-txtr{
		float: left;
		width: 403px;
	}

		#r-shop .r-txt .catch{
			margin: 8px 0;
			font-weight: bold;
		}

	#r-shop .r-btn{
		margin-top: 10px;
	}

#r-ctsfooter{
	height: 180px;
	background: url(/voi/webshop/kodomoterrace/img/p_bottom.jpg) no-repeat 0 0;
}

	#r-ctsfooter .r-btn{
		padding-top: 25px;
		text-align: right;
		padding-right: 57px;
	}

	#r-ctsfooter .r-txt{
		padding-top: 70px;
		text-align: right;
		padding-right: 30px;
	}

		#r-ctsfooter .r-txt a{
			padding: 0 0 2px 13px;
			background: url(/voi/r/img/arrow_s_bk.gif) no-repeat 0 2px;
		}



/*	============================================
				r-cfx floatボックス用ハック
	============================================		*/
.r-cfx:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
	line-height: 0;
}
.r-cfx {
	display: inline-table;
	min-height: 1%;
}
/* for macIE \*/
* html .r-cfx {
	height: 1%;
}
.r-cfx {
	display: block;
}
/* end of for macIE */