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

/*=============　リセット　=============*/

h3,h4,p,ol,ul,li,span{
	list-style:none;
	outline: 0;
	padding: 0;
	margin: 0;
	border: 0;
}

h3{
	background:transparent url(../imgdir/about/h3_bg.gif) no-repeat scroll left top;
	color:#333333;
	font-size:14px;
	height:35px;
	line-height:250%;
	margin:0;
	padding:0;
	text-indent:10px;
}
#indexcontent .section_lv1{
	width:756px;
}
#indexcontent .section_lv1 ul li,
#indexcontent .section_lv1 p{
		line-height:180%;
}
.highslide img{
	margin-bottom:5px;
	}
/*=============　コンテンツ上部　=============*/
#upper .p02{
	margin-left:5px;
	border:solid 2px #7dd500;
	background:url(../imgdir/about/about_uretek_bg.gif) no-repeat bottom right;
	width:544px;
}
#upper .p02 span{
	display:block;
	padding:5px 10px 30px 10px;
	width:535px;
}
#upper img{
	vertical-align:bottom;
}
#nostop_flow{
	background:url(../imgdir/about/about_nostop_flow_title.gif) no-repeat left top;
	margin-top:20px;
}
#nostop_flow ol{
	margin-left:50px;
}
#nostop_feature{
	margin:20px 10px;
	height:140px;
	background:url(../imgdir/about/about_nostop_feature_img.jpg) no-repeat right center;
}
#nostop_feature ul li{
	background:url(../imgdir/common/mark2.gif) no-repeat left center;
	line-height:22px;
	text-indent:15px;
}
#nostop_sugg{
	height:350px;
	background:url(../imgdir/about/about_nostop_img.jpg) no-repeat 440px 80px;
}
#nostop_sugg p{
	padding:10px 0 10px 10px;
	line-height:22px;
	width:400px;
}
#nostop{
	width:560px;
}
#nostop th.title{
	border:solid #000000 1px !important;
	background:#8b8b8b;
	color:#ffffff;
	text-align:center;
	line-height:18px;
}
#nostop th img{
	margin-left:3px;
}
#nostop td{
	line-height:16px !important;
	padding:2px 0 2px 10px ;
	border:solid #000000 1px !important;
}
#nostop td.td01{
	vertical-align:middle;
}

/*=============　ウレテック工法の特徴　=============*/
#midd{width:555px;}
#midd ul#trait{
	background:#e5e5e5;
	padding:10px;
}
*html ul#trait{/*IE6*/
	zoom:1;
}
#midd ul#trait li{
	border:1px solid #cccccc;
	background:#fff0de;
	width:535px;
	margin-bottom:5px;
}
#midd ul#trait li span{
	display:block;
	padding:10px;
	line-height:180%;
}

#midd ul#trait li h4{
	height:45px;
	margin-left:1px;
}
#midd ul#trait li.li03{
	background:#fff0de url(../imgdir/about/trait03_img.jpg) no-repeat 400px 50px;
	min-height:150px;
}
#midd ul#trait li.li03 span{width:380px;}

#midd .banner{
	margin-top:20px;
	text-align:center;
	}
.banner img{
	border:1px solid #CCCCCC;
}

/*=============　作業工程　=============*/
#midd #steps{
	clear:both;
}
#midd #steps h4{
	margin-bottom:10px;
}
#midd #steps ul {
	margin-left: 15px;
}
#midd #steps ul li{
	list-style:disc outside;
}
ul li{line-height:120%;}
#midd #steps01,
#midd #steps03{
	position:relative;
}
#midd #steps01,
#midd #steps02{
	padding-bottom:30px;
	background:url(../imgdir/about/allow01.gif) no-repeat center bottom;
}
#midd #steps01{
	margin:20px 0;
}
#midd #steps #steps03 ul{
	position:absolute;
	left:200px;
	top:60px;
	width:350px;
}
/*=============　修正前修正後　=============*/
#beforeafter{
	width:555px;
}
#beforeafter h4{
	background:transparent url(../imgdir/about/beforeafter_titlebg.gif) no-repeat left top;
	color:#333333;
	font-size:14px;
	height:25px;
	line-height:180%;
	margin-top:10px;
	margin-bottom:10px;
}
#beforeafter .zoom_btn{
	margin-top:0;
	margin-bottom:30px;
}
#beforeafter .left{
	width:350px;
	float:left;
	display:inline;/*IE6*/
}
#beforeafter .right{
	width:350px !important;
	/*margin-left:380px !important;*/
	float:none !important;
}

/*=============　施工機材・メンバー　=============*/
.pagetop,
#construct{
	clear:both;
	position:relative;
	}
#construct ul{
	position:absolute;
	left:200px;
	top:40px;
}
#construct ul li{
	list-style:disc inside;
}


/*=============　コンバージョンボタン　=============*/
#conversion ul{
	margin-top:20px;
	/*text-align:center;*/
}
#conversion ul li{
	display:inline;
	/*margin:0 10px;*/
}
/*margin*/
#midd{margin:20px 0;}
#steps,
#beforeafter h4,
#steps a,#steps p, #steps ul,
#beforeafter a,#beforeafter p, #beforeafter ul,
#construct a,#construct ul{
	/*margin-left:8px;*/
}

/*=============　よくあるご質問　=============*/
#qa ul {
	margin: 10px 0 10px 15px;
/*	margin: 5px 5px 20px 5px; */
	padding: 10px 10px 0 10px;
/*	border: 1px solid #cccccc; */
}

/*
#qa li {
	background: url(../imgdir/common/mark2.gif) no-repeat left 2px;
	margin: 0 0 0 15px;
	padding: 0 15px 10px 0;
	text-indent: 10px;
	font-size: 12px;
}
*/

.main_body h4 {
	background: url(../imgdir/common/h4_bg.gif) repeat-x center bottom;
	font-size: 14px;
	padding: 0 0 2px 0;
	margin-bottom: 10px;
}

.main_body dt {
	background: url(../imgdir/qa/q.gif) no-repeat left top;
	border-bottom: 1px dotted #cccccc;
	margin: 0;
	padding: 0 0 5px;
	text-indent: 20px;
}

.main_body dd {
	background: url(../imgdir/qa/a.gif) no-repeat left 7px;
	line-height: 180%;
	margin: 5px 0 25px;
	padding: 0 0 0 20px;
	text-indent: 0;
}

/*=============　3つの特徴　=============*/
.main_body p {
	font-size: 12px;
}

ol.anchor {
	margin: 20px 0 30px 10px;
	padding: 0;
}

ol.anchor li {
/*
	list-style-type: decimal;
	margin: 0 0 5px 40px;
	padding: 0;
*/
}

.main_body h5 {
	border-bottom: 1px dotted #cccccc;
	margin: 0 0 0 10px;
	padding: 5px 0 3px;
}

.fea_img {
	float: left;
	margin: 0 10px;
}

.come {
	float: left;
	line-height: 160%;
	width: 225px;
	font-size: 12px;
}

.arrow {
	clear: both;
	margin-top: -20px;
	text-align: right;
	width: 555px;
}

.main_body ol {
	margin: 10px 0 10px 15px;
	padding: 0;
}

.main_body li {
	line-height: 160%;
	list-style-image: url(../imgdir/common/mark2.gif);
	list-style-position: outside;
	list-style-type: disc;
	margin-left: 10px;
	padding-bottom: 10px;
	font-size: 12px;
}

.siken {
	border:1px solid #CCCCCC;
	height:180px;
	margin:0 0 20px 20px;
	padding:10px;
	text-align:center;
	width:350px;
}

.main_body table {
	width: 100%;
}

.main_body th {
	border-bottom:1px solid #999999;
	padding:5px;
	text-align:left;
}

.main_body td {
	background:transparent url(../imgdir/common/dot.gif) repeat-x scroll left bottom;
	padding:5px;
	text-align:left;
}