@charset "utf-8";

/* base Style------- */



body {
	width:780px;
	margin: 0px auto;
	font-size:12px;
	line-height:18px;
	letter-spacing:1px;
	text-align: left;
	font-family: "ＭＳ Ｐゴシック", sans-serif;
	color:#444;
}

html {
	overflow-y:scroll;
}

em {
	font-style:normal;
	font-weight: bold;
}

strong {
	font-size:14px;
	font-weight:bold;
	color:#4da8dc;
}

a:link {
	color: #3366ff;
	text-decoration:underline;
}

a:visited {
	color:#3366ff;
	text-decoration:underline;
}

a:hover {
	color:#3366ff;
}

a:active {
	color:#3366ff;
}

a img {
	border:0px;
}

dl,
ul,
ol,
dl dt,
dl dd,
ul li,
ol li {
	margin:0px;
	padding:0px;
	list-style:none;
}

textarea,
select,
input {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku GothicPro", "Osaka", "Verdana", "Helvetica", "Arial", "ＭＳ Ｐゴシック", "sans-serif";
}

/*H_TAG*/

h1 {
	font-size: 10px;
	color: #666;
	height: 14px;
}

p,
h2,
h4 {
	margin:0px;
	padding:0px;
}

#header h2 {
	float:left;
	width: 300px;
}

.position {
	display:block;
	clear:both;
	width:750px;
	margin: 0 15px 0 15px;
}

h2.position img {
	float:left;
}

h3 {
	font-size:1.2em;
	margin:0px;
	padding:0px;
}

span.span01 {
	color:#0099FF;
	font-size:14px;
	font-weight:bold;
}

span.span02 {
	color:#FF0000;
	font-weight:normal;
}

span {
	color:#339933;
	font-weight:bold;
}

#pan-kuzu {
	font-size:11px;
	padding:0 0 0 15px;
	clear: both;
	margin: 0px;
}

#body {
	width: 780px;
	background-color: #FFFFFF;
	float: left;
}

#wrapper {
	width: 780px;
	float: left;
	background-repeat: repeat-y;
	background-position: center;
	background-image: url(img/back-shadow.gif);
	padding:0 10px 0 10px;
}

/*leftcontents start*/
.leftcontents {
	width:530px;
	margin:0px;
}

#MailForm {
	width:530px;
	border-collapse:collapse;
	margin:15px 0 15px 0px;
}

#MailForm th,
#MailForm td {
	font-weight:normal;
	color:#444;
	border:1px solid #CCCCCC;
	padding:8px;
}

table#MailForm th {
	background-color: #EBEBEB;
	white-space: nowrap;
}

#MailForm input,
#MailForm textarea {
	width:350px;
	border:1px solid #B2B2B2;
}

p.mail-buttons {
	margin:0 0px 0 40px;
}

/*navi button start*/

#header ul {
	width:182px;
	float:right;
}

#header li {
	width:81px;
	height:23px;
	float:right;
	font-size: 12px;
	padding:0 10px 0 0;
	background-repeat:no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

#header li a {
	display: block;
	width:81px;
	height:23px;
}

#header li a:hover {
	background:none;
}

.navi01 {
	background-image:url(img/access_hover.gif);
}

.navi01 a {
	background-image:url(img/access.gif);
}

.navi02 {
	background-image:url(img/link_hover.gif);
}

.navi02 a {
	background-image:url(img/link.gif);
}

.logoset {
	clear:both;
	padding: 10px 0 5px 0;
	float: left;
	width: 740px;
}

.logoset p {
	float:right;
	margin: 0px;
	text-align: right;
	width: 370px;
}

/*行事バナー*/
.recruit-leftbann1 {
	background-image:url(img/banner-image1-h.jpg);
	width:186px;
	height:137px;
}

li.recruit-leftbann2 {
	background-image:url(img/banner-image2-h.jpg);
	width:186px;
	height:95px;
}

.recruit-leftbann1,
li.recruit-leftbann2 {
	background-repeat:no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

li.recruit-leftbann1 a {
	background-image:url(img/banner-image1.jpg);
	width:186px;
	height:137px;
}

li.recruit-leftbann2 a {
	background-image:url(img/banner-image2.jpg);
	width:186px;
	height:95px;
}

li.recruit-leftbann1 a,
li.recruit-leftbann2 a {
	display: block;
}

li.recruit-leftbann1 a:hover,
li.recruit-leftbann2 a:hover {
	background:none;
}/*先輩バナー*/

/*トップコンテンツボタン*/
#bottom-rcontents li {
	background-repeat:no-repeat;
	background-image:url(img/more-h.gif);
	width:92px;
	height:27px;
	margin: 100px 0px 0 0;
}

#bottom-rcontents li a:hover {
	background:none;
}

#bottom-rcontents li a {
	display: block;
	width:92px;
	height:27px;
	background:url(img/more.gif) no-repeat;
}

li.move {
	float:right;
	text-indent:-9999px;
	overflow:hidden;
}

/*contents buttom end*/




/* main header start------- */
h1 {
	float:left;
	width: 558px;
	margin:0px;
	padding:5px 0 0 0;
	height: 18px;
	font-weight: normal;
}

#header {
	background-image:url(img/head-tip.gif);
	background-repeat: repeat-x;
	background-position:left top;
	float: left;
	width: 740px;
	padding: 0 20px 5px 20px;
}

/* background color start------- */
.bg {
	background-color: #f2f2f3;
}

/* contents top 3categories start------- */
#top-contents {
	background-image:url(img/backgra.gif);
	padding: 11px 9px 25px 9px;
	float: left;
	margin: 5px 0 0 0;
	width: 762px;
}

#contents {
	background:url(img/back-left-img.gif) repeat-y left top;
	float: left;
	margin: 15px 0 15px 0;
	width: 750px;
	padding: 0 15px 0 15px;
	background-color: #FFFFFF;
}

p.contents-button_h {
	width:218px;
	height:24px;
	text-indent:-9999px;
	background-repeat:no-repeat;
	background-image:url(img/content-button_h.gif);
	margin:0 0 0 10px;
	padding:0px;
}

p.contents-button_h a {
	display: block;
	width:218px;
	height:24px;
	background-image:url(img/content-button.gif);
	margin:0 0 0 10px;
	padding:0px;
}

p.contents-button_h a:hover {
	background:none;
	margin:0px;
}

.cont h3,
.cont2 h3,
.cont3 h3 {
	margin:0px;
	padding:0px;
}

.cont p,
.cont2 p,
.cont3 p {
	padding :0 0 0px 0;
}

.pick-bg p {
	text-align:center;
	line-height:1.5em;
	font-size:11px;
	margin:0px;
}

.pick-bg {
	background-image:url(img/content-cont.gif);
	background-repeat:no-repeat;
	height:224px;
	width:762px;
}

.pick-bg ul {
	width:762px;
}

.pick-bg li {
	width:242px;
	padding:0 2px 0 8px;
	float:left;
	text-align: center;
}

.pick-bg h3 {
	width:242px;
	margin:2px 0 10px 0;
}

.pick-bg li ul {
	width:242px;
	margin:0px;
	padding:0px;
}

.pick-bg li li {
	width:219px;
	font-size:12px;
	text-align:left;
	line-height:16px;
	padding:0 0 4px 12px;
}

li.pick-details {
	width:219px;
	height:25px;
	background-image:url(img/content-button_h.gif);
	background-repeat:no-repeat;
	background-position:right bottom;
	text-indent:-9999px;
	overflow:hidden;
	margin-top:16px;
	padding:0 0 0 12px!important;
}

li.pick-details a {
	display:block;
	width:219px;
	height:25px;
	background-image:url(img/content-button.gif);
	background-repeat:no-repeat;
	background-position:right bottom;
	text-indent:-9999px;
	overflow:hidden;
}

li.pick-details a:hover {
	background:none;
}

/* greeting button start------- */

.sub-contents {
	width:750px;
	padding:18px 6px 0 6px;
	float: left;
	margin: 0px;
}

.pick-bc p {
	margin:0px;
	padding:10px 15px 0 15px;
}

.pick-bc {
	padding:4px 4px 25px 4px;
	width:334px;
	float: left;
	background-color: #FFFFFF;
	background-image: url(img/greeting-bac.gif);
	background-position: bottom;
	background-repeat: no-repeat;
}

/* お問合せ------ */
.pick-bw p {
	width:355px;
	margin:0px;
	padding:10px 15px 0 15px;
}

.pick-bw {
	background-color:#FFFFFF;
	padding:4px 4px 0 4px;
	background-image:url(img/greeting-bac2.gif);
	background-repeat:no-repeat;
	width:385px;
	float: right;
	background-position: center bottom;
}

div.symbol-icon {
	background: url(img/top-estimate.gif) no-repeat;
	background-position: bottom right;
	width: 385px;
	height: 190px;
}

/* contents bottom end------- */
div.leftbutton-address {
	background-color: #FFFFFF;
	padding:10px 18px 10px 18px;
	margin:11px 0 0 0;
}

p.ic {
	text-align:center;
	margin-top: 10px;
}

#left {
	width: 186px;
	margin: 0px;
	float: left;
	background-color: #efefef;
	padding: 10px;
}

#left li {
	width:186px;
	margin:0 0 10px 0;
}

#right {
	width: 530px;
	float: right;
	margin: 0px;
	padding: 0px;
}

#rightTop {
	margin: 0 0 0 8px;
	width: 640px;
	float: right;
}

#rightTop p {
	margin:0px;
}

/*footer*/


#footer {
	padding: 5px 0 30px 0;
	margin: 0px;
	font-size:10px;
	color:#FFFFFF;
	float: left;
	width: 780px;
	background-color: #000000;
}

#footer a {
	color:#999999;
}

#footer ul li {
	float:left;
	margin:0 1px 5px 0;
}

.foot-copy {
	clear:both;
	padding: 4px 10px 0 10px;
	width: 760px;
}

.foot-copy p {
	text-align:left;
	clear:both;
	margin:0px;
}

/* #menu */

#menu {
	width: 780px;
	border: 0px;
	float: left;
	padding:0px;
	margin: 0 0 10px 0;
	background:url(img/menu-back.gif) repeat-x;
	clear: both;
}

#menu ul {
	width:740px;
	float: left;
	padding:0 0 0 40px;
}

#menu li {
	width:100px;
	height:44px;
	float:left;
	padding: 0px;
}

#menu li a {
	display: block;
	width:100px;
	height:44px;
	float:left;
	background-repeat:repeat-x;
	text-indent:-9999px;
	/*\*/ overflow:hidden;
}

#menu li a:hover {
	background:none;
}

.menu01 {
	background-image:url(img/menu01-h.gif);
}

.menu01 a {
	background-image:url(img/menu01.gif);
}

.menu02 {
	background-image:url(img/menu02-h.gif);
}

.menu02 a {
	background-image:url(img/menu02.gif);
}

.menu03 {
	background-image:url(img/menu03-h.gif);
}

.menu03 a {
	background-image:url(img/menu03.gif);
}

.menu04 {
	background-image:url(img/menu04-h.gif);
}

.menu04 a {
	background-image:url(img/menu04.gif);
}

.menu05 {
	background-image:url(img/menu05-h.gif);
}

.menu05 a {
	background-image:url(img/menu05.gif);
}

.menu06 {
	background-image:url(img/menu06-h.gif);
}

.menu06 a {
	background-image:url(img/menu06.gif);
}

#menu li.menu07 {
	width:101px;
	background-image:url(img/menu07-h.gif);
}

li.menu07 a {
	width:101px;
	background-image:url(img/menu07.gif);
}

#menu .menu07 a:link,
#menu .menu07 a:visited,
#menu .menu07 a:hover {
	display: block;
	width:101px;
	height:44px;
}

/* header inquiry */

/* LAYOUT
--------------------------------------------- */

/* class */
.fl li {
	float:left;
}

.clear {
	clear:both;
}

.float-l {
	float:left;
}

.float-r {
	float:right;
}

li.float-r {
	float:right;
}

/*top logo start*/
.float-l p {
	width:510px;
}

.float-r p {
	width:210px;
}

/*top logo end*/

.img_r {
	float: right;
	margin:5px;
}

.img_l {
	float: left;
	margin:0 25px 5px 0;
	vertical-align:top;
}

.top-back {
	font-size:11px;
	float:right;
	background-image:url(img/top-back.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding:4px 0 0 12px;
}

.shortcut-link-r {
	float:right;
	text-align:right;
	margin:30px 0 30px 0;
	background-image:url(img/point03.gif);
	background-position:left;
	background-repeat:no-repeat;
}

.shortcut-link-l {
	text-align:right;
	margin:30px 0 30px 0;
	background-image:url(img/point03.gif);
	background-position:left;
	background-repeat:no-repeat;
}

/* 戻る */
.return {
	text-align:right;
	margin:15px 0 15px;
	clear:both;
}

.return a:link {
	background:#FFFFFF;
}

.return a:visited {
	background:#FFFFFF;
}

.return a:hover {
	background:#FFFFFF;
}

.return a:active {
	background:#FFFFFF;
}

/* CONTENTS
---------------------- */

/*あいさつ*/
div.comment {
	width:530px;
	overflow:hidden;
	margin:0px;
	padding: 0 0 0 1px;
}

#right h3 {
	width:505px;
	background:url(img/title-bar.gif) left top no-repeat;
	margin:0px;
	padding: 6px 0 10px 25px;
	color: #FFFFFF;
}

#right p {
	padding-left:5px;
}

div.l-banner-address {
	padding:0 0 50px 0;
}

a.greeting-access {
	text-decoration:underline;
}

/* ========================type-b============================== */
/*---
注意事項
tableタグに　cellspacing="1"　を追加して下さい。
---*/

#type-b {
	border-collapse:separate;
	background:#DDD;
	width:530px/* サイトに合せてサイズを調節して下さい */;
	margin:1em auto;
}

#type-b th,
#type-b td {
	background:#FFF;
	color:#555;
	border:#FFF solid 1px;
	font-weight:normal;
	padding:5px 10px;
	line-height: 1.5em;
}

#type-b th {
	background: url(img/type-b.gif) repeat-x left top;
	white-space:nowrap;
}

div#left-le {
	background:url(img/banner-background.gif) repeat-y;
	width:210px;
}

/*greeting contents end -------*/

/*constructions contents start -------*/
div#comment table {
	border-collapse:collapse;
	width:530px;
	float: left;
}

#comment th,
#comment td a {
	display:block;
	width:250px;
	height:190px;
}

/*constructions contents end -------*/

/*constructions career start -------*/

#right p {
	padding: 5px;
}

p.text-bold a {
	text-decoration:underline;
}

p.text-bold a:visited {
	text-decoration:underline;
}

p.text-bold {
	font-weight:bold;
}

/*constructions career end -------*/


/*Top*/


/*------■整理前-----------------------------------------------------------------------------------------------------*/


/*工事経歴用*/

.career-table {
	width:530px;
	border-collapse:collapse;
	padding: 0 5px 0 5px;
}

.career-table th,
.career-table td {
	border:1px solid #CCCCCC;
	padding:5px 5px 5px 5px;
	vertical-align:top;
}

.career-table th {
	font-size:13px;
	color:#555;
	text-align:center;
	letter-spacing:5px;
	background-color:#F2F2F2;
}

.career-table td {
	height:55px;
}

/*保有機械一覧*/

table.explain-machine {
	margin:15px 0 0px 0;
	border:0px;
	width:530px;
	background-color:#e1eafe;
}

.explain-machine td {
	font-weight:normal;
}

.explain-machine th,
.explain-machine td {
	padding:2px 0 2px 10px;
	text-align:left;
	border:0px;
}

table.intro-machine-photo {
	width:530px;
	text-align:center;
	border:0px;
	background-color:none;
	margin-top: 20px;
}

.intro-machine-photo td {
	padding:5px;
	border:0px;
}

table.machines {
	border-collapse:collapse;
	border:solid #CCCCCC 1px;
	width:530px;
	margin: 5px 0 5px 0;
}

.machines thead th {
	letter-spacing:.5em;
}

.machines thead th,
.machines td {
	text-align:center;
	padding:5px;
	border:#CCCCCC solid 1px;
}

.machines td {
	width:120px;
}

.machines thead th {
	background:url(img/bg-gradation.gif) repeat-x;
}

.machines tbody th {
	border:#CCCCCC 1px solid;
	padding-left:15px;
	text-align:left;
	font-weight:normal;
}

.machines caption {
	text-align:left;
}

/*施工事例*/
h4.const-subtle {
	font-size:12px;
	background:url(img/const-subtitle.gif) left no-repeat;
	padding: 5px 5px 5px 10px;
	width: 530px;
	margin:10px 0 0 0;
	color: #333333;
}

/*リンク*/

table.link-list {
	width:530px;
	color:#666666;
	margin:15px 0 0 0;
	border-collapse:collapse;
	border:#CCCCCC 1px solid;
}

.link-list th,
.link-list td {
	text-align:left;
	padding:5px;
	border:#cccccc 1px solid
}

.link-list td {
	width:275px;
	font-weight:normal;
}

table.link-list a {
	text-decoration:underline;
}

/*お問合せ*/
ul.number-list {
	margin-top:10px;
}

.number-list li {
	padding:0px;
	margin: 0 0 10px 0;
}

ul.attention {
	padding:5px;
	margin:0 0 0 0;
	background:#e2f3ff center;
	line-height: 2em;
}

.attention a {
	margin-right:5px;
}

li.inquiry-special {
	padding:0 0 0 5px;
	margin:5px 0 0 0;
}

/*トップフラッシュの位置*/
embed {
	margin:5px 15px 0 15px;
	float:left;
}

/*リクルート*/
table.recruit-graph {
	color:#666666;
	width:530px;
	border:#CCCCCC solid 1px;
	border-collapse:collapse;
}

.recruit-graph th,
.recruit-graph td {
	padding:5px;
	border:#CCCCCC 1px solid;
}

.recruit-graph th {
	font-weight:normal;
	width:90px;
	background-color:#f6f6f6;
}

/*先輩からの声*/
.recruit-message {
	margin:0 0 0 0;
	line-height:1.5em;
	width:360px;
}

div.recruit-backgr {
	width:530px;
	background:url(img/recruit-icon-hot.gif) right top no-repeat;
	margin: 0 0 15px 0;
	padding:0 0 0 0;
}

table.rec-tamessage {
	margin:15px 0 15px 0;
	line-height:1.5em;
	border-collapse:collapse;
	letter-spacing:.2em;
	line-height:1.5em;
}

.rec-tamessage th {
	text-align:left;
	border-top: #666666 dotted 1px;
	padding-top: 10px;
}

.rec-tamessage td {
	border-bottom:#666666 dotted 1px;
	padding:0 0 10px 15px;
}

div.senior-voice {
	margin:0 0 15px 0;
	float: left;
}

.senior-profile td {
	width:240px;
}

/* アクセス
------------------*/

#map {
	clear:both;
	width:450px;
	height:450px;
	border:1px solid #555;
	margin:15px auto 10px;
}

#map span {
	color:#333;
}

dl.access {
	line-height:1.7em;
	width:510px;
	float:left;
	color:#4da8dc;
	margin:10px 0 10px 0;
	padding:10px;
	background-color:#e1eafe;
}

dl.access dt {
	width:510px;
	font-weight:bold;
	background:url(img/access-border.gif) repeat-x bottom;
}

dl.access dd {
	float:left;
	margin-top: 5px;
}

/*社内行事*/

.event-top h4 {
	color:#4da8dc;
	font-size:14px;
	font-weight:bold;
	width:510px;
	height:25px;
	margin:15px 0 0 0;
	background:url(img/event-bar.gif) left top no-repeat;
	padding: 2px 0 0 10px;
}

table.event-table td {
	vertical-align:top;
	padding:10px 0 0 10px;
	margin:0px;
}

table.event-table th {
	width:233px;
	padding:10px 0 0 0;
}

table.event-table th img {
	margin-bottom:10px;
}

table.event-table {
	width:530px;
	margin:5px 0 0 0;
}

/*メール送信確認画面*/

/*送信確認画面用*/

table#formmail {
	width:530px;
	border-collapse:collapse;
}

table#formmail thead td {
	padding:0 0 10px 0;
}

table#formmail tbody {
	width:530px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

table#formmail tbody tr {
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

table#formmail tbody th,
table#formmail tbody td {
	padding:5px 0px 5px 20px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

table#formmail tbody th {
	width:80px;
	background-color:#F2F2F2;
}

table#formmail tbody td {
	width:430px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

table#formmail tfoot td {
	padding:15px 0 0 0px;
}