@charset "utf-8";
/* CSS Document */

/*サービス詳細*/
.headline2 {
 border-left:20px solid #72b5d2;
border-right:20px solid #72b5d2;
padding:6px 0 6px 8px;
background-color:#ededed;
width:200px;
}
 


/*会社概要*/
.company
{
    padding:10px;
    text-align: left;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #cccccc;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #cccccc;
}


#enkaku {line-height:180%;}


/*お問い合わせ*/
.contact
{
    padding:10px;
    text-align: left;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #cccccc;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #cccccc;
}

input.button
{
    margin-top: 10px;
    margin-bottom: 15px;
    margin-left: 10px;
}

textarea
{
    width: 400px;
    height: 200px;
}

input.l
{
    width: 400px;
}
input.m
{
    width: 250px;
}
input.s
{
    width: 150px;
}

/* ���C���R���e���c���{�p�[�c */

#hpb-main p
{
    margin-left: 10px;
    margin-right: 10px;
}

#hpb-main ul
{
    margin-top: 0;
    margin-right: 10px;
    margin-bottom: 0;
    margin-left: 10px;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    list-style-type: none;
}

#hpb-main ul li
{
    text-align: left;
    line-height: 1.4;
    padding-top: 10px;
    padding-right: 35px;
    padding-bottom: 10px;
    padding-left: 15px;
    background-image : url(point_1K.png);
    background-position: left 10px;
    background-repeat: no-repeat;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #DDDDDD;
    color: #000000;
}

#hpb-main dl
{
    margin-top: 0;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    zoom: 100%;
}

#hpb-main dt
{
    float: left;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    text-align: left;
    line-height: 16px;
    min-height: 16px;
    font-weight: normal;
    width: 170px !important;
    padding-top: 10px;
    padding-right: 0;
    padding-bottom: 10px;
    padding-left: 15px;
    background-image : url(point_1K.png);
    background-position: left 10px;
    background-repeat: no-repeat;
}

#hpb-main dd
{
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 10px;
    padding-right: 15px;
    padding-bottom: 10px;
    text-align: left;
    line-height: 16px;
    min-height: 16px;
    padding-left: 195px;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #DDDDDD;
}

*:first-child + html #hpb-main dd
{
    /* for IE7 */
    padding-left: 10px;
    min-height: 20px;
}

* html #hpb-main dd
{
    /* for IE6 */
    height: 20px;
    padding-left: 0px;
}

#hpb-main dl:after
{
    content: ".";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

#hpb-main img.left
{
    margin-top: 5px;
    margin-right: 20px;
    margin-bottom: 10px;
    float: left;
}

#hpb-main img.right
{
    margin-top: 5px;
    margin-bottom: 10px;
    margin-left: 20px;
    float: right;
}



#pagetop a
{
    /* �y�[�W�̐擪�ւ̃����N�ݒ� */
    display: block;
    width: 143px;
    height: 26px;
    margin-left: auto;
    background-image : url(returnTop_1K.png);
    background-position: center left;
    background-repeat: no-repeat;
    text-indent: -9999px;
    overflow: hidden;
}


 /* ���q�l�̐� */
 
div.voiceContainer {
	margin-bottom:20px;}
 
div.voiceContainer div.voice {
	padding: 0 20px 0 20px;
	
	border-left: 1px solid #E3E3E3;
	border-right: 1px solid #E3E3E3;
}
div.voiceContainer div.voice .tt {
	width:100%;
	font-size: 140%;
	line-height: 140%;
	font-weight: bold;
	color: #E3E3E3;
	padding-bottom: 12px;
	background: url(images/dot_lightlightbrown.gif) repeat-x left bottom;
}
div.voiceContainer div.voice .tt span.name {
	color: #399;
}
div.voiceContainer div.voice .tt span.reform {
	color: #392407;
}
div.voiceContainer div.voice p {
	font-size: 13px;
	line-height: 160%;
	color: #827462;
	padding: 9px 0 0 60px;
}


/****施工事例****/
.photo_list {float:left;width:592px;padding:0px 0px 10px 10px;margin-bottom:25px;
border:#CCC solid 1px;}

.photo_list h4.photott{background:url(images/photottbg.png) no-repeat;width:578px;height:16px;
padding:8px 15px;margin:10px 0 5px 0px;font-size:1.2em;line-height:1em;border-left:#C90 5px solid;color:#666;}

.photo_list .boxl{float:left;width:207px;margin-right:7px;}
.photo_list .mt{float:left;width:185px;height:21px;margin-bottom:5px;}
.photo_list .pho{float:left;margin:0;}
.photo_list .box_com{float:left;width:207px;background:#FEF8E2;width:143px;height:150px;margin-top:26px;padding:3px;}
.photo_list .after {clear:both;}
.photo_list .gocont2{text-align:center;width:578px;height:43px;padding-top:9px;}

.resimg {float:left;border:solid 1px #CCCCCC;margin-right:10px;}

.gotop {float:right;}