@charset "UTF-8";

/*-----------------------------------

CSS Information

Site URL:			http://www.aoi-corpo.jp/
File name:			common.css (http://www.aoi-corpo.jp/reform/common.css)
Copyright:		(c)

-----------------------------------*/



/* リフォーム事例集 */


#reform{}

p.comment{
	text-align:center;
	padding:30px 0 40px;
	}
	
.reformCompo{
	border:3px solid #A3D901;
    border-radius: 20px;        /* CSS3草案 */  
    -webkit-border-radius: 20px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 20px;   /* Firefox用 */
	padding:13px 0;
	margin:0 0 45px;
	}
	
.reformPattern{
	height:470px;
	float:none;
	clear:both;
	}
	
.reformPattern.pat01{	padding:0 0 30px 23px;	}
.reformPattern.pat02{	padding:0 0 10px 23px;	}


/* before */
.reformPattern .before{
	width:340px;
	float:left;
	}
	
.before_p{
	width:320px;
	height:240px;
	text-align:center;
	padding:0 20px 25px 0;
	overflow:hidden;
	display: table-cell;
	vertical-align:middle;
	text-align:center;
	line-height: 0;
	}	
	
/* IE6 */
.before_p, {
  _zoom: 1; /* hasLayoutをtrueに設定 */
  _line-height: 390px; /* span要素の行を画像の最大の高さと同じ値に設定 */
  _margin-top: -1px; /* 微調整 */
}
 
.before_p img{
  _vertical-align: middle; /* 画像を垂直に */
}
 
/* IE7 */
*:first-child+html .before_p {
  zoom: 1; /* hasLayoutをtrueに設定 */
  line-height: 390px; /* span要素の行を画像の最大の高さと同じ値に設定 */
  margin-top: -1px; /* 微調整 */
}
 
*:first-child+html.before_p img {
  vertical-align: middle; /* 画像を垂直に */
}

.before_comment{
	background:url(images/arrow.png) right center no-repeat;
	height:156px;
	overflow:hidden;
	padding:0 80px 0 0;
	margin:0 10px 0 0;
	line-height:26px;
	font-size:16px;
	color:#444;
	}
	
	
/* after */
.reformPattern .after{
	width:690px;
	float:right;
	}
	
h3.patternTitle{
	background:url(images/title_back.png) right 0 no-repeat;
	width:675px;
	height:95px;
	padding:0 0 10px;
	float:none;
	clear:both;
	}
	
h3.patternTitle p{
	padding:30px 115px 10px 50px;
	color:#FF8000;
	font-size:18px;
	text-align:left;
	font-weight:bold;
	line-height:25px;
	width:510px;
	height:36px;
	overflow:hidden;
	}
	
.after_p{
	width:420px;
	height:315px;
	padding:0 10px 0 0;
	text-align:center;
	overflow:hidden;
	float:left;
	display: table-cell;
	vertical-align:middle;
	text-align:center;
	line-height: 0;
	}
	
/* IE6 */
.after_p, {
  _zoom: 1; /* hasLayoutをtrueに設定 */
  _line-height: 390px; /* span要素の行を画像の最大の高さと同じ値に設定 */
  _margin-top: -1px; /* 微調整 */
}
 
.after_p img{
  _vertical-align: middle; /* 画像を垂直に */
}
 
/* IE7 */
*:first-child+html .after_p {
  zoom: 1; /* hasLayoutをtrueに設定 */
  line-height: 390px; /* span要素の行を画像の最大の高さと同じ値に設定 */
  margin-top: -1px; /* 微調整 */
}
 
*:first-child+html.after_p img {
  vertical-align: middle; /* 画像を垂直に */
}


.after_comment{
	width:230px;
	height:312px;
	overflow:hidden;
	float:left;
	line-height:26px;
	font-size:16px;
	color:#444;
	}
	
/*価格*/
.reformKakaku{
	background:url(images/kakaku_back.png) 0 center no-repeat;
	width:673px;
	height:80px;
	padding:20px 0;
	margin:0 20px 0 auto;
	float:none;
	clear:both;
	position:relative;
	}
	
.reformKakaku p{
	padding:0 0 0 312px;
	font-size:28px;
	}

.reformKakaku span{
	font-size:46px;
	color:#FF0000;
	line-height:80px;
	}

.reformLink{
	width:114px;
	height:114px;
	position:absolute;
	top:0;
	right:30px;
	}
	
.reformLink a:hover img { filter:alpha(opacity=100);opacity:1;}

.reformPhotoGroup{
	display:none;
	}