@charset "utf-8";
/* CSS Document */

/*実績リスト　トップページ　タイトル表示用*/
#contentswrap h2.resulttitle {
background:#EFEFEF;
border-bottom:1px solid #CC6699;
border-left:3px solid #CC6699;
color:#663333;
font-size:100%;
font-weight:bold;
margin:15px 0;
padding:7px 10px 5px 10px;
}

/*実績リスト　トップページ　リード用*/
#contentswrap p.resultlead {
font-size:100%;
font-weight:bold;
color:#CC6699;
line-height:150%;
margin:0px;
padding:1em 0;
}

/*実績リスト　トップページ　サムネール左・中央用*/
#contentswrap div.thumbl {
float:left;
width:191px;
}

/*実績リスト　トップページ　サムネール右用*/
#contentswrap div.thumbr {
float:left;
width:180px;
}

/*実績リスト　トップページ　サムネールタイトル用*/
#contentswrap div.thumbl h3, #contentswrap div.thumbr h3 {
border-bottom:none;
border-left:3px solid #CC6699;
margin:0;
padding: 3px 10px 2px 6px;
}

/*実績リスト　トップページ　サムネール下　工事コメント　左・中央用*/
#contentswrap div.thumbl span {
display:block;
font-size:75%;
line-height:125%;
padding:3px 10px 15px 6px;
}

/*実績リスト　トップページ　サムネール下　工事コメント　右用*/
#contentswrap div.thumbr span {
display:block;
font-size:75%;
line-height:125%;
padding:3px 0 15px 6px;
}



/*実績リスト　詳細ページ　サブタイトル用-----------------------------------------------*/
#contentswrap h2.subtitle {
border-bottom:1px solid #669933;
color:#336633;
font-size:90%;
font-weight:bold;
margin:0;
padding:0px 10px 5px 10px;
}

/*顔写真　左配置用*/
#contentswrap div.photol {
float:left;
margin:0;
padding: 0 10px 15px 0;
}

/*顔写真　右配置用*/
#contentswrap div.photor {
float:right;
margin:0;
padding: 0 0 15px 10px;
}

/*左右配置の顔写真 キャプション用*/
#contentswrap div.photor div, #contentswrap div.photol div {
color:#666666;
font-size:75%;
line-height:135%;
padding-top:5px;
}

/*顔写真 キャプションの名前用*/
#contentswrap div.photor div span, #contentswrap div.photol div span {
display:block;
font-size:120%;
padding-top:5px;
}



/*本文用*/
#contentswrap p { 
color:#333333;
font-size:90%;
line-height:150%;
}

/*本文最初の段落用*/
#contentswrap p.top {
color:#333333;
margin:0;
padding-top:0px;
}

/*カテゴリ用*/
#contentswrap div.cat {
text-align:right;
color:#CC6600;
font-size:80%;
padding:7px 0 10px;
}


/*補完写真 左配置用*/
#contentswrap div.photo2l {
float:left;
}

/*補完写真 右配置用*/
#contentswrap div.photo2r {
float:right;
}

/*補完写真 キャプション　左右用*/
#contentswrap div.photo2 div, #contentswrap div.photo2l div, #contentswrap div.photo2r div {
color:#666666;
font-size:75%;
line-height:125%;
padding-top:5px;
width:275px;
}

/*キャプション用　汎用*/
#contentswrap div.caption { 
color:#666666;
font-size:75%;
line-height:125%;
padding-top:5px;
}