@charset "shift-jis";
@import "base.css";
@import "layout.css";
/* -----------------------------
　　　　　共通項目
----------------------------- */
#main{
	width:100%;
	height:146px;
	background:url(../img/common/main_bg2.jpg) top left repeat-x;
}
.container{
	float:left;
	margin-bottom:20px;
	width:740px;
	font-size:86%;
}
.box{
	float:left;
	padding:10px;
	width:718px;
	height:auto;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
}
*html .box{
	float:left;
	padding:10px;
	width:740px;
	height:auto;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
}
.case{
	float:left;
	width:718px;
	margin:20px 0 30px;
}
.caseH{
	float:left;
	width:718px;
	margin-bottom:30px;
}
.caseF{
	float:left;
	width:718px;
}
.caseLineImg{
	float:left;
	width:718px;
	margin-bottom:20px;
	padding-bottom:20px;
	background:url(../img/common/line.jpg) left bottom no-repeat;
}
.p_marginL{
	margin-left:20px;
}
.p_marginB{
	margin-bottom:15px;
}
.p_strong_title{
	font-weight: bold;
	font-size:16px;
	margin-bottom:5px;
}
/* --
.txtbox_log_bg{
	background:url(../img/self/self_txt_bg.jpg) center top no-repeat;
}
-- */
.pBox{
	float:left;
	margin-top:20px;
	width:718px;
}
.lineCase{
	float:left;
	width:718px;
	margin-bottom:20px;
	padding-bottom:20px;
	background:url(../img/common/line.jpg) left bottom no-repeat;
}
.lineCaseF{
	float:left;
	width:718px;
}
.lineCase .floatL,
.lineCaseF .floatL{
	float:left;
	width:292px;
}
.lineCase .floatR,
.lineCaseF .floatR{
	float:right;
	width:412px;
}
.case h4,
.caseH h4,
.caseF h4,
.caseLineImg h4{
	margin-bottom:10px;
	
}
.orange{
	color:#FF6600;
	font-weight:bold;
}
.red{
	color:#FF0000;
}
.redB{
	color:#FF0000;
	font-weight:bold;
}
.bold{
	font-weight:bold;
}
.size12{
	margin-top:5px;
	font-size:86%;
}
.size10{
	font-weight:normal;
	font-size:76%;
}
/* -----------------------------
　　　　　会社概要
----------------------------- */
#company .greet{
	margin-top:20px;
	text-align:right;
}
#company .outlineBox{
	float:left;
	padding-bottom:3px;
	width:718px;
	background: url(../img/company/outline_line.jpg) left bottom no-repeat;
}
#company .outlineBox dl{
	float:left;
	padding:10px 0;
	width:718px;	
	background: url(../img/company/outline_bg.jpg) left top repeat-y;
}
#company .outlineBox dl dt{
	float:left;
	margin-right:20px;
	padding-left:14px;
	width:121px;
	color:#FFFFFF;
	font-weight:bold;
}
*html #company .outlineBox dl dt{
	float:left;
	margin-right:20px;
	padding-left:14px;
	width:135px;
	color:#FFFFFF;
	font-weight:bold;
}
#company .outlineBox dl dd{
	float:left;
	width:550px;
}
#company .outlineBox dl dd .career{
	float:left;
	margin-right:15px;
}
#company .map{
	float:left;
	width:412px;
}
#company .access{
	float:right;
	width:290px;
}
#company .access img{
	margin-bottom:15px;
}
/* -----------------------------
　　　　　施工事例
----------------------------- */
#construction table{
	width:718px;
	border-collapse:collapse
}
#construction table thead td {
	text-align: center;
	font-weight: bold;
	color: #FFF;
	background-color: #84BF15;
}
#construction table th,
#construction table td {
	padding: 6px 6px;
	border: solid 1px #CCC;
}
#construction table .center{
	text-align:center;
}
#construction table .left{
	padding:6px 15px;
	text-align:left;
}
#construction table .text{
	float:left;
	line-height:20px;
}
#construction table .btn{
	float:left;
	margin-left:10px;
	display:inline;
}
#construction .pageTop{
	float:left;
	margin-top:12px;
	width:718px;
	text-align:right;
}
#construction .pageTop a,
#construction .pageTop a:visited{
	text-decoration:underline;
}
#construction .pageTop a:hover{
	color:#FF6600;
	text-decoration:underline;
}
/* -----------------------------
　　　 対策商品の紹介
----------------------------- */
#product .btnBox{
	float:left;
	margin-bottom:18px;
	width:718px;
}
#product .btnBoxF{
	float:left;
	width:718px;
}
#product .btnBox .btnL{
	float:left;
	width:349px;
}
#product .btnBox .btnR{
	float:right;
	width:349px;
}
/* -----ネットアコール------ */

#net .floatL1{
	float:left;
	width:349px;
}
#net .floatL2{
	float:left;
	width:410px;
}
#net .floatL3{
	float:left;
	width:329px;
}
#net .floatR1{
	float:right;
	width:352px;
}
#net .floatR2{
	float:right;
	margin-right:20px;
	width:271px;
	display:inline;
}
#net .floatR3{
	float:right;
	width:348px;
}
#net .floatR1 .caseL{
	float:left;
	width:165px;
}
#net .floatR1 .caseR{
	float:right;
	width:165px;
}
#net .floatR1 .caseL p,
#net .floatR1 .caseR p{
	font-size:76%;
}
#net .floatR1 .caseL img,
#net .floatR1 .caseR img{
	margin-bottom:5px;
}
#net .constructionBox{
	float:left;
	margin-bottom:30px;
	padding:15px;
	width:688px;
	background: #F2F2F2;
}
*html #net .constructionBox{
	float:left;
	margin-bottom:30px;
	padding:15px;
	width:718px;
	background: #F2F2F2;
}
#net .constructionBox .image{
	float:left;
	width:690px;
	margin-top:8px;
}
#net .netConstruction1{
	position:relative;
	width:718px;
	height:291px;
	background:url(../img/product/product1/net_construction_bg1.jpg) top left no-repeat;
}
#net .netConstruction2{
	position:relative;
	width:718px;
	height:264px;
	background:url(../img/product/product1/net_construction_bg2.jpg) top left no-repeat;
}
#net .netConstruction1 .box1{
	position:absolute;
	width:154px;
	top:11px;
	left:12px;
}
#net .netConstruction1 .box2{
	position:absolute;
	width:154px;
	top:107px;
	left:12px;
}
#net .netConstruction1 .box3{
	position:absolute;
	width:154px;
	top:179px;
	left:12px;
}
#net .netConstruction1 .box4{
	position:absolute;
	width:154px;
	top:50px;
	left:564px;
}
#net .netConstruction1 .box5{
	position:absolute;
	width:154px;
	bottom:-5px;
	left:168px;
}
#net .netConstruction2 .box1{
	position:absolute;
	width:154px;
	top:10px;
	left:4px;
}
#net .netConstruction2 .box2{
	position:absolute;
	width:154px;
	top:143px;
	left:4px;
}
#net .netConstruction2 .box3{
	position:absolute;
	width:154px;
	top:51px;
	left:564px;
}

/* -----パルスショック------ */
#pulse .floatL1{
	float:left;
	width:350px;
}
#pulse .floatL2{
	float:left;
	width:328px;
}
#pulse .floatR1{
	float:right;
	width:350px;
}
#pulse .floatR2{
	float:right;
	margin-right:38px;
	width:328px;
	display:inline;
}
#pulse .table{
	margin-top:10px;
	width:718px;
	border-collapse:collapse;
}
#pulse .table .titleO {
	text-align: center;
	font-weight: bold;
	color: #FF4F00;
}
#pulse .table .titleG {
	text-align: center;
	font-weight: bold;
	color: #009933;
}
#pulse .table .titleN {
	text-align: center;
	font-weight: bold;
	color: #333;
}
#pulse .table .nameO {
	text-align: center;
	font-weight: bold;
	color: #FF4F00;
	font-size:140%;
	background: #FDE9D9;
}
#pulse .table .nameG {
	text-align: center;
	font-weight: bold;
	color: #009933;
	font-size:140%;
	background: #C0EBD3;
}
#pulse .table .nameN {
	text-align: center;
	font-weight: bold;
	color: #333;
	font-size:140%;
	background: #FFF;
}
#pulse .table th,
#pulse .table td {
	padding: 6px 6px;
	border: solid 1px #CCC;
	text-align:center;
}
#pulse .pulseConstruction{
	position:relative;
	width:718px;
	height:264px;
	background:url(../img/product/product2/pulse_construction_bg.jpg) top left no-repeat;
}
#pulse .pulseConstruction .box1{
	position:absolute;
	width:154px;
	top:19px;
	left:11px;
}
#pulse .pulseConstruction .box2{
	position:absolute;
	width:154px;
	top:106px;;
	left:11px;
}
#pulse .pulseConstruction .box3{
	position:absolute;
	width:154px;
	top:236px;
	left:11px;
}
#pulse .pulseConstruction .box4{
	position:absolute;
	width:154px;
	top:80px;
	left:564px;
}

/* -----ＳＵＳ製防鳥柵------ */
#fence .floatL1{
	float:left;
	width:287px;
}
#fence .floatR1{
	float:right;
	width:420px;
}
#fence .table{
	float:left;
	margin-top:20px;
	width:567px;
	border-collapse:collapse;
}
#fence .table thead td {
	text-align: center;
	font-weight: bold;
	color: #FF4F00;
	background:#FDE9D9;
}
#fence .table th,
#fence .table td {
	padding: 6px 6px;
	border: solid 1px #CCC;
	text-align:center;
}
#fence .constructionBox{
	float:left;
	padding:15px;
	width:688px;
	background: #F2F2F2;
}
*html #fence .constructionBox{
	float:left;
	padding:15px;
	width:718px;
	background: #F2F2F2;
}
#fence .constructionBox img{
	margin-top:15px;
}

/* -----ＳＵＳ製ピン状剣山------ */
#needle .floatL1{
	float:left;
	width:287px;
}
#needle .floatL2{
	float:left;
	width:220px;
}
#needle .floatR1{
	float:right;
	width:420px;
}
#needle .floatR2{
	float:right;
	width:482px;
}
#needle .constructionBox{
	float:left;
	padding:15px;
	width:688px;
	background: #F2F2F2;
}
*html #needle .constructionBox{
	float:left;
	padding:15px;
	width:718px;
	background: #F2F2F2;
}
#needle .constructionBox img{
	margin-top:15px;
}

/* -----その他------ */

#other .tBox{
	float:left;
	margin-top:10px;
	width:718px;
}
#other .tBox a,#other .tBox a:visited{
	text-decoration:underline;
	color:#FF6600;
}
#other .tBox a:hover{
	text-decoration:underline;
	color:#FF0000;
}
#other .floatL1{
	float:left;
	width:300px;
}
#other .floatL2{
	float:left;
	width:340px;
}
#other .floatL3{
	float:left;
	width:341px;
}
#other .floatR1{
	float:right;
	width:399px;
}
#other .floatR2{
	float:right;
	width:358px;
}
#other .floatR3{
	float:right;
	margin-right:78px;
	width:275px;
	display:inline;
}

/* -----------------------------
　　　　対策までの流れ
----------------------------- */
#flow .stepBox{
	overflow:hidden;
	margin:0 auto 25px;
	width:698px;
}
#flow .stepBoxF{
	overflow:hidden;
	margin:0 auto 10px;
	width:698px;
}
#flow .stepBox .floatL,
#flow .stepBoxF .floatL{
	float:left;
	width:174px;
}
#flow .stepBox .floatR,
#flow .stepBoxF .floatR{
	float:right;
	width:502px;
}
#flow .stepBox .floatR .caseL{
	float:left;
	margin-right:25px;
	padding-right:25px;
	width:199px;
	height:122px;
	background: url(../img/flow/line.jpg) top right no-repeat;
}
*html #flow .stepBox .floatR .caseL{
	float:left;
	margin-right:25px;
	padding-right:25px;
	width:224px;
	height:122px;
	background: url(../img/flow/line.jpg) top right no-repeat;
}
#flow .stepBox .floatR .caseR{
	float:left;
	width:210px;
}

/* -----------------------------
　　　　よくあるご質問
----------------------------- */
#qa .qTitle{
	margin-bottom:3px;
	padding:3px 0 3px 38px;
	width:680px;
	background:url(../img/qa/q_point.jpg) left top no-repeat;
	color:#FF6600;
	font-weight:bold;
	font-size:126%;
	letter-spacing:-0.05em;
}
*html #qa .qTitle{
	margin-bottom:3px;
	padding:3px 0 3px 38px;
	width:718px;
	background:url(../img/qa/q_point.jpg) left top no-repeat;
	color:#FF6600;
	font-weight:bold;
	font-size:126%;
	letter-spacing:-0.05em;
}
#qa .answer{
	margin-bottom:3px;
	padding:15px 70px 0 38px;
	width:610px;
	background:url(../img/qa/a_point.jpg) left top no-repeat;
}
*html #qa .answer{
	margin-bottom:3px;
	padding:15px 70px 0 38px;
	width:718px;
	background:url(../img/qa/a_point.jpg) left top no-repeat;
}
#qa .pageTop{
	margin-top:18px;
	width:718px;
	text-align:right;
}
#qa .pageTop a,
#qa .pageTop a:visited{
	color:#FF6600;
	text-decoration:underline;
}
#qa .pageTop a:hover{
	color:#FF0000;
	text-decoration:underline;
}

/* -----------------------------
　　　　　お問合せ
----------------------------- */
#contact .attention{
	color:#FF0000;
	margin-bottom:10px;
}
#contact .contactBox{
	float:left;
	margin-bottom:1px;
	padding:6px 0;
	width:718px;
	background:url(../img/contact/contact_bg.jpg) top left repeat-y;
}
#contact .contactBox .floatL{
	float:left;
	width:120px;
	text-align:right;
	font-size:86%;
	font-weight:bold;
	color:#333;
}
#contact .contactBox .floatR{
	float:right;
	width:574px;
}
#contact .btnBox{
	float:left;
	margin-top:20px;
	width:718px;
	text-align:center;
}

/* -----------------------------
　　グループパートナー募集
----------------------------- */
#partner .image1{
	float:right;
	margin:0 0 20px 20px;
	width:264px;
}
#partner .image2{
	float:left;
	margin:0 20px 20px 0;
	width:264px;
}
#partner .floatL{
	float:left;
	width:218px;
}
#partner .floatR{
	float:right;
	margin-top:8px;
	width:480px;
}
#partner .floatR .caseL{
	float:left;
	margin-right:25px;
	width:234px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;	
}
#partner .floatR .caseR{
	float:left;
	width:219px;
}

/* -----------------------------
        大規模修繕工事
----------------------------- */
#suggestion .image1{
	float:right;
	margin:0 0 0 20px;
	width:300px;
}
#suggestion .image1_left{
	float:left;
	margin:0 20px 0 0;
	width:300px;
}
#suggestion .floatL{
	float:left;
	width:350px;
}
#suggestion .floatR{
	float:right;
	width:350px;
}
#suggestion .meritBox{
	float:left;
	margin-top:18px;
	padding-bottom:14px;
	width:350px;
	background:url(../img/suggestion/merit_foot.jpg) bottom left no-repeat;
}
#suggestion .meritBox p{
	line-height:1.6;
}
#suggestion .meritCase{
	float:left;
	padding:0 10px;
	width:330px;
	height:130px;
	background:url(../img/suggestion/merit_bg.jpg) bottom left repeat-y;
}
*html #suggestion .meritCase{
	float:left;
	padding:0 10px;
	width:350px;
	height:130px;
	background:url(../img/suggestion/merit_bg.jpg) bottom left repeat-y;
}
#suggestion .meritCaseF{
	float:left;
	padding:0 10px;
	width:330px;
	height:175px;
	background:url(../img/suggestion/merit_bg.jpg) bottom left repeat-y;
}
*html #suggestion .meritCaseF{
	float:left;
	padding:0 10px;
	width:350px;
	height:175px;
	background:url(../img/suggestion/merit_bg.jpg) bottom left repeat-y;
}