@charset "utf-8";
@import url("top.css");

body {
	background:#FFFFFF;
	font-family: Verdana,sans-serif,  "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:12px;
	color:#333333;
	line-height:18px;
	margin:0;
	padding:0;
	text-align:center;
}

#container {
      background:#FFFFFF;
      width:880px;
       margin:0 auto;
       padding:0;
}
#middle {
       width:880px;
       margin:0;
       padding:0;
       text-align:center;
      background:url(images/bg_middle.gif) repeat-y;
}

/* header */
#header {
	width:880px;
	height:180px;
	padding:0;
	margin:0;
	text-align:left;
                     background:url(images/bg_header.gif) no-repeat bottom;
}
#head_img h1 {display:block;width:100%;height:50px;margin:0;padding:10px 0 0 0;}
#head_img h1 a {text-indent:-9999px;display:block;width:100%;height:50px;margin:0;padding:10px 0 0 0;}
#head_img {
	width:880px;
	height:160px;
	padding:0;
	margin:0;
	text-align:left;
}
.cat_showroom {background:url(images/head_img_cat4.jpg) no-repeat top;}
.cat_reform {background:url(images/head_img_cat3.jpg) no-repeat top;}
.cat_renovation {background:url(images/head_img_cat5.jpg) no-repeat top;}
.cat_recommend {background:url(images/head_img_cat7.jpg) no-repeat top;}
.cat_requipment {background:url(images/head_img_cat8.jpg) no-repeat top;}
.other {background:url(images/head_img_cat6.jpg) no-repeat top;}
/* side */
#side {
	float:left;
	width:175px;
	margin:0;
	padding:0;
	text-align:left;
}
*html div#side {
	float:left;
	width:175px;
	margin:0;
                     padding:0;
	text-align:left;
}

#side .box {
	width:175px;
	margin:0;
	padding:0;
}
#side .box h2 {display:none;}
#side .box ul{
	text-align:left;
	list-style-type: none;
	margin:0; 
	padding:0;
	width: 175px;
}

#side .box ul li{
	display:block;
	margin:0;
	padding:0;
	width: 175px;
	height: 65px;
}

#side .box ul li a {
	display:block;
	margin:0;
	padding:0;
	width: 175px;
	height: 65px;
}
#cat-3 a {background:url(images/btn_01.gif);text-indent:-9999px;}
#cat-3, #cat-3 a:hover {background:url(images/btn_01_r.gif);}
#cat-4 a {background:url(images/btn_02.gif);text-indent:-9999px;}
#cat-4, #cat-4 a:hover {background:url(images/btn_02_r.gif);}
#cat-5 a {background:url(images/btn_04.gif);text-indent:-9999px;}
#cat-5, #cat-5 a:hover {background:url(images/btn_04_r.gif);}
#cat-6 a {background:url(images/btn_05.gif);text-indent:-9999px;}
#cat-6, #cat-6 a:hover {background:url(images/btn_05_r.gif);}
#cat-7 a {background:url(images/btn_03.gif);text-indent:-9999px;}
#cat-7, #cat-7 a:hover {background:url(images/btn_03_r.gif);}
#cat-14 a {background:url(images/btn_10.gif);text-indent:-9999px;}
#cat-14, #cat-14 a:hover {background:url(images/btn_10_r.gif);}
#cat-10 a {background:url(images/btn_06.gif);text-indent:-9999px;}
#cat-10, #cat-10 a:hover {background:url(images/btn_06_r.gif);}
#cat-15 a {background:url(images/btn_11.gif);text-indent:-9999px;}
#cat-15, #cat-15 a:hover {background:url(images/btn_11_r.gif);}
#inquiry a {background:url(images/btn_08.gif);text-indent:-9999px;}
#inquiry a:hover {background:url(images/btn_08_r.gif);}
.address{margin:0 0 0 12px;padding:10px 0;height:200px;color:#666666;line-height:180%;}

.imageframe {margin:0 0 0 40px;text-align:center;padding:0;}
.attachment {margin:0;}
*html .imageframe {margin:0 0 0 15px;}
/* search */
html:first-child div#side .search_box {width:206px;height:23px;margin:0;padding:4px 0 8px 0;}
div#side .search_box {width:206px;height:23px;margin:0;padding:4px 0 8px 0;background:url(images/search-bg.gif) no-repeat top center;}

div#side #searchform{
	margin:0; 
	padding: 0; 
	background:transparent;
}

div#side #searchform .search-box{
	background: transparent;
	width:142px;
	height:25px;
	border:0;
	padding:3px 0 0 2px;
}

div#side #searchform .search-button{
	background: transparent;
	border: 0; 
	width:26px;
	height: 25px; 
	padding:0; 
	margin:0;
}
.text_s{width:190px;height:23px;margin:0 0 0 4px;border-bottom:1px #6180A7 dotted;}

/* Post */
#rightside {
	width:680px;
	float:right;
	margin:0;
	padding:40px 0 30px 0;
	text-align:left;
	height:auto;
}
*html div#rightside {
	width:680px;
	float:right;
	margin:0;
	padding:40px 0 30px 0;
	text-align:left;
	height:auto;
}
#cat-7title {font-size:16px;font-weight:bold;color:#888888;letter-spacing:2px;margin:0 0 0 20px;padding:0;}
hr {width:90%;height:1px;color:#CCCCCC;margin:0 0 10px 10px;clear:both;}
.post {
	clear:both;
	padding: 0 10px 12px 10px; 
	margin: 0;
	text-align:left;
}
.post div.entry {
	margin: 0 0 10px 0;
	font-size:12px; 
	color: #333333; 
	overflow: hidden; 
	padding: 20px 10px 0 10px;
	line-height:180%;
}
.post h1{font-size:16px;font-weight:bold;color:#888888;letter-spacing:2px;}
.entry img {margin:2px 10px;}
.post div.entry p {clear:both;margin:0 0 18px 0;padding:0;}
.page_link {text-align:center;width:98%;}
.post div.entry ul {
	dislay:inline;
	padding:0;
	margin: 0 8px 22px 8px; 
	font-size: 13px;
}
.post div.entry ul li {
	clear:both;
	list-style: none; 
	font-size:12px;
	letter-spacing:1px;
	margin:0 8px 6px 6px; 
	padding:0 0 0 13px;
	line-height:160%;
}

/* Pagebar */
div#main div.pagebar {
	clear:both;
	text-align: center; 
	font-size: 10px; 
	padding: 11px 0 11px 0; 
	color: #020202;
}
div#main div.pagebar a {
	padding: 2px 0 3px 6px; 
	text-decoration: none; 
	color: black;
	font-size:11px;
}
div#main div.pagebar a strong {
	padding: 2px 6px 3px 0; 
	color: #000; 
	text-decoration: none; 
	font-weight: normal;
	font-size:11px;
}
div#main div.pagebar a:hover, div#page div#main div.pagebar a.this{color: #000;}
div#main div.pagebar a:hover strong, div#page div#main div.pagebar a.this strong{color: #000;}

/* For IE */
* html div#page div#main div.pagebar a{padding: 0 0 0 6px;}
* html div#page div#main div.pagebar a strong{padding: 2px 6px 3px 0;}

/* Footer */
#footer {
	margin:0;
	text-align:center;
	padding:0;
	width:880px;
	clear: both;
                     border-top:3px solid #CCCCCC;
}
#foot_navi {width:100%;margin:0;padding:8px 0;font-size:10px;letter-spacing:1px;}
#foot_navi a {margin:0 6px;text-decoration:none;}
#copyright {margin:0;padding:6px 0;font-size:10px;color:#666666;width:100%;}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}

/* bread */
.xt {
	text-align:left;
	padding:0 10px;
	margin:0;
	font-size:11px;
	color:#FFFFFF;
}
.xt a {
	font-size:11px;
	color:#FFFFFF;
	text-decoration:none;
}
.xt a:hover {
	font-size:11px;
	color:#EEEEEE;
	text-decoration:underline;
}

/* other */
a{
	color: #666666; 
	text-decoration: underline;
}

a:hover{
	color: #CC3333; 
	text-decoration: none;
}

a img{
	border: 0;
}
.dis_none {display:none;}

.grey {width:550px;border-collapse:collapse;margin:0 0 0 30px;}
.grey td {background:#CCCCCC;text-align:center;padding:5px 2px;font-size:11px;border:1px solid #FFFFFF;}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {min-height:1px;}

*html .clearfix {
	height: 1px;
/*\*//*/
	height: auto;
	overflow: hidden;
/**/
}
#gaiyou {padding:0 0 20px 0;}
#gaiyou dl {clear:both;width:90%;margin:0;padding:0;}
#gaiyou dt {float:left;width:20%;margin:0;padding:4px;text-align:center;vertical-align:middle;letter-spacing:1px;}
#gaiyou dd {float:left;wdth:78%;margin:0;padding:4px 10px;border-left:2px #FFFFFF solid;}
#gaiyou .grey {background:#DDDDDD;}
#gaiyou .d_grey {background:#CCCCCC;}
.font_bold {font-weight:bold;letter-spacing:1px;}
.font_grey {color:#666666;display:block;margin:0 0 10px 0;}
.font_s {font-size:10px;font-weight:normal;}
#gaiyou dl:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#gaiyou dl {min-height:1px;}

*html #gaiyou dl{
	height: 1px;
/*\*//*/
	height: auto;
	overflow: hidden;
/**/
}


#mail {padding:0 0 20px 0;}
#mail dl {clear:both;width:98%;margin:0;padding:0;}
#mail dt {float:left;width:25%;margin:0;padding:4px 10px;letter-spacing:1px;font-weight:bold;}
#mail dd {float:left;wdth:73%;margin:0;padding:4px 10px;border-left:2px #FFFFFF solid;font-size:10px;}
#mail .grey {background:#DDDDDD;}
#mail .d_grey {background:#CCCCCC;}
#mail p {padding:10px 0 0 0;}
.field_m {width:200px;border:1px #BBB solid;padding:3px;margin:0 5px 0 0;}
.field_s {width:80px;border:1px #BBB solid;padding:3px;}
.field_l {width:330px;border:1px #BBB solid;padding:3px;}
#mail textarea {width:380px;height:120px;border:1px #BBB solid;padding:3px;}
#mail dl:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#mail dl {min-height:1px;}
*html #mail dl{
	height: 1px;
/*\*//*/
	height: auto;
	overflow: hidden;
/**/
}