/* =============================================================================
   共通
============================================================================= */


/*____________________________

	COMMON
	____________________________
*/
.pages #headerContainer {
	background: #fff;
	position: static;
}

.pages .bgTexture {
	box-shadow: 0 0 8px rgba(0,0,0,.1) inset;
	-webkit-box-shadow: 0 0 8px rgba(0,0,0,.1) inset;
	-moz-box-shadow: 0 0 8px rgba(0,0,0,.1) inset;
}
.topicPath {
	font-size: 80%;
	list-style: none;
	width: 960px;
	margin: 0 auto;
	padding: 10px 0;
}
.topicPath li {
	background: url(../images/cmn/img_arrow_topicoath.png) no-repeat left;
	float: left;
	
	margin-left: 16px;
	padding-left: 16px;
}
.topicPath li.home {
	background: none;
	margin: 0;
	padding: 0;
}


/* タブメニュー */
#Tabs {
	clear: both;
}
.tab {
	margin: 0;
	padding: 0;
	list-style: none;
}
.tab, .tab li, .tab li a {
  float: left;
	margin-right: 1px;
}
.tab li a {
	background: #f6f6f6 repeat-x bottom left;
	border: #ccc solid 1px;
	padding: 12px 16px;
	margin-bottom: -1px;
    -moz-border-top-left-radius: 6px;
    -webkit-border-top-left-radius: 6px;
    border-top-left-radius: 6px;
    -moz-border-top-right-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    border-top-right-radius: 6px;
	color: #005693;
	text-decoration: none;
	text-shadow: 1px 1px 0px #e5e5e5;
	font-size: 100%;
}
.tab li a:hover {
	filter:alpha(opacity=100) !important;
	-moz-opacity: 1.0 !important;
	opacity: 1.0 !important;
}
.tab li.active a, .tab li a:hover {
  background: #fff;
	border-bottom: #fff solid 1px;
	color: #c00;
}
.content {
	background: #fff;
	border: #ccc solid;
	border-width: 1px 0 0;
	clear: both;
	overflow: hidden;
	width: 912px;
	padding: 24px;
}
.area {
    display: none;
}

/* テーブル */
table.tbl {
    border: 1px solid #ddd;
    width: 100%;
}
table.tbl th, table.tbl td {
    border: solid #ddd;
		border-width: 1px 0;
    padding: 16px 24px;
}
table.tbl th {
	white-space: nowrap;
}
table.tbl th {
    background: url(../images/cmn/bg_th.png) repeat-y scroll right top rgba(0, 0, 0, 0);
}




/**************************************************************************************************

会社概要

**************************************************************************************************/

/* 代表あいさつ */
#Message p {
	line-height: 2;
}
p strong {
	color: #005693;
	font-size: 110%;
}
p.name {
	border-top: #ddd 1px solid;
	background: #f3f3f3;
	padding: 16px;
	margin-top: 48px;
}
p.name strong {
	color: #333;
	font-size: 130%;
}
p.name span {
	font-size: 75%;
}

/* 沿革 */
table.tbl.history th {
	vertical-align: top;
}
.historyImg {
	float: right;
	margin: 0 0 0 24px;
}


/**************************************************************************************************

事業概要

**************************************************************************************************/
#Contents02 {
}
#Contents02 h4 span {
	background: #454545;
	color: #fff;
	border-radius: 4px;
	padding: 8px 16px;
	display: inline-block;
}
#Contents02 .left {
	float: left;
	width: 288px;
}
#Contents02 .right {
	float: right;
	width: 592px;
}
#Contents01 {
}
#Contents03 {
}
#Contents03 div.clearfix {
	margin-right: -32px;
}
#Contents03 section {
	float: left;
	margin-right: 32px;
	width: 440px;
}
#Contents03 section h4 {
	position: relative;
}
#Contents03 section h4 span {
	padding: 2px 8px;
	margin-left: 16px;
	font-size: 150%;
	font-weight: normal;
	position: absolute;
	right: 0;
	bottom: 0;
}
#Contents03 section h4 span.kussaku { color: #3B6EB6;}
#Contents03 section h4 span.syunsetsu { color: #897600;}
#Contents03 section h4 span.cyousa { color: #588644;}
#Contents03 section h4 span.hasai { color: #933F2D;}
#Contents03 section h4 span.crane { color: #9A3E6C;}
#Contents03 section h4 span.sessaku { color: #705B95;}
#Contents03 section h4 span.narashi { color: #7E5D5E;}

#Contents03 section p {
	position: relative;
	line-height: 0;
}
#Contents03 section img {
	z-index: 0;
}
#Contents03 section p span {
	background: rgba(0,0,0,.6);
	color: #fff;
	position: absolute;
	display: block;
	bottom: 0;
	z-index: 1;
	padding: 8px 16px;
	line-height: 1.5em;
	width: 408px;
}

/* fancyBoc用 */
a.question {
	background: #fff;
	color: #cc0000;
	font-size: 90%;
	text-decoration: none;
	border-radius: 16px;
	padding: 0 6px;
	margin-left: 8px;
}
.outlineBox {
	margin: 0;
	padding: 32px;
}
.outlineBox h1 {
	color: #005693;
	margin: 0 0 24px;
	font-size: 130%;
}
.outlineBox img.left {
	float: left;
	margin: 0 24px 16px 0;
}
.outlineBox figure {
	text-align: center;
}
.outlineBox.content02-2 figure {
	float: left;
	width: 168px;
	margin-left: 8px;
}
.outlineBox.content02-2 figure figcaption {
	margin-bottom: 16px;
}
.outlineBox.content02-2 figure.alpha {
	margin-left: 0;
}



/**************************************************************************************************

機材・設備

**************************************************************************************************/
#Equipment div.detail {
	background: #dddddd;
	padding: 16px;
	margin-bottom: 32px;
}
#Equipment div.detail.kouryu2 {
	margin-bottom: 0;
}
#Equipment div.detail img.imgL {
	float: left;
	width: 400px;
}
#Equipment div.detail dl {
	float: right;
	width: 480px;
	text-align: right;
	font-size: 85%;
}
#Equipment div.detail dl dd.text {
	color: #005693;
	padding-top: 24px;
}
#Equipment div.detail dl dd.spec {
	background: #d6d6d6;
	border-top: #bbb 1px solid;
	border-bottom: #ebebeb 1px solid;
	margin-top: 24px;
	padding: 6px 8px;
	font-size: 90%;
}

#Equipment div#Other {
	background: url(../images/facilities/forkLine.gif) no-repeat top center;
	padding-top: 64px;
	margin: 0 auto 24px;
	width: 816px;
}
#Equipment div#Other dl {
	background: #005693;
	color: #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
	width: 256px;
	float: left;
	margin-right: 24px;
}
#Equipment div#Other dl#BackHoe {
}
#Equipment div#Other dl#BackHoe dt {
	margin: 20px 16px 28px;
}
#Equipment div#Other dl#BackHoe dd {
	background: url(../images/facilities/backHoeImg.gif) no-repeat bottom right;
	margin: 0 4px 6px auto;
}
#Equipment div#Other dl#CrabCrane {
}
#Equipment div#Other dl#CrabCrane dt {
	margin: 20px 16px 28px;
}
#Equipment div#Other dl#CrabCrane dd {
	background: url(../images/facilities/crabCraneImg.gif) no-repeat bottom right;
	margin: 0 4px 6px auto;
}
#Equipment div#Other dl#TelescopicCrane {
	margin-right: 0;
}
#Equipment div#Other dl#TelescopicCrane dt {
	margin: 8px 16px 17px;
}
#Equipment div#Other dl#TelescopicCrane dd {
	background: url(../images/facilities/telescopicCraneImg.gif) no-repeat bottom right;
	margin: 0 4px 6px auto;
}
#Equipment div#Other dl dd {
	min-height: 165px;
	padding: 0 16px;
	font-size: 80%;
}


/**************************************************************************************************

お問い合わせ

**************************************************************************************************/
ol.formFlow {
	margin: 0 0 24px 0;
	padding: 0;
	list-style: none;
}
ol.formFlow li {
	background-color: #aaa;
	background-image: url(../images/contact/bg_flow.png);
	background-position: right;
	background-repeat: no-repeat;
	color: #fff;
	float: left;
	font-size: 110%;
	width: 46%;
	padding: 12px 2%;
	text-shadow: 1px 1px 0 rgba(0,0,0,.4);
}
ol.formFlow li.active {
	background-color: #005693;
}
form#mailform {
	width: 960px;
}
form#mailform h4 {
	margin-bottom: 8px;
	float: left;
	width: 250px;
	clear: both;
}
form#mailform p {
	float: right;
	width: 650px;
}
form#mailform h4 span {
	color: #fff;
	font-size: 55%;
	font-weight: normal;
	padding: 4px 8px;
	display: inline-block;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
	margin-left: 8px;
}
form#mailform h4 span.must {
	background: #c00;
}
form#mailform h4 span.option {
	background: #999;
}
form#mailform input+h4 {
	margin-top: 14px;
}
form#mailform input.textS {
	width: 10em !important;
}
form#mailform input.textM {
	width: 20em !important;
}
form#mailform input.textL {
	width: 30em !important;
}
form#mailform textarea {
	width: 34em !important;
	height: 6em !important;
}
form#mailform input[type="text"], #Contact form textarea {
	border: #ccc 1px solid;
	color: #333;
	font-size: 110%;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
	box-shadow: 0px 2px 2px #eee inset;
	padding: 6px 8px;
	margin-bottom: 2px;
}
form#mailform input.post {
	background: #f6f6f6 url(../images/contact/bg_btn.gif) repeat-x bottom;
	border: #ccc 1px solid;
	color: #005693;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
	text-shadow: 1px 1px 0 #fff;
	padding: 6px 8px;
	cursor: pointer;
}
form#mailform p.submit {
	float: none;
	text-align: center;
	clear: both;
	width: 100%;
}
form#mailform p.submit input {
	background: #f6f6f6 url(../images/contact/bg_btn.gif) repeat-x bottom;
	border: #ccc 1px solid;
	color: #c00;
	font-size: 130%;
	font-weight: bold;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
	text-shadow: 1px 1px 0 rgba(0,0,0,.2);
	padding: 20px 64px;
	cursor: pointer;
}
form#mailform input.post:hover,
form#mailform p.submit input:hover {
	background: #f6f6f6 url(../images/contact/bg_btn_on.gif) repeat-x top;
}
#Contact .right p {
	font-size: 116.5%;
}
#Contact .right p.small {
	font-size: 90%;
}
#Map {
	margin-bottom: 28px;
}