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

* {
	margin: 0px;
	padding: 0px;
}

/*----- 共通設定 -----*/
/*-- 上マージン --*/
.top_mar5 {
	margin-top: 5px!important;
}
.top_mar10 {
	margin-top: 10px!important;
}
.top_mar15 {
	margin-top: 15px!important;
}
.top_mar20 {
	margin-top: 20px!important;
}
/*-- 右マージン --*/
.right_mar5 {
	margin-right: 5px!important;
}
.right_mar10 {
	margin-right: 10px!important;
}
.right_mar15 {
	margin-right: 15px!important;
}
.right_mar20 {
	margin-right: 20px!important;
}
.right_mar25 {
	margin-right: 25px!important;
}
.right_mar30 {
	margin-right: 30px!important;
}
.right_mar35 {
	margin-right: 35px!important;
}
.right_mar40 {
	margin-right: 40px!important;
}
/*-- 下マージン --*/
.bottom_mar5 {
	margin-bottom: 5px!important;
}
.bottom_mar10 {
	margin-bottom: 10px!important;
}
.bottom_mar15 {
	margin-bottom: 15px!important;
}
.bottom_mar20 {
	margin-bottom: 20px!important;
}
/*-- 左マージン --*/
.left_mar5 {
	margin-left: 5px!important;
}
.left_mar10 {
	margin-left: 10px!important;
}
.left_mar15 {
	margin-left: 15px!important;
}
.left_mar20 {
	margin-left: 20px!important;
}
.left_mar25 {
	margin-left: 25px!important;
}
.left_mar30 {
	margin-left: 30px!important;
}
.left_mar35 {
	margin-left: 35px!important;
}
.left_mar40 {
	margin-left: 40px!important;
}

/*----- 行揃え -----*/
.flush_right {
	text-align: right!important;
}

/*----- フォントサイズ -----*/
.font-120per {
	font-size: 120%!important;
}
.font-100per {
	font-size: 100%!important;
}
.font-85per {
	font-size: 85%!important;
}
.font-75per {
	font-size: 75%!important;
}

/*----- カラー -----*/
.orange {
	color: #ff6600;
}
.red {
	color: #CC0000;
}

/*----- 行間 -----*/
.line_height120 {
	line-height: 120%!important;
}
.line_height150 {
	line-height: 150%!important;
}
.line_height200 {
	line-height: 200%!important;
}

/*----- 行間を調節したaタグ -----*/
a.l_height120 {
	padding: 5px 0px 5px 0px;
	display: block;
	line-height: 120%;
}

/*----- アンダーライン -----*/
.under-line {
	text-decoration: underline;
}

/*----- 下経線 -----*/
.b-border {
	border-bottom: solid 1px #b5bdc2;
}

/*----- 罫線 -----*/
hr.solid {
	border-top: none;
	border-right: none;
	border-bottom: solid 1px #cccccc;
	border-left: none;
}
hr.dotted {
	border-top: none;
	border-right: none;
	border-bottom: dotted 1px #cccccc;
	border-left: none;
}

/*----- ボックス設定 -----*/
/*-- 背景色付き --*/
.bcolor {
	padding: 3px 5px 2px 5px;
	background-color: #ecf0f2;
}

/*----- マーカー付きリンク -----*/
a.left-marker {
	padding: 0px 0px 0px 15px;
	background: url(../img/marker.gif) center left no-repeat;
}

/*----- タイトル（h2） -----*/
h2 {
	margin: 0px auto 0px auto;
	clear: both;
	width: 525px;
}


/*----------------------------------------------------------------
トップページ用設定
----------------------------------------------------------------*/
ul.works,
ul.products,
ul.sell {
	margin: 0px 0px 0px 3px;
}
/*-- 工事関連 --*/
ul.works li.item01,
ul.works li.item01 a {
	display: block;
	width: 124px;
	height: 124px;
	border: none;
	list-style-type: none;
	text-indent: 0em;
	background: url(../img/navi-construction.jpg) top left no-repeat;
	background-position: 0px 0px;
	float: left;
}
ul.works li.item02,
ul.works li.item02 a {
	display: block;
	width: 124px;
	height: 124px;
	border: none;
	list-style-type: none;
	text-indent: 0em;
	background: url(../img/navi-construction.jpg) top left no-repeat;
	background-position: -124px 0px;
	float: left;
}
ul.works li.item03,
ul.works li.item03 a {
	display: block;
	width: 124px;
	height: 124px;
	border: none;
	list-style-type: none;
	text-indent: 0em;
	background: url(../img/navi-construction.jpg) top left no-repeat;
	background-position: -248px 0px;
	float: left;
}
ul.works li.item04,
ul.works li.item04 a {
	display: block;
	width: 124px;
	height: 124px;
	border: none;
	list-style-type: none;
	text-indent: 0em;
	background: url(../img/navi-construction.jpg) top left no-repeat;
	background-position: -372px 0px;
	float: left;
}
ul.works li.item05,
ul.works li.item05 a {
	display: block;
	width: 124px;
	height: 124px;
	border: none;
	list-style-type: none;
	text-indent: 0em;
	background: url(../img/navi-construction.jpg) top left no-repeat;
	background-position: -496px 0px;
	float: left;
}
ul.works li.item06,
ul.works li.item06 a {
	display: block;
	width: 124px;
	height: 124px;
	border: none;
	list-style-type: none;
	text-indent: 0em;
	background: url(../img/navi-construction.jpg) top left no-repeat;
	background-position: -620px 0px;
	float: left;
}
/*-- 製品情報 --*/
ul.products li.item01,
ul.products li.item01 a {
	display: block;
	width: 124px;
	height: 124px;
	border: none;
	list-style-type: none;
	text-indent: 0em;
	background: url(../img/navi-products.jpg) top left no-repeat;
	background-position: 0px 0px;
	float: left;
}
ul.products li.item02,
ul.products li.item02 a {
	display: block;
	width: 124px;
	height: 124px;
	border: none;
	list-style-type: none;
	text-indent: 0em;
	background: url(../img/navi-products.jpg) top left no-repeat;
	background-position: -124px 0px;
	float: left;
}
ul.products li.item03,
ul.products li.item03 a {
	display: block;
	width: 124px;
	height: 124px;
	border: none;
	list-style-type: none;
	text-indent: 0em;
	background: url(../img/navi-products.jpg) top left no-repeat;
	background-position: -248px 0px;
	float: left;
}
ul.products li.item04,
ul.products li.item04 a {
	display: block;
	width: 124px;
	height: 124px;
	border: none;
	list-style-type: none;
	text-indent: 0em;
	background: url(../img/navi-products.jpg) top left no-repeat;
	background-position: -372px 0px;
	float: left;
}
ul.products li.item05,
ul.products li.item05 a {
	display: block;
	width: 124px;
	height: 124px;
	border: none;
	list-style-type: none;
	text-indent: 0em;
	background: url(../img/navi-products.jpg) top left no-repeat;
	background-position: -496px 0px;
	float: left;
}
ul.products li.item06,
ul.products li.item06 a {
	display: block;
	width: 124px;
	height: 124px;
	border: none;
	list-style-type: none;
	text-indent: 0em;
	background: url(../img/navi-products.jpg) top left no-repeat;
	background-position: -620px 0px;
	float: left;
}
ul.products li.item07,
ul.products li.item07 a {
	display: block;
	width: 124px;
	height: 124px;
	border: none;
	list-style-type: none;
	text-indent: 0em;
	background: url(../img/navi-products.jpg) top left no-repeat;
	background-position: -744px 0px;
	float: left;
}
ul.products li.item08,
ul.products li.item08 a {
	display: block;
	width: 124px;
	height: 124px;
	border: none;
	list-style-type: none;
	text-indent: 0em;
	background: url(../img/navi-products.jpg) top left no-repeat;
	background-position: -868px 0px;
	float: left;
}
/*-- 製造販売 --*/
ul.sell li.item01,
ul.sell li.item01 a {
	display: block;
	width: 124px;
	height: 124px;
	border: none;
	list-style-type: none;
	text-indent: 0em;
	background: url(../img/navi-sell.jpg) top left no-repeat;
	background-position: 0px 0px;
	float: left;
}
ul.sell li.item02,
ul.sell li.item02 a {
	display: block;
	width: 124px;
	height: 124px;
	border: none;
	list-style-type: none;
	text-indent: 0em;
	background: url(../img/navi-sell.jpg) top left no-repeat;
	background-position: -124px 0px;
	float: left;
}
ul.sell li.item03,
ul.sell li.item03 a {
	display: block;
	width: 124px;
	height: 124px;
	border: none;
	list-style-type: none;
	text-indent: 0em;
	background: url(../img/navi-sell.jpg) top left no-repeat;
	background-position: -248px 0px;
	float: left;
}
ul.sell li.item04,
ul.sell li.item04 a {
	display: block;
	width: 124px;
	height: 124px;
	border: none;
	list-style-type: none;
	text-indent: 0em;
	background: url(../img/navi-sell.jpg) top left no-repeat;
	background-position: -372px 0px;
	float: left;
}
ul.works li.item01 a:hover,
ul.products li.item01 a:hover,
ul.sell li.item01 a:hover {
	width: 124px;
	height: 124px;
	background-position: 0px -124px;
}
ul.works li.item02 a:hover,
ul.products li.item02 a:hover,
ul.sell li.item02 a:hover {
	width: 124px;
	height: 124px;
	background-position: -124px -124px;
}
ul.works li.item03 a:hover,
ul.products li.item03 a:hover,
ul.sell li.item03 a:hover {
	width: 124px;
	height: 124px;
	background-position: -248px -124px;
}
ul.works li.item04 a:hover,
ul.products li.item04 a:hover,
ul.sell li.item04 a:hover {
	width: 124px;
	height: 124px;
	background-position: -372px -124px;
}
ul.works li.item05 a:hover,
ul.products li.item05 a:hover {
	width: 124px;
	height: 124px;
	background-position: -496px -124px;
}
ul.works li.item06 a:hover,
ul.products li.item06 a:hover {
	width: 124px;
	height: 124px;
	background-position: -620px -124px;
}
ul.products li.item07 a:hover {
	width: 124px;
	height: 124px;
	background-position: -744px -124px;
}
ul.products li.item08 a:hover {
	width: 124px;
	height: 124px;
	background-position: -868px -124px;
}


/*----------------------------------------------------------------
small_box設定
----------------------------------------------------------------*/
.small_box {
	padding: 0px 0px 5px 0px;
	clear: both;
	height: auto;
	overflow: hidden;
	background: url(../img/top-smallback-body.gif) bottom left no-repeat;
	font-size: 70%;
	text-align: left;
	line-height: 130%;
}
.small_box p {
	margin: 0px 8px 0px 8px;
}
.small_box .wraparound {
	margin: 0px 8px 0px 8px;
	padding: 0px;
	clear: both;
	height: 1em;
}
html[xmlns] .small_box .wraparound {
	margin: 0px 8px 0px 8px;
	padding: 0px;
	height: auto;
	overflow: auto;
	clear: both;
}
.small_box .wraparound img.wrap_right {
	float: right;
	margin: 0px 0px 0px 5px;
}
.small_box .link-right {
	margin: 0px 8px 0px 8px;
	padding: 0px 16px 0px 0px;
	clear: both;
	background: url(../img/marker.gif) center right no-repeat;
	text-align: right;
}
.small_box .line {
	border-top: 1px dotted #999999;
	padding-top: 5px;
}
.small_box ul {
	margin: 0px 8px 0px 8px;
	clear: both;
	list-style-type: none;
}
.small_box ul li {
	margin: 0px 0px 0px 17px;
	list-style-image: url(../img/marker.gif);
}


/*----------------------------------------------------------------
「会社概要／ごあいさつ」と「会社概要／経営理念」のフォント設定
----------------------------------------------------------------*/
body.company01,
body.company02 {
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3"!important;
}


/*----------------------------------------------------------------
その他のページ設定
----------------------------------------------------------------*/
/*----- 左側 -----*/
/*-- ぱんくずリンク --*/
#left_area .bread-clumb {
	clear: both;
	height: 30px;
	font-size: 11px;
	line-height: 100%;
}

/*----- 右側 -----*/
#right_area p {
	margin: 0px 25px 0px 25px;
	font-size: 85%;
	line-height: 160%;
	text-align: left;
}
#p_contents-title {
	display: none;
}

/*----- アンカーリンク設定 -----*/
div.anchor_area {
	margin: 0px 25px 20px 25px;
	padding: 0px 0px 2px 0px;
	text-align: center;
	border-top: solid 3px #cccccc;
	border-bottom: solid 3px #cccccc;
}
div.anchor_area ul {
	margin: 0px;
	list-style-type: none;
	clear: both;
}
div.anchor_area ul li {
	padding: 0px 0px 0px 15px;
	display: inline;
	list-style-type: none;
	background: url(../img/marker-down.gif) center left no-repeat;
	font-size: 11px;
}

/*----- テーブル設定 -----*/
/*-- 罫線付き --*/
table.with-border {
	margin: 0px auto 0px auto;
	clear: both;
	width: 475px;
	font-size: 80%;
	border-right: solid 1px #b5bdc2;
	border-bottom: solid 1px #b5bdc2;
}
table.with-border tr.bcolor {
	background-color: #ecf0f2;
}
table.with-border .v-top,
table .v-top {
	vertical-align: top;
}
table.with-border th {
	padding: 5p;
	background-color: #d0d9de;
	border-top: solid 1px #b5bdc2;
	border-left: solid 1px #b5bdc2;
}
table.with-border th.left {
	padding: 5px;
	background-color: #d0d9de;
	text-align: left;
	border-top: solid 1px #b5bdc2;
	border-left: solid 1px #b5bdc2;
}
table.with-border td {
	padding: 5px;
	text-align: left;
	border-top: solid 1px #b5bdc2;
	border-left: solid 1px #b5bdc2;
}
table.with-border td.center {
	padding: 5px;
	border-top: solid 1px #b5bdc2;
	border-left: solid 1px #b5bdc2;
}
/*-- 罫線なし --*/
table {
	margin: 0px auto 0px 25px;
	clear: both;
	font-size: 80%;
}
table td {
	padding: 5px 0px 5px 0px;
	text-align: left;
	line-height: 110%!important;
}
table td.right_padd25 {
	padding: 5px 25px 5px 0px;
	text-align: left;
	line-height: 110%!important;
}

/*----- 箇条書き -----*/
dl {
	margin: 0px 25px 0px 25px;
	text-align: left;
	clear: both;
	height: 1em;
}
html[xmlns] dl {
	margin: 0px 25px 0px 25px;
	text-align: left;
	clear: both;
	height: auto;
	overflow: hidden;
}
dl dt {
	margin-left: 2px;
	float: left;
}
dl dd {
	margin-left: 2px;
	float: left;
}
:root dl dt.itemize01 {
	width: 1em;
	float: left;
}
:root dl dd.itemize01 {
	margin-left: 1.5em;
	float: inherit;
}

/*----- 回り込み -----*/
.wraparound {
	margin: 0px 25px 0px 25px;
	padding: 0px;
	clear: both;
	height: 1em;
}
html[xmlns] .wraparound {
	margin: 0px 25px 0px 25px;
	padding: 0px;
	height: auto;
	overflow: auto;
	clear: both;
}
.wraparound img.wrap_left {
	float: left;
	margin: 0px 15px 0px 0px;
}
.wraparound img.wrap_right {
	float: right;
	margin: 0px 0px 0px 15px;
}

.submit{
	margin:15px auto;
	text-align:center;
}