@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: absolute;
		right: 0;
		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 h1 span {
		float:left;
		display: block;
		font-weight:bold;
		font-size:110%;
		padding-top:0.5em;
	}
	#pro_Head h1 span .small {
		float:right;
		font-size:85%;
	}
	/* 仕様関連ローカルナビ用 --------------------------------------------------------------------------------------------*/
	#pro_Head #naviAreaCus1 {
		width:100%;
		height:auto;
		position:relative;
		margin:10px auto 0;
		background: url(/navigate/products/pc/171q/common/images/bg_resnavi_cus.gif) bottom left repeat-x;
	}
	#pro_Head #naviAreaCus1 .catBt {
		position:static;
		float: left;
		max-width:49%;
	}
	#pro_Head #naviAreaCus1 .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;
		border-left: 2px solid #cccccc;
		border-right: 2px solid #cccccc;
		position: relative;
		background-color:#f3f3f3;
	}
	.head_2 {
		padding: 4px 1% 4px 7%;
		float: none;
		border-top: 1px solid #cccccc;
		border-left: 2px solid #cccccc;
		border-right: 2px solid #cccccc;
		position: relative;
		background-color:#f3f3f3;
	}

/* Win7インストールサービス追加ここから */

	.head_3 {
		padding: 4px 1% 4px 14%;
		float: none;
		border-top: 1px solid #cccccc;
		border-left: 2px solid #cccccc;
		border-right: 2px solid #cccccc;
		position: relative;
		background-color:#f3f3f3;
	}
	.head_4 {
		padding: 4px 1% 4px 21%;
		float: none;
		border-top: 1px solid #f3f3f3;
		border-left: 2px solid #cccccc;
		border-right: 2px solid #cccccc;
		position: relative;
		background-color:#f3f3f3;
	}

/* Win7インストールサービス追加ここまで */

	.head_1-4 {
		padding: 4px 1%;
		float: none;
		border-top: 1px solid #cccccc;
		border-left: 2px solid #cccccc;
		border-right: 2px solid #cccccc;
		position: relative;
		background-color:#f3f3f3;
	}
	.head_2-4 {
		padding: 4px 1% 4px 7%;
		float: none;
		border-top: 1px solid #f3f3f3;
		border-left: 2px solid #cccccc;
		border-right: 2px solid #cccccc;
		position: relative;
		background-color:#f3f3f3;
	}
	.head_3-4 {
		padding: 4px 1% 4px 14%;
		float: none;
		border-top: 1px solid #f3f3f3;
		border-left: 2px solid #cccccc;
		border-right: 2px solid #cccccc;
		position: relative;
		background-color:#f3f3f3;
	}
	.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_1-4 {
		width: 97%;
		width: 96.6%\9;
		padding: 4px 2.5% 4px 2%;
		float: none;
		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_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/171q/share/spec/images/bg_line_02.gif) 33.3% repeat-y;
	}
	.DataLine3-2 {
		position:relative;
		background: url(/navigate/products/pc/171q/share/spec/images/bg_line_02.gif) 66.6% repeat-y;
	}
/* 3列専用ここまで
 ---------------------------------------------------------------------------*/
	#pro_Main {
		width: 100%!important;
		max-width: 480px;
	}
	.leftLine {
		position:relative;
		background: url(/navigate/products/pc/171q/share/spec/images/bg_line_01.gif) left repeat-y;
	}
	.rightLine {
		position:relative;
		background: url(/navigate/products/pc/171q/share/spec/images/bg_line_01.gif) right repeat-y;
	}
	.DataLine1 {
		position:relative;
		background: url(/navigate/products/pc/171q/share/spec/images/bg_line_02.gif) 25% repeat-y;
	}
	.DataLine2 {
		position:relative;
		background: url(/navigate/products/pc/171q/share/spec/images/bg_line_02.gif) 50% repeat-y;
	}
	.DataLine3 {
		position:relative;
		background: url(/navigate/products/pc/171q/share/spec/images/bg_line_02.gif) 75% repeat-y;
	}
	#tiCell_1-4 {
		padding: 4px 1%;
		float: none;
		border-top: 2px solid #cccccc;
		border-left: 2px solid #cccccc;
		border-right: 2px solid #cccccc;
		position: relative;
		text-align:center;
		background-color:#5b5b5b;
		color:#fff;
		font-weight:bold;
	}
	#tiCell_1-2 {
		width: 48.3%;
		padding: 4px 0.5%;
		float: left;
		border-top: 1px solid #cccccc;
		border-left: 2px solid #cccccc;
		border-right: 1px solid #cccccc;
		position: relative;
		text-align:center;
		background-color:#5b5b5b;
		color:#fff;
		font-weight:bold;
	}
	#tiCell_3-4 {
		width: 48.4%;
		padding: 4px 0.5%;
		float: left;
		border-top: 1px solid #cccccc;
		border-right: 2px solid #cccccc;
		position: relative;
		text-align:center;
		background-color:#5b5b5b;
		color:#fff;
		font-weight:bold;
	}
	#tiCell_1 {
		width: 22.3%;
		padding: 4px 1%;
		float: left;
		border-left: 2px solid #cccccc;
		border-top: 1px solid #cccccc;
		border-right: 1px solid #cccccc;
		position: relative;
		text-align:center;
		background-color:#5b5b5b;
		color:#fff;
		font-weight:bold;
	}
	#tiCell_2 {
		width: 22.8%;
		padding: 4px 1%;
		float: left;
		border-top: 1px solid #cccccc;
		border-right: 1px solid #cccccc;
		position: relative;
		text-align:center;
		background-color:#5b5b5b;
		color:#fff;
		font-weight:bold;
	}
	.h58 {
		height:5.8em;
	}
	#tiCell_2-4 {
		width: 72.45%;
		padding: 4px 1%;
		float: left;
		border-top: 1px solid #cccccc;
		border-right: 2px solid #cccccc;
		position: relative;
		text-align:center;
		background-color:#5b5b5b;
		color:#fff;
		font-weight:bold;
		height:2.9em;
	}
	#tiCell3_1-2 {
		width: 65%;
		padding: 4px 0.5%;
		float: left;
		border-left: 2px solid #cccccc;
		border-top: 1px solid #cccccc;
		border-right: 1px solid #cccccc;
		position: relative;
		text-align:center;
		background-color:#5b5b5b;
		color:#fff;
		font-weight:bold;
		height:4.2em;
	}
	#tiCell3_3 {
		width: 31.6%;
		padding: 4px 0.5%;
		float: left;
		border-top: 1px solid #cccccc;
		border-right: 2px solid #cccccc;
		position: relative;
		text-align:center;
		background-color:#5b5b5b;
		color:#fff;
		font-weight:bold;
		height:4.2em;
	}
	#tiCell3_1 {
		width: 31.7%;
		padding: 4px 0.5%;
		float: left;
		border-top: 1px solid #cccccc;
		border-left: 2px solid #cccccc;
		position: relative;
		text-align:center;
		background-color:#5b5b5b;
		color:#fff;
		font-weight:bold;
		height:2.9em;
	}
	#tiCell3_2-3 {
		width: 65%;
		padding: 4px 0.5%;
		float: left;
		border-left: 1px solid #cccccc;
		border-top: 1px solid #cccccc;
		border-right: 2px solid #cccccc;
		position: relative;
		text-align:center;
		background-color:#5b5b5b;
		color:#fff;
		font-weight:bold;
		height:2.9em;
	}
	.bgimage,
	.mbn {
		display:none! important;
	}
		.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 h1 span {
		font-weight:bold;
		font-size:125%;
	}
	#pro_Head h1 span .small {
		font-size:85%;
		vertical-align:baseline;
	}
	#pro_Head #naviAreaCus1 {
		position:relative;
		margin-top:30px;
		height:55px;
		background: url(/navigate/products/pc/171q/common/images/bg_resnavi_cus.gif) bottom left repeat-x;
	}
	#pro_Head #naviAreaCus1 .catBt {
		position:absolute;
		top:0;
		left:0;
	}
	#pro_Head #naviAreaCus1 .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;
	}
	.indent1 .head_2 {
		margin-left: 8%;
	}
	* html .indent1 .head_2 {
		display:inline;
	}
	.indent1 .head_2-4 {
		margin-left: 8%;
	}
	* html .indent1 .head_2-4 {
		display:inline;
	}
	.indent2 .head_3 {
		margin-left:16%;
	}
	* html .indent2 .head_3 {
		display:inline;
	}
	.indent2 .head_3-4 {
		margin-left:16%;
	}
	* html .indent2 .head_3-4 {
		display:inline;
	}
	.indent3 .head_4 {
		margin-left:24%;
	}
	* html .indent3 .head_4 {
		display:inline;
	}
/* 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/171q/share/spec/images/bg_line_02.gif) 54.7% repeat-y;
		background: url(/navigate/products/pc/171q/share/spec/images/bg_line_02.gif) 55% repeat-y\9;
	}
	.DataLine3-2 {
		position:relative;
		background: url(/navigate/products/pc/171q/share/spec/images/bg_line_02.gif) 77.3% repeat-y;
		background: url(/navigate/products/pc/171q/share/spec/images/bg_line_02.gif) 77.6% repeat-y\9;
	}
/* 3列専用ここまで
 ---------------------------------------------------------------------------*/
	.none {
		border-style: none;
	}
	#pro_Main {
		width: 100%!important;
		max-width: 950px;
	}
	.leftLine {
		position:relative;
		background: url(/navigate/products/pc/171q/share/spec/images/bg_line_01.gif) left repeat-y;
	}
	.rightLine {
		position:relative;
		background: url(/navigate/products/pc/171q/share/spec/images/bg_line_01.gif) right repeat-y;
	}
	.HeadLine1 {
		position:relative;
		background: url(/navigate/products/pc/171q/share/spec/images/bg_line_02.gif) 8% repeat-y;
	}
	.HeadLine2 {
		position:relative;
		background: url(/navigate/products/pc/171q/share/spec/images/bg_line_02.gif) 16% repeat-y;
	}
	.HeadLine3 {
		position:relative;
		background: url(/navigate/products/pc/171q/share/spec/images/bg_line_02.gif) 24% repeat-y;
	}
	.ContentsLine {
		position:relative;
		background: url(/navigate/products/pc/171q/share/spec/images/bg_line_02.gif) 32% repeat-y;
	}
	.DataLine1 {
		position:relative;
		background: url(/navigate/products/pc/171q/share/spec/images/bg_line_02.gif) 49% repeat-y;
	}
	.DataLine2 {
		position:relative;
		background: url(/navigate/products/pc/171q/share/spec/images/bg_line_02.gif) 66% repeat-y;
	}
	.DataLine3 {
		position:relative;
		background: url(/navigate/products/pc/171q/share/spec/images/bg_line_02.gif) 83% repeat-y;
	}
	#tiCell_1-4 {
		width: 66.7%;
		padding: 4px 0.5%;
		float: left;
		border-top: 1px solid #cccccc;
		position: relative;
		text-align:center;
		color:#fff;
		font-weight:bold;
	}
	#tiCell_1-2 {
		width: 33%;
		padding: 4px 0.5%;
		float: left;
		border-top: 1px solid #cccccc;
		position: relative;
		text-align:center;
		color:#fff;
		font-weight:bold;
	}
	#tiCell_3-4 {
		width: 33%;
		padding: 4px 0.5%;
		float: left;
		border-top: 1px solid #cccccc;
		position: relative;
		text-align:center;
		color:#fff;
		font-weight:bold;
	}
	#tiCell_1 {
		width: 16%;
		padding: 4px 0.5%;
		float: left;
		border-top: 1px solid #cccccc;
		position: relative;
		text-align:center;
		color:#fff;
		font-weight:bold;
	}
	#tiCell_2-4 {
		width: 50%;
		padding: 4px 0.5%;
		float: left;
		border-top: 1px solid #cccccc;
		position: relative;
		text-align:center;
		color:#fff;
		font-weight:bold;
	}
	#tiCell3_1-2 {
		width: 44.2%;
		padding: 4px 0.5%;
		float: left;
		border-top: 1px solid #cccccc;
		position: relative;
		text-align:center;
		color:#fff;
		font-weight:bold;
	}
	#tiCell3_3 {
		width: 21.4%;
		padding: 4px 0.5%;
		float: left;
		border-top: 1px solid #cccccc;
		position: relative;
		text-align:center;
		color:#fff;
		font-weight:bold;
	}
	#tiCell3_1 {
		width: 21.4%;
		padding: 4px 0.5%;
		float: left;
		border-top: 1px solid #cccccc;
		position: relative;
		text-align:center;
		color:#fff;
		font-weight:bold;
	}
	#tiCell3_2-3 {
		width: 44.2%;
		padding: 4px 0.5%;
		float: left;
		border-top: 1px solid #cccccc;
		position: relative;
		text-align:center;
		color:#fff;
		font-weight:bold;
	}
	#tiCell_2 {
		width: 16%;
		padding: 4px 0.5%;
		float: left;
		border-top: 1px solid #cccccc;
		position: relative;
		text-align:center;
		color:#fff;
		font-weight:bold;
	}
	.position {
		text-align:right! important;
	}

/*
	img{
		max-width: 100%;
		height: auto;
		width /****/:auto;  /*IE8のみ適用
	}
*/
}