@charset "Shift_JIS";
/* CSS Document */

/************ 取付け事例　トップ　メイン画像 ************/


#main_img_casestudy_top {
	width:840px;
	height:346px;
	padding:12px 42px 12px 40px;
	border-bottom:#ac9e8d dashed 1px;
}

#main_img_casestudy_top .h3 {
	width:840px; 
	height:346px; 
	background:url(http://lifestyle-net.com/housing/casestudy/img/main_img.jpg) no-repeat top left ; 
	text-indent:-9999px;
	overflow:hidden;
}


/* トップ */

#main_img_casestudy {
	width:920px;
	padding:5px 0 15px 0;
	border-bottom:#ac9e8d dashed 1px;
}


#main_img_casestudy .h3_01 {
	width:920px; 
	height:430px; 
	background:url(http://lifestyle-net.com/housing/casestudy/01/img/main_img.jpg) no-repeat top left ; 
	text-indent:-9999px;
	overflow:hidden;
}

#main_img_casestudy .h3_02 {
	width:920px; 
	height:430px; 
	background:url(http://lifestyle-net.com/housing/casestudy/02/img/main_img.jpg) no-repeat top left ; 
	text-indent:-9999px;
	overflow:hidden;
}

#main_img_casestudy .h3_02_n {
	width:920px; 
	height:430px; 
	background:url(../casestudy/02/img/main_img_n.jpg) no-repeat top left ; 
	text-indent:-9999px;
	overflow:hidden;
}

#main_img_casestudy .h3_03 {
	width:920px; 
	height:430px; 
	background:url(http://lifestyle-net.com/housing/casestudy/03/img/main_img.jpg) no-repeat top left ; 
	text-indent:-9999px;
	overflow:hidden;
}

#main_img_casestudy .h3_04 {
	width:920px; 
	height:430px; 
	background:url(http://lifestyle-net.com/housing/casestudy/04/img/main_img.jpg) no-repeat top left ; 
	text-indent:-9999px;
	overflow:hidden;
}

#main_img_casestudy .h3_05 {
	width:920px; 
	height:430px; 
	background:url(http://lifestyle-net.com/housing/casestudy/05/img/main_img.jpg) no-repeat top left ; 
	text-indent:-9999px;
	overflow:hidden;
}

#main_img_casestudy .h3_06 {
	width:920px; 
	height:430px; 
	background:url(http://lifestyle-net.com/housing/casestudy/06/img/main_img.jpg) no-repeat top left ; 
	text-indent:-9999px;
	overflow:hidden;
}

#main_img_casestudy .h3_07 {
	width:920px; 
	height:430px; 
	background:url(http://lifestyle-net.com/housing/casestudy/07/img/main_img.jpg) no-repeat top left ; 
	text-indent:-9999px;
	overflow:hidden;
}




/* SNS */

#case_sns_area {
	background: url(../img/line_d_680.gif) repeat-x scroll left bottom transparent;
}

#sns_area {
	background: url(../img/line_d_680.gif) repeat-x scroll left bottom transparent;
	padding:10px 0;
}



/************ 取付け事例　トップ　ナビ ************/

/* メニュー */

.cs_menu {
	width:670px;
	height:264px;
	margin:0 0 20px 10px;
	
}

.cs_menu .menu_set {
	width:215px;
	height:264px;
	margin:0 10px 10px 0;
	float:left;	
	text-indent:-9999px; 
	overflow:hidden;
}

.cs_menu .menu_set_r {
	display:block; 
	width:215px;
	height:264px;
	float:left;
	text-indent:-9999px; 
	overflow:hidden;
}

.cs_menu h4.btn01 a {
    display:block; 
    width:215px;
    height:264px; 
    background:url(http://lifestyle-net.com/housing/casestudy/img/01.jpg) no-repeat 0px 0px ;
    }
.cs_menu h4.btn01 a:hover {
    background:url(../casestudy/img/01_o.jpg) no-repeat 0px 0px                  
    }
	
.cs_menu h4.btn02 a {
    display:block; 
    width:215px;
    height:264px; 
    background:url(http://lifestyle-net.com/housing/casestudy/img/02.jpg) no-repeat 0px 0px ;
    }
.cs_menu h4.btn02 a:hover {
    background:url(http://lifestyle-net.com/housing/casestudy/img/02_o.jpg) no-repeat 0px 0px                  
    }
	
.cs_menu h4.btn03 a {
    display:block; 
    width:215px;
    height:264px; 
    background:url(http://lifestyle-net.com/housing/casestudy/img/03.jpg) no-repeat 0px 0px ;
    }
.cs_menu h4.btn03 a:hover {
    background:url(http://lifestyle-net.com/housing/casestudy/img/03_o.jpg) no-repeat 0px 0px                  
    }
	
	
.cs_menu h4.btn04 a {
    display:block; 
    width:215px;
    height:264px; 
    background:url(http://lifestyle-net.com/housing/casestudy/img/04.jpg) no-repeat 0px 0px ;
    }
.cs_menu h4.btn04 a:hover {
    background:url(http://lifestyle-net.com/housing/casestudy/img/04_o.jpg) no-repeat 0px 0px                  
    }
	
.cs_menu h4.btn05 a {
    display:block; 
    width:215px;
    height:264px; 
    background:url(../casestudy/img/05.jpg) no-repeat 0px 0px ;
    }
.cs_menu h4.btn05 a:hover {
    background:url(http://lifestyle-net.com/housing/casestudy/img/05_o.jpg) no-repeat 0px 0px                  
    }
	

.cs_menu h4.btn06 a {
    display:block; 
    width:215px;
    height:264px; 
    background:url(http://lifestyle-net.com/housing/casestudy/img/06.jpg) no-repeat 0px 0px ;
    }
.cs_menu h4.btn06 a:hover {
    background:url(http://lifestyle-net.com/housing/casestudy/img/06_o.jpg) no-repeat 0px 0px                  
    }
	

.cs_menu h4.btn07 a {
    display:block; 
    width:215px;
    height:264px; 
    background:url(http://lifestyle-net.com/housing/casestudy/img/07.jpg) no-repeat 0px 0px ;
    }
.cs_menu h4.btn07 a:hover {
    background:url(http://lifestyle-net.com/housing/casestudy/img/07_o.jpg) no-repeat 0px 0px                  
    }
	
	
	
	




/************ 取付け事例　ページ　メイン ************/

h4.midashi {
	width:670px;
	padding:0 0 7px 10px;
	margin:0 0 15px 0;
	background:url(../img/line_680.gif) no-repeat bottom left;
	color:#5a3d1b;
	font-size:130%;
}

h4.midashi2 {
	width:670px;
	padding:0 0 7px 10px;
	margin:0 0 15px 0;
	background:url(../img/line_d_680.gif) no-repeat bottom left;
	color:#5a3d1b;
	font-size:100%;
}

.section {
	width:680px;
	margin: 0 0 30px 0;
	}
	
.section .read {
	margin: 0 10px 30px;
}

.section p {
	margin:0 0 15px 0;
	line-height:2.0;
}

.section dl{
	margin-bottom:30px;
	}

.section dl .right {
	float:right;
	}
	
.section dl .left {
	float:left;
	}

.section .detail_link {
	margin-top:20px;
	}
	
dl.column_p_t dd{
	width:464px;
	display:block;
	margin:0;
	padding:0px; 
	word-wrap:break-word;
	}/* text width */
	
dl.column_p_t_l dd{
	width:454px;
	display:block;
	margin:0;
	padding:0 0 0 10px; 
	word-wrap:break-word;
	}/* text width */
	
dl.column_p_y dd{
	width:405px;
	display:block;
	margin:0;
	padding:0; 
	word-wrap:break-word;
	}/* text width */
	
dl.column_p_y_l10 dd{
	width:395px;
	display:block;
	margin:0;
	padding:0 0 0 10px; 
	word-wrap:break-word;
	}/* text width */
	

/* コラム部分 201307〜 */

.c_block {
	width:670px;
	margin:0 0 30px 0;
}

/* 画像　左　横位置 */
.p_left_y {
	width:255px;
	float:left;
}

.p_left_y_text {
	width:395px;
	float:right;
	word-wrap:break-word;
}


/* 画像　右　横位置 */

.p_right_y_text {
	width:395px;
	float:left;
	word-wrap:break-word;
}

.p_right_y {
	width:255px;
	float:right;
}



/* 画像2枚　左　横位置　 */
.p2_left_y {
	width:397px;
	float:left;
}

.p2_left_y_text {
	width:253px;
	float:right;
	word-wrap:break-word;
}


/* 画像2枚　右　横位置 */

.p2_right_y_text {
	width:258px;
	float:left;
	word-wrap:break-word;
}

.p2_right_y {
	width:402px;
	float:right;
}


/* 画像　リスト */	

.p_list {
	width:680px;
}

.p_list li {
	width:170px;
	float:left;
}
	
#use {
	width:680px;
	margin: 50px 0 30px 0;
	}

#use .left_m {
	width:325px;
	padding:0 0 0 10px;
	float:left;
}

#use .right_m {
	width:325px;
	padding:0 10px 0 0;
	float:right;
}


	
#use dl {
	width:325px; 
 }
 
#use dt {
	padding:0;
	margin: 0;
	width: 60px;
	float: left;
	clear:both; 
}

#use dd  { 
	margin-left:0;
	padding:3px 0 0 70px;

 }

#kanren {
	width:680px;
	margin: 0 0 50px 0;
	}
	
#kanren p {
	margin:0 0 0 10px;
}

#caution {
	width:680px;
	padding:15px 0 0 0;
	background:url(../img/line_680.gif) no-repeat top left;
}

#caution .text {
	font-size:90%;
	color:#7f7f7f;
	text-align:center;
}



/************ コラム　共通　サイド ************/


/* インデックス */

#side #column_index {
	width:180px;
	margin:0 0 50px 0;
}

#side #column_index ul {
	width:180px;
	}

#side #column_index li {
	padding:10px 0 10px 0;
	border-bottom:dotted 1px #ac9e8d;
}


/************ 事例　共通　サイド ************/

/* インデックス */

#side .case_index {
	width:180px;
	margin:0 0 50px 0;
}

#side .case_index ul {
	width:180px;
	}

#side .case_index li {
	padding:10px 0 10px 0;
	border-bottom:dotted 1px #ac9e8d;
}

/* 1行の場合 */

#side .case_index dl.profile {
	width:180px;
 }
 
#side .case_index dl.profile dt {
	margin: 0 15px 0 0;
	width: 60px;
	float: left;
	clear:both; 
}

#side .case_index dl.profile dd  { 
	margin: 0;
	padding:23px 0 0 65px;  
 }

/* 2行の場合 */

 #side .case_index dl.profile_2 {
	width:180px;
 }
 
#side .case_index dl.profile_2 dt {
	margin: 0 15px 0 0;
	width: 60px;
	float: left;
	clear:both; 
}

#side .case_index dl.profile_2 dd  { 
	margin: 0;
	padding:10px 0 0 65px;  
}

/* 3行の場合 */

 #side .case_index dl.profile_3 {
	width:180px;
 }
 
#side .case_index dl.profile_3 dt {
	margin: 0 15px 0 0;
	width: 60px;
	float: left;
	clear:both; 
}

#side .case_index dl.profile_3 dd  { 
	margin: 0;
	padding:3px 0 0 65px;  
}

#side .case_index p.staff {
	 margin:10px 0 0 0;
}