/*-- 

	Solution
	/pro/solution

====================================================== --*/

/*-- トップ --*/
/*-- ------------------------------------------------- --*/
#Solution .promote{
	margin:50px 0px 50px;
}
#Solution .promote dt{
	color:#E9192B;
	font-size:131%;
	margin:0px 0px 20px;
}
#Solution .promote dd{
	height:195px;
}
#Solution .promote dd li{
	float:left;
	width:230px;
	margin:0px 20px 0px 0px;
}
#Solution .promote dd li:nth-of-type(4n){
	margin-right:0px;
}
#Solution .promote dd li:nth-of-type(4n+1){
	clear:both;
}

#Solution .promote dd li:last-child{
	float:right;
	margin:0px;
}

#Solution .promote dd li a{
	display:block;
	width:230px;
	text-decoration:none;
	background:url(../../images/product/category/subject_bg.gif) no-repeat left bottom;
	color:white;
}
#Solution .promote dd li a p{
	width:230px;
	height:45px;
	display:table-cell;
	vertical-align:middle;
	margin:0px;
	text-align:center;
	font-size:93%;
	line-height:1.3em;
}



#Solution .solutionList{
	background:url(../../images/solution/list_bg02.gif) no-repeat left bottom,url(../../images/solution/list_bg.gif) repeat-y left top;
	border-top:3px solid #E9192B;
	padding:0px 0px 24px 20px;
	margin:0px 0px 50px;
}
#Solution .solutionList dl{
	float:left;
	border-top:20px solid #F0F0F0;
	width:400px;
	padding:25px 30px 15px;
	margin:0px 20px 0px 0px;
}
#Solution .solutionList dl:nth-of-type(2n+1){
	clear:both;
}

#Solution .solutionList dl dt{
	color:#E9192B;
	font-size:131%;
	margin:0px 0px 15px;
}
#Solution .solutionList dl dd > ul > li{
	margin:0px 0px 10px;
	letter-spacing:1px;
}
#Solution .solutionList dl dd > ul > li > a{
	font-weight:bold;
	display:inline-block;
	font-size:116%;
	line-height:1.5em;
	padding:0px 0px 0px 10px;
	background:url(../img/mark_link02.gif) no-repeat 0px 0.4em;
	text-decoration:none;
}
#Solution .solutionList dl dd > ul > li > a:hover{
	text-decoration:underline;
}
#Solution .solutionList dl dd > ul > li ul{
	margin:5px 0px 0px;
}
#Solution .solutionList dl dd > ul > li li{
	margin:0px 0px 5px 10px;
}


/*-- 製品第3階層 カテゴリ詳細 --*/
/*-- ------------------------------------------------- --*/
#Solution .solutionDetail{
}
#Solution .solutionDetail h3,
#Solution .solutionDetail h4{
	clear:both;
}
#Solution .solutionDetail h3.ex,
#Solution .solutionDetail h4.ex{
	clear:none;
}
#Solution .solutionDetail h3.img{
	background:none;
	padding:0px;
	margin:-20px auto 25px;
}
#Solution .solutionDetail p + h3{
	margin-top:40px;
}
#Solution .solutionDetail .catch{
	font-size:138.5%;
}

#Solution .solutionDetail div.img,
#Solution .solutionDetail img.img{
	float:left;
	margin:0px 40px 50px 0px;
	width:400px;
}

#Solution .solutionDetail p .caution{
	color:#E91A2C;
}

#Solution .solutionDetail .imgCenter{
	text-align:center;
	clear:both;
	margin:30px 0px 60px;
}
#Solution .solutionDetail .imgCenter img{
	max-width:100%;
}
#Solution .solutionDetail .imgCenter + p{
	margin-top:-30px;
}
#Solution .solutionDetail .imgLeft{
	float:left;
	margin:0px 40px 40px 0px;
	width:360px;
}
#Solution .solutionDetail .imgRight{
	float:right;
	margin:0px 0px 40px 40px;
}


#Solution .solutionDetail .lead{
	font-size:108%;
}


#Solution .solutionDetail .variation li{
	float:left;
	width:312px;
	margin:0px 22px 30px 0px;
}
#Solution .solutionDetail .variation li img{
	width:100%;
}
#Solution .solutionDetail .variation li:nth-of-type(3n){
	margin-right:0px;
}
#Solution .solutionDetail .variation li:nth-of-type(3n+1){
	clear:both;
}
#Solution .solutionDetail .variation li:last-of-type{
	margin-bottom:40px;
}
#Solution .solutionDetail .variation li a{
	display:block;
	width:312px;
	text-decoration:none;
}
#Solution .solutionDetail .variation li dl{
	margin:10px 0px 0px;
	font-size:93%;
}
#Solution .solutionDetail .variation li dl dt{
	margin:0px 0px 8px;
}
#Solution .solutionDetail .variation li a dl dt{
	text-decoration:underline;
}
#Solution .solutionDetail .variation li a:hover dl dt{
	text-decoration:none;
}



/*-- 製品第3階層 カテゴリ個別　物流倉庫の安全対策をしたい --*/
/*-- ------------------------------------------------- --*/
#Solution .nestainerAbout{
	width:980px;
	text-align:center;
}
#Solution .nestainerAbout div{
	float:left;
	width:350px;
	text-align:left;
	margin-bottom:20px;
}
#Solution .nestainerAbout div + div{
	float:right;
}
#Solution .nestainerAbout div > img{
	margin:0px 0px 10px;
}
#Solution .nestainerAbout > img{
	margin:60px 0px 0px;
}
#Solution .nestainerAbout div  p img{
	float:left;
	margin:0px 10px 10px 0px;
}

/*-- クックチルブログ --*/
/*-- ------------------------------------------------- --*/
#Solution .blog .blogList{
	width:970px;
	background:url(../img/bg_shadow.gif) no-repeat left bottom #F0F0F0;
	padding:30px 5px 5px;
	margin:0px 0px 40px;
}
#Solution .blog .blogList > ul > li{
	float:left;
	width:212px;
	margin:0px 0px 30px 25px;
	background:white;
	min-height:281px;
	padding:0px 0px 15px;
}
#Solution .blog .blogList > ul > li:nth-of-type(4n+1){
	clear:both;
}
#Solution .blog .blogList li a{
	display:block;
}
#Solution .blog .blogList li a img{
	width:212px;
}
#Solution .blog .blogList li ul{
	margin:20px 20px 10px;
	font-size:0px;
}
#Solution .blog .blogList li li{
	display:inline-block;
	margin:0px 3px 3px 0px;
	background:#DD1524;
	color:white;
	font-size:13px;
	line-height:22px;
	padding:0px 5px;
}

#Solution .blog .blogList li li a{
	background:#DD1524;
	color:white;
	text-decoration:none;
	white-space:nowrap;
}
#Solution .blog .blogList li li a:hover{
	text-decoration:underline;
}

#Solution .blog .blogList li p{
	margin:0px 20px 0px;
	line-height:1.5em;
	letter-spacing:0px;
}
#Solution .blog .blogList li p:last-child{
	font-size:85%;
	margin:10px 20px 0px;
}

#Solution .blog .blogList nav{
	text-align:center;
	padding:5px 0px 0px;
	margin:0px 0px 30px;
	clear:both;
}

#Solution .blog .solutionList{
	margin:0px 0px 50px;
}
#Solution .blog .solutionList h2{
	background:none;
	border:none;
	font-size:131%;
	padding:0px;
	margin:0px 0px 20px;
}

#Solution .blog .solutionList ul{
	height:210px;
}
#Solution .blog .solutionList ul li{
	float:left;
	width:230px;
	margin:0px 0px 0px 20px;
}
#Solution .blog .solutionList ul li:first-child{
	margin:0px;
}
#Solution .blog .solutionList ul li a{
	display:block;
	text-decoration:none;
	position:relative;
}
#Solution .blog .solutionList ul li a span{
	display:block;
	text-align:center;
	color:white;
	position:absolute;
	left:0px;
	bottom:0px;
	background:rgba(0,0,0,0.9);
	font-size:108%;
	padding:10px 0px;
	width:100%;
	line-height:1.3em;
}


/*-- クックチルブログ詳細 --*/
/*-- ------------------------------------------------- --*/
#Solution h1.blogTitle{
	height:auto;
	padding-bottom:71px;
}
#Solution h1.blogTitle + div{
	width:980px;
	margin:-77px auto 0px;
	height:77px;
}
#Solution h1.blogTitle + div *{
	display:inline-block;
}
#Solution h1.blogTitle + div li{
	margin:0px 3px 3px 0px;
	background:#DD1524;
	color:white;
	font-size:13px;
	line-height:22px;
	padding:0px 5px;
}
#Solution h1.blogTitle + div li a{
	color:white;
	text-decoration:none;
}
#Solution h1.blogTitle + div p{
	line-height:22px;
	margin:0px 0px 0px 10px;
	
}

#Solution .blogDetail .imgLeft{
	float:left;
	margin:0px 40px 20px 0px;
}
#Solution .blogDetail .imgRight{
	float:right;
	margin:0px 0px 20px 40px;
}
#Solution .blogDetail .imgCenter{
	display:block;
	margin:0px auto 30px auto;
}

#Solution .blogDetail > table{
	margin:30px 0px 30px;
	width:100%;
	border-collapse:collapse;
}
#Solution .blogDetail > table th{
	text-align:center;
	background:#f0f0f0;
	vertical-align:middle;
	border:1px solid #dcdcdc;
	line-height:1.6em;
	padding:10px 12px;
	font-weight:normal;
}
#Solution .blogDetail > table td{
	text-align:center;
	vertical-align:middle;
	line-height:1.7em;
	border:1px solid #dcdcdc;
	padding:10px 12px;
}




#Solution .blogDetail .author{
	width:920px;
	margin:40px auto;
	border:1px solid #dcdcdc;
	padding:29px;
}
#Solution .blogDetail .author > dt{
	color:#E91B2D;
	line-height:1.6em;
	font-size:131%;
	padding:0px 0px 10px;
	border-bottom:1px solid #dcdcdc;
	margin:0px 0px 20px;
}

#Solution .blogDetail .author > dd{
	position:relative;
	min-height:140px;
}
#Solution .blogDetail .author dd img{
	position:absolute;
	left:0px;
	top:0px;
}
#Solution .blogDetail .author dd img + dl{
	margin:0px 0px 0px 180px;
}
#Solution .blogDetail .author dd dl dt{
	line-height:1.6em;
	font-size:131%;
}
#Solution .blogDetail .author dd dl p{
	margin:10px 0px 0px;
}
#Solution .blogDetail .author dd dl p:first-child{
	font-size:85%;
	margin:0px;
	font-weight:bold;
}


#Solution .blogDetail .prevnext{
	width:980px;
	margin:40px auto;
	border-top:1px solid #dcdcdc;
	border-bottom:1px solid #dcdcdc;
	padding:30px 0px;
	text-align:center;
	font-size:1px;
}
#Solution .blogDetail .prevnext li{
	display:inline-block;
	margin:0px 10px;
	
}



#Solution .blogDetail .relation{
	width:920px;
	background:url(../img/bg_shadow.gif) no-repeat left bottom #F0F0F0;
	padding:30px 30px 15px;
	margin:0px 0px 50px;
}
#Solution .blogDetail .relation > dt{
	line-height:1.6em;
	font-size:131%;
	margin:0px 0px 20px;
}
#Solution .blogDetail .relation > dd table td{
	text-align:left;
	vertical-align:top;
	padding:0px 0px 10px;
	line-height:1.5em;
}
#Solution .blogDetail .relation > dd table td:first-child{
	white-space:nowrap;
	font-size:1px;
}
#Solution .blogDetail .relation > dd table td:first-child a{
	margin:0px 3px 3px 0px;
	background:#DD1524;
	color:white;
	font-size:13px;
	line-height:22px;
	text-decoration:none;
	padding:0px 5px;
	display:inline-block;
}
#Solution .blogDetail .relation > dd table td:first-child a:hover{
	text-decoration:underline;
}
#Solution .blogDetail .relation > dd table td:nth-of-type(2){
	padding:0px 15px 10px 15px;
	white-space:nowrap;
}
#Solution .blogDetail .relation > dd table td:nth-of-type(3){
	padding:0px 15px 10px 0px;
	white-space:nowrap;
}
/*
#Solution .blogDetail .relation > dd > ul > li *{
	display:inline;
}
#Solution .blogDetail .relation > dd > ul > li li{
	margin:0px 3px 3px 0px;
	background:#DD1524;
	color:white;
	font-size:13px;
	line-height:22px;
	padding:0px 5px;
}
#Solution .blogDetail .relation > dd > ul > li dt{
	font-weight:normal;
}
#Solution .blogDetail .relation > dd > ul > li li a{
	color:white;
}
*/

 .with_img{
    position:relative;
    height:252px;
    padding-left:400px;
}
.with_img img{
    position: absolute;
    top:0;
    left:0;
}
.contents > section p a{
    color:#000 ;
}
/*--  #OderMade 20141129 --*/
#OrderMade .img_box li{
    display: inline-block;
    margin-right:20px;
    padding-bottom:20px;
}
#OrderMade .img_box li:last-child{
    margin-right: 0;
}


/*--  #HACCAP 20141129 --*/
#HACCAP .main_copy{
    position: relative;
    height: 174px;
    padding-left:285px;
    padding-bottom: 20px;
}
#HACCAP .main_copy img{
    position: absolute;
    top:0;
    left:0;
}
#HACCAP .sub_copy {
    position: relative;
    height: 252px;
    padding-left: 400px;
    padding-bottom: 20px;
}
#HACCAP .sub_copy img{
    position: absolute;
    top:0;
    left:0;
}
#HACCAP .variation li{
display: block;
float: left;
width: 312px;
margin: 0px 22px 30px 0px;
}

#HACCAP .footernatation{
    width:900px;
    margin:30px auto;
    border: solid 1px #ddd;
    padding:20px;
    box-sizing : border-box;
}
#HACCAP .footernatation span{
    display: block;
    padding-bottom:10px;
}
#HACCAP .footernatation .title{
   font-size: 18px;
}
#HACCAP .footernatation td{
    padding:5px;
    vertical-align: top;
}
#HACCAP .footernatation td:first-child{
    width: 50px;
}
#HACCAP .columen2_title{
    vertical-align:top;
    padding-bottom:20px;
}
#HACCAP .columen2_title span{
    display:inline-block;
    width:312px;
    margin-right:20px;
    font-size:1.2em;
    font-weight:bold;
}

#HACCAP .table_box{
    position:relative;
    width:900px;
    margin: 0 auto;
    padding-bottom: 30px;
}
#HACCAP .table_box table{
    border-collapse:collapse;
    border:0px;
}
#HACCAP .table_box table td{
    border-left: solid 1px #4b82bd;
    border-bottom: solid 1px #4b82bd;
    box-sizing: border-box;
}
#HACCAP .table_box table tr:first-child{
    height:395px;
}
#HACCAP .table_box table td{
    postion:relative;
    padding: 10px 0;
    width: 260px;
    text-align: center;
}

#HACCAP .table_box table tr:first-child td{
    vertical-align :top;
}
#HACCAP .table_box table td:first-child{
    width: 120px;
    vertical-align :center;
}
#HACCAP .table_box table td:last-child{
    border-right: solid 1px #4b82bd;
}
#HACCAP .table_box table td span.b{
    display: block;
}
#HACCAP .table_box .footage_text{
    border-left: solid 1px #4b82bd;
    border-right: solid 1px #4b82bd;
    border-bottom: solid 1px #4b82bd;
    padding:30px;
}
#HACCAP .table_box table td span.txt_b{
    font-size: 1.2em;
}
#HACCAP .table_box table td span.txt_s{
    font-size: 0.8em;
}
#HACCAP .table_box table td span.title{
    font-size:1.2em;
    color: #2266ae;
}
#HACCAP .table_box table td span.copy{
    display: block;
    padding:5px 10px;
    text-align:left;
}
#HACCAP .table_box table td.noPadding{
	padding:0;
}
#HACCAP .table_box table td.noPadding div{
	position: relative;
	height:70px;
}
#HACCAP .table_box table td.noPadding div P.left{
	display:block;
	top:0;
	left:-1px;
	position:absolute;
	widhth: 30px;
	background: #4b82bd;
	height: 71px;
	border-left: solid 1px #fff;
	line-height: 1.1em;
	font-size:12px;
	color: #fff;
}
#HACCAP .table_box table td.noPadding div P.left span{
	display:block;
	padding: 15px 5px 0;
}
#HACCAP .table_box table td.noPadding div.clumon3{
    height:233px;	
}
#HACCAP .table_box table td.noPadding div.clumon3 span{
	display:inline-block;
	margin-top:90px;
}
#HACCAP .table_box table td.noPadding div P.with_border{
	border-bottom: solid 1px #fff;
}
#HACCAP .table_box table td.noPadding div P.with_border span{
	padding: 3px 5px 0;
}
#HACCAP .table_box table td.noPadding div P.right{
		display:block;
	position:absolute;
	top:0;
	right:0;
	widht: 30px !important;
	background: #4b82bd;
    height:233px;	
}
#HACCAP .table_box table td.noPadding div P.right span.ta1{
	display:block;
	padding: 50px 5px 0;
	height:144px;
	border-bottom:solid 1px #fff;
	box-sizing:border-box;
	color:#fff;
	margin:0;
	font-size:11 px;
}
#HACCAP .table_box table td.noPadding div P.right span.ta2{
	display:block;
	box-sizing:border-box;
	padding-top:30px;
	color:#fff;
	padding: 15px 5px 0;
	margin:0;
	font-size:11 px;
	
}
#HACCAP .table_footage{
	    width:900px;
		display:block;
		margin: -10px 0 0;
		padding:0 40px;
}
#HACCAP .Mtoro_img{
	position:absolute;
	right: 10px;
	top:220px;
	width:501px;
	height:239px;
}
#HACCAP .Mtoro_img > div{
	position: relative;
}
#HACCAP .Mtoro_img > div a{
	position:absolute;
	display: block;
	width: 250px;
	height:200px;
}
#HACCAP .Mtoro_img > div a.link1{
	top:0;
	left:0;
}
#HACCAP .Mtoro_img > div a.link2{
	top:0;
	left:260px;
	
}