@charset 'shift_jis';

h3.gray_list12 {
	background: #666;
	color: #FFF;
	margin: 30px auto 0px auto;
	padding: 5px 10px;
	font-weight: bold;
	clear: both;
}
@media screen and (max-width: 640px) {
	h3.gray_list12 {
	width: auto;
	}
}
.sTitleBar {
	width: 680px;
	background: #E5E5E5;
	margin: 30px auto 0px auto;
	padding: 5px 10px;
	font-weight: bold;
	clear: both;
}
@media screen and (max-width: 640px) {
	h4.sTitleBar {
	width: auto;
	}
}
	h5.sTitleBar span {
		margin: 0px 0px;
		padding: 0px;
	}

/*===========================================
	pregArea_01
=============================================*/
div.pregArea_01 {
	width: 730px;
	margin: 20px auto 0px auto;
	padding: 0px;
}
@media screen and (max-width: 640px) {
div.pregArea_01_mq_mt50,
div.pregArea_03_mq_mt50 {
    margin-top: 50px;
}
}
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:auto;
				height:auto;
				max-width:100%;
			}

}


/*===========================================
	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;
		}
}


/*===========================================
    tittle-list
=============================================*/
.title-List {
    display:block;
    font-size:13px !important;
    text-align:right;
    position:absolute;
    right:5px;
    top:75px;
    /* for IE8 */
    top:70px\9;
    background:url(/support/share/images/arrow_black.png) left 50% no-repeat;
    font-weight:normal;
}
@media screen and (max-width: 640px) {
.title-List {
    text-align:left;
    position:absolute;
    top: 40px;
    left: 0px;
    }
}
@media screen and (max-width: 378px) {
.title-List {
    text-align:left;
    position:absolute;
    top: 65px;
    left: 0px;
    }
}
.title-List a {
    color:inherit;
    cursor:pointer !important;
    color:#43677E !important;
}
.title-List a:hover {
    color:inherit;
    cursor:pointer !important;
    color:#C41230 !important;
    text-decoration:underline !important;
}