@charset "Shift_JIS";


/*
	* Copyright (C) 2007 CREATIVE-WEB All rights reserved.
	* URL : http://www.Sample.com/
	* 最終更新日 2007年6月18日
*/


/*
	* 1.基本レイアウト
	* 2.基本設定
	* 3.ヘッダー（header）
	* 4.サイド（left）
	* 5.メイン（maincol）
	* 6.サイド（right）
	* 7.フッター（footer）
*/



/********************************************************************************************************************************
**	1.基本レイアウト
********************************************************************************************************************************/

html{
	overflow-y:scroll;/*for FF*/
}

body {
	margin:0;
	padding:0;
	font-size:12px; /* 12px (92%)  10px(77%) */
	color:#666666;	
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	background:url(../img/bg.gif)  repeat;
}



#container {
	margin:0 auto;
	padding:0;
	width:100%;
	font-size:92%;
	line-height:160%;
	color:#666666;
}

#header {
	width:100%;
	height:120px;
	background:#000;
}

#headerInner {
	margin:0 auto;
	width:960px;
	padding:15px 0 0 0;
	position:relative;
	}

#content {
	margin:2px auto;
	padding:10px;
	width:940px;
	background: #000000;

}

#contentInner {
	margin:10px 0 0 0;

}

#leftCol {
	float:left;
	width:250px;
	background:#000;
}

#mainCol {
	float:left;
	width:680px;
	background:#000;
	margin:0 0 10px 10px;
	font-size:12px;
	color: #999;
	line-height:160%;
}


#rightCol {
	float:right;
	width:190px;
	background:#FF9900;
	
}

#footer {
	width:960px;
	background:#000;
	margin:0 auto;
	height:100px;
	
	
	
}

#footerInner {
	background:url(../img/bg_footer.gif) no-repeat;
	height:80px;
	position:relative;
	padding:10px 0 0 0;

}



/********************************************************************************************************************************
**	2.基本設定
********************************************************************************************************************************/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,table,td,th,form,fieldset,legend,input,textarea,p,th,td{
	margin:0;
	padding:0;
}

h1,h2,h3,h4,h5,h6{
	font-weight:normal;
}

table{

}


caption,th {
	text-align:left;
}

address,caption,em,strong,th{
	font-style:normal;
	font-weight:normal;
}

li {
	list-style:none;
}

fieldset,img{
	border:0;
}

input, textarea, select{
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}

img {
	vertical-align:bottom;
}

.clear {
	clear:both;
}

.none{
	margin:0 0 0 0;
	padding:0 0 0 0;
}

.under10{
	padding:0 0 10px 0;
	}
	
.under20{
	padding:0 0 20px 0;
	}	

.top20{
	padding:20px 0 0 0;
	}	


.red{
	color:#E50000;
	font-size:12px;
	font-weight:bold;}
	
.text11{
	color:#333;
	font-size:11px;
	line-height:100%;
	}

.icontext{
	padding:0 0 10px 15px;
	margin:0;
	background:url(../img/icon_ma.gif)  no-repeat;
	font-size:12px;
	height:15px;
	width:100%;
	letter-spacing:1px;
		}

.whitetext{
	color:#FFF;
	}



.tatepad{
	padding:10px 0;}
	

.wbtn{
	width:120px;
	float:left;}

.easybtn{
	border: solid #383331 1px;
	width:100px;
	height:18px;
	background:url(../img/icon_btn.gif) no-repeat;
	padding:5px 0 0 20px;
	margin:0;
	font-size:11px;
	color:#999;
	cursor:pointer;
	}

.easybtn2{
	border: solid #383331 1px;
	width:100px;
	height:18px;
	background:url(../img/icon_btn.gif) no-repeat;
	padding:5px 0 0 20px;
	margin:0;
	font-size:11px;
	color:#999;
	cursor:pointer;
	float:right;
	}

.nomaltext{
	font-size:12px;
	color: #999;
	line-height:160%;}

.pTop5{padding:5px 0 0 0;}
.pTop10{padding:10px 0 0 0;}
.pTop20{padding:20px 0 0 0;}
.pTop30{padding:30px 0 0 0;}
.pTop50{padding:50px 0 0 0;}

.pBtm5{padding:0 0 5px 0;}
.pBtm10{padding:0 0 10px 0;}
.pBtm20{padding:0 0 20px 0;}
.pBtm30{padding:0 0 30px 0;}
.pBtm50{padding:0 0 50px 0;}

.mTop5{margin:5px 0 0 0;}
.mTop10{margin:10px 0 0 0;}
.mTop20{margin:20px 0 0 0;}
.mTop30{margin:30px 0 0 0;}
.mTop50{margin:50px 0 0 0;}

.mBtm5{margin:0 0 5px 0;}
.mBtm10{margin:0 0 10px 0;}
.mBtm20{margin:0 0 20px 0;}
.mBtm30{margin:0 0 30px 0;}
.mBtm50{margin:0 0 50px 0;}




/* link
----------------------------------------------------------------------------------------------------------------------------- */

a:link {
	color:#333;
	text-decoration:none;
}
a:visited {
	color:#333;
	text-decoration:none;	
}
a:hover {
	color: #999;
	text-decoration:none;	
}

a:hover img{
	filter:alpha(opacity=70);/*FOR IE*/
	opacity:0.70;/*FOR FF*/
}

/********************************************************************************************************************************
**	3.ヘッダー
********************************************************************************************************************************/

#flash{
	margin:0;
	width:940px;
	padding:0;}


h1{
	float:left;
	font-size:11px;
	}

#header p{}

#logo{
	margin:0;
	padding:0;
	}

#logo a:hover img{
	filter:alpha(opacity=100);/*FOR IE*/
	opacity:100;/*FOR FF*/
}

#name{
	position:absolute;
	top:60px;
	left:120px;
}


ul#headerNavi {
	position:absolute;
	right:0;
	top:72px;
	margin:0;
	
}



ul#headerNavi li {
	float:left;
	margin:0;
	padding:0;	
	font-size:11px;
}

ul#headerNavi li a{	
	display:block;
	width:80px;
	height:15px;
	color:#FFF;
	background:url(../img/icon2.gif) left no-repeat;
	padding:0 0 0 10px;	
		}

ul#headerNavi li.red a{	
		background:url(../img/icon.gif) left no-repeat;
		
			}


/********************************************************************************************************************************
**	4.サイド（left）
********************************************************************************************************************************/
ul#sideMenu{
	margin:10px 0 10px 0;
	padding:10px 0 0 0px;
	}

ul#sideMenu li{
	margin:0 0 0 10px;
	width:220px;
	height:45px;
	}

dl#news{
	margin:10px 0;
	padding:0 5px 10px 10px;
	overflow:auto;
	height:250px;
	scrollbar-base-color:#000000;
	scrollbar-track-color:#000000;
	scrollbar-face-color:#383331;
	scrollbar-arrow-color:#ffffff;
	}

dl#news dt{
	padding:10px 0 5px 0;
	}
dl#news dd{
	color:#CCC;
	}
	
	
.rightimg{
	width:120px;}


/********************************************************************************************************************************
**	5.メイン（main）
********************************************************************************************************************************/

h3{
	margin:0 0 30px 0;}


#rice{
	margin:0 auto;
	padding:0;
	width:960px;
	font-size:10px;}
	
#rice h2 a{
	font-size:10px;
	font-weight:normal;
	color:#000;
	float:left;
	margin:0 10px 0 0;
	letter-spacing:1px;}

#rice h2 a:hover {
	color: #666;}

	
#rice p{
	font-size:10px;
	color:#000;
	width:500px;
	margin:0 5px 0 5px;
	letter-spacing:1px;
	}


#map{
	width:380px;
	height:330px;
	margin:0 0 10px 0;
	float:left;
	}

/*バナー*/

ul#topBnr{
	width:300px;
	margin:0 0 10px 0;
	padding:0;
	float:right;
		}

ul#topBnr li{
	width:278px;
	height:78px;
	padding:10px;
	margin:0 0 10px 0;
	border:solid #383331 1px;
		}
	
ul#topBnr li img{
	margin:0px 10px 0 0;
	width:80px;
	float:left;
		}

ul#topBnr li h3{
	margin:0;
	

	
		}
	
ul#topBnr li h3 a{
	color:#FFF;
	font-weight:bold;
	letter-spacing:1px;
	font-size:12px;
	width:160px;
	

	}
	
ul#topBnr li p{
	margin:5px 0 0 0px;
	line-height:120%;
	}
	
/*特選物件ファミリエ*/

.familie{
	background:url(../img/bg_familie.gif) repeat;
	width:680px;
	height:400px;
	padding:10px 0 0 0;
	margin:0 0 10px 0;
	}

ul.csv{
	width:678px;
	margin:10px 0 0 2px;
}

ul.csv li{
	width:195px;
	height:140px;
	margin:5px 4px;
	padding:10px;
	border:solid #666 1px;
	background:#FFF;
	float:left;
	position:relative;
	color:#333;
	
		}

ul.csv li p.adress{
	font-size:13px;
	border-bottom:dotted 1px #666;
	font-weight:bold;
	margin:0 0 3px 0;
	padding:0 0 2px 0;
	}

ul.csv li .icon{
	position:absolute;
	top:57px;
	left:15px;
	}
	
ul.csv li .img{
	width:120px;
	float:left;
	margin:5px 0 0 0; 
	}

ul.csv li .comment{
	float:right;
	width:70px;
	height:90px;
	margin:5px 0 0 0;
	line-height:120%;
	}

ul.csv li .more{
	position:absolute;
	top:125px;
	right:5px;
	}
	
/*特選物件*/

.pickup{
	margin:0 0 10px 0;
	}


ul.csv2{
	width:680px;
	margin:15px 0;
	padding:0;
	color:#000;
			}

ul.csv2 li{
	width:205px;
	height:100px;
	border:solid #666 1px;
	background:#C2BDBC;
	float:left;
	position:relative;
	padding:5px;
	margin:0 0 0 8px;
		}


		
ul.csv2 li p.adress{
	font-size:13px;
	border-bottom:dotted 1px #666;
	font-weight:bold;
	margin:0 0 3px 0;
	padding:0 0 2px 0;
	}

ul.csv2 li .icon{
	position:absolute;
	top:90px;
	right:77px;
	}
	
ul.csv2 li .img{
	width:100px;
	float:left;
	margin:2px 0 0 0; 
	}

ul.csv2 li .comment{
	float:right;
	width:100px;
	height:70px;
	margin:5px 0 0 0;
	line-height:130%;
	color:#000;
	}

ul.csv2 li .more{
	position:absolute;
	top:87px;
	right:5px;
	}

.no{
	margin:0 auto;
	width:300px;
	padding:0;
	height:10px;}


/*bar*/

.bar{
	width:680px;
	margin:20px 0 15px 0;}

/*table*/


.tableline table{
	margin:20px 0;
	}

.tableline table td{
	padding:10px;
	font-size:12px;
	color: #333;
	border-bottom:dotted #666 1px;
	}


.table table{
	margin:20px 0;
	
	}

.table table td{
	padding:10px;
	font-size:12px;
	color:#FFF;
	background-color:#000;
		}
		
.table table td img{
	padding:0 0 0 20px;

		}

table.ma0{
	padding:0;
	margin:0;


		}

/*会社概要*/
	
ul#company {
	margin:0;
	padding:0;
	list-style:none;
	display:inline-block;/* IE7用 */
	width:680px;
}

ul#company li {
	float:left;
	margin:0 24px 15px 1px;
	padding:0 0 0 0;
	display:block;
	width:210px;
}

ul#company li.ma0{
	margin:0 0 15px 0px;
	padding:0 0 0 0;
	display:block;
	width:210px;
}

ul#company li p{
	margin:5px 0 0 0
}


/*お客様の声*/	
	
ul#voicebnr {
	margin:20px 0 0 0;
	padding:0;
	list-style:none;
	display:inline-block;/* IE7用 */
	width:680px;
}

ul#voicebnr li {
	float:left;
	margin:0 20px 20px 0;
	padding:0;
	width:330px;
}

ul#voicebnr li.ma0{
	margin:0 0 20px 0px;
	padding:0;	
	width:330px;
}

.voiceright{
	padding:20px 0 30px 0;
	letter-spacing:1px;

		}

.voiceright p{
	line-height:200%;
	padding:0 20px 0 0;
}

.voiceright h3{
	padding:5px 0 0 30px;
	letter-spacing:1px;
	color:#D0C0A3;
	font-size:13px;
	font-weight:bold;
	background:url(../img/voice-q.jpg) no-repeat;
	height:26px;
	margin:0 0 10px 0;
	}

.voiceleft {
	letter-spacing:1px;
	padding:20px 0 30px 0;
		}
		
.voiceleft p{
	line-height:200%;
	padding:0 0 0 20px;
}

.voiceleft h3{
	padding:5px 0 0 25px;
	letter-spacing:1px;
	color:#D0C0A3;
	font-size:13px;
	font-weight:bold;
	background:url(../img/voice-q.jpg) no-repeat;
	height:26px;
	margin:0 0 10px 15px;
	}

/*ローン*/

.point{
	padding:30px 0 5px 0;
	}
.point p{
	margin:10px 0 0 0px;
}

.bordar1{
	border:#383331 solid 1px;
	padding:10px 0;
	margin:10px 0;
	width:680px;
	}
	
.bordar1 p{
	padding:10px 10px 0 10px;;
		}
		
.bordar2{
	border:#383331 solid 1px;
	padding:10px 0;
	margin:10px 0;
	width:330px;
	}
	
.bordar2 p{
	padding:10px 10px 0 10px;
		}


/*ギャラリー*/

ul.gallery{
	width:680px;
	height:90px;
	margin:20px 0 0 2px;
	padding:0;
	cursor:pointer;
		}


ul.gallery li{
	margin:0 5px 0 0px;
	padding:0;
	width:80px;
	display:block;
	float:left;
	}

ul.gallery li.ma0{
	padding:0;
	margin:0;

	}

.gallerytext a{
	width:680px;
	padding:0 0 0 15px;
	margin:0;
	background:url(../img/icon_ma.gif) no-repeat;
	font-size:11px;
	color:#CCC;
	}

.gallerybox{
	width:260px;
	height:290px;
	padding:0;
	margin:0px 20px 0 0;
	float:left;
		}
		
.gallerybox p{
	width:250px;
	margin:20px 0 0 0;
	padding:20px 0 0 0;
	font-size:11px;
	background:url(../img/staffcomment.jpg) no-repeat;
		}

.gallaryname{
	width:260px;
	margin:0px;
	padding:10px 0 0 0;
	}

/*Q&A*/

#qa{width:680px;}

#qa dt{
	font-size:14px;
	font-weight:bold;
	margin:0 0 10px 0;
	background: url(../img/voice-q.jpg) no-repeat;
	padding:3px 0 0 30px;
	height:26px;
	color:#FFF;
	line-height:130%;
	}

#qa dd{
	margin:10px 0 20px 0;
	background: url(../img/qa-a.gif) no-repeat;
	padding:0 0 20px 30px;
	border-bottom:dotted #CCC 1px;
	line-height:160%;
	letter-spacing:1px;
	}

ul.qa{
		padding:20px 0;}

ul.qa a{
	color: #999;
	}

ul.qa a:hover{
	color: #666;}


/*設備*/


.acilitis ul{
	background:url(../img/bg_kitchin.jpg) no-repeat;
	width:500px;
	height:220px;
	padding:10px 0 10px 180px;
	float:left;
	}

.acilitis ul li{
	width:100px;
	height:125px;
	padding:0 20px 0 0;
	display:block;
	float:left;
}

.acilitis ul.kitchen{	background:url(../img/bg_kitchin.jpg) no-repeat;	}
.acilitis ul.bath{	background:url(../img/bg_bath.jpg) no-repeat;	}
.acilitis ul.powder{	background:url(../img/bg_powder.jpg) no-repeat;	}
.acilitis ul.ent{	background:url(../img/bg_ent.jpg) no-repeat;	}
.acilitis ul.door{	background:url(../img/bg_door.jpg) no-repeat;	}
.acilitis ul.floor{	background:url(../img/bg_floor.jpg) no-repeat;	}
.acilitis ul.clozet{	background:url(../img/bg_clozet.jpg) no-repeat;	}
.acilitis ul.sash{	background:url(../img/bg_sash.jpg) no-repeat;	}




ul.acilitis5{
	background:url(../img/bg_kitchin.jpg) no-repeat;
	width:522px;
	height:220px;
	padding:20px 0 0 158px;
	float:left;
	}

ul.acilitis5 li{
	width:100px;
	height:117px;
	padding:0 4px 0 0;
	display:block;
	float:left;
}



/********************************************************************************************************************************
**	6.サイド（right）
********************************************************************************************************************************/





#rightCol #search {
	margin:0;
	padding:0;
	width:190px;
	background:url(../img/side1_1.gif) no-repeat;	
}

#rightCol #search ul {
	list-style:none;
	margin:0;
	padding:0 0 55px 15px;	
	background:url(../img/side_search_bg.gif) bottom no-repeat;	
}
#rightCol #search li{
	margin:0 0 5px 0;

}
#rightCol #search li a{
	text-decoration:none;
	padding:6px 0 0 28px;
	display:block;
	width:132px;
	height:20px;
	background:url(../img/side_btn1.gif) no-repeat;		
}
#rightCol #search a:hover{
	color:#FFFFFF;
	background:url(../img/side_btn2.gif) no-repeat;
}







/********************************************************************************************************************************
**	7.フッター（footer）
********************************************************************************************************************************/

#footerInner h3{
	position:absolute;
	top:10px;
	right:95px;
	font-size:10px;}

#footerInner h3 a{
	color:#666;}

ul#footerNavi {
	right:0;
	top:70px;
	margin:10px;
	padding:0 0 0 10px;	
	}



ul#footerNavi li {
	float:left;
	margin:0 20px 0 0;
	padding:0;
	
}

ul#footerNavi li a{	
	display:block;
	height:15px;
	color:#FFF;
	background:url(../img/icon2.gif) left no-repeat;
	padding:0 0 0 10px;	
	}


.whitetext a{
	color:#FFF;
	}

.whitetext a:hover{
	color:#999;
	}