/* CSS Document */

#ndContainer .clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#ndContainer .clearfix { display: inline-table; }

/* Hides from IE-mac \*/
* html #ndContainer .clearfix { height: 1%; }
#ndContainer .clearfix { display: block; }
/* End hide from IE-mac */

div#ndContainer h1,
div#ndContainer h2,
div#ndContainer h3,
div#ndContainer h4,
div#ndContainer h5,
div#ndContainer h6,
div#ndContainer ul,
div#ndContainer ol,
div#ndContainer li,
div#ndContainer dl,
div#ndContainer dt,
div#ndContainer dd,
div#ndContainer p,
div#ndContainer div,
div#ndContainer span,
div#ndContainer object,
div#ndContainer embed,
div#ndContainer img,
div#ndContainer form,
div#ndContainer a,
div#ndContainer address {
	font-style: normal;
	text-decoration: none;
	list-style: none;
	border: none;
 	margin: 0;
	padding: 0;
}

div#ndContainer img {
	vertical-align: top;
	vertical-align: bottom;
}

div#ndContainer table,
div#ndContainer tr,
div#ndContainer th,
div#ndContainer td {
	border-collapse: collapse;
	border: none;
	text-align: left;
	vertical-align: top;
	margin: 0;
	padding: 0;
}

div#ndContainer .mA0 { margin: 0 !important; }

div#ndContainer .mT0 { margin-top: 0px !important; }
div#ndContainer .mT5 { margin-top: 5px !important; }
div#ndContainer .mT10 { margin-top: 10px !important; }
div#ndContainer .mT15 { margin-top: 15px !important; }
div#ndContainer .mT20 { margin-top: 20px !important; }
div#ndContainer .mT25 { margin-top: 25px !important; }
div#ndContainer .mT30 { margin-top: 30px !important; }
div#ndContainer .mT35 { margin-top: 35px !important; }
div#ndContainer .mT40 { margin-top: 40px !important; }
div#ndContainer .mT45 { margin-top: 45px !important; }
div#ndContainer .mT50 { margin-top: 50px !important; }
div#ndContainer .mT55 { margin-top: 55px !important; }
div#ndContainer .mT85 { margin-top: 85px !important; }

div#ndContainer .mR5 { margin-right: 5px !important; }
div#ndContainer .mR10 { margin-right: 10px !important; }
div#ndContainer .mR15 { margin-right: 15px !important; }
div#ndContainer .mR20 { margin-right: 20px !important; }
div#ndContainer .mR25 { margin-right: 25px !important; }
div#ndContainer .mR30 { margin-right: 30px !important; }
div#ndContainer .mR35 { margin-right: 35px !important; }
div#ndContainer .mR40 { margin-right: 40px !important; }
div#ndContainer .mR45 { margin-right: 45px !important; }
div#ndContainer .mR50 { margin-right: 50px !important; }

div#ndContainer .mB5 { margin-bottom: 5px !important; }
div#ndContainer .mB10 { margin-bottom: 10px !important; }
div#ndContainer .mB15 { margin-bottom: 15px !important; }
div#ndContainer .mB20 { margin-bottom: 20px !important; }
div#ndContainer .mB25 { margin-bottom: 25px !important; }
div#ndContainer .mB30 { margin-bottom: 30px !important; }
div#ndContainer .mB35 { margin-bottom: 35px !important; }
div#ndContainer .mB40 { margin-bottom: 40px !important; }
div#ndContainer .mB45 { margin-bottom: 45px !important; }
div#ndContainer .mB50 { margin-bottom: 50px !important; }

div#ndContainer .mL5 { margin-left: 5px !important; }
div#ndContainer .mL10 { margin-left: 10px !important; }
div#ndContainer .mL15 { margin-left: 15px !important; }
div#ndContainer .mL20 { margin-left: 20px !important; }
div#ndContainer .mL25 { margin-left: 25px !important; }
div#ndContainer .mL30 { margin-left: 30px !important; }
div#ndContainer .mL35 { margin-left: 35px !important; }
div#ndContainer .mL40 { margin-left: 40px !important; }
div#ndContainer .mL45 { margin-left: 45p !important; }
div#ndContainer .mL50 { margin-left: 50px !important; }

div#ndContainer .pT20 { padding-top: 20px !important; }
div#ndContainer .pB10 { padding-bottom: 10px !important; }


div#ndContainer .fltL {
	float: left;
	text-align: left;
	display: block;
}
div#ndContainer .fltR {
	float: right !important;
}

div#ndContainer .fZ7 { font-size: 7px !important;} 
div#ndContainer .fZ8 { font-size: 8px !important;} 
div#ndContainer .fZ9 { font-size: 9px !important;} 
div#ndContainer .fZ10 { font-size: 10px !important;} 
div#ndContainer .fZ11 { font-size: 11px !important;} 
div#ndContainer .fZ12 { font-size: 12px !important;} 
div#ndContainer .fZ13 { font-size: 13px !important;} 
div#ndContainer .fZ14 { font-size: 14px !important;} 
div#ndContainer .fZ15 { font-size: 15px !important;} 
div#ndContainer .fZ16 { font-size: 16px !important;} 

div#ndContainer .bB1 { border-bottom: 1px solid #797D89 !important;} 
div#ndContainer .noBg { background: none !important;}

div#ndContainer .fwB {
	font-weight: bold;
}


/*------------- Position */
div#ndContainer .cB { clear: both !important; }
div#ndContainer .aR { text-align: right !important; }
div#ndContainer .aL { text-align: left !important; }
div#ndContainer .aC { text-align: center !important; }

div#ndContainer .colL { float: left; text-align: left; display: inline; }
div#ndContainer .colR { float: right; text-align: left; display: inline; }

/*------------- Link */
div#ndContainer a          { color: div#666666; }
div#ndContainer a:link     { color: div#666666; }
div#ndContainer a:visited  { color: div#666666; }
div#ndContainer a:hover    { color: div#749d78; text-decoration: underline; }
div#ndContainer a:active   { color: div#666666; }

div#ndContainer {
	width: 538px;
	text-align: center;
	margin: 0 auto;
	line-height: normal;
}

div#ndContainer h1 { margin: 20px 0 15px 4px; }

div#ndContainer .boxAnchor {
	clear: both;
	width: 513px;
	margin: 15px auto 0;
}
div#ndContainer .boxAnchor li {
	float: left;
	display: inline;
	width: 171px;
	text-align: center;
}
div#ndContainer .boxAnchor li a {
	display: block;
	width: 151px;
	margin: 0 auto;
}

div#ndContainer .title {
	clear: both;
	margin-top: 20px;
}

div#ndContainer .boxInner {
	width: 538px;
	margin: 0 auto;
	font-size: 12px;
}
div#ndContainer .boxInner p {
	font-size: 12px;
	text-align: left;
}

div#ndContainer .lead {
	text-align: left;
	margin-top: 15px;
}

div#ndContainer .boxNotice {
	clear: both;
	width: 498px;
/*	font-family:  "メイリオ", meiryo, Osaka, Arial, Helvetica, sans-serif;
	font-family:  "ＭＳ Ｐゴシック", Osaka, Arial, Helvetica, sans-serif; */
padding: 0.3em 0;
	margin: 0 auto;
}
div#ndContainer .boxNotice .colL { width: 25px; }
div#ndContainer .boxNotice .colR { width: 473px; }


div#ndContainer .boxBtmNavi {
	clear: both;
	width: 538px;
	margin: 0 auto;
}
div#ndContainer .boxBtmNavi li {
	float: left;
	display: inline;
}
div#ndContainer .boxBtmNavi a {
	display: block;
	height: 66px;
	text-indent: -999em;
	overflow: hidden;
	background: url(../images/btnNavi.gif) no-repeat 0 0;
}
div#ndContainer .boxBtmNavi li.bn01 a {	width: 180px; background-position: 0 0; }
div#ndContainer .boxBtmNavi li.bn02 a { width: 180px; background-position: -180px 0; }
div#ndContainer .boxBtmNavi li.bn03 a { width: 178px; background-position: -360px 0; }

div#ndContainer .boxBtmNavi li.bn01 a:hover {	width: 180px; background-position: 0 -66px; }
div#ndContainer .boxBtmNavi li.bn02 a:hover { width: 180px; background-position: -180px -66px; }
div#ndContainer .boxBtmNavi li.bn03 a:hover { width: 178px; background-position: -360px -66px; }

div#ndContainer.lineup .boxBtmNavi li.bn01 a {	width: 180px; background-position: 0 -66px; }
div#ndContainer.function .boxBtmNavi li.bn02 a { width: 180px; background-position: -180px -66px; }
div#ndContainer.system .boxBtmNavi li.bn03 a { width: 178px; background-position: -360px -66px; }


div#ndContainer .boxSystemTable {
	width: 498px;
	background: url(../images/bgTable.gif) no-repeat left top;
	text-align: center;
	margin: 10px auto 0;
	padding-top: 10px;
}

div#ndContainer .boxSystemTableInner {
	width: 478px;
	height: 246px;
	background: url(../images/bgInnerTable.gif) no-repeat left top;
	text-align: center;
	margin: 0 auto 10px;
	padding-top: 5px;
}

div#ndContainer .boxSystemTableInner table {
	width: 468px;
	margin: 1px auto;
}
* html div#ndContainer .boxSystemTableInner table { font-size: 85%; }
div#ndContainer .boxSystemTableInner table td {
	padding-top: 11px;
	padding-bottom: 11px;
}

div#ndContainer .boxSystemTableInner .bgDB {
	background-color: #193a68;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
}
div#ndContainer .boxSystemTableInner .bgRB {
	background-color: #e9f1f9;
	text-align: center;
}
div#ndContainer .boxSystemTableInner .bgW {
	background-color: #ffffff;
	text-align: center;
}

div#ndContainer .boxSystemTableInner .w120 { width: 110px; }
div#ndContainer .boxSystemTableInner .w347 { width: 347px; }



div#ndContainer .boxLineupTable table {
	width: 498px;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	margin: 15px auto 0;
}
* html div#ndContainer .boxLineupTable table { font-size: 85%; }

div#ndContainer .boxLineupTable table .bgDB {
	background-color: #2067b7;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
}

div#ndContainer .boxLineupTable table td {
	vertical-align: middle;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
}


/* -------------------- compare */

div#ndContainer .boxCompareTable {
	margin-top: 25px;
	border: 1px solid #cfcfcf;
	text-align: left;
}

div#ndContainer .boxCompareTableInner {
text-align: center;
}
div#ndContainer .boxCompareTableInner table {
	width: 498px;
	margin: 20px auto 0;
}
div#ndContainer .boxCompareTableInner table th {
	width: 498px;
	height: 124px;
	background: url(../images/compare/bg_bar.jpg) no-repeat left top;
	border-bottom: 1px solid #c5c5c5;
}
div#ndContainer .boxCompareTableInner table th p {
	margin: 80px 0 0 40px;
	font-weight: bold;
}
div#ndContainer .boxCompareTableInner table td {
	vertical-align: middle !important;
	text-align: left;
	font-size: 80%;
	line-height: 1.3;
}
div#ndContainer .boxCompareTableInner table td div {
	width: 498px;
	position: relative;
	}
div#ndContainer .boxCompareTableInner table td p {
	width: 125px;
	margin: 5px 5px;
}

div#ndContainer .boxCompareTableInner table td div .icon01,
div#ndContainer .boxCompareTableInner table td div .icon02 {
	width: 41px;
	height: 23px;
}
div#ndContainer .boxCompareTableInner table td div .icon01 {
	position: absolute;
	left: 202px;
	top: 5px;
}
div#ndContainer .boxCompareTableInner table td div .icon02 {
	position: absolute;
	left: 263px;
	top: 18px;
}
div#ndContainer .boxCompareTableInner table td div .txt01,
div#ndContainer .boxCompareTableInner table td div .txt02,
div#ndContainer .boxCompareTableInner table td div .txt03,
div#ndContainer .boxCompareTableInner table td div .txt04 {
	width: 50px;
	height: 23px;
	font-size: 90%;
	color: #d50019;
	text-align: center;
}
div#ndContainer .boxCompareTableInner table td div .txt01 {
	position: absolute;
	left: 135px;
	top: 8px;
}
div#ndContainer .boxCompareTableInner table td div .txt02 {
	position: absolute;
	left: 194px;
	top: 2px;
}
div#ndContainer .boxCompareTableInner table td div .txt03 {
	position: absolute;
	left: 194px;
	top: 12px;
}
div#ndContainer .boxCompareTableInner table td div .txt04 {
	position: absolute;
	left: 194px;
	top: 12px;
}

div#ndContainer .boxCompareTableInner table td.bgBar01 {
	background: url(../images/compare/bg_bar01.gif) no-repeat left bottom;
}
div#ndContainer .boxCompareTableInner table td.bgBar02 {
	background: url(../images/compare/bg_bar02.gif) no-repeat left bottom;
}
div#ndContainer .boxCompareTableInner table td.bgBar03 {
	background: url(../images/compare/bg_bar03.gif) no-repeat left bottom;
}
div#ndContainer .boxCompareTableInner table td.bgBar04 {
	background: url(../images/compare/bg_bar04.gif) no-repeat left bottom;
}
div#ndContainer .boxCompareTableInner table td.bgBar05 {
	background: url(../images/compare/bg_bar05.gif) no-repeat left bottom;
}
div#ndContainer .boxCompareTableInner table td.bgBar06 {
	background: url(../images/compare/bg_bar06.gif) no-repeat left bottom;


}
div#ndContainer .boxCompareTableInner table td.bgBar07 {
	background: url(../images/compare/bg_bar07.gif) no-repeat left bottom;
}
div#ndContainer .boxCompareTableInner table td.bgBar08 {
	background: url(../images/compare/bg_bar08.gif) no-repeat left bottom;
}
div#ndContainer .boxCompareTableInner table td.bgBar08 p {
	margin: 5px 5px 10px 5px;
}


/* -------------------- recommend */

div#ndContainer .fcGray { color: #656565; }
div#ndContainer .fcBlack { color: #000000; }
div#ndContainer .fcBlue { color: #1a78b9; }
div#ndContainer .fcGreen { color: #62a529; }
div#ndContainer .fcYellow { color: #e89600; }

div#ndContainer .fsL { font-size: 120% !important; }
div#ndContainer .fsM { font-size: 80% !important; }


div#ndContainer.recommend {
	width: 538px;
	}

div#ndContainer.recommend .boxInner {
	border: 1px solid #c5c5c5;
	text-align: center;
	padding: 25px 0;
	}

div#ndContainer.recommend .boxInner .boxEdition {
	width: 500px;
	margin: 0 auto;
	}

div#ndContainer.recommend .boxInner .boxEdition .boxName {
	clear: both;
	width: 500px;
	}
div#ndContainer.recommend .boxInner .boxEdition .boxName .colL { width: 69px; }
div#ndContainer.recommend .boxInner .boxEdition .boxName .colR {
	width: 431px;
	padding-top: 15px;
	}
div#ndContainer.recommend .boxInner .boxEdition .boxName .colR p {
	font-weight: bold;
	margin-left: 20px;
	}
div#ndContainer.recommend .boxInner .boxEdition .boxName .colR .txt02 { font-weight: bold; }
div#ndContainer.recommend .boxInner .boxEdition .boxName .colR .txt01 span { font-weight: normal !important; }


div#ndContainer.recommend .boxInner .tableFunction {
	clear: both;
	width: 500px;
	border-top: 1px solid #c5c5c5;
	margin-top: 15px;
	}
div#ndContainer.recommend .boxInner .tableFunction .clearfix {
	clear: both;
	width: 500px;
	border-bottom: 1px solid #c5c5c5;
	position: relative;
	}
div#ndContainer.recommend .boxInner .tableFunction .clearfix .arrow {
	position: absolute;
	top: 25%;
	left: 162px;
	width: 46px;
	height: 46px;
	}
div#ndContainer.recommend .boxInner .tableFunction .colL p.aC,
div#ndContainer.recommend .boxInner .tableFunction .colR p.aC { margin: 0; }
div#ndContainer.recommend .boxInner .tableFunction .colL p { margin-left: 10px; }
div#ndContainer.recommend .boxInner .tableFunction .colR p { margin-left: 30px; }
div#ndContainer.recommend .boxInner .tableFunction .colL {
	width: 183px;
	padding: 15px 0;
	}
div#ndContainer.recommend .boxInner .tableFunction .colR {
	width: 315px;
	border-left: 1px solid #c5c5c5;
	padding: 15px 0;
	}


/* 090827MICHIWAKI修正ここから -------------------------------------------------------------------*/

/* -------------------- compare_xp_vista */

div#ndContainer .boxXpVistaTableInner {
	text-align: center;
}

div#ndContainer .boxXpVistaTableInner table {
	width: 498px;
	margin: 20px auto 0;
}

div#ndContainer .boxXpVistaTableInner table th {
	height: 104px;
	background: url(../images/compare_xp_vista/bg_cell.jpg) no-repeat left top;
}

div#ndContainer .boxXpVistaTableInner table td p {
	padding: 3px;
}

div#ndContainer .boxXpVistaTableInner table .list {
	margin-left: 1em;
	text-indent: -1em;
}

div#ndContainer .boxXpVistaTableInner table td {
	vertical-align: middle !important;
	line-height: 1.3;
	border-bottom: 1px solid #e3e3e3;
	border-right: 1px solid #e3e3e3;
}

div#ndContainer .boxXpVistaTableInner .ce1 {
	width: 105px;
	text-align: left !important;
}

div#ndContainer .boxXpVistaTableInner .ce2 {
	width: 187px;
	text-align: left !important;
}

div#ndContainer .boxXpVistaTableInner .ce3 {
	width: 73px;
	text-align: center !important;
}

div#ndContainer .boxXpVistaTableInner .ce4 {
	width: 73px;
	text-align: center !important;
}

div#ndContainer .boxXpVistaTableInner table .bgcellG p,
div#ndContainer .boxXpVistaTableInner table .bgcellB p,
div#ndContainer .boxXpVistaTableInner table .bgcellR p{
	text-align: center !important;
	font-weight: bold;
}

div#ndContainer .boxXpVistaTableInner table .bgcellG {
	background: url(../images/compare_xp_vista/bg_cellG.gif) repeat-y left top;
	border-right: none;
	color:#FFFFFF;
  width:50px;
}

div#ndContainer .boxXpVistaTableInner table .bgcellB {
	background: url(../images/compare_xp_vista/bg_cellB.gif) repeat-y left top;
	border-right: none;
	color:#FFFFFF;
}

div#ndContainer .boxXpVistaTableInner table .bgcellR {
	background: url(../images/compare_xp_vista/bg_cellR.gif) repeat-y left top;
	border-right: none;
	color:#FFFFFF;
}

div#ndContainer .boxXpVistaTableInner table .bgcellBtm {
	background: url(../images/compare_xp_vista/bg_cell_btm.gif) no-repeat left top;
	height: 5px;
	border: none;
}

div#ndContainer .boxXpVistaTableInner table .bgcellRight {
	background: url(../images/compare_xp_vista/bg_cell_right.gif) repeat-y left top;
	width: 5px;
	border: none;
}

div#ndContainer .boxXpVistaTableInner table .icon01 {
	margin: 0 auto;
	width: 22px;
}

/* 090827MICHIWAKI修正ここまで -------------------------------------------------------------------*/


div#ndContainer .boxLineblock {
	border-right: 1px solid #cfcfcf;
	border-left: 1px solid #cfcfcf;
	border-bottom: 1px solid #cfcfcf;
	margin:0px 0px 0px 24px;
	padding: 15px 17px 33px 10px;
}

div#ndContainer .boxLineblock .posiTxt {
	position: absolute;
	left: 267px;
	top: 220px;
}
div#ndContainer .boxLineblock .posiTxt02 {
	width: 230px;
	position: absolute;
	left: 260px;
	top: 115px;
}

div#ndContainer .boxLineblock .boxLineblockInner {
	margin: 0 auto;
	position: relative;
}

div#ndContainer .boxOnepoint {
	padding-top: 10px;
}
div#ndContainer .boxOnepoint .arrow {
	background: url(../../images/common/arrow_yellow02.gif) no-repeat left top;
	height: 28px;
	padding-left: 28px;
}
div#ndContainer .boxOnepoint .txt {
	display: block;
	width: 443px;
	height: 30px;
	border: none;
	margin: 0 auto;
	background: url(../images/lineup/bg_title01.gif) repeat-x left 13px;
	padding-top: 4px;
}
div#ndContainer .boxOnepoint .txt strong {
	background: #FFFFFF;
	padding: 3px 5px 3px 10px;
	font-size: 120%;
}

div#ndContainer .borderB {
	border-bottom: 1px solid #c5c5c5;
	padding-bottom: 5px;
}


div#ndContainer .tblLayout .left,
div#ndContainer .tblLayout .right {
	display: table-cell;
	text-align: left;
	vertical-align: top;
}
* html div#ndContainer .tblLayout .left,
* html div#ndContainer .tblLayout .right {
	display: inline;
	zoom: 1;
}
*:first-child+html div#ndContainer .tblLayout .left,
*:first-child+html div#ndContainer .tblLayout .right {
	display: inline;
	zoom: 1;
}


div#ndContainer .tblLayout.p01_01 .left,
div#ndContainer .tblLayout.p01_01 .right {
	vertical-align: bottom !important;
}
div#ndContainer .tblLayout.p01_01 .right {
	padding-bottom: 5px;
	padding-left: 10px;
	letter-spacing: 0.5;
}

div#ndContainer .p01_02 {clear: both; }
div#ndContainer .p01_02 .left,
div#ndContainer .p01_02 .right {
	width: 235px;
	vertical-align: bottom !important;
}
div#ndContainer .p01_02 .left { text-align: left; }
div#ndContainer .p01_02 .right { text-align: center; }

div#ndContainer .btnNext {
	text-align: left;
	margin-left: 130px;
}
div#ndContainer .btnNext a {
	display: block;
	width: 301px;
	margin: 50px auto;
}

div#ndContainer .arrowBlue {
	background: url(../../images/kantan/icon_arrow.gif) no-repeat left top;
	height: 21px;
	text-align: left;
	padding-left: 23px;
}
div#ndContainer .arrowBlue strong {
	color: #1f78b9;
	padding-top: 2px;
}

div#ndContainer .arrowYellow {
	background: url(../../images/kantan/icon_arrow02.gif) no-repeat left top;
	height: 19px;
	text-align: left;
	padding-left: 23px;
}
div#ndContainer .arrowYellow strong {
	padding-top: 2px;
}

div#ndContainer .recommendTable {
	width: 470px;
	margin: 0 auto;
	border-top: 1px solid #738396;
	border-left: 1px solid #738396;
}
div#ndContainer .recommendTable td {
	border-right: 1px solid #738396;
	border-bottom: 1px solid #738396;
	padding-top: 10px;
	padding-bottom: 10px;
}
div#ndContainer .recommendTable .title {
	width: 94px;
	background-color: #2163aa;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}
div#ndContainer .recommendTable .icon {
	width: 31px;
	vertical-align: middle;
	text-align: right;
	border-right: none;
}
div#ndContainer .recommendTable .icon img {
	margin-right: 5px;
}
div#ndContainer .recommendTable .name {
	width: 114px;
	vertical-align: middle;
	text-align: left;
}

div#ndContainer .recommendTable .name .tblLayout {
	width: 125px;
	margin: 0 10px;
}
div#ndContainer .recommendTable .name .tblLayout .left,
div#ndContainer .recommendTable .name .tblLayout .right {
	text-align: left;
	vertical-align: middle;
}
div#ndContainer .recommendTable .name .tblLayout .left { width: 25px; }
div#ndContainer .recommendTable .name .tblLayout .right { width: 100px; }

div#ndContainer .recommendTable .txt {
	width: 227px;
	vertical-align: middle;
	text-align: left
}

div#ndContainer .recommendTable .txt p {
	margin: 0 10px;
}

div#ndContainer .boxNotice02 {
	clear: both;
	width: 467px;
	margin: 0 auto;
	padding: 0;
}
div#ndContainer .boxNotice02 .colL { width: 12px; }
div#ndContainer .boxNotice02 .colR { width: 450px; }

div#ndContainer .tblLayout{width:100%;}
div#ndContainer .tblLayout:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
