@charset "UTF-8";
/* CSS Document */
/* renovation 20131029
====================================== */
#renovation{
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:12px;
overflow : hidden;
margin-bottom:42px;
width:656px;
}
#renovation h2, #renovation h4, #renovation h5{
margin:0;
padding:0;
font-weight:normal;
font-size:medium;
}
#renovation .h3_box{
clear:both;
background:url(../images/h3_renovation.gif) left top no-repeat;
width:655px;
min-height:44px;
height:auto;
margin:0 0 20px 0;
}
#renovation .h3_box h3{
margin:0 0 0 0;
padding:0 0 0 90px;
line-height:44px;
min-height: 35px;
height: auto;
height: 35px;
font-size:18px;
color:#FFFFFF;
clear:both;
}
#renovation p, #renovation div, #renovation img, #renovation ul, #renovation ol, #renovation li,
#renovation dl, #renovation dd, #renovation dt{
margin:0;
padding:0;
}
#renovation ul{
list-style:none;
}
#renovation img{
vertical-align:bottom;
border-style:none;
}
#renovation a{
color:#1122cc;
overflow: visible;
text-decoration:none;
}
#renovation a:hover{
color:#1122cc;
text-decoration:underline;
}
#renovation #head_bk{
margin-bottom:25px;
background:#ed6103;
height: auto;
width: 655px;
}
#renovation #head{
background:url(../images/h2_renovation.jpg) right top no-repeat;
min-height:265px;
height: auto;
width: 655px;
}
#renovation #head p{
margin:0;
padding:0;
line-height:2em;
}
#renovation #head .text{
color:#fff;
width:440px;
margin:5px 16px 15px 16px;
}
#renovation .lead{
font-size:12px;
margin-bottom:20px;
color: #666666;
}
#renovation #intro_box {
width:656px;
}
#renovation #intro {
overflow:hidden;
color: #666666;
}
#renovation #intro img {
display: block;
float: right;
}
#renovation #intro p {
float:left;
width:330px;
line-height:1.7em;
}
#renovation #intro_box ul {
clear:both;
list-style-type: none;
color: #666666;
margin-bottom:30px;
margin-top:30px;
}
#renovation #intro_box ul li {
width: 100%;
line-height:1.7em;
}
#renovation #intro_box ul li.intro_item01 {
width: 320px;
float:left;
margin-bottom:20px;
}
#renovation #intro_box ul li.intro_item01 h4{
background:url(../images/h4_no1_renovation.gif) left top no-repeat;
min-height:44px;
height:auto;
padding:0 0 0 34px;
margin:0 0 5px 0;
color:#ed6103;
font-size:16px;
font-weight:bold;
line-height:1.3em;
}
#renovation #intro_box ul li.intro_item02 {
width: 320px;
float:right;
margin-bottom:20px;
}
#renovation #intro_box ul li.intro_item02 h4{
background:url(../images/h4_no2_renovation.gif) left top no-repeat;
min-height:44px;
height:auto;
padding:0 0 0 34px;
margin:0 0 5px 0;
color:#ed6103;
font-size:16px;
font-weight:bold;
line-height:1.3em;
}
#renovation #intro_box ul li.intro_item03 {
clear:both;
}
#renovation #intro_box ul li.intro_item03 h4{
background:url(../images/h4_no3_renovation.gif) left top no-repeat;
min-height:44px;
height:auto;
padding:0 0 0 34px;
margin:0 0 5px 0;
color:#ed6103;
font-size:16px;
font-weight:bold;
line-height:44px;
}
#renovation ul.case {
clear:both;
list-style-type: none;
width: 668px;
margin-right: -13px;
overflow: hidden;
}
#renovation ul.case li {
display: inline-block;
/display: inline;
/zoom: 1;
margin: 0 13px 13px 0;
background-color: #fff;
width: 321px;
vertical-align: top;
}
#renovation ul.case li h4 {
background:url(../images/architect_renovation_tit.gif) no-repeat 2px center #7a553c;
min-height: 30px;
height: auto !important;
height: 30px;
padding-left: 50px;
color: #fff;
font-size: 15px;
line-height: 30px;
}
#renovation ul.case li h4 a {
font-size:14px;
color:#FFFFFF;
text-decoration:none;
font-weight:bold;
}
#renovation ul.case li h4 a:hover{
color:#f7b324;
}
#renovation ul.case li .case_content {
padding: 5px 5px 10px;
}
#renovation ul.case li div.head {
margin-bottom: 0;
}
/* =Clearfix --------------------------------*/
#renovation ul.case li div.head {
/zoom: 1;
}
#renovation ul.case li div.head:after {
content: '';
display: block;
clear : both;
}
/* End of Clearfix --------------------------------*/
#renovation ul.case li div.head  .before{
float:right;
margin:2px 0;
}
#renovation ul.case li .box{
display: block;
width: 201px;
float: left;
}
#renovation ul.case li a.pic {
margin-bottom: 2px;
}
#renovation ul.case li .box p {
color: #7a553c;
font-size: 12px;
margin-bottom: 2px;
font-weight: bold;
}
#renovation ul.case li dl.data {
width: 105px;
float: right;
}
#renovation ul.case li dl.data dt {
color: #7a553c;
font-size: 12px;
font-weight: bold;
}
#renovation ul.case li dl.data dd {
border-bottom: 1px #af8161 dotted;
margin-bottom: 6px;
}
#renovation ul.case li div.profile {
clear: both;
}
#renovation ul.case li div.profile p{
color: #7a553c;
font-size: 12px;
margin-bottom: 2px;
font-weight: bold;
}
#renovation ul.case li div.profile img.architect {
display: block;
width: 41px;
height: 41px;
float: left;
margin-top:15px;
}
#renovation ul.case li div.profile ul.personal_data {
width: 164px;
min-height:55px;
list-style-type: none;
float: left;
margin-top:15px;
}
#renovation ul.case li div.profile ul.personal_data li {
background:url(../images/link_arrow.jpg) no-repeat top left;
width: 147px;
padding-left: 17px;
min-height: 17px;
height: auto !important;
height: 17px;
margin: 0;
}
#renovation ul.case li div.profile ul.tag_area {
float: left;
width: 110px;
margin-right: -5px;
overflow: hidden;
}
#renovation ul.case li div.profile ul.tag_area li {
display: inline-block;
/display: inline;
/zoom: 1;
background-color: #af8161;
text-align: center;
color: #fff;
font-size: 12px;
width: 51px;
margin: 0 4px 4px 0;
}
#renovation ul.case li div.profile ul.tag_area li.off {
background-color: #e5dad3;
color: #af8161;
}
#renovation ul.case li div.point {
width: 305px;
margin: 0 auto;
clear: both;
}
#renovation ul.case li div.point h5 {
margin: 0;
padding: 0;
overflow: hidden;
text-indent: -9999px;
background-image:url(../images/renovation_point.jpg);
width: 306px;
height: 48px;
}
#renovation ul.case li div.point .comment {
width: 306px;
background: url(../images/renovation_point_02.gif) center bottom no-repeat;
}
#renovation ul.case li div.point .comment p {
padding: 5px 10px 12px 15px;
color: #666666;
}
#renovation div.btns_area {
margin-top:15px;
margin-bottom: 15px;
width: 321px;
float: right;
text-align: center;
}