/* ----------------------------------------------
contents tsunami
---------------------------------------------- */


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

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

	position:relative;
}

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

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

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

.tsunami .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;
}

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

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

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

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

.tsunami p.list-text:before{
	content:"●";
	color:#0093c4;
}

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

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

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

.tsunami .sec{
	margin-bottom:24px;
}

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

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

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

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

.mb1em{
	margin-bottom:1em;
}

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

.pt1em{
	padding-top:1em;
}

.tsunami .sec1 .bg-img-box{
	background-image:url(/products/construction/safetycity/img/tsunami/pht-tsunami01-02.jpg);
	background-repeat:no-repeat;
	padding-top:456px;
	overflow:hidden;
	width:100%;
	font-size:93.8%; /* 15px */
}

.tsunami .sec1 .bg-img-box .right{
	float:right;
	width:400px;
}

.tsunami .sec1 .bg-img-box .right .img{
	text-align:center;
	padding-top:1em;
}

.tsunami .sec1 .bg-img-box .left{
	overflow:hidden;
	padding-top:130px;
	width:448px;
}

.tsunami .sec1 .bg-img-box .left .img{
	float:left;
}

/* bg box : common */
.tsunami .sec1 .bg-box .img-box ul{
	list-style:none;
}

.tsunami .sec1 .bg-box .img-box ul li{
	font-size:93.8%; /* 15px */
	
	display: inline-block;  
    *display: inline;  
    *zoom: 1; 
}

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

/* 02-02 */
.tsunami .sec2 .img-box{
	text-align:center;
}

.tsunami .sec2 .img-box ul{
	list-style:none;
}

.tsunami .sec2 .img-box ul li{
	padding:0 8px;
	display: inline-block;  
	*display: inline;  
	*zoom: 1;  
	
	font-size:93.8%; /* 15px */
}

/* 02-bottom */
.tsunami .sec2 .bg-box .img-box{
	font-size:93.8%; /* 15px */
}
	
/* sec3 -------------------- */
.tsunami .sec3{
	padding:88px 37px 0 80px;
}

/* 03-bottom */
.tsunami .sec3 .bg-box .img-box{
	font-size:93.8%; /* 15px */
}

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

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

/* 05-01 */
.tsunami .sec5 .img-box{
	text-align:right;
}

.tsunami .sec5 .img-box ul{
	list-style:none;
	overflow:hidden;
	
	display: inline-block;  
	*display: inline;  
	*zoom: 1;  
}

.tsunami .sec5 .img-box ul li{
	padding-left:6px;
	float:left;
	
	font-size:93.8%; /* 15px */
	text-align:center;
}
.tsunami .sec5 .img-box ul li p{
	width:234px;
}

.tsunami .sec5 .img-box ul li.pl0{
	padding-left:0;
}

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

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

.tsunami .sec7 .fr-img{
	width:384px;
	font-size:93.8%; /* 15px */
}

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

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

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

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

.tsunami .sec10 .about{
	padding-top:2em;
	clear:both;
}

.tsunami .sec10 .about h3{

}

.tsunami .sec10 .about p{
	margin-left:2em;
}