@charset "UTF-8";

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+
+　事業紹介のスタイル
+
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

p.prodThumb {
float: left;
padding: 1px;
background: #E3E3E3
}

p.prodThumb img {
border: 1px solid #FFFFFF;
}


/* --------------------------------------------------------------------------------------
TOP
--------------------------------------------------------------------------------------- */

div#ctTop {
min-height: 184px;
margin: 0 0 0 0;
padding: 0 20px;
background: #ffffff;
}
* html div#ctTop {
height: 184px;
}

div#ctTop:after {
content: ".";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 1%;
line-height: 0;
min-height: 100%;
}
* html div#ctTop { display: inline-block; }
/* no ie mac \*/
* html div#ctTop { height: 1%; }
div#ctTop { display: block; zoom: 1; }
/* */

div.ctTopLeft {
float: left;
width: 370px;
}

div.ctTopRight {
	float: right;
	width: 370px;
}


/* --------------------------------------------------------------------------------------
一覧
--------------------------------------------------------------------------------------- */

/* 一覧の属性用 */
.listAttribute {
background-color:#F7F4EA;
margin-bottom:15px;
padding:14px 20px;
color: #B9A253;
font-weight: bold;
font-size: 117%;
}

ul.productsList {
margin-top: 17px;
background: url(../image/line_dot_gray.gif) repeat-x;
}

ul.productsList li {
padding: 8px 0 13px;
background: url(../image/line_dot_gray.gif) repeat-x left bottom;
}
ul.productsList li:after {
content: ".";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 1%;
line-height: 0;
min-height: 100%;
}
* html ul.productsList li { display: inline-block; }
/* no ie mac \*/
* html ul.productsList li { height: 1%; }
ul.productsList li { display: block; zoom: 1; }
/* */

ul.productsList li p.productsThumb {
margin-top: 4px;
}

ul.productsList li dl {
margin-left: 120px;
}
* html ul.productsList li dl {
margin-left: 117px;
}

ul.productsList li dl dt {
padding-left: 20px;
background: url(../image/icon_link.gif) no-repeat 0 .35em;
font-size: 117%;
font-weight: bold;
}
* html ul.productsList li dl dt {
margin-bottom: 5px;
}

ul.productsList li dl dd {
display: inline;
padding-right: 15px;
}

ul.productsList li dl dd img {
margin: 2px 4px 0 0;
vertical-align: top;
}
* html ul.productsList li dl dd img {
margin: -1px 4px 0 0;
vertical-align: top;
}


/* --------------------------------------------------------------------------------------
製品ができるまで
--------------------------------------------------------------------------------------- */

div.bgMaking {
	position: relative;
	width: 570px;
	height: 439px;
	background: url(../image/products/making/bg_making01.jpg) no-repeat;
}

div.bgMaking h1 {
	position: absolute;
	left: 23px;
	top: 8px;
}

div.bgMaking ul {
	position: absolute;
	left: 40px;
	top: 366px;
}

div.bgMaking ul li {
	display: inline;
	margin: 0 15px 0 0;
}


/* iron ------------------------------ */

div.ironBox {
	width: 740px;
}

div.ironBoxBtn {
	position: relative;
	width: 740px;
	height: 73px;
}

div.ironBoxBtn ul {
	position: absolute;
	width: 182px;
	left: 291px;
	top: 15px;
}

div.ironBoxBtn ul li {
	display: inline;
}

div.ironBoxBtn p.right {
	position: absolute;
	right: 0px;
	top: 10px;
}


/* ポップアップ ------------------------------ */

body#popup {
	background: #FFFFFF;
}

div#hdpopup {
position: relative;
width: 740px;
margin-left: 0px;
font-size: 0;
}

div#hdpopup ul.hdMenu {
position: absolute;
top: 19px;
right: 0px;
}

div#hdpopup ul.hdMenu li {
float: left;
padding-left: 19px;
}

div#pageAreapopup {
width: 800px;
margin: 0 auto;
background: #FFFFFF;
border-top: 4px solid #296899;
text-align: left;
}

div#pageAreapopupIn {
width: 740px;
margin: 0 auto;
background: #FFFFFF;
text-align: left;
}

div#ftpopup {
width: 100%;
background: none;
font-size: 0;
}

div#ftpopup div.ftArea {
width: 740px;
margin: 0 auto;
background: #FFFFFF;
text-align: left;
}

div#ftpopup div.ftMain {
position: relative;
width: 740px;
height: 30px;
border-top: 2px solid #296899;
background: #F0F0F0;
}

div#ftpopup div.ftMain address {
position: absolute;
top: 10px;
right: 9px;
}



/* --------------------------------------------------------------------------------------
橋梁カテゴリ－一覧
--------------------------------------------------------------------------------------- */

div.brigeCategory:after {
content: ".";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 1%;
line-height: 0;
min-height: 100%;
}
* html div.brigeCategory { display: inline-block; }
/* no ie mac \*/
* html div.brigeCategory { height: 1%; }
div.brigeCategory { display: block; zoom: 1; }
/* */

div.brigeCategory dl {
float: left;
width: 275px;
padding-top: 17px;
}

div.brigeCategory dl.right {
float: right;
}

div.brigeCategory dl.tp {
margin-top: 10px;
}

div.brigeCategory dl dt {
margin-bottom: 8px;
font-size: 0;
}

div.brigeCategory dl dd {
padding: 0 8px;
}
div.brigeCategory dl dd:after {
content: ".";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 1%;
line-height: 0;
min-height: 100%;
}
* html div.brigeCategory dl dd { display: inline-block; }
/* no ie mac \*/
* html div.brigeCategory dl dd { height: 1%; }
div.brigeCategory dl dd { display: block; zoom: 1; }
/* */

div.brigeCategory dl p.prodThumb {
display: inline;
float: right;
margin: 3px 0 10px 15px;
}
* html div.brigeCategory dl p.prodThumb {
margin-left: 12px;
}


/* --------------------------------------------------------------------------------------
詳細
--------------------------------------------------------------------------------------- */

div.imgBoxProducts {
	margin: 5px 0 20px 0;
}

div.imgBoxProducts ul li {
display: inline;
padding: 0 15px 0 0;
font-size: 86%;
}
* html div.productsList ul li {
margin-bottom: 5px;
}

div.imgBoxProducts ul li img {
margin: 2px 4px 0 0;
vertical-align: top;
}
* html div.imgBoxProducts ul li img {
margin: -1px 4px 0 0;
vertical-align: top;
}


/* テキストボックス ------------------------------ */

.boxProductsDetText {
margin: 0 10px 0 10px;
}

.boxProductsDet {
margin: 0 10px 18px 10px;
}

.boxProductsDet .linksList li {
margin: 0 0 0 15px;
padding: 0 0 0 15px;
background: url(../image/icon_outside_link.gif) no-repeat 0 .35em;
}

.boxProductsDetIn {
margin: 10px 10px 0 10px;
}

.boxProductsDetIn span.txt {
display: block;
padding: 5px 0 0 0;
color: #999999;
font-size: 86%;
line-height:1.3;
}

.boxProductsDetNone {
margin: 10px 10px 18px 10px;
}

.bg_box01Rep {
width: 570px;
margin: 0 0 18px 0;
background: url(../image/bg_box01rep.gif) repeat-y;
}

.bg_box01RepNone {
width: 570px;
margin: 0 0 0 0;
background: url(../image/bg_box01rep.gif) repeat-y;
}

.bg_box01Top {
width: 570px;
padding: 14px 0 0 0;
background: url(../image/bg_box01top.gif) no-repeat left top;
}

.bg_box01Bottom {
padding: 0 0 14px 0;
background: url(../image/bg_box01bottom.gif) no-repeat left bottom;
}


/* テーブル ------------------------------ */

.tableProducts {
width: 522px;
margin: 0 15px 0 15px;
border-collapse: collapse;
border-top: 1px #cccccc solid;
}

.tableProducts tr th {
width: 83px;
padding: 7px;
border-right: 2px #cccccc solid;
border-bottom: 1px #cccccc solid;
background: #e8eff4;
color: #333333;
font-weight: bold;
text-align: left;
vertical-align: top;
}

.tableProducts tr td {
padding: 7px;
border-bottom: 1px #cccccc solid;
}


/* ページャー ------------------------------ */
.pagerLink {
padding-top: 10px;
text-align: right;
font-size: 86%;
}

.pagerLink span.pager {
background-color: #296899;
color: #FFFFFF;
padding: 2px 5px;
margin-left: 2px;
}

.pagerLink a.pager:link {
background-color: #f0f0f0;
color: #3366cc;
padding: 2px 5px;
margin-left: 2px;
}
.pagerLink a.pager:visited {
background-color: #f0f0f0;
color: #3366cc;
padding: 2px 5px;
margin-left: 2px;
}
.pagerLink a.pager:hover {
background-color: #296899;
color: #FFFFFF;
padding: 2px 5px;
margin-left: 2px;
}
.pagerLink a.pager:active {
background-color: #296899;
color: #FFFFFF;
padding: 2px 5px;
margin-left: 2px;
}


.pagerLink a.pager.prev:link {
background: #f0f0f0 url(../image/icon_search_prev.gif) no-repeat 5px center;
padding: 2px 5px 2px 10px;
margin-left: 2px;
}
.pagerLink a.pager.prev:visited {
background: #f0f0f0 url(../image/icon_search_prev.gif) no-repeat 5px center;
padding: 2px 5px 2px 10px;
margin-left: 2px;
}
.pagerLink a.pager.prev:hover {
background: #296899 url(../image/icon_search_prev_on.gif) no-repeat 5px center;
padding: 2px 5px 2px 10px;
margin-left: 2px;
}
.pagerLink a.pager.prev:active {
background: #296899 url(../image/icon_search_prev_on.gif) no-repeat 5px center;
padding: 2px 5px 2px 10px;
margin-left: 2px;
}


.pagerLink a.pager.next:link {
background: #f0f0f0 url(../image/icon_search_next.gif) no-repeat right center;
padding: 2px 10px 2px 5px;
margin-left: 2px;
}
.pagerLink a.pager.next:visited {
background: #f0f0f0 url(../image/icon_search_next.gif) no-repeat right center;
padding: 2px 10px 2px 5px;
margin-left: 2px;
}
.pagerLink a.pager.next:hover {
background: #296899 url(../image/icon_search_next_on.gif) no-repeat right center;
padding: 2px 10px 2px 5px;
margin-left: 2px;
}
.pagerLink a.pager.next:active {
background: #296899 url(../image/icon_search_next_on.gif) no-repeat right center;
padding: 2px 10px 2px 5px;
margin-left: 2px;
}



/* --------------------------------------------------------------------------------------
地図から探す
--------------------------------------------------------------------------------------- */

/* エラーテキスト ------------------------------ */

div.errBox {
margin-bottom: 15px;
padding: 14px 20px;
background: #F7F4EA;
}

.txtRed {
color: #E98181;
font-weight: bold;
font-size: 86%;
}
div.errBox .txtRed {
font-weight: normal;
font-size: 100%;
}

p.mapBnr {
padding: 3px 0 8px 10px;
}


/* --------------------------------------------------------------------------------------
Re-BRI
--------------------------------------------------------------------------------------- */

#rebri {
margin-top: 17px;
padding-top: 1px;
background: url(../image/line_dot_gray.gif) repeat-x;
}