/* --------------------------------------------
 *　index
 * -------------------------------------------- */

#top_newbox {
	float: left;
	height: 260px;
	width: 415px;
	overflow-x: hidden;
	overflow-y: auto;
	margin-bottom: 30px;
	padding-top: 0px;
	padding-right: 10px;
	padding-left: 20px;
}

#top_newbox_title {
	float: left;
	height: auto;
	width: 850px;
	padding: 0px 0px 0px 20px;
}


.top_r {
	height: auto;
	width: 415px;
	margin: 0px;
	padding: 0px;
	float: right;
}


.top_r2 {
	height: 50px;
	width: 415px;
	margin: 0px;
	padding: 24px 0px 0px;
	float: right;
	background: url(home/img/banner_under.jpg) no-repeat top;
}

#top_sp {
	height: 1px;
	width: 870px;
	margin: 0px;
	padding: 0px;
	float: none;
	clear: both;
}




.new_table {
	height: auto;
	width: 400px;
	margin-top: 0px;
}

.new_up {
	height: 10px;
	width: 400px;
	margin: 0px;
	padding: 0px;
}

.new_text {
	height: auto;
	width: 375px;
	background: url(home/img/new_text.jpg) repeat-y top;
	padding-left: 25px;
	font: 12px/17px "MS UI Gothic";
	color: #666666;
	margin: 0px;
	padding-top: 0px;
}


.new_bottom {
	height: 10px;
	width: 400px;
	background: url(home/img/new_bottom.jpg) no-repeat;
}


.new_text2 {
	height: auto;
	width: 375px;
	background: url(home/img/new_text2.jpg) repeat-y top;
	font: 12px/17px "MS UI Gothic";
	color: #666666;
	margin: 0px;
	padding-top: 0px;
	vertical-align: top;
}

.new_img {
	padding: 0px 0px 0px 15px;
}


.new_text3 {
	padding: 0px 10px 0px 10px;
	border-left: 3px solid #CCCCCC;
}



#banner a{
	display:block;
	width:415px;
	background:url(home/img/banner_off.jpg) no-repeat;
	height:43px;
	text-decoration:none;
	float: right;
}

#banner a:hover{
background:url(home/img/banner_on.jpg) no-repeat;}


.back {
	height:auto;
	width: 820px;
	background: url(common/sab_back.jpg) repeat-y;
	margin-right: auto;
	margin-left: auto;
	padding-right: 50px;
	text-align: right;
	
}


/* --------------------------------------------
 *　施工事例
 * -------------------------------------------- */
 
 
 
.sekou_box {
	height:800px;
	width: 830px;
	padding-top: 10px;
	padding-bottom: 30px;
}

.wcswap{
	margin-bottom: 10px;
	margin-top: 10px;
	line-height: 17px;
	font-size: 12px;
}


.wcswap_l{
	height:auto;
	width: 320px;
	float: left;
}

.wcswap_s{
	height:auto;
	width: 370px;
	float: right;
}

.wcswap_text{
	height:auto;
	width: 370px;
	float: right;
}


.sekou_back {
	height:auto;
	width: 750px;
	margin-right: auto;
	margin-left: auto;
}




/* --------------------------------------------
 *　qa
 * -------------------------------------------- */
 
 
 
.qa_box {
	height:auto;
	width: 750px;
	padding-top: 10px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 30px;
}


.qa_table {
	margin-bottom: 15px;	
}





.qa_table_td1 {
	border-bottom: 1px dotted #66CC66;
	color: #666666;
	font: 12px/17px "MS UI Gothic";
}

 
.qa_table_td2 {
	color: #666666;
	font: 12px/17px "MS UI Gothic";
}

 
 
/* --------------------------------------------
 *　お問合せ
 * -------------------------------------------- */
 
 
 
.c_box {
	height:auto;
	width: 750px;
	padding-top: 10px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 20px;
	font-size: 12px;
	line-height: 17px;
	color: #000000;
}


.title_box {
	height:auto;
	width: 750px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 5px;
	color: #9BBD1E;
	font: bold 14px/17px "MS UI Gothic";
	border-bottom: 2px solid #9CBD16;
	border-left: 5px solid #9BBD1E;
	padding-left: 10px;
}

 
.con_table_td1 {
	border-bottom: 1px dotted #666666;
	color: #666666;
	font: bold 12px/17px "MS UI Gothic";
	background: #E3F9F9;
	vertical-align: middle;
}
 
 
.con_table_td2 {
	border-bottom: 1px dotted #666666;
	font: 12px/17px "MS UI Gothic";
}




/* --------------------------------------------
 *　会社案内
 * -------------------------------------------- */
 


.table_sp{
	padding-bottom: 10px;
	padding-top: 5px;
}

.table_sp2{
	padding-bottom: 10px;
	height: auto;
	width: 240px;
}


.map_box {
	height:auto;
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 30px;
	font-size: 12px;
	line-height: 17px;
	color: #000000;
	padding-top: 10px;
}
 

.office_aisatu {
	margin-bottom: 0px;
	font: 12px/17px "MS UI Gothic";
	text-align: left;
	vertical-align: top;
}
 

.office_photo {
	background:url(office/img/photo_back.jpg) no-repeat;
	margin-bottom: 0px;
	font: 12px/17px "MS UI Gothic";
	text-align: left;
	vertical-align: top;
	height: 110px;
	width: 260px;
}
 
.office_text {
	font: 12px/17px "MS UI Gothic";
	text-align: left;
	vertical-align: top;
	color: #000000;
}
 
 
/* --------------------------------------------
 *　社員紹介
 * -------------------------------------------- */
 
.staff_title {
	background:url(staff/img/syokai_back.jpg) repeat-y left top;
	margin-bottom: 0px;
	font: bold 12px/17px "MS UI Gothic";
	text-align: left;
	vertical-align: top;
	height: auto;
	width: 370px;
	color: #3366CC;
}


.staff_table {
	margin-bottom: 20px;	
}


/* --------------------------------------------
 *　新築
 * -------------------------------------------- */
 
 
.box {
	height:auto;
	width: 770px;
	padding-top: 10px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 30px;
}

.box_sp {
	margin-left: 10px;
	margin-bottom: 30px;
}
 

.photo_back {
	height:214px;
	width: 285px;
	background: #9BBD1E;
}


.sekou {
	font: 12px/17px "MS UI Gothic";
	color: #666666;
}

.sekou img {
	border: 2px solid #9BBD1E;
	padding: 2px;
}



.sekou_title {
	font: 12px/17px "MS UI Gothic";
	color: #666666;
	border-bottom: 1px dotted #9BBD1E;
	border-left: 3px solid #9BBD1E;
	padding-left: 5px;
}

.sekou_yajirushi {
	background:url(shinchiku/img/yajirushi.jpg) no-repeat center center;
	width: 50px;
	height: auto;
}
 
.tokuten_b{
	font-weight:bold;
	color:#669933;
}

.tokuten_ttl{
	width:720px;
	margin:10px auto;
	border-left:5px solid #6B7823;
	border-bottom:2px dotted #6B7823;
	padding:5px 10px;
	font-size:16px;
	font-weight:bold;
	color:#5E491C;
}

.tokuten_span{
	color:#568220;
	font-size:12px;
	font-weight:bold;
}

.tokuten_tbl{
	font-size:12px;
	margin-bottom:20px;
}