@charset "UTF-8";

/* スマホ --------------------------------*/

@media screen and (max-width:640px) {
	#pro_Head {
		width:auto;
		margin:  15px auto;
		text-align: left;
		position: relative;
		zoom: 1;
	}
	#pro_Head #mda {
		position: static;
		text-align: right;
		z-index: 1000;
	}
	#pro_Head h1 {
		z-index: 100;
		zoom: 1;
	}
	#pro_Head h1 img {
		display: block;
		float: none;
		margin-top:10px!important;
	}
	/* 仕様関連ローカルナビ用 --------------------------------------------------------------------------------------------*/
	#pro_Head #naviAreaCat1 {
		width:100%;
		height:auto;
		position:relative;
		margin:10px auto 0;
		background: url(/navigate/products/pc/192q/common/images/bg_resnavi_cat.gif) bottom left repeat-x;
	}
	#pro_Head #naviAreaCat1 .catBt {
		position:static;
		float: left;
		max-width:49%;
	}
	#pro_Head #naviAreaCat1 .cusBt {
		position:static;
		float: left;
		max-width:49%;
	}
	#pro_Head .SP-fs08 {
		font-size:80%;
		zoom: 1;
	}
	.mbmt05 {
		margin-top: 5px!important;
	}
	.mbmt10 {
		margin-top: 10px!important;
	}
	.mbmt20 {
		margin-top: 20px!important;
	}
	.mbmt30 {
		margin-top: 30px!important;
	}
	.mbmt40 {
		margin-top: 40px!important;
	}
	#pro_Head .mbmt40 {
		margin-top: 0!important;
	}
	.mbm0 {
		margin: 0!important;
	}

	.specBox div{
		word-break: break-all!important;
	}
	.topLine {
		border-bottom: 1px solid #cccccc;
		height: 1px;
	}
	.bottomLine {
		border-top: 2px solid #cccccc;
		height: 1px;
	}
	.bgimage {
		position: absolute;
		top: 0;
		left: 0;
	}
	.specBox {
		position: relative;
		overflow: hidden;
	}
	.head_1 {
		padding: 4px 1%;
		float: none;
		border-top: 1px solid #cccccc;
		position: relative;
		text-align:left! important;
		background-color:#ccc;
	}
	.head_2 {
		padding: 4px 1% 4px 7%;
		float: none;
		border-top: 1px solid #cccccc;
		position: relative;
		background-color:#ccc;
	}
	.head_3 {
		padding: 4px 1% 4px 14%;
		float: none;
		border-top: 1px solid #cccccc;
		position: relative;
		background-color:#ccc;
	}
	.head_4 {
		padding: 4px 1% 4px 21%;
		float: none;
		border-top: 1px solid #f3f3f3;
		position: relative;
		background-color:#ccc;
	}
	.head_1-4 {
		padding: 4px 1%;
		float: none;
		border-top: 1px solid #cccccc;
		position: relative;
		text-align:left! important;
		background-color:#ccc;
	}
	.head_2-4 {
		padding: 4px 1% 4px 7%;
		float: none;
		border-top: 1px solid #f3f3f3;
		position: relative;
		text-align:left! important;
		background-color:#ccc;
	}
	.head_3-4 {
		padding: 4px 1% 4px 14%;
		float: none;
		border-top: 1px solid #f3f3f3;
		position: relative;
		background-color:#ccc;
	}
	.cell_1-4 {
		width: 97%;
		width: 96.6%\9;
		padding: 4px 2.5% 4px 2%;
		float: left;
		border-top: 1px solid #cccccc;
		position: relative;
	}
	.cell_1 {
		width: 23%;
		padding: 4px 1%;
		float: left;
		border-top: 1px solid #cccccc;
		position: relative;
	}
	.cell_1-2 {
		width: 48%;
		padding: 4px 1%;
		float: left;
		border-top: 1px solid #cccccc;
		position: relative;
	}
	.cell_1-3 {
		width: 73%;
		padding: 4px 1%;
		float: left;
		border-top: 1px solid #cccccc;
		position: relative;
	}
	.cell_2 {
		width: 23%;
		padding: 4px 1%;
		float: left;
		border-top: 1px solid #cccccc;
		position: relative;
	}
	.cell_2-3 {
		width: 48%;
		width: 47.6%\9;
		padding: 4px 1%;
		float: left;
		border-top: 1px solid #cccccc;
		position: relative;
	}
	.cell_2-4 {
		width: 73%;
		width: 72.6%\9;
		padding: 4px 1%;
		float: left;
		border-top: 1px solid #cccccc;
		position: relative;
	}
	.cell_3 {
		width: 23%;
		padding: 4px 1%;
		float: left;
		border-top: 1px solid #cccccc;
		position: relative;
	}
	.cell_3-4 {
		width: 48%;
		width: 47.6%\9;
		padding: 4px 1%;
		float: left;
		border-top: 1px solid #cccccc;
		position: relative;
	}
	.cell_4 {
		width: 23%;
		width: 22.6%\9;
		padding: 4px 1%;
		float: left;
		border-top: 1px solid #cccccc;
		position: relative;
	}
/* 3列専用
 ---------------------------------------------------------------------------*/
	.cell3_1 {
		width: 31.3%;
		padding: 4px 1%;
		float: left;
		border-top: 1px solid #cccccc;
		position: relative;
	}
	.cell3_2 {
		width: 31.3%;
		padding: 4px 1%;
		float: left;
		border-top: 1px solid #cccccc;
		position: relative;
	}
	.cell3_3 {
		width: 31.3%;
		width: 30.9%\9;
		padding: 4px 1%;
		float: left;
		border-top: 1px solid #cccccc;
		position: relative;
	}
	.cell3_1-2 {
		width: 64.3%;
		padding: 4px 1%;
		float: left;
		border-top: 1px solid #cccccc;
		position: relative;
	}
	.cell3_2-3 {
		width: 64.3%;
		width: 63.9%\9;
		padding: 4px 1%;
		float: left;
		border-top: 1px solid #cccccc;
		position: relative;
	}
	.DataLine3-1 {
		position:relative;
		background: url(/navigate/products/pc/192q/share/spec/images/bg_line_02.gif) 33.3% repeat-y;
	}
	.DataLine3-2 {
		position:relative;
		background: url(/navigate/products/pc/192q/share/spec/images/bg_line_02.gif) 66.6% repeat-y;
	}
/* 3列専用ここまで
 ---------------------------------------------------------------------------*/
	.none {
		border-style: none;
	}
	#pro_Main {
		width: 100%!important;
		max-width: 480px;
	}
	.leftLine {
		position:relative;
		background: url(/navigate/products/pc/192q/share/spec/images/bg_line_01.gif) left repeat-y;
	}
	.rightLine {
		position:relative;
		background: url(/navigate/products/pc/192q/share/spec/images/bg_line_01.gif) right repeat-y;
	}
	.bgimage,
	.mbn {
		display:none! important;
	}
	.DataLine1 {
		position:relative;
		background: url(/navigate/products/pc/192q/share/spec/images/bg_line_02.gif) 25% repeat-y;
	}
	.DataLine2 {
		position:relative;
		background: url(/navigate/products/pc/192q/share/spec/images/bg_line_02.gif) 50% repeat-y;
	}
	.DataLine3 {
		position:relative;
		background: url(/navigate/products/pc/192q/share/spec/images/bg_line_02.gif) 75% repeat-y;
	}
	img{
		max-width: 100%;
/*		height: auto; */
		width /****/:auto;  /*IE8のみ適用*/
	}


/* カラバリ
 ------------------------------------------------------------------------------------*/
	#colorTitle {
		background-color:#5b5b5b;
		padding:5px;
		text-align:center;
		color:#fff;
		font-weight:bold;
	}
	.colorDataLine1 {
		position:relative;
		background: url(/navigate/products/pc/192q/share/spec/images/bg_line_02.gif) 33.3% repeat-y;
	}
	.colorDataLine2 {
		position:relative;
		background: url(/navigate/products/pc/192q/share/spec/images/bg_line_02.gif) 66.6% repeat-y;
	}
	.colorHead_1 {
		padding: 4px 1%;
		float: none;
		border-top: 1px solid #cccccc;
		position: relative;
		background-color:#ccc;
	}
	.colorCell_1 {
		width: 31%;
		padding: 4px 1%;
		float: left;
		border-top: 1px solid #cccccc;
		position: relative;
		text-align:center;
	}
	.colorCell_2 {
		width: 31%;
		padding: 4px 1%;
		float: left;
		border-top: 1px solid #cccccc;
		position: relative;
		text-align:center;
	}
	.colorCell_3 {
		width: 32%;
		width:31.6%\9;
		padding: 4px 1%;
		float: left;
		border-top: 1px solid #cccccc;
		position: relative;
		text-align:center;
	}
	.color4DataLine1 {
		position:relative;
		background: url(/navigate/products/pc/192q/share/spec/images/bg_line_02.gif) 25% repeat-y;
	}
	.color4DataLine2 {
		position:relative;
		background: url(/navigate/products/pc/192q/share/spec/images/bg_line_02.gif) 50% repeat-y;
	}
	.color4DataLine3 {
		position:relative;
		background: url(/navigate/products/pc/192q/share/spec/images/bg_line_02.gif) 75% repeat-y;
	}
	.color4Cell_1 {
		width: 23%;
		padding: 4px 1%;
		float: left;
		border-top: 1px solid #cccccc;
		position: relative;
		text-align:center;
	}
	.color4Cell_2 {
		width: 23%;
		padding: 4px 1%;
		float: left;
		border-top: 1px solid #cccccc;
		position: relative;
		text-align:center;
	}
	.color4Cell_3 {
		width: 23%;
		padding: 4px 1%;
		float: left;
		border-top: 1px solid #cccccc;
		position: relative;
		text-align:center;
	}
	.color4Cell_4 {
		width: 23%;
		width:22.6%\9;
		padding: 4px 1%;
		float: left;
		border-top: 1px solid #cccccc;
		position: relative;
		text-align:center;
	}
	.color4Cell_1-2 {
		width: 48%;
		padding: 4px 1%;
		float: left;
		border-top: 1px solid #cccccc;
		position: relative;
		text-align:center;
	}
	.color4Cell_3-4 {
		width: 48%;
		padding: 4px 1%;
		float: left;
		border-top: 1px solid #cccccc;
		position: relative;
		text-align:center;
	}
	.color4Cell_1-4 {
		width: 100%;
		padding: 4px 1%;
		float: left;
		border-top: 1px solid #cccccc;
		position: relative;
		text-align:center;
	}
/* カラバリここまで
 ------------------------------------------------------------------------------------*/
	.position {
		text-align:left! important;
	}
}


/* PC --------------------------------*/
@media screen and (min-width: 641px) {
	#pro_Head {
		width: auto!important;
		margin:  15px auto;
		text-align: left;
		position: relative;
		zoom: 1;
	}
	#pro_Head #mda {
		position: absolute;
		right: 0;
		z-index: 1000;
	}
	#pro_Head h1 {
		z-index: 100;
		zoom: 1;
	}
	#pro_Head h1 img {
		display: block;
		float: left;
	}
	#pro_Head #naviAreaCat1 {
		position:relative;
		margin-top:30px;
		height:55px;
		background: url(/navigate/products/pc/192q/common/images/bg_resnavi_cat.gif) bottom left repeat-x;
	}
	#pro_Head #naviAreaCat1 .catBt {
		position:absolute;
		top:0;
		left:0;
	}
	#pro_Head #naviAreaCat1 .cusBt {
		position:absolute;
		top:0;
		left:263px;
	}
	.specBox div {
		word-break: break-all!important;
	}
	.topLine {
		border-bottom: 1px solid #cccccc;
		height: 1px;
	}
	.bottomLine {
		border-top: 2px solid #cccccc;
		height: 1px;
	}
	.bgimage {
		position: absolute;
		top: 0;
		left: 0;
	}
	.specBox {
		position: relative;
		overflow: hidden;
	}
	.head_1 {
		width: 7%;
		padding: 4px 0.5%;
		float: left;
		border-top: 1px solid #cccccc;
		position: relative;
	}
	.head_2 {
		width: 7%;
		padding: 4px 0.5%;
		float: left;
		border-top: 1px solid #cccccc;
		position: relative;
	}
	.head_3 {
		width: 7%;
		padding: 4px 0.5%;
		float: left;
		border-top: 1px solid #cccccc;
		position: relative;
	}
	.head_4 {
		width: 7%;
		padding: 4px 0.5%;
		float: left;
		border-top: 1px solid #cccccc;
		position: relative;
	}
	.head_1-4 {
		width: 31%;
		padding: 4px 0.5%;
		float: left;
		border-top: 1px solid #cccccc;
		position: relative;
	}
	.head_2-4 {
		width: 23%;
		padding: 4px 0.5%;
		float: left;
		border-top: 1px solid #cccccc;
		position: relative;
	}
	.head_3-4 {
		width: 15%;
		padding: 4px 0.5%;
		float: left;
		border-top: 1px solid #cccccc;
		position: relative;
	}
	.cell_1-4 {
		width: 67%;
		width: 66.6%\9;
		padding: 4px 0.5%;
		float: left;
		border-top: 1px solid #cccccc;
		position: relative;
	}
	.cell_1 {
		width: 16%;
		padding: 4px 0.5%;
		float: left;
		border-top: 1px solid #cccccc;
		position: relative;
	}
	.cell_1-2 {
		width: 33%;
		padding: 4px 0.5%;
		float: left;
		border-top: 1px solid #cccccc;
		position: relative;
	}
	.cell_1-3 {
		width: 50%;
		padding: 4px 0.5%;
		float: left;
		border-top: 1px solid #cccccc;
		position: relative;
	}
	.cell_2 {
		width: 16%;
		padding: 4px 0.5%;
		float: left;
		border-top: 1px solid #cccccc;
		position: relative;
	}
	.cell_2-3 {
		width: 33%;
		width: 32.6%\9;
		padding: 4px 0.5%;
		float: left;
		border-top: 1px solid #cccccc;
		position: relative;
	}
	.cell_2-4 {
		width: 50%;
		width: 49.6%\9;
		padding: 4px 0.5%;
		float: left;
		border-top: 1px solid #cccccc;
		position: relative;
	}
	.cell_3 {
		width: 16%;
		padding: 4px 0.5%;
		float: left;
		border-top: 1px solid #cccccc;
		position: relative;
	}
	.cell_3-4 {
		width: 33%;
		width: 32.6%\9;
		padding: 4px 0.5%;
		float: left;
		border-top: 1px solid #cccccc;
		position: relative;
	}
	.cell_4 {
		width: 16%;
		width: 15.6%\9;
		padding: 4px 0.5%;
		float: left;
		border-top: 1px solid #cccccc;
		position: relative;
	}

/* 3列専用
 ---------------------------------------------------------------------------*/
	.cell3_1 {
		width: 21.6%;
		width: 21.8%\9;
		padding: 4px 0.5%;
		float: left;
		border-top: 1px solid #cccccc;
		position: relative;
	}
	.cell3_2 {
		width: 21.6%;
		width: 21.2%\9;
		padding: 4px 0.5%;
		float: left;
		border-top: 1px solid #cccccc;
		position: relative;
	}
	.cell3_3 {
		width: 21.6%;
		width: 21.6%\9;
		padding: 4px 0.5%;
		float: left;
		border-top: 1px solid #cccccc;
		position: relative;
	}
	.cell3_1-2 {
		width: 44.2%;
		padding: 4px 0.5%;
		float: left;
		border-top: 1px solid #cccccc;
		position: relative;
	}
	.cell3_2-3 {
		width: 44.2%;
		width: 43.8%\9;
		padding: 4px 0.5%;
		float: left;
		border-top: 1px solid #cccccc;
		position: relative;
	}
	.DataLine3-1 {
		position:relative;
		background: url(/navigate/products/pc/192q/share/spec/images/bg_line_02.gif) 54.7% repeat-y;
		background: url(/navigate/products/pc/192q/share/spec/images/bg_line_02.gif) 55% repeat-y\9;
	}
	.DataLine3-2 {
		position:relative;
		background: url(/navigate/products/pc/192q/share/spec/images/bg_line_02.gif) 77.3% repeat-y;
		background: url(/navigate/products/pc/192q/share/spec/images/bg_line_02.gif) 77.6% repeat-y\9;
	}
/* 3列専用ここまで
 ---------------------------------------------------------------------------*/

	.indent1 .head_2,
	.indent1 .head_2-4 {
		margin-left: 8%;
	}
	.indent2 .head_3,
	.indent2 .head_3-4 {
		margin-left:16%;
	}
	.indent3 .head_4 {
		margin-left:24%;
	}
	* html .indent1 .head_2,
	* html .indent1 .head_2-4,
	* html .indent2 .head_3,
	* html .indent2 .head_3-4,
	* html .indent3 .head_4 {
		display:inline;
	}
	.none {
		border-style: none;
	}
	#pro_Main {
		width: 100%!important;
		max-width: 950px;
	}
	.leftLine {
		position:relative;
		background: url(/navigate/products/pc/192q/share/spec/images/bg_line_01.gif) left repeat-y;
	}
	.rightLine {
		position:relative;
		background: url(/navigate/products/pc/192q/share/spec/images/bg_line_01.gif) right repeat-y;
	}
	.HeadLine1 {
		position:relative;
		background: url(/navigate/products/pc/192q/share/spec/images/bg_line_02.gif) 8% repeat-y;
	}
	.HeadLine2 {
		position:relative;
		background: url(/navigate/products/pc/192q/share/spec/images/bg_line_02.gif) 16% repeat-y;
	}
	.HeadLine3 {
		position:relative;
		background: url(/navigate/products/pc/192q/share/spec/images/bg_line_02.gif) 24% repeat-y;
	}
	.ContentsLine {
		position:relative;
		background: url(/navigate/products/pc/192q/share/spec/images/bg_line_02.gif) 32% repeat-y;
	}
	.DataLine1 {
		position:relative;
		background: url(/navigate/products/pc/192q/share/spec/images/bg_line_02.gif) 49% repeat-y;
	}
	.DataLine2 {
		position:relative;
		background: url(/navigate/products/pc/192q/share/spec/images/bg_line_02.gif) 66% repeat-y;
	}
	.DataLine3 {
		position:relative;
		background: url(/navigate/products/pc/192q/share/spec/images/bg_line_02.gif) 83% repeat-y;
	}
/*
	img{
		max-width: 100%;
		height: auto;
		width /****/:auto;  /*IE8のみ適用
	}
*/
/* カラバリ
 ------------------------------------------------------------------------------------*/
	#hf-colorTitle {
		background-color:#5b5b5b;
		padding:5px;
		text-align:center;
		color:#fff;
		font-weight:bold;
	}
	.ContentsLine2 {
		position:relative;
		background: url(/navigate/products/pc/192q/share/spec/images/bg_line_02.gif) 18% repeat-y;
	}
	.colorDataLine1 {
		position:relative;
		background: url(/navigate/products/pc/192q/share/spec/images/bg_line_02.gif) 45.3% repeat-y;
	}
	.colorDataLine2 {
		position:relative;
		background: url(/navigate/products/pc/192q/share/spec/images/bg_line_02.gif) 72.7% repeat-y;
	}
	.colorHead_1 {
		width: 17%;
		padding: 4px 0.5%;
		float: left;
		border-top: 1px solid #cccccc;
		position: relative;
	}
	.colorCell_1 {
		width: 26.5%;
		padding: 4px 0.5%;
		float: left;
		border-top: 1px solid #cccccc;
		position: relative;
		text-align:center;
	}
	.colorCell_2 {
		width: 26.5%;
		padding: 4px 0.5%;
		float: left;
		border-top: 1px solid #cccccc;
		position: relative;
		text-align:center;
	}
	.colorCell_3 {
		width: 26%;
		width:25.6%\9;
		padding: 4px 0.5%;
		float: left;
		border-top: 1px solid #cccccc;
		position: relative;
		text-align:center;
	}
	.color4DataLine1 {
		position:relative;
		background: url(/navigate/products/pc/192q/share/spec/images/bg_line_02.gif) 38.5% repeat-y;
	}
	.color4DataLine2 {
		position:relative;
		background: url(/navigate/products/pc/192q/share/spec/images/bg_line_02.gif) 59% repeat-y;
	}
	.color4DataLine3 {
		position:relative;
		background: url(/navigate/products/pc/192q/share/spec/images/bg_line_02.gif) 79.5% repeat-y;
	}
	.color4Cell_1 {
		width: 19.5%;
		padding: 4px 0.5%;
		float: left;
		border-top: 1px solid #cccccc;
		position: relative;
		text-align:center;
	}
	.color4Cell_2 {
		width: 19.5%;
		padding: 4px 0.5%;
		float: left;
		border-top: 1px solid #cccccc;
		position: relative;
		text-align:center;
	}
	.color4Cell_3 {
		width: 19.5%;
		padding: 4px 0.5%;
		float: left;
		border-top: 1px solid #cccccc;
		position: relative;
		text-align:center;
	}
	.color4Cell_4 {
		width: 19.5%;
		width:19.1%\9;
		padding: 4px 0.5%;
		float: left;
		border-top: 1px solid #cccccc;
		position: relative;
		text-align:center;
	}
	.color4Cell_1-2 {
		width: 40%;
		padding: 4px 0.5%;
		float: left;
		border-top: 1px solid #cccccc;
		position: relative;
		text-align:center;
	}
	.color4Cell_3-4 {
		width: 40%;
		width:39.2%\9;
		padding: 4px 0.5%;
		float: left;
		border-top: 1px solid #cccccc;
		position: relative;
		text-align:center;
	}
	.color4Cell_1-4 {
		width: 80.8%;
		width:80%\9;
		padding: 4px 0.5%;
		float: left;
		border-top: 1px solid #cccccc;
		position: relative;
		text-align:center;
	}
/* カラバリここまで
 ------------------------------------------------------------------------------------*/

	.position {
		text-align:right! important;
	}
}