@charset "utf-8";

/* メタルロード工法
---------------------------------------- */
.list-bg-tokkou {
	background: url(../images/index/index_bg03.jpg) no-repeat 50% 0;
	background-size: 100% auto;
}

.list-bg-tokkou .products-list h2:first-child {
	margin-top: 0;
}

.list-bg-tokkou .products-box {
	overflow: hidden;
	float: none;
	margin-top: 0;
	width: 100%;
	border: none;
}

.products-box h3 + p {
	padding: 0 20px 0 0;
	font-size: 130%;
}

.products-box p + p {
	margin-top: 20px;
}

.list-bg-tokkou .products-box figure {
	float: left;
  width: 230px;
}

.list-bg-tokkou .products-box figure + div {
  width: 680px;
}

.list-bg-tokkou .button.pdf-btn {
	margin-top: 20px;
	text-align: right;
}

.list-bg-tokkou .button.pdf-btn p {
	display: inline-block;
	width: 320px;
	text-align: left;
}

/*----- TOP -----*/
.top_banner_wrap{
	margin:0px;
}
.top_banner_wrap a:hover{
	opacity:0.7;
	cursor:pointer;
}
.top_banner{
	width:313px;
	margin-right:5px;
	display:inline-block;
	vertical-align:top;
}
.top_banner:last-child{
	margin-right:0px;
}


.top_item_wrap{
	margin-top:55px;
}
.top_item:first-child{
	width:313px;
	height:270px;
	border:#DCDDDD 5px solid;
	margin-right:5px;
	display:inline-block;
	vertical-align:top;
}
.top_item{
	width:220px;
	border:none;
	margin-right:5px;
	display:inline-block;
}
	.top_item .item_tx{
		background:#DCDDDD ;
		height:45px;
		font-size: 139%;
		font-weight:bold;
		color:#0C213D;
		line-height:45px;
		padding-left:15px;
	}
	.top_item > p{
		margin: 15px 15px 0px;
		text-align:justify;
		font-size:124%;
		line-height:1.5em;
	}
	.top_item > p span{
		font-weight:bold;
	}

/*#innercontent{
	font-size:139%;
}*/
.outline_wrap{
	clear:both;
	overflow:hidden;
}
	.outline_wrap .outline_tx{
		width:710px;
		float:right;
		font-size:139%;
	}

/* .contentscolumn内 */
#s-navi{
	width:200px;
	margin-right:15px;
	float:left;
	font-size:124%;
}
	#s-navi > ul{
		margin:0;
	}
	#s-navi > ul > li.line1{
		border-bottom:#1D4C9F 1px solid;
		padding-left:10px;
		height:60px;
		line-height:60px;
	}
	#s-navi > ul > li.line2{
		border-bottom:#1D4C9F 1px solid;
		padding:9px 0px 9px 10px;
		line-height:1.3;
	}

#main-column{
	width:712px;
	float:right;
}

/*↓↓↓↓↓　OldSiteからコピー　↓↓↓↓↓*/
/* --------------------------------------------------
画像
-------------------------------------------------- */
/*img {
	border: 0;
	vertical-align: middle;
	}
img.logo {
	float: left;
	margin: 10px 0;
	}
img.topimg {
	float: left;
	margin: 0 0 10px 0;
	}
img.limark {
	margin-right: 3px;
	border: 0;
	vertical-align: middle;
	}
img.zumen {
	margin: 0 0 1em 0;
	}*/

img.jack {
	clear: both;
	float: left;
	}
/* for underIE7---- */
*+html body img.jack {
	clear: both;
	float: left;
	}
/* for underIE6---- */
* html body img.jack {
	float: left;
	}

/* ----------h3見出し----------*/
/*h3 {
	clear: both;
	margin: 0 0 1em -10px;
	padding: 0px 5px;
	border-top: 1px #FF9900 solid;
	border-bottom: 1px #FF9900 solid;
	background-color: #f1fcff;
	color: #666666;
	font-size: 115%;
	}
h3.first {
	clear: both;
	margin: 0px 0 1em -10px;
	}
h3.inbox {
	clear: both;
	margin: 0em 0 1em 0px;
	}*/
h2.jack {
	clear: none;
	float: left;
	width: 600px;
	margin: 0 0 10px 10px;
	padding:0;
	background: none;
	color:#003365;
	font-size: 38px;
	line-height: 1.2;
	}
h4.outline {
	clear: both;
	width: 250px;
	height: 50px;
	margin: 0 0px 2em 0;
	padding: 0;
	border: none;
	color: #666666;
	background: url(../images/tokkou/titles/ttl_steplod.gif) no-repeat;
	font-size: 100%;
	text-indent: -999em;
	}
h5.outline {
	clear: both;
	width: 300px;
	height: 1.5em;
	margin: 15px 0 5px 0px;
	padding: 0px 5px;
	border-left: 5px #FF9900 double;
	border-bottom: 1px #FF9900 solid;
	background: none;
	color: #666666;
	font-size: 100%;
	text-indent: 0;
	}
* html body h5.outline {
	clear: both;
	width: 290px;
	height: 1.5em;
	margin: 15px 0px 5px 0px;
	padding: 0px 5px;
	border-left: 5px #FF9900 double;
	border-bottom: 1px #FF9900 dashed;
	background: none;
	color: #666666;
	font-size: 100%;
	text-indent: 0;
	}

p.jack_tx{
	clear:both;
	margin-bottom:25px;
	display:inline-block;
}

/* ---------- 工法概要　ボックス ----------*/
div#outline {
	clear: both;
	width: 712x;
	height: 270px;
	margin: 0;
	padding: 0;
	background: url(../images/tokkou/outline/outline.gif) no-repeat 0 10px;
	}

div.outlinelink {
	clear: both;
	height: 30px;
	margin: 8px 0px 0 0px;
	background: url(../images/tokkou/outline/dottedline.gif) no-repeat ;
}
/* for IE7---- */
*+html body div.outlinelink {
	clear: both;
	height: 30px;
	margin: 0.3em 80px 0 80px;
	background: url(../images/tokkou/outline/dottedline.gif) no-repeat ;
	}
/* for underIE6---- */
* html body div.outlinelink {
	clear: both;
	height: 30px;
	margin: 0 80px 0 80px;
	background: url(../images/tokkou/outline/dottedline.gif) no-repeat ;
	}

div.outlinelink p {
	float: left;
	margin: 0;
	padding: 5px 0.3em 0 0;
	height: 30px;
	vertical-align: center;
	background-color: #ffffff;

	}
/* 工法概要　ジャンプメニュー
-------------------------------------------------- */
ul.outlinemenu {
	float: right;
	width: 160px; height: 30px;
	margin-right: 200px;
	padding: 0;
	list-style: none;
	background: none;
	}
ul.outlinemenu li {
	list-style: none;
	margin: 0;
	padding: 0;
	text-indent: -900em; /* テキストを表示させないためのマイナス値 */
	background: none;
	}
ul.outlinemenu li a,ul.outlinemenu li a:hover {
	display: block;
	margin: 0;
	padding: 0;
	text-decoration: none;
	border: none;
	background: url(../images/tokkou/outline/outline_menu.gif) no-repeat;
	}
/* IE6用----- */
* html body ul.outlinemenu li a:hover {
	display: block;
	margin: 0;
	padding: 0 0 1px 0;
	text-decoration: none;
	border: none;
	background: url(../images/tokkou/outline/outline_menu.gif) no-repeat;
	}
/* アップダウン工法 ------------- */
ul.outlinemenu li#updown a {
	width: 160px; height: 30px;
	background-position: 0px 0px;
	}
ul.outlinemenu li#updown a:hover {
	width: 160px; height: 30px;
	background-position: -160px 0px;
	}
/* スライド工法 ------------- */
ul.outlinemenu li#slide a {
	width: 160px; height: 30px;
	background-position: 0px -30px;
	}
ul.outlinemenu li#slide a:hover {
	width: 160px; height: 30px;
	background-position: -160px -30px;
	}
/* ジャンプアップ工法 ------------- */
ul.outlinemenu li#jumpup a {
	width: 160px; height: 30px;
	background-position: 0px -60px;
	}
ul.outlinemenu li#jumpup a:hover {
	width: 160px; height: 30px;
	background-position: -160px -60px;
	}
/* プリング工法 ------------- */
ul.outlinemenu li#pulling a {
	width: 160px; height: 30px;
	background-position: 0px -90px;
	}
ul.outlinemenu li#pulling a:hover {
	width: 160px; height: 30px;
	background-position: -160px -90px;
	}
/* 支承取替工法 ------------- */
ul.outlinemenu li#bearing a {
	width: 160px; height: 30px;
	background-position: 0px -120px;
	}
ul.outlinemenu li#bearing a:hover {
	width: 160px; height: 30px;
	background-position: -160px -120px;
	}

/* ---------- 角丸ボーダーボックス ----------*/
.rbdrbox {
  width: 676px;/*712*/
	font-size:139%;
  margin: 1em auto;
	padding:15px;
	border:#F29518 3px solid;
	border-radius: 8px;        /* CSS3草案 */
   -webkit-border-radius: 8px;    /* Safari,Google Chrome用 */
   -moz-border-radius: 8px;   /* Firefox用 */
}
/*.rbdrbox div.topleft {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 15px 0px 0px 15px;
	background: url("../images/rbdrbox.gif") top left no-repeat;
}
.rbdrbox div.topright {
	display: block;
	margin: -15px 0px 0px 0px;
	padding: 0px 15px 0px 0px;
	background: url("../images/rbdrbox.gif") top right no-repeat;
}
.rbdrbox div.topright div.clearfix {
	margin: 0;
	padding: 15px 0 0 0;
	}
.rbdrbox div.bottomleft {
	display: block;
	height: 15px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url("../images/rbdrbox.gif") bottom left no-repeat;
}
.rbdrbox div.bottomright {
	display: block;
	height: 15px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url("../images/rbdrbox.gif") bottom right no-repeat;
}*/

/* フロート
-------------------------------------------------- */
.left {
	float: left;
}
.right {
	float: right;
}
.clear {
	clear: both;
}

.list-bg-tokkou .contentscolumn h2:first-child {
    margin-top: 0;
}

html>body div.pdfthumb {
    float: left;
    width: 205px;
    margin: 0 5px 0 15px;
    text-align: center;
}

div.pdfthumb p {
    font-size: 12px!important;
    white-space: nowrap;
}

html>body div.pdflink {
    float: left;
    width: 670px;
    margin: 0 15px 0 5px;
    text-align: left;
}
.dldscrpt {
    float: right;
    width: 250px;
    margin: 0.5em 0 0 0;
    color: #888888;
    font-size: 82%;
    line-height: 1.5;
}

h4.download {
    clear: both;
    margin: 0 0 1em 0px;
    padding: 0px 5px;
    border-left: 5px #FF9900 double;
    border-bottom: 1px #FF9900 solid;
    color: #666666;
    font-size: 100%;
}

div.contentscolumn ul.download {
    float: right;
    list-style: none;
    width: 260px;
    height: 30px;
    margin: 0;
    padding: 0;
}

div.contentscolumn ul.download li {
    display: inline;
    float: left;
    margin: 0;
    padding: 0;
    text-indent: -100em;
}

div.contentscolumn ul.download li a {
    display: block;
    width: 260px;
    height: 30px;
    padding: 0;
    margin: 0;
    border: none;
    background: url(../images/pdfdownload/but_download.gif) no-repeat;
    background-position: 0px 0px;
    text-decoration: none;
}

div.contentscolumn ul.download li a:hover {
	background-position: -260px;
}

ul.drou_page li {
    list-style: none;
    margin: 0 5px 0.5em 20px;
    padding: 0px 0px 0px 15px;
    background: url(../tokkou/images/arrw_r-b.gif) no-repeat 0px 0.2em;
    font-size: 100%;
    vertical-align: middle;
}
.zumen td {
	text-align: right;
    padding-right: 10px;
    padding-left: 10px;
}
.zumen table , th, .zumen td {
    border: 1px #8F8F8F solid;
    border-collapse: collapse;
}