@charset "utf-8";

*{
	margin:0;
	padding:0;

}


body{
	background-color: #FFFEF0;
	text-align:center;
	font:12px/200% verdana, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka‐等幅";
	letter-spacing: 0.4em;
	color:#555;
	text-align:center;
	
}

a:link {
	color: #039;
	text-decoration:underline;
}

a:visited {
	color: #039;
	text-decoration:underline;
}

a:hover {
	color: #039;
	text-decoration:none;
	opacity:0.7;		
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	background: #fff;		
}

a:active {
	color: #039;
}

img{
	border:none;}


.clear{ clear:both;}

.clear_l{ clear:left;}

#container{	
	margin:0 auto;
	padding:0; 
	width:886px;
	height:auto; 
	text-align:center;
}


#main{ width:676px;
		float:right;
		}

#menu{ width:180px;
		float:left;
		padding:0px 15px 0px 15px;
		align:left;}
		
.menu_back{	width:180px;
			margin:10px 0px 10px 0px;
			padding:5px 0px 5px 0px;
			border-bottom:1px solid #CCC;}

.topics	{width:453px;
		 float:left;}

.banner	{width:418px;
		 float:right;}

.con	{width:674px;
		border-right:1px solid #CCC;
		border-left:1px solid #CCC;
		border-bottom:1px solid #CCC;
		margin:5px 0px 0px 0px;}

.con_text
    	{
		padding:10px 20px 20px 20px;
		text-align:left;}



#header{ margin:0; padding:0; width:auto; height:auto;}

h1{ 
	margin:0;
	background-image:url(img/common/head.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	padding:12px 0 0 3px;
	width:897px;
	height:63px;
	color:#666; 
	font-size:10px;
	text-align:left;
	font-weight:normal;
}


li{	list-style:none;
	text-align:left;}
	
h1 a:link,h1 a:visited,h1 a:hover{ color:#666; text-decoration:none;}

.hm-img{
	margin:0px 0px 0px 0px;
	padding:0; 
	width:auto; 
	height:auto;
}

.hm{
	float:left;
	margin:0;
	padding:0; 
	width:auto; 
	height:auto;
}

#wrapper{ margin:0; background-color:#fff; padding:0 0 25px 0; width:auto; height:auto;}



.title-img{
	margin-bottom:45px;
	}

.title-area{
	margin-bottom:50px;
	}

.title-sita{
	margin:0 0 70px 0;
	padding:0;
	width:auto;
	height:auto;	
	}

.title-sita-i{
	float:left;
	margin:0;
	padding:0;
	width:350px;
	height:auto;	
	}

.title-sita-t{
	float:right;	
	margin:0;
	padding:0px 0px 0px 15px;
	width:520px;
	height:auto;
	text-align:left;
	line-height:180%;	
	}
	
.text_right{
	text-align:left;
	}
.product-area{
	margin:0 0 40px 0;
	padding:0;
	width:auto;
	height:auto;
	text-align:left;		
	}

.product-left1{
	float:left;
	margin:0;
	padding:0;
	width:220px;
	height:auto;	
	}	
	
.product-right1{
	float:right;
	margin:0;
	padding:0;
	width:600px;
	height:auto;
	text-align:left;	
	}		

h2.mid{
	margin:0 0 15px 0;
	background-image:url(img/top/ti-bg-mid.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	padding:0 5px 0 0;
	width:auto;
	height:32px;
	}
	
.h2-mid-text{
	margin:0 0 0;
	padding:0;
	}	

.h2-mid-img{
	margin:0;
	padding:0;}	

.h2-mid-img td{
	margin:0;
	padding:5px;
	}		
	


.product-left2{
	float:left;
	margin:0;
	padding:0;
	width:430px;
	height:auto;
	text-align:left;
	}	
	
.product-right2{
	float:right;
	margin:0;
	padding:0;
	width:430px;
	height:auto;
	text-align:left;	
	}


h2.short{
	margin:0 0 15px 0;
	background-image:url(img/top/ti-bg-short.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	padding:0 5px 0 0;
	width:auto;
	height:32px;
	}
	
.h2-short-text{
	margin:0 0 28px 0;
	padding:0;
	}	

.h2-short-img{
	margin:0;
	padding:0;}	

.h2-short-img td{
	margin:0;
	padding:5px;
	}	


h2.long{
	margin:0 0 15px 0;
	background-image:url(img/top/ti-bg-long.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	padding:0 5px 0 0;
	width:auto;
	height:32px;
	}
	
.h2-long-text{
	margin:0 0 25px 0;
	padding:0;
	}	


.long-left{
	float:left;
	margin:0 0 0 0;
	padding:0;
	width:374px;
	height:auto;
}

.long-right{
	float:right;
	margin:0;
	padding:0;
	width:465px;
	height:auto;
}

.long-right td{
	margin:0;
	padding:0 5px 12px 5px;
	width:auto;
	height:auto;
}

.font10

/*オリジナル商品ページ*/
h2.ni{
	margin:0;
	padding:0;
	}

.h2-sita{
	margin:30px 0 70px 0;
	padding:0;
	}	


h3.sub{
	margin:0 0 40px 0;
	background-image:url(img/common/ti-bg-sub.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	padding:0 5px 0 0;
	width:auto;
	height:32px;
	}

.brand-left{
	float:left;
	margin:0 0 40px 0;
	padding:0;
	width:290px;
	height:auto;
}

.brand-right{
	float:right;
	margin:0 0 40px 0;
	padding:0;
	width:290px;
	height:auto;
}

.brand-img{ margin-bottom:15px;}

.brand-title{ margin-bottom:10px;}


/*コーディネート*/

.cordinate-l{
	float:left;
	margin:0 0 20px 0;
	background-color:#f9f9f9;
	padding:30px 0 30px 35px;
	width:405px;
	height:auto;
	text-align:left;}

.cordinate-r{
	float:right;
	margin:0 0 20px 0;
	background-color:#f9f9f9;	
	padding:30px 0 30px 35px;
	width:405px;
	height:auto;
	text-align:left;}

.cordinate{
	float:right;
	margin:5px;
	background-color:#f9f9f9;	
	padding:10px 14px 10px 14px;
	width:185px;
	height:auto;
	text-align:left;}

.imgc{border:1px solid #CCCCCC;}



.cordi-text{
	float:left;
	margin:0;
	width:277px;}	
	
.cordi-img{
	float:right;
	margin:0;
	width:100px;}	

.cont-title{
	float:left;
	margin:0;
	padding:0;
	width:150px;
	height:auto;
	text-align:left;
}

.cordi_back{
	background-image:url(img/cordinate/back.jpg);
	width:830px;
	height:480px;
	padding:20px 35px 20px 35px;}

.pace{ width:900px;
		height:689px;
		background-image:url(img/cordinate/pace.jpg);
		background-repeat:no-repeat;}

/*会社概要*/

.staff-img{
	float:left;
	margin:0;
	padding:0;
	width:119px;
	height:auto;
	}

.staff-cont{
	float:right;
	margin:0;
	padding:0;
	width:425px;
	height:0;	}	

.staff{
	margin:0 0 7px 0;
	background-image:url(img/company/list.jpg);
	background-position:0 3px;
	background-repeat:no-repeat;
	border-bottom:1px dashed #ccc;
	padding:0 0 7px 20px;
	width:auto;
	height:auto;}

.left-item{
	float:left;
	margin:0;
	padding:5px 0 15px 0;
	width:60px;
	height:auto;
	text-align:left;}

.right-item{
	float:right;
	border-left:3px solid #333;
	margin:0;
	padding:5px 0 15px 25px;
	width:550px;
	height:auto;
	text-align:left;}

#footer{ 
	both:clear;
	margin:0 auto;
	padding:0 0 10px 0;
	width:auto;
	height:auto; 
	text-align:center;

}

#f-menu{ 
	both:clear;
	margin:10px auto;
	padding:0 0 10px 0;
	width:auto;
	height:auto; 
	text-align:center;

}

.fm{
	float:left;
	margin:0;
	padding:0; 
	width:auto; 
	height:auto;
}

.to_top{ margin-bottom:20px; text-align:right;}

/*ベッド*/

.bed-left{
	float:left;
	margin:0;
	padding:0;
	width:220px;
	height:auto;
	}

.bed-right{
	float:right;
	margin:0;
	padding:0;
	width:635px;
	height:0;
	text-align:left;	}
	
.bed-left2{
	float:left;
	margin:0;
	padding:0;
	width:635px;
	height:0;
	text-align:left;	}	
	
.bed-right2{
	float:right;
	margin:0;
	padding:0;
	width:220px;
	height:auto;
	}
	
.bed-area{
	margin:0 0 30px 0;
	padding:0;
	}		


.bed-left3{
	float:left;
	margin:0;
	padding:0;
	width:348px;
	height:auto;
	}

.bed-right3{
	float:right;
	margin:0;
	padding:0;
	width:492px;
	height:0;
	text-align:left;	}	

.spec{
	margin:0;
	width:auto;
	height:auto;
	font-size:10px;}

.spec td{
	margin:0;
	border-bottom:2px solid #666;
	padding:5px;
	width:auto;
	height:auto;}

.spec td.1px{
	margin:0;
	border-bottom:1px solid #666;
	padding:5px;
	width:auto;
	height:auto;}
	
.spec td.nd{
	margin:0;
	border-bottom:1px solid #666;
	padding:5px;
	width:auto;
	height:auto;}		
		
/*お問合わせ*/

.left-item2{
	float:left;
	margin:0;
	padding:5px 0 15px 0;
	width:100px;
	height:auto;
	text-align:left;}

.right-item2{
	float:right;
	border-left:3px solid #333;
	margin:0;
	padding:5px 0 15px 25px;
	width:510px;
	height:auto;
	text-align:left;}
	
.submit-botton{
	padding-top:20px;
	width:300px;
	text-align:center;}	
		
/*ブログ*/
.side-title{
	margin:0 0 20px 0;}
	
.side-area{
	margin:0 0 50px 0;}
	
.side-area li{
	margin:0 0 5px 0;
	text-align:left;
	list-style:none;}

.side-area li a:link,.side-area li a:visited{
	color:#069;
	text-decoration:underline;}	
		
.side-area li a:hover{
	color:#069;	
	text-decoration:none;}
	
.blog-area{
	margin:0 0 20px 0;
	border:1px solid #ccc;
	padding:25px 15px 25px 15px;
	width:auto;
	height:auto;}	
	
.blog-title{
	margin:0 0 15px 0;
	border-bottom:3px solid #e3e3e3;
	padding:0 0 8px 0;
	font-size:15px;}
	
.blog-text{
	margin:0;
	padding:0 10px 0 10px;
	width:auto;
	height:auto;
	font-size:12px;
	line-height:170%;
	text-align:left;}	

.blog-date{
	margin:0;
	padding:;
	width:auto;
	height:auto;
	text-align:right;}		
	
.white{ color:#fff;}

.red{ color:#ff0000;}

.red2{ color:#660000;}

.fs10{ font-size:10px;}

.fs11{ font-size:10px;
　　　letter-spacing: 0.1em;}

.fs12{ font-size:12px;}

.fs16b{ font-size:16px;
		font-weight:600;
		font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

.bold{ font-weight:bold;}

.pad03{ padding:3px;}

.pad05{ padding:5px;}

.pad052{ padding:5px; line-height:170%;}

.pad10{ padding:5px;}	

.table_space5 td{padding:5px;}

.table_space10 td{padding:10px;}

.table_space5l td{padding:5px;
               border-bottom:1px #CCC solid;}
			   
.table_space5d td{padding:5px;
               border-bottom:1px #CCC dotted;}

.kakomu{	padding:5px;
			margin:10px 0px 10px 0px;
			border:1px dotted #CCC;
			background-color:#F6F6F6;}
			   
.t_right{	text-align:right;
				font-size:10px;}
				
.imgl{	padding:3px;
		border:1px solid #E7E7E7;}

.imgll{	padding:1px;
		border:3px solid #F6F6F6;}

.detail{	background-color:#F6F6F6;
			padding:20px;
			font-size:10px;
			margin:20px 0px 0px;}

.detail2{	font-size:10px;
			margin:10px 0px 0px;
			border-top:1px dotted #CCC;}
			
.entry-footer{ text-align:right;}			


.content-header{ color:#000; margin-bottom:15px;}

.entry-more-link{ text-align:right; margin-bottom:5px;}


.img_ll{   float:left;
		margin:5px 15px 5px 0px;
		border:1px solid #CCC;
		padding:1px;
		}
		
.img_rl{   float:right;
		margin:5px 0px 5px 15px;
		border:1px solid #CCC;
			padding:1px;
		}

.img_l{   float:left;
		padding:5px 15px 5px 0px;
		}
		
.img_r{   float:right;
		padding:5px 0px 5px 15px;
		}
		
.line{	border-bottom:dotted 1px #CCC;
		margin:10px 0px 10px 0px;
		padding:0px 0px 0px 0px;}