/* CSS Document */

/***----------全ページ共通部分----------***/

/***全てのタグのmargin、paddingを無効化***/
* {margin:0; padding:0;}


body {
	margin:0;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:12px;
	line-height:1.8em;
	letter-spacing:0px;
	color:#000;
	text-align:center;
}


/***大枠の設定***/
div#main {width:750px; text-align:left; margin:0 auto; padding:0; border-left:1px solid #999; border-right:1px solid #999;}


/***hタグの基本設定***/
h1 {
	margin:0 auto;
	padding:0 0 0 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:1.5em;
	color:#fff;
	width:740px;
	text-align:left;
	background:#081592;
}
h2 {
	margin:0 0 1em 0;
	padding:0;
	font-size:13px;
	line-height:1.8em;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
div.style>h2 {font-weight:500;}
h3 {
	margin:0 0 1em 0;
	padding:0;
	font-size:12px;
	line-height:1.8em;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
h4 {
	margin:5px 0 1em 0;
	padding:0;
	font-size:12px;
	line-height:1.8em;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

em {font-style:normal;}

/***ヘッダの設定、2つめの全角スペースpaddingはIE用のpadding***/
div#header {width:750px; margin:0; padding:10px 0; 　padding:5px 0;}
div#logo {float:left; margin:0 0 0 5px; padding:0;}
/*お問合わせボタン1*/
div#header_bt {float:right; margin-top:10px; margin-right:10px;}
/*ヘッダのfloatをクリア*/
div#header div.clear {clear:both; font-size:10px; line-height:10px;}


/***メニューの設定***/
div#menu {width:750px;margin:0 auto; border-top:1px solid #999; border-bottom:1px solid #999;}
/*HOMEのボタン*/
div#menu div.first {width:150px; height:28px; display:block; float:left; margin:0;}
/*その他のボタン*/
div#menu div.gn {width:149px; height:28px; display:block; float:left; margin:0; border-left:1px solid #999;}
/*メニューのfloatをクリア*/
div#menu_clear {clear:left; font-size:10px; line-height:10px;}


/***FLASH部分の設定***/
div#flash {width:730px; height:240px; margin:0 10px 10px 10px;}


/***コンテンツ部分の大枠の設定 _marginはIE6用のmargin、コンテンツの細かい設定は下のほうを参照して下さい***/
div#contents {width:520px; margin:0 10px 0 5px; _margin:0 5px 0 5px; float:right;}
div#contents p {margin:0 0.8em 0.5em 0.8em;}
/***下層ページのコンテンツ部分***/
div#kasou_contents {width:710px; margin:10px 20px; text-align:left;}
div#kasou_contents h2 {width:693px; line-height:18px; border:1px solid #3c3c3c; padding-left:15px; padding-top:2px; color:#fff; background:url(img/contents_h2.gif) left center no-repeat;}
div#kasou_contents p {margin:0 0.8em 0.5em 0.8em;}


/***右バナーの設定 _marginはIE6用のmargin***/
div#banner {width:200px; margin:0 5px 0 10px; _margin:0 5px 0 5px; padding:0; float:left;}
div#banner img {width:200px; margin-bottom:10px; display:block;}


/***#contents、#babberのfloatをクリア***/
div#content_clear {clear:both; font-size:10px; line-height:10px;}


/***フッタ部分のテキストリンクの設定***/
div#text_navi {width:730px; padding:3px 10px; border-top:1px solid #4d4d4d; text-align:right;}
div#text_navi ul {margin:0; padding:0;}
div#text_navi ul li {margin:0 0 0 10px; padding:0; list-style:inside none; display:inline;}
div#text_navi a {padding-left:1em; background:url(img/sankaku2.gif) left center no-repeat;}
div#text_navi a:link, div#text_navi a:visited, div#text_navi a:active {color:#0057EC; text-decoration:none;}
div#text_navi a:hover {color:#EC9000; text-decoration:underline;}


/***フッタ部分copyrightの設定***/
div#footer {width:750px; background:#081592;}
div#footer p {width:740px; text-align:right; font-size:10px; line-height:1.5em; font-family:Arial, Helvetica, sans-serif; color:#fff; padding:0 5px; margin:0 auto;}


/***----------各コンテンツ部分----------***/

/***[HOME]挨拶文***/
div#aisatu {width:520px;}
div#aisatu h2 {width:520px;}
div#aisatu div {margin:0 0.8em 0.8em 2.5em; padding:0;}
div#aisatu div ul {margin:0; padding:0;}
div#aisatu div ul li {margin:0; padding:0; list-style:outside disc;}


/***[HOME]中段のボタン***/
div#sub_menu {width:520px; text-align:center; margin:10px 0 15px 0;}
div#sub_menu img {width:167px; height:38px; margin:0 2px 0 0;}


/***[HOME]新着情報***/
div#news {width:520px; text-align:left;}
div#news h3 {width:520px;}
div#news div {width:520px; margin:0; padding:2px 0; border-bottom:1px dotted #848484;}
div#news div h5 {width:22px; font-size:10px; line-height:1.8em; font-weight:normal; margin:0; padding:0 0 0 18px; display:block; background:url(img/sankaku1.gif) left center no-repeat; float:left;}
div#news div p {width:440px; margin:0; display:block; float:right;}
div#news div.clear {clear:both; font-size:0px; line-height:0; border-style:none;}


/***[業務内容]***/
div.gyoumu {width:630px; margin:1em auto;}
div.gyoumu a:link, div.gyoumu a:visited, div.gyoumu a:active {width:280px; height:170px; padding:5px 10px; border:1px solid #4d4d4d; background:#c4c4c4 url(img/gyoumu_bg.gif) left top repeat-x; color:#000; text-decoration:none;}
div.gyoumu a:hover {width:280px; height:170px; padding:5px 10px; border:1px solid #4d4d4d; background:#FFEF98 url(img/gyoumu_bg2.gif) left top repeat-x; color:#f60; text-decoration:underline;}
div.gyoumu a.left {margin-right:10px; float:left; display:block;}
div.gyoumu a.right {margin-left:10px; float:right; display:block;}
div.gyoumu img.float {float:left; border:1px solid #999; margin-right:8px;}
div.gyoumu p.clear {clear:left; text-align:right;}
div.gyoumu div.clear {width:100%; clear:both; font-size:0px; line-height:0; border-style:none;}


/***[会社案内]***/
table#company {width:600px; margin:10px auto 30px auto; border:3px double #006;}
table#company td.left {width:120px; padding:5px 10px; text-align:left; border-bottom:1px dashed #999; background:#245BAF; color:#fff;}
table#company td.right {width:439px; padding:5px 10px; text-align:left; border-left:1px solid #999; border-bottom:1px dashed #999;}
table#company td.right address {font-style:normal; margin:0 0.8em 0.5em 0.8em;}
table#company td.right a {margin:0 0.8em 0.5em 0.8em;}
div#company2 {}
div#company2 h3 {width:693px; line-height:18px; border:1px solid #3c3c3c; padding-left:15px; color:#fff; background:url(img/company_h3.gif) left center no-repeat;}
div#company2 h4 {margin-left:15px; margin-right:15px; padding-left:5px; color:#081592;}
div#company2 p {margin-left:2.5em; margin-right:2.5em;}
div#company2 dl {width:643px; margin:0 25px 10px 25px; padding:0 0 5px 0; border-bottom:1px dashed #bbb;}
div#company2 dl dt.left {width:215px; margin:0 0 5px 15px; padding:0; float:left; display:block;}
div#company2 dl dd.right {margin:0 0 5px 0; padding:0; display:table;}
div#company2 div.clear {clear:left;}
div#company2 dl dt.left span {margin-left:1em; 　margin-left:0.5em;}


/***[KWP工法]***/
div#kwp {}
div#kwp div.left {float:left; width:180px; margin-left:5px;}
div#kwp div.right {width:500px; margin-left:5px; float:right;}
div#kwp div.right div.left {width:300px; float:left; vertical-align:top;}
div#kwp div.right img.right {width:180px; margin-left:5px;}
div#kwp h3 {line-height:18px; border:1px solid #3c3c3c; padding-left:15px; color:#fff; background:url(img/company_h3.gif) left center no-repeat;}
div#kwp h4 {line-height:1.8em; color:#000099; margin:0 0 5px 0.5em; padding:0;}
div#kwp div.right dl {margin:0 0 1em 1em; padding:0;}
div#kwp div.right dl dt {margin:0; padding:0.2em 0 0 5px; font-size:12px; line-height:1.3em; font-weight:bold; color:#330066; border-left:4px solid #006;}
div#kwp div.right dl dd {margin:0 0 5px 0.8em; padding:0;}
div#kwp div.left img {display:block;}
div#kwp div.left p {width:170px; margin:0 10px 10px 0; padding:0; font-size:12px; line-height:1.5em; background-color:#009; color:#fff; text-align:center;}
div#kwp table {width:680px; margin:0 auto;}
div#kwp table td.style {width:140px; margin:0; padding:0 0 10px 0; background:url(img/kwp_yazirushi.gif) right 25px no-repeat;}
div#kwp table td.last {width:120px; margin:0; padding:0 0 10px 0; }
div#kwp table p {width:120px; margin:0; padding:0; font-size:10px; line-height:1.5em; background-color:#009; color:#fff; text-align:center;}
div#kwp table img {display:block;}



/***[やりかた君]***/
div#yarikata1 {width:450px; float:right; margin-left:10px; }
div#yarikata1 h3 {margin:0; color:#039;}
div#yarikata1 h4 {margin:10px 0 5px 0; padding-left:10px; font-size:10px; line-height:1.8em; background:#039; color:#fff;}
div#yarikata1 p {margin:0;}
div#yarikata1 div.style {margin-left:20px;}
div#yarikata1 div.style ul {margin:0; padding:0;}
div#yarikata1 div.style ul li {margin:0; padding:0; list-style:outside disc;}
div#yarikata1 div.style2 {margin-left:0;}
div#yarikata1 div.style2 ul {margin:0; padding:0;}
div#yarikata1 div.style2 ul li {margin:0; padding:0; list-style-position:outside; list-style-type:none;}
div#yarikata1 div.style3 {margin-left:20px;}
div#yarikata1 div.style3 ul {margin:0; padding:0;}
div#yarikata1 div.style3 ul li {margin:0; padding:0; list-style:outside disc;}

div#yarikata2 {width:225px; padding-left:15px;}
div#yarikata2 img {display:block; margin-bottom:8px;}

div#yarikata3 {width:700px; margin:10px 5px;}
div#yarikata3 h3 {line-height:18px; border:1px solid #3c3c3c; padding-left:15px; color:#fff; background:url(img/company_h3.gif) left center no-repeat;}
div#yarikata3 dl {margin:0 10px;}
div#yarikata3 dl dt {width:200px; margin:2px 0; padding-left:8px; background-color:#003366; color:#FFFFFF; font-weight:bold;}
div#yarikata3 dl dd {margin:2px 10px 5px 10px;}

div#yarikata4 {width:560px; margin:0 auto;}
div#yarikata4 img {margin:0 5px; display:inline; border:1px solid #d4d4d4;}


/***[不同沈下工事]***/
div#fudou {width:700px; margin:1.5em auto 3em auto;} 
div#fudou h3 {line-height:18px; border:1px solid #3c3c3c; padding-left:15px; color:#fff; background:url(img/fudou_h3.gif) left center no-repeat; text-align:center;}
div#fudou h4 {text-align:center; margin:0px;}
div#fudou p {width:600px; margin:0 auto 1em auto;}
div#fudou p.style {text-indent:1em;}
div#fudou table.style{width:492px; margin:0 auto;}
div#fudou table.style td {width:226px; padding:10px;}
div#fudou table.style td h5 {font-size:12px; line-height:2em; width:226px; background:#9cf; margin:0px; text-align:center; font-weight:normal;}

/***[施工例]***/
div#sekourei {width:700px; margin:2em auto 3em auto;}
div#sekourei p.style {width:624px; margin:0 auto;}
div#sekourei table {width:624px; margin:0 auto;}
div#sekourei table td.style {width:120px; margin:0; padding:0 2px 10px 2px; text-align:center;}
div#sekourei table td.last {width:120px; margin:0; padding:0 2px 10px 2px; text-align:center;}
div#sekourei table p {width:120px; margin:0; padding:0; font-size:10px; line-height:1.5em; color:#000; text-align:center;}
div#sekourei table img {display:block;}

/***[地盤をよくしりましょう]***/
div#ziban {}
div#ziban div {width:700px; margin:3px auto 10px auto;}
div#ziban div h4 {width:235px; margin:15px 0 5px 0; padding-left:10px; border-left:5px solid #036; border-bottom:1px solid #333; border-right:1px solid #333; background:#9cf; color:#202020;}
div#ziban div p {margin:0px 5px;}
div#ziban h3 {line-height:18px; border:1px solid #3c3c3c; padding-left:15px; color:#fff; background:url(img/company_h3.gif) left center no-repeat;}


/***[お問合わせ]***/
div#toiawase {width:710px;}
div#toiawase form {width:600px; margin:10px auto; padding:0;}
div#toiawase form table {width:600px; border-top:1px solid #666;}
div#toiawase form table td.style {width:180px; padding:5px 10px 4px 9px; background-color:#009; border-left:1px solid #666; border-bottom:1px solid #666; color:#fff;}
div#toiawase form table td.style2 {width:370px; padding:5px 14px 4px 15px; border-right:1px solid #666; border-bottom:1px solid #666;}
div#toiawase form table td.style2 input.style {width:370px; font-size:12px;}
div#toiawase form table td.style2 input.style2 {vertical-align:middle;}
div#toiawase form table td.style2 label {margin:0 10px 2px 5px;}
div#toiawase form table td.style2 textarea {width:370px; height:5em; font-size:12px;}
div#toiawase form div {width:600px; text-align:center; margin-top:5px;}
div#toiawase form div input {font-size:10px; text-align:1.5em;}

div#php {width:710px;}
div#php form {width:600px; margin:10px auto; padding:0;}
div#php form table {width:600px; border-top:1px solid #666;}
div#php form table td.style {width:180px; padding:5px 10px 4px 9px; background-color:#009; border-left:1px solid #666; border-bottom:1px solid #666; color:#fff;}
div#php form table td.style2 {width:370px; padding:5px 14px 4px 15px; border-right:1px solid #666; border-bottom:1px solid #666;}
div#php form div {width:600px; text-align:center; margin-top:5px;}
div#php form div input {font-size:10px; text-align:1.5em;}


/***----------class----------***/

.clear {}
.first {}
.last {}
.float {}
.gn {}
.gyoumu {}
.left {}
.right {}
.style {}
.style2 {}
.style3 {}