/* ----------------------------------------------
contents machi
---------------------------------------------- */


/* article common
---------------------------------------------- */
.machi{
	color:#231815;
}
/* h1 */
.machi h1{
	text-align:center;
	margin-bottom:16px;
}

/* sec title */
.machi .title-box{
	overflow:hidden;
	line-height:1;
	background-image:url(/products/construction/safetycity/img/machi/bg-ttl-machi.jpg);
	background-repeat:no-repeat;
	background-position:bottom right;
	margin-bottom:20px;

	position:relative;
}

.machi .title-box span{
	padding:0 2px 4px 2px;
	float:left;
	background-color:#39886c;
	font-size: 212.5%; /* 34px */
	color:#fff;
}

.machi .title-box h2{
	font-size:150%; /* 24px */
	float:left;
	padding:4px 0 4px 6px;
}

.machi .title-box .link-list{
	position:absolute;
	right:0;
	bottom:6px;
	list-style:none;
	line-height:1;
}

.machi .title-box .link-list li{
	background-image:url(/products/construction/safetycity/img/common/ico-h2-list-bg01.png);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:24px;
	margin-left:16px;
	float:left;
}

.machi .title-box .link-list li a{
	color:#203f9c;
	text-decoration:none;
}

.machi .title-box .link-list li a:hover{
	color:#b5b5b6;
}

/* sec content */
.machi .content-box{
	margin-left:28px;
}
.machi h3{
	font-size:125.0%;
	color:#39886c;
	margin-bottom:8px;
}

.machi p.list-text{
	margin-left:1em;
	text-indent:-1em;
	padding-bottom:4px;
}

.machi p.list-text:before{
	content:"●";
	color:#39886c;
}

.machi .fr-img{
	float:right;
	padding-left:2em;
}

.machi .center-img{
	text-align:center;
}

.machi .center-img .caption{
	font-size:93.8%; /* 15px */
	margin-bottom:4px;
}
.machi .center-img .note{
	text-align:right;
	font-size:93.8%; /* 15px */
}

.machi .sec{
	margin-bottom:24px;
	overflow:hidden;
}

.machi .small{
	font-size:93.8%; /* 15px */
}

/* h4 */
.machi .bg-box{
	background-image:url(/products/construction/safetycity/img/machi/bg-machi-h4-02.jpg);
	display: inline-block;  
    *display: inline;  
    *zoom: 1; 
}

.machi .bg-box h4{
	background-image:url(/products/construction/safetycity/img/machi/bg-machi-h4-01.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
	background-size:100% 100%; /* over ie9 */
	color:#39886c;
	padding:4px 16px 8px;
}

.machi .bg-box .img-box{
	text-align:center;
	padding:16px;
}

.machi .clear{
	clear:both;
}

/* sec1 -------------------- */
.machi .sec1{
	padding:16px 37px 16px 80px;
}

.right-img{
	text-align:right;
}

.machi .sec1 .fr-img p{
	text-align:center;
	font-size:93.8%; /* 15px */
}



/* sec2 -------------------- */
.sec2{
	padding:88px 37px 0 80px;
}

/* 02-01 */
.machi .sec2 .img-box{
	text-align:left;
}

.machi .sec2 .img-box .float-box{
	overflow:hidden;
}

.machi .sec2 .img-box .float-box .left{
	float:left;
}

.machi .sec2 .img-box .float-box .right{
	float:right;
}

/* sec2 bg-box */
.machi .sec2 .bg-box .img-box ul{
	list-style:none;
	overflow:hidden;
}

.machi .sec2 .bg-box .img-box ul li{
	float:left;
	font-size:93.8%; /* 15px */
	padding-right:16px;

	text-align:center;
}

.machi .sec2 .bg-box .img-box ul li.last{
	padding-right:0;
}
	
/* sec3 -------------------- */
.machi .sec3{
	padding:88px 37px 0 80px;
}

.machi .sec3 .fr-img p{
	text-align:center;
	font-size:93.8%; /* 15px */
}
/* 03-01 */
.machi .sec3 .img-box ul{
	list-style:none;
	overflow:hidden;
}

.machi .sec3 .img-box ul li{
	float:left;
	font-size:93.8%; /* 15px */
	padding-right:16px;
}

.machi .sec3 .img-box ul li.last{
	padding-right:0;
}

/* bg-box */
.machi .sec3 .bg-box h4{
	overflow:hidden;
}

.machi .sec3 .bg-box h4 span{
	display:block;
	float:left;
	width:230px;
}

/* sec4 -------------------- */
.machi .sec4{
	padding:88px 37px 0 80px;
}

/* 04-01 */
.machi .sec4 .img-box ul{
	list-style:none;
	overflow:hidden;
}

.machi .sec4 .img-box ul li{
	float:left;
	font-size:93.8%; /* 15px */
	padding-right:7px;
}

.machi .sec4 .img-box ul li.last{
	padding-right:0;
}


/* sec5 -------------------- */
.machi .sec5{
	padding:88px 37px 0 80px;
}

/* sec6 -------------------- */
.machi .sec6{
	padding:88px 37px 0 80px;
}

.machi .sec6 .img-box ul{
	list-style:none;
	overflow:hidden;
}

.machi .sec6 .img-box ul li{
	float:left;
	font-size:93.8%; /* 15px */
	padding-right:16px;
}

.machi .sec6 .img-box ul li.last{
	padding-right:0;
}

/* sec7 -------------------- */
.machi .sec7{
	padding:88px 37px 0 80px;
}
/* sec8 -------------------- */
.machi .sec8{
	padding:88px 37px 0 80px;
}

.machi .sec8 .text_c{
	text-align:center;
}
/*  */
.machi .sec8 .img-box ul{
	list-style:none;
	overflow:hidden;
}

.machi .sec8 .img-box ul li{
	float:left;
	font-size:93.8%; /* 15px */
	padding-right:16px;
}

.machi .sec8 .shomei{
	clear:left;
	padding-top:24px;
}
/*  */
.machi .sec8  .bg-box .img-box ul li.li1 p{
	height:22px;
}
.machi .sec8  .bg-box .img-box ul li.li2{
	float:right;
	padding-right:0;
}

/*  */
.machi .sec8  .bg-box .img-box ul li.li3{
	clear:left;
}

/* sec9 -------------------- */
.machi .sec9{
	padding:88px 37px 0 80px;
}

/* sec10 -------------------- */
.machi .sec10{
	padding:88px 37px 0 80px;
}

/* sec11 -------------------- */
.machi .sec11{
	padding:88px 37px 0 80px;
}

.machi .sec11 .fr-img{
	width:414px;
	font-size:93.8%; /* 15px */
}

/* sec12 -------------------- */
.machi .sec12{
	padding:88px 37px 0 80px;
}

/* sec13 -------------------- */
.machi .sec13{
	padding:88px 37px 0 80px;
}

/* sec14 -------------------- */
.machi .sec14{
	padding:88px 37px 0 80px;
}

.machi .sec14 .list-box ul{
	clear:both;
	padding-left:1.6em;
}

.machi .sec14 .list-box ul li{
	clear:both;

}

.machi .sec14 .list-box ul li p.arrow{
	background-image:url(/products/construction/safetycity/img/common/ico-h2-list-bg01.png);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:24px;
	float:right;
}


/* bg-box */
.machi .sec14 .bg-box h4{
	overflow:hidden;
}

.machi .sec14 .bg-box h4 span{
	display:block;
	float:left;
	width:163px;
	margin-right:8px;
	overflow:hidden;
}

.machi .sec14 .bg-box h4 span.last{
	margin-right:0;
}
.machi .sec14 .img-box ul{
	list-style:none;
	overflow:hidden;
}

.machi .sec14 .img-box ul li{
	float:left;
	font-size:81.30%; /* 13px */
	padding-right:8px;
}

.machi .sec14 .img-box ul li.last{
	padding-right:0px;
}


#container .machi .sec14 .img-box ul li img{
	max-width:163px;
	height:auto;
}