/* charset */
@charset "euc-jp"; 

/*--------------------------------------
  Universal selector
---------------------------------------*/

*{
	color: #333333;
	font-size: 100%;
	margin:	 0;
	padding: 0;
	}

/*--------------------------------------
  
---------------------------------------*/
body {
	margin: 0px auto;
	padding: 0px auto;
	text-align: center;
/*	background-color: #ffcccc;*/
	line-height:145%;
	}
html>body {
    border-collapse:separate;
	}
body,html {
height:100%;
	}
h1,h2,h3,h4,p {
	margin:0px;
	padding:0px;
	}
img {
	border:0px;
	}
ul,li {
	list-style: none;
	margin:0px;
	padding:0px;
	}
dl,dt,dd {
	margin:0px;
	padding:0px;
	}
table {
	empty-cells:show;
	border-collapse: collapse;
	}
table {
	empty-cells:show;
	}
td {
	vertical-align:top;
	text-align:left;
	}
address {
	font-style: normal;
	}
.clr {
	clear: both;
	}
.red {
	color: red;
	}
.mainword {
	margin-bottom: 10px;
	}
.image-left {
	float: left;
	margin-right: 7px;
	}
.image-right {
	float: right;
	margin-left: 7px;
	}
.imagebox img {
	float: left;
	}
.txtcenter {
	text-align: center;
	}
.txtleft {
	text-align: left;
	}
.txtright {
	text-align: right;
	}
/*概要*/
.topword {
	font-size: 0.9em;
	line-height: 1.8em;
	}
/*--------------------------------------
　リンク
---------------------------------------*/
a {
    font-style:normal;
	text-decoration : none;
	}
a:link {
    font-style:normal;
    text-decoration: underline;
    color: #008000;
	}
a:visited {
    font-style:normal;
    text-decoration: none;
    color: #008000;
	}
a:hover {
    font-style:normal;
    text-decoration:underline;
	}
a:active {
    text-decoration:underline;
	}
img a,
img a:link,
img a:visited,
img a:hover,
img a:active {
	border: 0px;
	text-decoration: none;
	}
/*--------------------------------------
  ページ構造
---------------------------------------*/
div#wrap {
	margin-right: auto;
	margin-left: auto;
	width: 800px;
	text-align: left;
	background-color: #ffffff;
	}
div#header {
	background-color: #2211dd;
	}
div#logo {
	height: 55px;
	float: left;
	}
/*サブメニュー（お問い合わせ／サイトマップ）*/
div#hmenu {
	height: 55px;
	float: right;
	font-size: 0.8em;
	}
div#hmenu ul {
	margin-top: 30px;
	}
div#hmenu li {
	float: left;
	padding-left: 17px;
	}
div#hmenu a:link,
div#hmenu a:hover,
div#hmenu a:active,
div#hmenu a:visited {
	color: #333333;
	text-decoration: none;
	}
div#hmenu li.contact {
	background: url('images/ico_contact.gif') no-repeat left;
	margin-right: 15px;
	}
div#hmenu li.sitemap {
	background: url('images/ico_sitemap.gif') no-repeat left;
	}
div#hmenu li.sitemap {
	
	}
/*内容*/
div#contents {
	font-size: 0.8em;
	background-color: #ffffff;
	padding-top: 20px;
	}
.container {
	width: 800px;
	clear: both;
	}
/*左ボックス*/
.leftbox {
	float: left;
	width: 553px;
	margin-bottom: 20px;
	}
/*右ボックス*/
.rightbox {
	float: right;
	width: 237px;
	margin-bottom: 20px;
	}
.box01,
.box02,
.box03 {
	float: left;
	width: 177px;
	padding-top: 25px;
	background-repeat: no-repeat;
	background-position: top left;
	}
.box01,
.box02 {
	margin-right: 11px;
	}
.box01 {
	background-image: url('images/top/kyoukai-syoukai.gif');
	}
.box02 {
	background-image: url('images/top/kouhou-syoukai.gif');
	}
.box03 {
	background-image: url('images/top/kaiin-syoukai.gif');
	}
.box01in,
.box02in,
.box03in {
	background-color: #ffffff;
	border-width: 3px;
	border-style: solid;
	padding: 5px 7px 7px 7px;
	height: 200px;
	}
.box01in {
	background: url('images/top/im_kyoukai.gif') no-repeat bottom center;
	}
.box02in {
	background: url('images/top/im_kouhou.gif') no-repeat bottom center;
	}
.box03in {
	background: url('images/top/im_japan.gif') no-repeat bottom right;
	}
.box01in p,
.box02in p,
.box03in p {
	font-size: 0.8em;
	line-height: 1.4em;
	}
.box01in address {
	margin-top: 20px;
	line-height: 120%;
	}
.box01in address span {
	font-weight: bold;
	}
/*リンク設定*/
.box01in a:link,
.box01in a:visited,
.box02in a:link,
.box02in a:visited,
.box03in a:link,
.box03in a:visited {
	text-decoration: none;
	color: #333333;
	}
.box01in a:hover,
.box01in a:active {
	text-decoration: none;
	color: #df8016;	
	}
.box02in a:hover,
.box02in a:active {
	text-decoration: none;
	color: #ddb30e;	
	}
.box03in a:hover,
.box03in a:active {
	text-decoration: none;
	color: #a5dd0e;	
	}
.boxnewsin {
	background-color: #f0f0f0;
	padding: 7px 7px 7px 7px;
	height: 200px;
	}
.box01in ul,
.box02in ul,
.box03in ul {
	margin-top: 7px;
	border-top-width: 1px;
	border-top-style: solid;
	}
.box01in,
.box01in ul {
	border-color: #df8016;
	}
.box02in,
.box02in ul {
	border-color: #ddb30e;
	}
.box03in,
.box03in ul {
	border-color: #a5dd0e;
	}
.box01in li,
.box02in li,
.box03in li {
	padding-left: 13px;
	}
.box01in li {
	background: url('images/top/list01.gif') no-repeat left;
		}
.box02in li {
	background: url('images/top/list02.gif') no-repeat left;
		}
.box03in li {
	background: url('images/top/list03.gif') no-repeat left;
		}
/*最新のお知らせ*/
.boxnews {
	width: 236px;
	padding-top: 27px;
	background: url('images/top/oshirase.gif') no-repeat top left;
	}
.boxnews dl{
	
	}
.boxnews dt{
	font-size: 7pt;
	line-height: 150%;
	font-weight: bold;
	text-indent: 0.3em;
	}
.boxnews dd{
	border-bottom: 1px dotted #888888;
	text-indent: 0.2em;
	margin-bottom: 10px;
	}
/*下メニュー、copyright*/
div#footer {
	clear: both;
	margin-top: 30px;
	padding: 10px 0px 15px 0px;
	text-align: center;
	font-size: 0.8em;
	background: url('images/back01.gif') no-repeat bottom center;
	background-color: #484848;
	}
div#footer a,
div#footer a:link,
div#footer a:hover,
div#footer a:active,
div#footer a:visited {
	color: #ffffff;
	text-decoration: none;
	}
div#footer p {
	color: #ffffff;
	}
/*--------------------------------------
  メニュー
---------------------------------------*/
div#menubar{
	clear: both;
    height: 32px;
}
#menubar ul{
    list-style: none;
}
#menubar ul li{
    list-style: none;
    float:left;
    width:114px;
}
#menubar ul li.end {
	width: 116px;
	}
#menubar ul a{
    display: block;
    height: 32px;
    text-indent: -1500px;
    overflow: hidden;
}

#menubar a span {display:none;}

#menubar a.aboutus {
    background-image:url('images/menu/aboutus.jpg');
}
#menubar a.kouhou {
    background-image:url('images/menu/kouhou.jpg');
}
#menubar a.member {
    background-image:url('images/menu/member.jpg');
}
#menubar a.construction {
    background-image:url('images/menu/construction.jpg');
}
#menubar a.data {
    background-image:url('images/menu/data.jpg');
}
#menubar a.info {
    background-image:url('images/menu/info.jpg');
}
#menubar a.movie {
    background-image:url('images/menu/movie.jpg');
}
#menubar a:hover.aboutus,
#menubar a:hover.kouhou,
#menubar a:hover.member,
#menubar a:hover.construction,
#menubar a:hover.data,
#menubar a:hover.info,
#menubar a:hover.movie{
    background-position:0px -32px;
}
#menubar a:active.aboutus,
#menubar a:active.kouhou,
#menubar a:active.member,
#menubar a:active.construction,
#menubar a:active.data,
#menubar a:active.info,
#menubar a:active.movie{
    background-position:0px -64px;
}
/*--------------------------------------
　バナー
---------------------------------------*/
img.banner {
	margin-bottom: 3px;
	}
/*--------------------------------------
  内部ページ
---------------------------------------*/
p.main {
	font-size: 1.1em;
	}
.mk_kouhou {
	color: #FEDF9B;
	}
#navi {
	font-size: 0.8em;
	padding-bottom: 3px;
	}
#contents_kouhou,
#contents_member,
#contents_aboutus,
#contents_movie,
#contents_contact,
#contents_info,
#contents_construction,
#contents_data,
#contents_sitemap {
	background-color: #ffffff;
	font-size: 0.8em;
	padding-top: 10px;
	}
h1.kouhou,
h1.member,
h1.aboutus,
h1.movie,
h1.contact,
h1.info,
h1.construction,
h1.data,
h1.sitemap {
	margin-top: 20px;
	height: 31px;
    text-indent: -500px;
    overflow: hidden;
	}
#contents_kouhou h2,
#contents_member h2,
#contents_about h2,
#contents_movie h2,
#contents_contact h2,
#contents_info h2,
#contents_data h2,
#contents_construction h2,
#contents_sitemap h2 {
	clear: both;
	text-indent: 0.5em;
	font-size: 1em;
	margin: 30px 0px 20px 0px;
	}
/*左ボックス*/
.boxleft {
	float: left;
	width: 370px;
	margin-right: 30px;
	}
/*右ボックス*/
.boxright {
	float: left;
	width: 370px;
	}
/*--------------------------------------
  工法紹介
---------------------------------------*/
h1.kouhou {
	background-image: url('kouhou/images/titlebar.gif');
	}
#contents_kouhou h2 {
	background: url('kouhou/images/bar01.jpg') repeat-y right;
	background-color: #FEF49B;
	}
#hunagira {
	clear: both;
	background-color: #f3f0e6;
	color: #483e26;
	margin-top: 20px;
	padding: 15px;
	height: 210px;
	font-size: 0.85em;
	line-height: 1.6em;
	}
#hunagira h4 {
	font-weight: bold;
	}
/*特長*/
.tokutyou li{
/*	list-style:  decimal;
	list-style-position: inside;
text-indent: -1em;*/
	margin-bottom: 10px;
	}
/*メカニズム　リスト*/
.kouzouzu {
	clear: both;
	}
.kouzouzu li {
	font-weight: bold;
	}
.kouzouzu li span {
	font-weight: normal;
	}
/*スリーブパイプの仕様*/
.kikaku01 {
	border: 2px solid #333333;
	}
.kikaku01 th,
.kikaku01 td {
	border: 1px solid #333333;
	padding: 2px 6px;
	}
.kikaku01 th {
	background-color: #e5e5e5;
	}
th.hyoujyun,
td.hyoujyun {
	background-color: #ffffcc;
	}
th.tokutyuu,
td.tokutyuu {
	background-color: #F4D55F;
	}
/*対象地盤による注入方式*/
h3.type01,
h3.type02 {
	font-size: 1.1em;	
	}
h3.type02 {
	clear: both;
/*	padding-top: 20px;*/	
	}
.mtdbox,
.mtdboxend {
	float: left;
	width: 250px;
	line-height: 120%;
	padding-bottom: 20px;
	}
.mtdbox {
	margin-right: 10px;
	}
/*複合注入*/
.mixbox,
.mixboxend {
	width: 185px;
	float: left;
	line-height: 120%;
	padding-bottom: 20px;
	}
.mixbox h3,
.mixboxend h3 {
	color: #4B4BAF;
	font-size: 1.2em;
	margin-bottom: 5px;
	}
.mixbox {
	margin-right: 20px;
	}
/*--------------------------------------
  会員紹介
---------------------------------------*/
h1.member {
	background-image: url('member/images/titlebar.gif');
	}
#contents_member h2 {
	background: url('member/images/bar01.jpg') repeat-y right;
	background-color: #BDFE9B;
	}
#contents_member h3 {
	width: 300px;
	}
#contents_member .title a:link,
#contents_member .title a:hover,
#contents_member .title a:visited,
#contents_member .title a:active {
    text-decoration: none;
	}
#contents_member .title a:hover, {
	background: url('member/images/bar01.jpg') repeat-y right;
	background-color: #BDFE9B;	
	}
#contents_member h3 span {
	color: #BDFE9B;
	}
/*リストテーブル*/
.mlist {
	border: 2px solid #A2BEA2;
	margin-bottom: 20px;	
	}
.mlist th,
.mlist td {
	border: 1px solid #A2BEA2;
	padding: 2px 5px;
	line-height: 145%;
	vertical-align: middle;
	}
.mlist th {
	background-color: #A2BEA2;
	}
th.list01 {
	width: 180px;
	}
th.list02 {
	width: 340px;
	}
tr.col {
	background-color: #F3F7F3;
	}
.phone {
	background: url('member/images/phone.gif') no-repeat left center;
	padding-left: 19px;
	}
.hp {
	background: url('member/images/home.gif') no-repeat left center;
	padding-left: 19px;
	}
.areamenu {
	width: 180px;
	float: left;
	}
.areamenu span{
	color: #bdfe9b;
	}
/*--------------------------------------
  協会紹介
---------------------------------------*/
h1.aboutus {
	background-image: url('aboutus/images/titlebar.gif');
	}
#contents_aboutus h2 {
	background: url('aboutus/images/bar01.jpg') repeat-y right;
	background-color: #FEDF9C;
	}
#contents_aboutus table {
	margin-top: 10px;
	margin-bottom: 100px;
	border: 2px solid #D9B05E;
	width: 100%;
	}
#contents_aboutus th,
#contents_aboutus td {
	vertical-align: top;
	padding: 7px 7px 21px 7px;
	border: 1px solid #D9B05E;
	font-weight: normal;
	}
#contents_aboutus th {
	width: 130px;
	background-color: #fff6e5;
	text-align: right;
	}
/*--------------------------------------
  動画
---------------------------------------*/
h1.movie {
	background-image: url('movie/images/titlebar.gif');
	}
#contents_movie h2 {
	background: url('movie/images/movie.gif') no-repeat left;
	background-color: #0066FF;
	width:400px;
	color: #ffffff;
	padding-left: 20px;
	}
/*#contents_movie h2の背景*/
.mvtitle {
	background: url('movie/images/bar01.jpg') repeat-y right;
	background-color: #0066FF;
	}
/*動画Box*/
.mvbox {
	clear: both;
	}
.mvbox object,
.mvbox embed {
	float: left;
	margin-right: 6px;
	}
.mvbox ul {
	margin-bottom: 5px;
	}
.mvbox li {
	list-style-position: inside;
	list-style-type: disc;
	line-height: 125%;
	}
.mvbox li.sub {
	list-style-type: none;
	margin-bottom: 10px;
	}
.mvbox object,
.mvbox embed {
	border: 2px solid #000000;	
	}
p.time {
	background: url('movie/images/time.gif') no-repeat 269px 50%;
	padding-left: 287px;
	font-family: 'Arial', 'Tahoma', sans-serif;
	font-weight: bold;
	margin-bottom: 5px;
	}
/*メニュー*/
.mvlist {
	clear: both;
	line-height: 120%;
	}
.mvlist h3 {
	padding: 0px;
	font-size: 1.1em;
	}
.mvlist h3 a:link,
.mvlist h3 a:hover,
.mvlist h3 a:visited {
	color: #0066FF;
	}
.mvlist img {
	float: left;
	margin-right: 6px;
	margin-bottom: 10px;
	}
.plugin {
	border-top: 1px solid #0066ff;
	margin-top: 40px;
	padding: 10px;
	}
h3.qes {
	color: #6699FF;
	}
h3.ans {
	color: #888888;
	}
/*--------------------------------------
  お問い合わせ
---------------------------------------*/
h1.contact {
	background-image: url('contact/images/titlebar.gif');
	}
#contents_contact h2 {
margin: 0px;
	}
#contents_contact .renraku {
	background-color: #E2ECE3;
	width: 359px;
	margin-top: 20px;
	padding: 5px;
	}
#soushin {
	margin-top: 20px;
	}
.exbox {
	border-top: 1px solid #a0c1a2;
	border-bottom:  1px solid #a0c1a2;
	padding: 10px 0px;
	margin-bottom: 20px;
	}
.exbox #riyou {
	color: #009933;
	}
.exbox p {
	margin-left: 5px;
	}
.exbox p.jyouken {
	line-height: 145%;
	}
.formbox th,
.formbox td {
	padding: 2px 5px;
	border: 3px solid #ffffff;
	font-weight: normal;
	}
.formbox th {
	background-color: #E8E8E8;
	line-height: 120%;
	}
.dame {
	color: #ff0000;
	font-weight: bold;
	}
/*--------------------------------------
  お知らせ
---------------------------------------*/
h1.info {
	background-image: url('info/images/titlebar.gif');
	}
#contents_info h2 {
	background-color: #440044;
	}
#contents_info  dl{
	
	}
#contents_info  dt{
	font-size: 7pt;
	line-height: 150%;
	font-weight: bold;
	text-indent: 0.3em;
	}
#contents_info  dd{
	border-bottom: 1px dotted #888888;
	text-indent: 0.2em;
	margin-bottom: 10px;
	}
/*--------------------------------------
  施工
---------------------------------------*/
h1.construction {
	background-image: url('construction/images/titlebar.gif');
	}
#contents_construction h2 {
	margin-top: 50px;
	background: url('construction/images/bar01.jpg') repeat-y right;
	background-color: #99cc99;
	}
#contents_construction h2.top {
	margin-top: 20px;
	}
#contents_construction img.top {
	margin-bottom: 20px;
	}
/*メニュー*/
.sklist {
	clear: both;
	line-height: 120%;
	}
.sklist h3 {
	padding: 0px;
	margin-bottom: 10px;
	font-size: 1.1em;
	}
.sklist h3 a:link,
.sklist h3 a:hover,
.sklist h3 a:visited {
	color: #339933;
	}
.sklist img {
	float: left;
	margin-right: 6px;
	margin-bottom: 10px;
	}
/*施工順序　リスト*/
.sekou {
	margin-top: 30px;
	font-size: 1.1em;
	}
.sekou li {
	padding-left: 260px;
	background-position: left top;
	background-repeat: no-repeat;
	height: 210px;
	}
.sekou li.koutei01 {
	background-image: url('construction/images/koutei01.gif');
	}
.sekou li.koutei02 {
	background-image: url('construction/images/koutei02.gif');
	}
.sekou li.koutei03 {
	background-image: url('construction/images/koutei03.gif');
	}
.sekou li.koutei04 {
	background-image: url('construction/images/koutei04.gif');
	}
.sekou li.koutei05 {
	background-image: url('construction/images/koutei05.gif');
	}
.sekou li.koutei06 {
	background-image: url('construction/images/koutei06.gif');
	}
.sekou li h3 {
	color: #4B4BAF;
	padding-left: 26px;
	background-position: left top;
	background-repeat: no-repeat;
	margin-bottom: 5px;
	}
.sekou li.koutei01 h3 {
	background-image: url('construction/images/n01.gif');
	}
.sekou li.koutei02 h3 {
	background-image: url('construction/images/n02.gif');
	}
.sekou li.koutei03 h3 {
	background-image: url('construction/images/n03.gif');
	}
.sekou li.koutei04 h3 {
	background-image: url('construction/images/n04.gif');
	}
.sekou li.koutei05 h3 {
	background-image: url('construction/images/n05.gif');
	}
.sekou li.koutei06 h3 {
	background-image: url('construction/images/n06.gif');
	}
/*施工例*/
.sekoubox .picbox {
	float: left;
	margin-right: 10px;
	width: 250px;
	line-height: 100%;
	}
.sekoubox table {
	
	}
.sekoubox th,
.sekoubox td {
	padding: 7px;
	border: 1px solid #b8b8b8;
	line-height: 140%;
	}
.sekoubox th {
	width: 70px;
	font-weight: normal;
	background-color: #e8e8e8;
	}
.sekoubox ul {	
	padding-left: 20px;
	}
.sekoubox li {
	list-style-type: disc;
	}
.mtop15 {
	margin-top: 15px;
	}
/*--------------------------------------
  積算資料
---------------------------------------*/
h1.data {
	background-image: url('data/images/titlebar.gif');
	}
#contents_data h2 {
	margin-top: 50px;
	background: url('construction/images/bar01.jpg') repeat-y right;
	background-color: #99cc99;
	}
#contents_data p.explain {
	text-indent: 1em;
	}
.databox {
	float: left;
	width: 265px;
	}
.databox li.sub {
	padding-left: 1em;
	}
p.page {
	color: #009900;
	}
/*--------------------------------------
  サイトマップ
---------------------------------------*/
#contents_sitemap {
	padding-bottom: 150px;
	}
h1.sitemap {
	background-image: url('sitemap/images/titlebar.gif');
	}
#contents_sitemap h2 {
	margin-top: 0px;
	margin-bottom: 5px;
	background: url('sitemap/images/bar01.jpg') repeat-y right;
	background-color: #99cc99;
	line-height: 120%;
	}
.listbox {
	float: left;
	width: 250px;
	padding-right: 10px;
	}
.listbox ul {
	margin-left: 20px;
	margin-bottom: 40px;
	}
.listbox li {
	background: url(sitemap/images/mrk01.gif) no-repeat left center;
	padding-left: 15px;
	}
.listbox li.last {
	background-image: url(sitemap/images/mrk02.gif);
	}
.listbox li a:link,
.listbox li a:hover {
	color: #0000FF;
	text-decoration: underline;
	}
/*--------------------------------------
  印刷設定
---------------------------------------*/
@media print {
body {
	zoom: 80%; /*←調整してください*/
	color: #000000;
	background-color: #ffffff;
}
/*↓印刷時URLの表示*/
/*a[href]:after {
        content: " (" attr(href)") ";
}*/
a:link {
	text-decoration: underline;
	color: #0000ff;
	}