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



/*com
-------------------------------*/
.listbox {
	width: 640px;
	margin-bottom: 20px;
}

.listbox_l {
	float: left;
	height: 143px;
	width: 190px;
}

.listbox_r {
	float: right;
	width: 430px;
}

.listbox_r p {
	line-height: 1.6em;
	margin-bottom: 10px;
}

.listbox_r ul {
	padding-left: 50px;
}

.listbox_r ul li {
	background: url(../images/common/arrow03.gif) no-repeat 0px center;
	padding-left: 15px;
	list-style: none;
}


.btn_results_list {
	height: 72px;
	width: 480px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
}

.btn_results_list a {
	height: 72px;
	width: 480px;
	background: url(../images/common/btn_results_list.jpg) no-repeat 0px 0px;
	text-indent: -9999px;
	display: block;
}

.head_detail {
	width: 640px;
	margin-bottom: 40px;
}

.head_detail_l {
	float: left;
	width: 420px;
	margin-bottom: 20px;
}

.head_detail_r {
	float: right;
	height: 150px;
	width: 200px;
	margin-bottom: 20px;
}


.feature_img_05 {
	float: left;
	margin-right: 5px;
}

.feature_img_00 {
	float: left;
	margin-right: 0px;
}


.feature_img_15 {
	float: left;
	margin-right: 15px;
	width: 190px;
	margin-bottom: 15px;
}
.feature_img_15 a:hover img {
	color:#FFFFFF;
	filter:alpha(opacity=60);
	opacity:0.6;
}



.product_list {
	width: 640px;
	margin-bottom: 20px;
	border-bottom: 1px dotted #999999;
}
.product_list_l {
	width: 190px;
	margin-bottom: 20px;
	float: left;
}
.product_list_r {
	float: right;
	width: 430px;
	margin-bottom: 20px;
}

.product_list_r_f1 {
	float: left;
	width: 380px;
}

.product_list_r_f2 {
	float: right;
	width: 40px;
}

.table_tag {
	width: 100%;
	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
}

.table_tag th {
	width: 120px;
	padding: 4px;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
}

.table_tag td {
	width: auto;
	padding: 4px;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
}
.product_list_r table {
	width: 100%;
	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
}

.product_list_r table th {
	width: 120px;
	padding: 4px;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
}

.product_list_r table td {
	width: auto;
	padding: 4px;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
}

.product_list_r table td.line_none {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
}

.product_list_r h3 {
	margin-top: 20px;
	margin-bottom: 20px;
}
.product_list_r p {
	margin-bottom: 20px;
}


ul.product_inquiry2 {
	width: 500px;
	margin-left: 120px;
	height: 30px;
	font-size: 0.9em;
	margin-bottom: 20px;
}

ul.product_inquiry3 {
	width: 630px;
	margin-left: 20px;
	height: 30px;
	font-size: 0.9em;
	margin-bottom: 20px;
}
.product_inquiry3 li , .product_inquiry2 li {
	float: left;
	list-style: none;
	text-align: center;
	width: 200px;
}

.form_inquiry {
	background: #FFFFFF url(../images/common/btn_mail.gif) no-repeat 0px 0px;
	border-style: none;
	display: block;
	height: 30px;
	width: 170px;
	text-indent: -9999px;
	margin-right: auto;
	margin-left: auto;
}

.form_drawing {
	background: #FFFFFF url(../images/common/btn_drawing.gif) no-repeat 0px 0px;
	border-style: none;
	display: block;
	height: 30px;
	width: 170px;
	text-indent: -9999px;
	margin-right: auto;
	margin-left: auto;
}

.form_catalog {
	background: #FFFFFF url(../images/common/btn_catalog.gif) no-repeat 0px 0px;
	border-style: none;
	display: block;
	height: 30px;
	width: 170px;
	text-indent: -9999px;
	margin-right: auto;
	margin-left: auto;
}




#btn_back1 {
	width: 160px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
}

#btn_back2 {
	width: 380px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
}

#btn_back2 #btn_go_before {
	width: 160px;
	float: left;
}
#btn_back2 #btn_go_list {
	width: 160px;
	float: right;
}

#btn_go_before a {
	width: 160px;
	background: url(../images/common/btn_go_before.gif) no-repeat 0px 0px;
	display: block;
	text-indent: -9999px;
	height: 40px;
}
#btn_simple_base_list a {
	width: 160px;
	display: block;
	background: url(../images/common/btn_go_list.gif) no-repeat 0px 0px;
	text-indent: -9999px;
	height: 40px;
}

#btn_park_equipment_list a {
	width: 160px;
	display: block;
	background: url(../images/common/btn_go_list.gif) no-repeat -160px 0px;
	text-indent: -9999px;
	height: 40px;
}

#btn_suspension_and_wooden_bridge_list a {
	width: 160px;
	display: block;
	background: url(../images/common/btn_go_list.gif) no-repeat -320px 0px;
	text-indent: -9999px;
	height: 40px;
}

#btn_deck_and_pier_list a {
	width: 160px;
	display: block;
	background: url(../images/common/btn_go_list.gif) no-repeat -480px 0px;
	text-indent: -9999px;
	height: 40px;
}

#btn_material_list a {
	width: 160px;
	display: block;
	background: url(../images/common/btn_go_list.gif) no-repeat -640px 0px;
	text-indent: -9999px;
	height: 40px;
}

#btn_simple_base_list a:hover {
	width: 160px;
	display: block;
	background: url(../images/common/btn_go_list.gif) no-repeat 0px -40px;
	text-indent: -9999px;
	height: 40px;
}

#btn_park_equipment_list a:hover {
	width: 160px;
	display: block;
	background: url(../images/common/btn_go_list.gif) no-repeat -160px -40px;
	text-indent: -9999px;
	height: 40px;
}

#btn_suspension_and_wooden_bridge_list a:hover {
	width: 160px;
	display: block;
	background: url(../images/common/btn_go_list.gif) no-repeat -320px -40px;
	text-indent: -9999px;
	height: 40px;
}

#btn_deck_and_pier_list a:hover {
	width: 160px;
	display: block;
	background: url(../images/common/btn_go_list.gif) no-repeat -480px -40px;
	text-indent: -9999px;
	height: 40px;
}

#btn_material_list a:hover {
	width: 160px;
	display: block;
	background: url(../images/common/btn_go_list.gif) no-repeat -640px -40px;
	text-indent: -9999px;
	height: 40px;
}

.gallery_wrap {
	width: 620px;
	margin-bottom: 20px;
	margin-left: 20px;
}

.icon_allplay {
	background: url(../images/common/icon_allplay.gif) no-repeat 99% center;
}

.indent {
	text-indent: -9999px;
	display: none;
}


/*index
-------------------------------*/
.hed_img01 {
	background:url(../images/category/product_guide/index/hed_img.jpg) 0 0 no-repeat;
	width:860px;
	height:120px;
	text-indent:-9999px;
}

.index_wrap {
	margin-left: 15px;
}

.index_l {
	float: left;
	width: 200px;
}

.index_r {
	float: right;
	width: 420px;
	padding-top: 20px;
}

.index_l_wrap {
	float: left;
	padding: 5px;
	width: 300px;
	border: 1px solid #999999;
	margin-bottom: 20px;
}

.index_r_wrap {
	float: right;
	padding: 5px;
	width: 300px;
	border: 1px solid #999999;
	margin-bottom: 20px;
}

.index_l2 {
	float: left;
	width: 120px;
}

.index_r2 {
	float: right;
	width: 170px;
}

.index_r2 p {
	margin-bottom: 10px;
}



.index_box_all {
	padding: 5px;
	width: 598px;
	margin-bottom: 20px;
	border: 1px solid #CCCCCC;
}

.index_box_all:hover {
	padding: 5px;
	width: 598px;
	margin-bottom: 20px;
	border: 1px solid #CCCCCC;
	background: #FCFCFC;
}


.index_box {
	padding: 5px;
	float: left;
	width: 288px;
	margin-right: 10px;
	margin-bottom: 20px;
	border: 1px solid #CCCCCC;
}

.index_box:hover {
	padding: 5px;
	float: left;
	width: 288px;
	margin-right: 10px;
	margin-bottom: 20px;
	border: 1px solid #CCCCCC;
	background: #FCFCFC;
}



.index_box_all h3 , .index_box h3 {
	background: url(../images/category/construction_results/index/arrow.gif) no-repeat 5px center;
	padding-left: 25px;
	font-weight: normal;
	margin-bottom: 5px;
}

.index_box_all p , .index_box p {
	padding: 10px;
	height: 4.5em;
}




/*simple_base
-------------------------------*/
.hed_img02 {
	background:url(../images/category/product_guide/simple_base/index/hed_img.jpg) 0 0 no-repeat;
	width:860px;
	height:120px;
	text-indent:-9999px;
}






.pin_foundation_construction_procedure {
	width: 610px;
	margin-bottom: 20px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #999999;
	padding: 5px;
	background: url(../images/category/product_guide/simple_base/pin_foundation/construction_procedure/bg.gif) repeat-x 0px 0px;
}
.pin_foundation_construction_procedure_l {
	float: left;
	width: 390px;
}
.pin_foundation_construction_procedure_l .no {
	font: bold 1.5em "Times New Roman", Times, serif;
	color: #FFFFFF;
	background: #3366FF;
	height: 27px;
	width: 30px;
	float: left;
	text-align: center;
	padding-top: 3px;
}
.pin_foundation_construction_procedure_l h3 {
	margin-bottom: 20px;
	float: left;
	padding-left: 10px;
	font-size: 1.2em;
	padding-top: 7px;
	padding-bottom: 2px;
	border-bottom: 1px dotted #999999;
	width: 350px;
}

.pin_foundation_construction_procedure_l p {
	padding-left: 10px;
}

.pin_foundation_construction_procedure_r {
	float: right;
	width: 200px;
}


.pin_foundation_pickup {
	width: 640px;
}

.pin_foundation_pickup_bg {
	background: url(../images/category/product_guide/simple_base/pin_foundation/index/titl_bg.gif) no-repeat 0px 0px;
	border-bottom: 5px solid #d8eff9;
}

.pin_foundation_pickup h3 {
	padding-top: 5px;
	padding-left: 10px;
	font-weight: normal;
	width: 190px;
}

.pin_foundation_pickup p {
	height: 70px;
	padding-top: 5px;
	padding-left: 20px;
	width: 180px;
}




.pin_foundation_list {
	width: 640px;
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #999999;
}
.pin_foundation_list_r {
	width: 220px;
	margin-bottom: 20px;
	float: right;
}
.pin_foundation_list_l {
	float: left;
	width: 400px;
}

.pin_foundation_list_l table {
	width: 100%;
	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
}

.pin_foundation_list_l table th {
	width: 120px;
	padding: 4px;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
}

.pin_foundation_list_l table td {
	width: auto;
	padding: 4px;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
}

.pin_foundation_list_l h3 {
	margin-top: 10px;
	margin-bottom: 10px;
}
.pin_foundation_list_l p {
	margin-bottom: 20px;
}

.about_industrial_method_table {
	width: 640px;
	margin-bottom: 20px;
	border-width: 1px;
	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
}

.about_industrial_method_table th {
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
}

.about_industrial_method_table td {
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
	padding: 5px;
}





.btn_pin_foundation {
	height: 40px;
	width: 500px;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
}

.btn_pin_foundation_l {
	height: 40px;
	width: 220px;
	float: left;
}

.btn_pin_foundation_r {
	height: 40px;
	width: 220px;
	float: right;
}

.p_kouhou a {
	height: 40px;
	width: 220px;
	background: url(../images/category/product_guide/simple_base/pin_foundation/common/btn_pin.gif) 0px 0px;
	text-indent: -9999px;
	display: block;
}

.p_tejyun a {
	height: 40px;
	width: 220px;
	background: url(../images/category/product_guide/simple_base/pin_foundation/common/btn_pin.gif) -220px 0px;
	text-indent: -9999px;
	display: block;
}

.p_back a {
	height: 40px;
	width: 220px;
	background: url(../images/category/product_guide/simple_base/pin_foundation/common/btn_pin.gif) -440px 0px;
	text-indent: -9999px;
	display: block;
}

.p_kouhou a:hover {
	height: 40px;
	width: 220px;
	background: url(../images/category/product_guide/simple_base/pin_foundation/common/btn_pin.gif) 0px -40px;
	text-indent: -9999px;
	display: block;
}

.p_tejyun a:hover {
	height: 40px;
	width: 220px;
	background: url(../images/category/product_guide/simple_base/pin_foundation/common/btn_pin.gif) -220px -40px;
	text-indent: -9999px;
	display: block;
}

.p_back a:hover {
	height: 40px;
	width: 220px;
	background: url(../images/category/product_guide/simple_base/pin_foundation/common/btn_pin.gif) -440px -40px;
	text-indent: -9999px;
	display: block;
}

.btn_sleeve_pile {
	height: 40px;
	width: 500px;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
}

.btn_sleeve_pile_l {
	height: 40px;
	width: 220px;
	float: left;
}

.btn_sleeve_pile_r {
	height: 40px;
	width: 220px;
	float: right;
}

.s_tejyun a {
	height: 40px;
	width: 220px;
	background: url(../images/category/product_guide/simple_base/sleeve_pile/common/btn_sleeve.gif) no-repeat 0px 0px;
	text-indent: -9999px;
	display: block;
}

.s_kouhou a {
	height: 40px;
	width: 220px;
	background: url(../images/category/product_guide/simple_base/sleeve_pile/common/btn_sleeve.gif) -220px 0px;
	text-indent: -9999px;
	display: block;
}

.s_back a {
	height: 40px;
	width: 220px;
	background: url(../images/category/product_guide/simple_base/pin_foundation/common/btn_pin.gif) -440px 0px;
	text-indent: -9999px;
	display: block;
}

.s_tejyun a:hover {
	height: 40px;
	width: 220px;
	background: url(../images/category/product_guide/simple_base/sleeve_pile/common/btn_sleeve.gif) 0px -40px;
	text-indent: -9999px;
	display: block;
}

.s_kouhou a:hover {
	height: 40px;
	width: 220px;
	background: url(../images/category/product_guide/simple_base/sleeve_pile/common/btn_sleeve.gif) -220px -40px;
	text-indent: -9999px;
	display: block;
}

.s_back a {
	height: 40px;
	width: 220px;
	background: url(../images/category/product_guide/simple_base/sleeve_pile/common/btn_sleeve.gif) -440px 0px;
	text-indent: -9999px;
	display: block;
}

.margin_l30 {
	margin-left: 30px;
}





/*park_equipment
-------------------------------*/
.hed_img03 {
	background:url(../images/category/product_guide/park_equipment/index/hed_img.jpg) 0 0 no-repeat;
	width:860px;
	height:120px;
	text-indent:-9999px;
}



/*deck_and_pier
-------------------------------*/
.hed_img04 {
	background:url(../images/category/product_guide/deck_and_pier/index/hed_img.jpg) 0 0 no-repeat;
	width:860px;
	height:120px;
	text-indent:-9999px;
}





/*material
-------------------------------*/
.hed_img05 {
	background:url(../images/category/product_guide/material/index/hed_img.jpg) 0 0 no-repeat;
	width:860px;
	height:120px;
	text-indent:-9999px;
}

.list {
	margin-left: 10px;
	font-size: 0.9em;
}
.list li {
	margin-right: 20px;
	list-style: none;
	background: url(../images/common/arrow03.gif) no-repeat 0px 3px;
	padding-left: 15px;
}

.wood_table {
	width: 100%;
	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
}

.wood_table th {
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
	font-weight: normal;
	background: #F3F3F3;
	padding: 5px;
}

.wood_table td {
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
	text-align: center;
	padding: 5px;
}

.wood_table td a {
	text-decoration: underline;
}



/*suspension_and_wooden_bridge
-------------------------------*/
.hed_img06 {
	background:url(../images/category/product_guide/suspension_and_wooden_bridge/index/hed_img.jpg) 0 0 no-repeat;
	width:860px;
	height:120px;
	text-indent:-9999px;
}
.bg_title_img03 {
	background: #EDF4F8;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-bottom: 10px;
}