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

/* IE6以下でpadding指定 */
*html body {
padding-left: 1px;
}

object, embed {  
    vertical-align: top;  
}  

#wrapper {
	width: 100%;
	height: auto;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

body {
	font-family:"メイリオ", "Osaka", "ヒラギノ角ゴ Pro W3";
	padding: 0px;
	margin: 0px;
	clear: both;
	font-size: 14px;
	line-height: 20px;
	color: #4C4638;
}

/*----------------------------------------------------------------------
　contents
-----------------------------------------------------------------------*/
#contents {
	padding: 0px;
	height: auto;
	width: 990px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#main_box {
	width: 977px;
	margin-right: 6px;
	margin-left: 7px;
	margin-top: 20px;
	margin-bottom: 15px;
}

#left {
	width: 710px;
	margin-right: 35px;
	float: left;
}

#right {
	width: 232px;
	float: left;
}

.base {
	width: 710px;
	margin-bottom: 30px;
}

.base02 {
	width: 710px;
}

.news_box {
	width: 710px;
	margin-bottom: 30px;
}

.map {
	width: 710px;
}

.title {
	margin-bottom: 15px;
}

.title02 {
	margin-bottom: 15px;
	width: 530px;
}

/*----------------------------------------------------------------------
　事業内容
-----------------------------------------------------------------------*/
.service-box {
	width: 710px;
	overflow: auto;
	height: auto;
	padding-bottom: 30px;
}

.service-box_right {
	float: right;
	width: 530px;
	height: auto;
}

.service-box_img {
	float: left;
}

/*----------------------------------------------------------------------
　右側 新築施工例 banner
-----------------------------------------------------------------------*/
#sekou_si {
	height: 127px;
	width: 232px;
	_overflow:hidden; /*IE6用*/
	_display:inline;
	float: right;
	margin-bottom: 20px;
}

#sekou_si ul{
	height: 127px;
	width: 232px;
	margin:0;
	padding: 0;
	clear: both;
	float: left;
}

#sekou_si ul li{
	float:left;
	width: 232px;
	height: 127px;
	padding: 0;
	list-style-type:none;
	line-height:0;
	margin: 0;
	_display:inline; /*IE6用*/
	_line-height:2em; /*IE6用*/
}

#sekou_si ul li a{
	display:block;
	width: 232px;
	height: 127px;
	background-image: url(../images/r01.jpg);
	background-repeat: no-repeat;
	_overflow:hidden; /*IE6用*/
	margin: 0;
	text-indent:-9999px
}

#sekou_si ul li span.active{
	display:block;
	width: 232px;
	height: 127px;
	margin: 0;
	background-image: url(../images/r01.jpg);
	background-repeat: no-repeat;
	_overflow:hidden; /*IE6用*/
	_display:inline; /*IE6用*/

}

#sekou_si ul li a:focus{
	outline:none;
	margin: 0;
	padding: 0;
}

.sekou_si a{background-position: 0 0;}

.sekou_si a:hover{
	background-position: 0 -127px;
}

/*----------------------------------------------------------------------
　右側 リフォーム施工例 banner
-----------------------------------------------------------------------*/
#sekou_re {
	height: 127px;
	width: 232px;
	_overflow:hidden; /*IE6用*/
	_display:inline;
	float: right;
	margin-bottom: 20px;
}

#sekou_re ul{
	height: 127px;
	width: 232px;
	margin:0;
	padding: 0;
	clear: both;
	float: left;
}

#sekou_re ul li{
	float:left;
	width: 232px;
	height: 127px;
	padding: 0;
	list-style-type:none;
	line-height:0;
	margin: 0;
	_display:inline; /*IE6用*/
	_line-height:2em; /*IE6用*/
}

#sekou_re ul li a{
	display:block;
	width: 232px;
	height: 127px;
	background-image: url(../images/r02.jpg);
	background-repeat: no-repeat;
	_overflow:hidden; /*IE6用*/
	margin: 0;
	text-indent:-9999px
}

#sekou_re ul li span.active{
	display:block;
	width: 232px;
	height: 127px;
	margin: 0;
	background-image: url(../images/r02.jpg);
	background-repeat: no-repeat;
	_overflow:hidden; /*IE6用*/
	_display:inline; /*IE6用*/

}

#sekou_re ul li a:focus{
	outline:none;
	margin: 0;
	padding: 0;
}

.sekou_re a{background-position: 0 0;}

.sekou_re a:hover{
	background-position: 0 -127px;
}


/*----------------------------------------------------------------------
　右側　お問い合わせ banner
-----------------------------------------------------------------------*/
#r-cont {
	height: 322px;
	width: 232px;
	_overflow:hidden; /*IE6用*/
	_display:inline;
	float: right;
}

#r-cont ul{
	height: 322px;
	width: 232px;
	margin:0;
	padding: 0;
	clear: both;
	float: left;
}

#r-cont ul li{
	float:left;
	width: 232px;
	height: 322px;
	padding: 0;
	list-style-type:none;
	line-height:0;
	margin: 0;
	_display:inline; /*IE6用*/
	_line-height:2em; /*IE6用*/
}

#r-cont ul li a{
	display:block;
	width: 232px;
	height: 322px;
	background-image: url(../images/cont.jpg);
	background-repeat: no-repeat;
	_overflow:hidden; /*IE6用*/
	margin: 0;
	text-indent:-9999px
}

#r-cont ul li span.active{
	display:block;
	width: 232px;
	height: 322px;
	margin: 0;
	background-image: url(../images/cont.jpg);
	background-repeat: no-repeat;
	_overflow:hidden; /*IE6用*/
	_display:inline; /*IE6用*/
}

#r-cont ul li a:focus{
	outline:none;
	margin: 0;
	padding: 0;
}

.r-cont a{background-position: 0 0;}

.r-cont a:hover{
	background-position: 0 -322px;
}

/*----------------------------------------------------------------------
　テーブル01
-----------------------------------------------------------------------*/
table#table-01 {
    width: 710px;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table#table-01 th {
    padding: 5px 0px 5px 50px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #F8F4E9;
    line-height: 150%;
    text-align: left;
}

table#table-01 td {
    padding:  0px 0px 0px 25px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: left;
}

/*----------------------------------------------------------------------
　フッター
-----------------------------------------------------------------------*/
#fooder {
	width: 100%;
	height: auto;
}

#food {
	height: 50px;
	width: 990px;
	background-image: url(../images/foot.jpg);
	margin-right: auto;
	margin-left: auto;
	clear: both;
}

/*----------------------------------------------------------------------
　h1～
-----------------------------------------------------------------------*/
h1 {
	margin: 0px;
	padding: 0px;
	display: none;
}

h2 {
	color: #0066FF;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}

h3 {
	color: #0066FF;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 16px;
	padding: 0px;
	margin: 0px;
}

/*----------------------------------------------------------------------
　link
-----------------------------------------------------------------------*/
a:link {
	color: #4D94FF;
	text-decoration: none;
}
a:visited {
	color: #4D94FF;
	text-decoration: none;
}
a:hover {
	color: #247BFF;
	text-decoration: underline;
}
a:active {
	color: #247BFF;
	text-decoration: underline;
}