@charset "Shift_JIS";

/*body div.mod-column2-main h3 {

 background-color: #006d9f;
 border-radius: 5px;
 -webkit-border-radius:5px;
 -mox-border-radius:5px;
 -ms-border-radius:5px;
 text-align: center;
 color:#ffffff;
 padding:0.5em;
}

body div.mod-column2-main h4 {
 background-color: #329ccd;
 text-align: left;
 color:#ffffff;
 padding:0.5em;
 border-bottom:solid 2px #006d9f;
}

body div.mod-column2-main h5 {
	margin: 0 0 0.5em 0;
	font-size: 14px;
}*/

body div.mod-column2-main .block {
	background-color: #e9eff3;
	padding:0px;
}

body div.mod-column2-main .block .box{
	padding:0 20px;
	overflow: hidden;
}

body div.mod-column2-main .block .box .text{
	float: left;
	width:350px;
}

body div.mod-column2-main .block .box .figure{
	float: right;
	margin-left: 10px;
}

body div.mod-column2-main .block .box .figure{
	float: right;
	margin-left: 10px;
}

body div.mod-column2-main #POINT1 .box .text{
	float: left;
	width:280px;
}
body div.mod-column2-main #POINT1 .figure{
	width: 420px;
	text-align: center;
}
body div.mod-column2-main #POINT1 .figure h5{
	margin:0;
}
body div.mod-column2-main #POINT1 .figure figure{
	width: 200px;
	margin:5px;
	float: left;
}
body div.mod-column2-main #POINT1 .figure figure img{
	border:solid 1px #ccc;
}
body div.mod-column2-main #POINT1 .figure figure  figcaption{
	font-size: 10px;
}



@media (max-width:640px){
	body div.mod-column2-main .block .box .text{
		float: none;
		width:100%;
		margin:0 auto;
		text-align: left;
	}
	body div.mod-column2-main #POINT1 .figure{
		width: 100%;
		text-align: center;
	}
	body div.mod-column2-main .block .box .figure{
		float: none;
		margin: 0px auto;
	}
}


/*-------fORTELION-------*/
.mod-subTitle span{
	display: inline-block;
	vertical-align:bottom;
	*display: inline;
	*zoom: 1;
	*vertical-align: top;
	width: 82px;
	height: 25px;
	margin: 0 5px 0 0;
	line-height: 0;
	text-indent: 100%;
	*text-indent: 0;
	overflow: hidden;
	white-space: nowrap;
	background: url(/pro-battery/required/images/logo_inline_header.png) no-repeat center;
}
.mod-kv{
	margin: 0 auto 50px;
}
	.mod-kv img{
		display: block;
		max-width: 100%;
		height:auto;
	}
	.mod-kv p{
		margin: 30px auto 0;
	    font-size: 15px;
		line-height: 24px;
	}
		.mod-kv p > i{
			position: relative;
			top:  0.3em;
			display: inline-block;
			*display: inline;
			*zoom: 1;
			vertical-align: baseline;
			width: 103px;
			height: 25px;
			margin: 0 4px;
			line-height: 0;
			text-indent: 100%;
			overflow: hidden;
			white-space: nowrap;
			background: url(/pro-battery/required/images/logo_inline_lg.gif) no-repeat center;
		}
	.mod-kv p .emphasis{
		color: #0062fb;
		font-weight:  bold;
	}
			
	.mod-kv p.notes{
	    font-size: 12px;
		line-height: 16px;
	}
		.mod-kv p.notes > i{
			display: inline-block;
			*display: inline;
			*zoom: 1;
			vertical-align:bottom;
			width: 81px;
			height: 19px;
			margin: 0 4px;
			line-height: 0;
			text-indent: 100%;
			overflow: hidden;
			white-space: nowrap;
			background: url(/pro-battery/required/images/logo_inline_sm.gif) no-repeat center;
		}
	
.mod-feature{
	margin: 0 auto 46px;
	padding: 46px 15px;
	background: #f3f8f9;
	border: 1px solid #ccc;
}
	.mod-feature > div{
		margin: 0 auto -30px;
	}
		.mod-feature-item{
			margin: 0 auto 30px;
			overflow: hidden;
		}
			.mod-feature-item-detail{
				float: left;
				width: 310px;
			}
				.mod-feature-item-detail h3{
					margin:0 auto 10px;
					font-size: 16px;
					line-height:1;
				}
				.mod-feature-item-detail p{
					margin: 0 auto;
					font-size: 14px;
					line-height:18px;
				}
	
			.mod-feature-item-figure{
				float: right;
				width: 400px;
			}
				.mod-feature-item-figure img{
					max-width: 100%;
					height:auto;
					vertical-align:bottom;
				}
		
.mod-tech{
	margin: 0 auto 110px;
}
	.mod-tech h3{
		font-size: 20px;
		line-height: 1;
	}
	.mod-tech > p{
		margin: 0 auto;
		font-size: 16px;
		line-height: 24px;
	}
	.mod-tech > p.notes{
		font-size: 12px;
		line-height: 19px;
	}
		.mod-tech > p em{
			font-style: normal;
			color: #f11b27;
		}
	
	
	.mod-tech-section{
		margin: 30px auto  0;
	}
		.mod-tech-section h4{
				font-size: 16px;
				line-height: 1;
		}
		.mod-tech-section figure{
			margin: 0 auto;
		}
			.mod-tech-section figure > img{
				max-width: 100%;
				height: auto;
				vertical-align:bottom;
			}
		.mod-test{
			overflow:hidden;
		}
			.mod-test > ul{
				margin: 0 -5px;
				padding: 0 ;
				*padding-bottom: 4px;
				letter-spacing:-0.5em;
			}
			.mod-test-item{
					position:relative;
					display: inline-block;
					vertical-align:top;
					*display:inline;
					*zoom: 1;
					width: 244px;
					height: 380px;
					margin: 0 5px;
					letter-spacing:normal;
			}
				.mod-test-item dl{
						height: 100%;
						margin: 0;
						border: 2px solid;
						-webkit-box-sizing: border-box;
						box-sizing: border-box;
				}
					.mod-test-item dl > dt{
						position:relative;
						margin: 0 auto;
						padding: 15px 57px 15px 0;
						font-size: 21px;
						font-weight: bold;
						line-height:1;
						color: #fff;
						text-align:center;
						background: #000;
						border-bottom: 2px solid #000;
						oveflowh: hidden;
					}
						.mod-test-item dl > dt >em{
							display:block;
							position:absolute;
							top: 0;
							right: 0;
							bottom: 0;
							width:57px;
							height: 100%;
							*top: 3px;
							*height:57px;
							margin: auto 0 auto auto;
							font-size: 20px;
							line-height: 52px;
							*line-height: 57px;
							font-style: normal;
							color: #000;
							background: #fff;
						}
							.mod-test-item dl > dt >em > span{
									display: none;
							}
					.mod-test-item dl > dd{
						margin: 0 auto;
					}
						.mod-test-item dl > dd > p{
							margin: 0 auto;
							padding: 15px;
							font-size: 13px;
							line-height: 21px;
						}
					.mod-test-item dl > dd.img{
							position: absolute;
							bottom: 0;
							left: 0;
							right: 0;
							padding: 0 2px 2px;
							*margin-bottom: -2px;
							*padding-bottom: 0;
					}
						.mod-test-item dl > dd.img > img{
							max-width: 100%;
							height: auto;
							vertical-align:bottom;
						}
				
				#test-01{
					background: #fff4e5;
				}
					#test-01 dl{
						border-color: #cb9a5d;
					}
						#test-01 dl > dt{
							background: #cb9a5d;
							border-bottom-color: #cb9a5d;
						}
						#test-01 dl > dt > em{
							color: #cb9a5d;
						}
				#test-02{
					background: #ffe7e5;
				}
					#test-02 dl{
						border-color: #cc635e;
					}
						#test-02 dl > dt{
							background: #cc635e;
							border-bottom-color: #cc635e;
						}
						#test-02 dl > dt > em{
							color: #cc635e;
						}
				#test-03{
					background: #e5f3ff;
				}
					#test-03 dl{
						border-color: #5ea0cc;
					}
						#test-03 dl > dt{
							background: #5ea0cc;
							border-bottom-color: #5ea0cc;
						}
						#test-03 dl > dt > em{
							color: #5ea0cc;
						}
@media (max-width:640px){
	.mod-kv{
		margin: 0 auto 20px;
	}
		.mod-kv p{
				margin: 15px auto 0;
				font-size: 14px;
				line-height: 1.4;
		}
		.mod-kv p.notes{
				font-size: 10px;
				line-height: 1.4;
		}
	.mod-feature{
		padding: 15px;
	}
	.mod-feature-item-detail{
		float: none;
		width: auto;
	}
		.mod-feature-item-detail h3{
			margin:0 auto 10px;
			font-size: 14px;
			line-height:1;
		}
		.mod-feature-item-detail p{
			font-size: 12px;
			line-height:1.4;
		}

	.mod-feature-item-figure{
		float: none;
		width: auto;
		margin: 10px auto 0;
	}
	.mod-tech{
		margin: 0 auto 50px;
	}
		.mod-tech h3{
			font-size: 16px;
			line-height:1.4;
		}
		.mod-tech > p{
			margin: 0 auto;
			font-size: 14px;
			line-height: 1.4;
		}
		.mod-tech > p.notes{
			font-size: 10px;
			line-height: 1.4;
		}
	.mod-tech-section h4 {
		margin: 0 auto 10px;
		font-size: 14px;
	}
	.mod-test > ul{
		margin: 0 auto;
		padding: 0 ;
		letter-spacing: normal;
	}
	.mod-test-item{
			position:relative;
			display: block;
			width: auto;
			height:  auto;
			margin: 0  auto 10px;
	}
		.mod-test-item dl{
			height: auto;
			letter-spacing: -0.5em;
		}
			.mod-test-item dl > dt{
				padding: 10px 57px 10px 0;
				font-size: 16px;
				letter-spacing: normal;
			}
				.mod-test-item dl > dt >em{
					display:block;
					width:50px;
					font-size: 12px;
					line-height: 36px;
				}
			.mod-test-item dl > dd{
				display:  inline-block;
				vertical-align: middle;
				width:  50%;
				padding: 8px;
				letter-spacing: normal;
				-webkit-box-sizing:  border-box;
				box-sizing:  border-box;
			}
				.mod-test-item dl > dd > p{
					margin: 0 auto;
					/* padding: 8px; */
					padding:  0;
					font-size: 12px;
					line-height: 1.4;
				}
			.mod-test-item dl > dd.img{
					position: static;
					/* padding: 0 8px 8px; */
					text-align: center;
			}
				.mod-test-item dl > dd.img > img{
					/* 	width: 100%; */
				}
			
}
@media print{
	.mod-subTitle span,
	.mod-kv p > i,
	.mod-kv p.notes > i{
		display: inline;
		vertical-align:baseline;
		width: auto;
		height: auto;
		margin: 0;
		text-indent: 9;
		overflow: visible;
		white-space: normal;
		background: none;
	}
}