@charset 'shift_jis';

h4.Gray {
	background: #666;
	color: #FFF;
	margin: 30px auto 0px auto;
	padding: 5px 10px;
	font-weight: bold;
	clear: both;
}
.sTitleBar {
	width: 680px;
	background: #E5E5E5;
	margin: 30px auto 0px auto;
	padding: 5px 10px;
	font-weight: bold;
	clear: both;
}
	h5.sTitleBar span {
		margin: 0px 0px;
		padding: 0px;
	}

/*===========================================
	pregArea_01
=============================================*/
div.pregArea_01 {
	width: 730px;
	margin: 20px auto 0px auto;
	padding: 0px;
}
div.pregArea_01 div.beforeBox {
	width: 680px;
	margin: 15px auto 0px auto;
	padding: 0px;
}
div.pregArea_01 div.beforeBox div.miniBox {
	width: 680px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
}
div.pregArea_01 div.beforeBox div.miniBox div.leftArea {
	width: 320px;
	margin: 0px;
	padding: 0px;
	float:left;
}
div.pregArea_01 div.beforeBox div.miniBox div.rightArea {
	width: 250px;
	margin: 0px 0px 0px 60px;
	padding: 0px;
	float:left;
}
div.pregArea_01 ul.afterBox {
	width: 680px;
	margin: 20px auto 0px auto;
	padding: 0px;
	list-style:none;
	background:url(../../images/battery/dotline.gif) repeat-y;
}
div.pregArea_01 ul.afterBox li.leftArea {
	width: 300px;
	margin: 0px;
	padding: 0px;
	float:left;
}
div.pregArea_01 ul.afterBox li.rightArea {
	width: 300px;
	margin: 0px 0px 0px 80px;
	padding: 0px;
	float:left;
}
div.pregArea_01 div.pregBox,
div.pregArea_02 div.pregBox {
	width: 700px;
	margin: 15px auto 0px auto;
	padding: 0px;
}


p.series  {
	margin-top:20px;
	padding: 0px;
	font-weight:bold;
	clear:both;
}


/*===========================================
	specTbl
=============================================*/
table.specTbl {
	margin: 5px 0px 0px 0px;
    border: 1px #CCCCCC solid;
    border-width: 1px 0px 0px 1px;
	font-size:10px;
	clear:both;
}
table.specTbl th {
	background:#EFEFEF;
    padding: 5px;
    border: 1px #CCCCCC solid;
    border-width: 0px 1px 1px 0px;
	text-align:center;
}
table.specTbl th.battery {
	width:90px;
}
table.specTbl th.battery_2 {
	width:185px;
}
table.specTbl th.battery_3 {
	width:54px;
}


table.specTbl td {
    padding: 5px 10px;
    border: 1px #CCCCCC solid;
    border-width: 0px 1px 1px 0px;
	text-align:center;
}
table.specTbl td.model {
	text-align:left;
	width:160px;
}
table.specTbl td.model_0 {
	text-align:left;
	width:80px;
}


/*===========================================
	table td
=============================================*/
tr.Gray{
	background:#EFEFEF;
}
th.White {
	background: #FFF;
}


/*===========================================
	LineArea
=============================================*/
div.LineArea {
	width:670px;
	margin: 15px auto 0px auto;
	padding: 15px;
	/*border:1px solid #999;*/
}
div.LineArea div.miniBox {
	width:670px;
	margin: 10px auto 0px auto;
	padding: 0px;
}
div.LineArea div.miniBox div.leftArea {
	width:330px;
	margin: 0px;
	padding: 0px;
	float:left;
}
div.LineArea div.miniBox div.rightArea {
	width:330px;
	margin: 0px;
	padding: 0px;
	float:right;
}


@media(max-width:640px){
	div.pregArea_01 {
		width: auto;
	}
		div.pregArea_01 div.beforeBox {
			width: auto;
		}
		div.pregArea_01 div.beforeBox div.miniBox {
			width: auto;
		}
			div.pregArea_01 div.beforeBox div.miniBox p{
				text-align: left;
			}
			div.pregArea_01 div.beforeBox div.miniBox div.leftArea {
				width: auto;
				float:none;
				text-align:center;
			}
				div.pregArea_01 div.beforeBox div.miniBox div.leftArea img{
					width:auto;
					height:auto;
					max-width: 100%;
				}
			div.pregArea_01 div.beforeBox div.miniBox div.rightArea {
				width: auto;
				float:none;
				margin:0;
				text-align:center;
			}
				div.pregArea_01 div.beforeBox div.miniBox div.rightArea  img{
					width:auto;
					height:auto;
					max-width: 100%;
				}
		div.pregArea_01 ul.afterBox {
			width: auto;
			background:none;
		}
			div.pregArea_01 ul.afterBox p{
				text-align: left;
			}
			div.pregArea_01 ul.afterBox li.leftArea {
				width: auto;
				float:none;
				text-align:center;
			}
				div.pregArea_01 ul.afterBox li.leftArea img{
					width: auto;
					height: auto;
					max-width: 100%;
				}
			div.pregArea_01 ul.afterBox li.rightArea {
				width: auto;
				float:none;
				margin:0;
				text-align:center;
			}
				div.pregArea_01 ul.afterBox li.rightArea img{
					width: auto;
					height: auto;
					max-width: 100%;
				}
		div.pregArea_01 div.pregBox {
			width: auto;
		}
		div.pregArea_02 div.pregBox {
			width: auto;
		}
		div.pregArea_02 div.pregBox div img{
			width: auto;
			height:auto;
			max-width:100%;
		}
	div.LineArea {
		width: auto;
	}
	div.LineArea div.miniBox {
		width: auto;
	}
		div.LineArea div.miniBox p{
			text-align:left;
		}
		div.LineArea div.miniBox div.leftArea {
			width: auto;
			float:none;
			text-align:center;
		}
			div.LineArea div.miniBox div.leftArea img{
				width:auto;
				height:auto;
				max-width:100%;
			}
		div.LineArea div.miniBox div.rightArea {
			width: auto;
			float:none;
			text-align:center;
		}
			div.LineArea div.miniBox div.rightArea img{
				width:100%;
				height:auto;
				max-width:320px!important;
			}
	h5.sTitleBar{
		width:auto;
	}

}


/*===========================================
	mod-table
=============================================*/
.mod-table-wrap .first-table{
	width:60%;
}
	.mod-table-wrap .first-table .right{
		border-right:none;
	}
.mod-table-wrap .last-table{
	width:40%;
	margin-bottom:10px;
}

#cnt03 .mod-table-wrap .first-table,
#cnt03 .mod-table-wrap .last-table{
	width:50%;
}
	#cnt03 .mod-table-wrap th.battery_3{
		height:56px;
	}
	#cnt03 .mod-table-wrap td{
		height:42px;
	}

.commentBelow{
	clear:both;
}

@media(max-width:640px){
	.mod-table-wrap .first-table,
	.mod-table-wrap .last-table{
		width:auto;
	}
		.mod-table-wrap table{
			/*width:100%!important;*/
			width:100%;
			table-layout: fixed;
		}
			.mod-table-wrap .first-table .right{
				border-right:1px #CCCCCC solid;
			}
			.mod-table-wrap th.onlymobile,
			.mod-table-wrap td.onlymobile{
				display:table-cell;
			}
			.mod-table-wrap th,
			.mod-table-wrap td{
				width: auto!important;
				word-break:break-all;
				white-space: normal;
			}

	#cnt03 .mod-table-wrap .first-table,
	#cnt03 .mod-table-wrap .last-table{
		width:auto;
	}		
		#cnt03 .mod-table-wrap th.battery_3,
		#cnt03 .mod-table-wrap td{
			height:auto;
		}
	.anchor_box_inner li .anchorButtonA {
	width: 80%;
	}
}


p.anchorlink {
	font-weight: bold;
	margin: 0;
	padding: 0 0 0 13px;
	background-attachment: scroll;
	background-color: rgba(0, 0, 0, 0);
	background-image: url(/support/share/images/arrow_underline.gif);
	background-repeat: no-repeat;
	background-position: 0 6px;
}