@charset "utf-8";

/* contents.css -----------------------------------------------------------------
 :title "contents";
 :created "2006-10-01";
 :release [:revision "1.0"; :created "2008-10-01"];
 :author [:name "diamon"; :homepage <http://refeed.jp/>; :mbox "info@refeed.jp"];
------------------------------------------------------------------------------------*/

.contents {
	padding-top:33px;
}

.contents-head h2 {
	background:url(../img/example/head_image.jpg);
}

.contents-caption-box {
	margin:0 0 30px 0;
}

.contents-caption-box p {
	margin:0 50px;
}

.leftcolumn {
	width:160px;
	margin:0 20px 0 0;
	padding:0 0 0 20px;
}

.rightcolumn {
	width:592px;
}

.contents-menu ul {
	width:160px;
	padding:0;
	margin:0 0 20px 0;
}

.contents-menu ul li {
	margin:0;
	border:1px solid #ccc;
	border-top:none;
}

.contents-menu ul li a {
	width:147px;
	text-decoration:none;
	padding:5px 5px 5px 8px;
	display:block;
}

.contents-menu ul li a:hover {
	width:142px;
	color:#c30;
	border-left:5px solid #aaa;
}

.article {
	margin:0 -10px 30px 0;
	zoom:1;
}

h2.caption01 {
	width:766px;
	height:63px;
	margin:0 0 20px 25px;
	background:url(../img/example/caption01.gif) no-repeat;
	text-indent:-30000px;
	overflow:hidden;
}

h2.caption02 {
	width:592px;
	height:35px;
	margin:0 0 20px 0;
	background:url(../img/example/caption02.gif);
	text-indent:-30000px;
	overflow:hidden;
}

h2.caption03 {
	width:592px;
	height:35px;
	margin:0 0 20px 0;
	background:url(../img/example/caption03.gif);
	text-indent:-30000px;
	overflow:hidden;
}

.menutitle01 {
	width:160px;
	height:25px;
	background:url(../img/example/menutitle01.jpg);
	text-indent:-30000px;
	overflow:hidden;
}

.menutitle02 {
	width:160px;
	height:25px;
	background:url(../img/example/menutitle02.jpg);
	text-indent:-30000px;
	overflow:hidden;
}

.wrapper {
	width:291px;
	height:183px;
	padding:12px 0 0 0;
	margin:0 10px 10px 0;
	background:url(../img/example/box_head.gif);
	float:left;
}

.reform-box {
	margin:0 12px 18px 14px;
}

.reform-box ul {
	margin:0 -4px 0 0;
	zoom:1;
	float:right;
}

.reform-box ul li.dining {
	background:url(../img/base/block_bg_brown.gif) repeat-x 0 0;
	border:1px solid #996600;
	text-align:center;
	font-weight:bold;
	color:#fff;
	margin:0 4px 0 0;
	padding:3px 8px 1px;
	float:left;
}

.reform-box ul li.bed {
	background:url(../img/base/block_bg_murasaki.gif) repeat-x 0 0;
	border:1px solid #9966cc;
	text-align:center;
	font-weight:bold;
	color:#fff;
	margin:0 4px 0 0;
	padding:3px 8px 1px;
	float:left;
}

.reform-box ul li.wall {
	background:url(../img/base/block_bg_wall.gif) repeat-x 0 0;
	border:1px solid #666666;
	text-align:center;
	font-weight:bold;
	color:#fff;
	margin:0 4px 0 0;
	padding:3px 8px 1px;
	float:left;
}

.reform-box ul li.kitchin {
	background:url(../img/base/block_bg_renewal.gif) repeat-x 0 0;
	border:1px solid #369;
	text-align:center;
	font-weight:bold;
	color:#fff;
	margin:0 4px 0 0;
	padding:3px 8px 1px;
	float:left;
}

.reform-box ul li.japaneseroom {
	background:url(../img/base/block_bg_jroom.gif) repeat-x 0 0;
	border:1px solid #369;
	text-align:center;
	font-weight:bold;
	color:#fff;
	margin:0 4px 0 0;
	padding:3px 8px 1px;
	float:left;
}

.reform-box ul li.bath {
	background:url(../img/base/block_bg_bath.gif) repeat-x 0 0;
	border:1px solid #369;
	text-align:center;
	font-weight:bold;
	color:#fff;
	margin:0 4px 0 0;
	padding:3px 8px 1px;
	float:left;
}

.reform-box ul li.toilet {
	background:url(../img/base/block_bg_toilet.gif) repeat-x 0 0;
	border:1px solid #369;
	text-align:center;
	font-weight:bold;
	color:#fff;
	margin:0 4px 0 0;
	padding:3px 8px 1px;
	float:left;
}

.article-box {
	width:263px;
	padding:0 14px 14px 14px;
	background:url(../img/example/box_edge.gif) no-repeat bottom;
}

.article-box img {
	float:left;
	margin-right:10px;
}

.article-box p {
	margin:0;
}

.article-box div {
	margin-bottom:10px;
}

.btn-details {
	width:263px;
	height:23px;
	padding:3px 0 1px;
	background:#fff url(../img/base/btn_details.gif);
	text-align:center;
	color:#333;
	font-size:12px;
	display:block;
}

.btn-details:link {
	font-weight:bold;
	color:#333;
}

.btn-details:hover {
	background-position:0 -27px;
	color:#fff;
}

.btn-details:visited {
	font-weight:bold;
	text-decoration:none;
}

.h01-title {
	width:120px;
	height:16px;
	margin:4px 0 0 0;
	background:url(../img/example/subcaption01.gif);
	text-indent:-30000px;
	overflow:hidden;
	float:left;
}

.h02-title {
	width:120px;
	height:16px;
	margin:4px 0 0 0;
	background:url(../img/example/subcaption02.gif);
	text-indent:-30000px;
	overflow:hidden;
	float:left;
}

.h03-title {
	width:120px;
	height:16px;
	margin:4px 0 0 0;
	background:url(../img/example/subcaption03.gif);
	text-indent:-30000px;
	overflow:hidden;
	float:left;
}

.h04-title {
	width:137px;
	height:16px;
	margin:4px 0 0 0;
	background:url(../img/example/subcaption04.gif);
	text-indent:-30000px;
	overflow:hidden;
	float:left;
}

.h05-title {
	width:120px;
	height:16px;
	margin:4px 0 0 0;
	background:url(../img/example/subcaption05.gif);
	text-indent:-30000px;
	overflow:hidden;
	float:left;
}