@charset "utf-8";
/* CSS Document */
*{
	margin:0;
	padding:0;
	}
body {
	color: #630;
	font-size: 14px;
	line-height: 24px;
	text-align: center;
	height: 100%;
	background: #fff;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

/*非表示*/ 
.none {
	display:none;
}

/*IE6対策用　画像隙間*/ 
img {
vertical-align: bottom;
border:none;
}

/* テキストリンク */
 a{
    text-decoration:none;
}
 a:link{
    text-decoration:none;
    color: #000000;
}
a:visited{
    text-decoration:none;
    color: #000000;
}
a:hover{
	text-decoration:none;
	color: #F93;
}
a:active{
	text-decoration:none;
	color: #F93;
} 
#layout {
	float: none;
	width: 872px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
}
#layout:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
.box {
	float: none;
	height: 37px;
	width: 870px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	margin-top: 10px;
}

.logo {
	float: left;
	height: 37px;
}
.tel {
	float: right;
	height: 37px;
}

/*ヘッダー*/ 
#header {
	width: 870px;
	height: 250px;
	background-image: url(image/head.jpg);
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #630;
	margin-bottom: 10px;
	float: none;
}

/*共通　ナビメニュー*/
#navi {
	width: 870px;
	margin-right: auto;
	margin-left: auto;
	height: 50px;
	margin-bottom: 0px;
	margin-top: 0px;
	background-image: url(image/menu_back.gif);
	background-repeat: repeat-x;
	border: 1px solid #CCC;
}
#navi ul {
	float: left;
}
#navi ul li {
	float: left;
	width: 174px;
	list-style-type: none;
	height: 50px;
	padding-top: 15px;
}
/* テキストリンク */
#navi ul li a{
	text-decoration:none;
	color: #630;
}
#navi ul li a:link{
    text-decoration:none;
    color: #630;
}
#navi ul li a:visited{
	text-decoration:none;
	color: #F30;
}
#navi ul li a:hover{
	text-decoration:none;
	color: #F00;
}
#navi ul li a:active{
	text-decoration:none;
	color: #630;
} 


/*共通メイン*/
#main {
	width: 870px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	float: none;
	margin-top: 10px;
}
#main:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

/* 共通フッター*/
#footer {
	width: 870px;
	clear: both;
	float: none;
	padding: 0px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: 50px;
	background-color: #CC6633;
	color: #FFF;
	text-align: center;
}
.foot_navi{
	font-size: 12px;
	float: none;
	width: 870px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	text-align: center;
	}

.foot_navi a{
	text-decoration:none;
	color: #FFC;
}
.copyright {
	font-size: 10px;
	width: 870px;
	margin-right: auto;
	margin-left: auto;
	float: none;
	clear: both;
}

/* 共通メイン*/
.left {
	width: 560px;
	float: left;
	border: 1px solid #CCC;
}
.left :after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
.top_contents {
	background-image: url(image/main_co_back01.gif);
	background-repeat: no-repeat;
	width: 560px;
}
.top_contents:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
.top_con_text {
	text-align: left;
	width: 480px;
	padding-top: 490px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 15px;
}
.right {
	width: 300px;
	float: right;
	background-image: url(image/right_back.gif);
	background-repeat: repeat;
	border: 1px solid #CCC;
}
.right:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
.co_text {
	width: 250px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	text-align: left;
	line-height: 24px;
	font-size: 14px;
}

.co_text:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
.co_name {
	font-size: 18px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F30;
	margin-bottom: 10px;
	padding-bottom: 5px;
	color: #C30;
}
.g_map {
	height: 220px;
	width: 250px;
	border: 1px solid #CCC;
	margin-top: 15px;
	margin-bottom: 35px;
}


/* 施工例*/
.example_title{
	width: 870px;
	font-weight: bold;
	color: #F60;
	text-align: left;
	border-left-width: 7px;
	border-left-style: solid;
	border-left-color: #F60;
	padding-left: 5px;
	padding-bottom: 2px;
	font-size: 16px;
	margin-bottom: 5px;
}
.waku {
	float: none;
	width: 870px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #CCCC99;
	padding-top: 10px;
	padding-bottom: 20px;
}
.naiyou {
	width: 870px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-left-color: #999999;
}
.naiyou_left {
	background-image: url(image/right_back.gif);
	background-repeat: repeat;
	width: 200px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	text-align: right;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.naiyou_right {
	text-align: left;
	width: 600px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
}
.example_box {
	width: 870px;
	margin-right: auto;
	margin-left: auto;
	height: 100%;
	padding-top: 15px;
}
.example_box:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
.example_waku{
	width:870px;
	border-bottom-width: thick;
	border-bottom-style: dotted;
	border-bottom-color: #F96;
	margin-bottom: 20px;
	padding-bottom: 20px;
	}
.example_beaf {
	width: 870px;
	margin-right: auto;
	margin-left: auto;
}
.example_photo {
	width: 415px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	background-image: url(image/right_back.gif);
	background-repeat: repeat;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #999;
	border-right-color: #999;
	border-left-color: #999;
}
.example_photo_left {
	width: 415px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	border: 1px solid #999;
	padding-top: 20px;
	padding-bottom: 20px;
}
.example_photo_right {
	width: 415px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	border: 1px solid #999;
	padding-top: 20px;
	padding-bottom: 20px;
}
.example_icon {
	width: 40px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	font-size: 36px;
	font-weight: bold;
	color: #F63;
}
.qa_box {
	background-image: url(image/qa_back.gif);
	background-repeat: repeat-x;
	width: 560px;
	line-height: 18px;
	font-size: 13px;
}
.qa_img {
	width: 532px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #963;
	clear: both;
	float: none;
	background-color: #FFF;
	height: 100%;
}
.qa_tel {
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
}


.back-top-text {
	font-size: 12px;
	color: #666;
	text-align: right;
}
.naiyou-left {
	width: 50px;
}
.naiyou-text {
	font-size: 12px;
	line-height: 14px;
}
.naiyou-text-midashi {
	color: #C30;
}
.qa-q1 {
}
.qa-q-text {
	background-image: url(image/qa_q-back.gif);
	background-repeat: repeat;
	padding: 5px;
	width: 440px;
	margin-right: auto;
	margin-left: auto;
	float: right;
	text-align: left;
}
.qa-img-left {
	float: left;
}
.qa {
	clear: both;
	float: none;
	width: 510px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	height: 100%;
}
.qa-a {
	color: #C30;
	margin-right: auto;
	margin-left: auto;
	float: left;
	text-align: left;
	padding-left: 75px;
}
.qa-img-right {
	float: right;
	padding-right: 10px;
}

.fb-btn {
	background: #3b5988;
color: #FFF;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #666;
	text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
	width: 500px;
	padding: 10px 0;
	margin:0 auto;
	float:none;
	clear: both;
	font-size:130%;
}
.fb-btn a{
	text-decoration:none;
	background: #3b5988;
color: #FFF;
}
.fb-btn a:link{
    text-decoration:none;
 	background: #3b5988;
color: #FFF;
}
.fb-btn a:visited{
	text-decoration:none;
		background: #3b5988;
color: #FFF;
}
.fb-btn a:hover{
	text-decoration: none;
	background: #3b5988;
	color: #DECC5E;
}
.fb-btn a:active{
	text-decoration:none;
	background: #3b5988;
color: #DECC5E;
}