@charset "shift_jis";
/* =========================================================
 /css/article/sp/direct-pc/1506_win10.css
 150611 sm26
========================================================= */

/* =========================================================
 ¡mainTitle
========================================================= */
#ttlWrapper {
	position:relative;
	width: 930px;
	height: 190px;
	background:url(https://img1.kakaku.k-img.com/images/article/sp/windows10/main_bg.jpg) left top no-repeat;
	margin-top: 9px;
	padding-top: 190px;
}
#ttlWrapper .mainTtl {
	position: absolute;
	top: 40px;
	left: 30px;
}
#ttlWrapper .catchTxt {
	margin-top: 4px;
}
#ttlWrapper .leadtxt {
	margin: 24px 0 0 30px;
	width: 405px;
	color: #ffffff;
	font-size: 100%;
	line-height: 1.7;
}
#ttlWrapper #finText {
	background:none;
	position:absolute;
	left:83px;
	top:90px;
	z-index:999;
	width: 764px;
	height: 139px;
}

/* =========================================================
 ¡menu
========================================================= */
#menu {
	background: url(https://img1.kakaku.k-img.com/images/article/sp/windows10/navi02.png) no-repeat 23px top;
	width:930px;
	height:32px;
	overflow:hidden;
	padding-left:23px;
	margin-bottom: 30px;}
#menu li {
	float:left;
	list-style-type:none;
}
#menu li a {
	display:block;
	height:32px;
	overflow:hidden;
	position:relative;
	cursor:pointer;
}
#menu li a span {
	background: url(https://img1.kakaku.k-img.com/images/article/sp/windows10/navi02.png) no-repeat left top;
	display:block;
	width: 419px;
	height:32px;
	position:absolute;
	left:0;
	top:0;
}
#menu li.navi01,
#menu li.navi01 a,
#menu li.navi01 a span {
	width: 291px;
}
#menu li.navi02,
#menu li.navi02 a,
#menu li.navi02 a span {
	width: 306px;
}
#menu li.navi03,
#menu li.navi03 a,
#menu li.navi03 a span {
	width: 290px;
}
#menu li.navi01 a:link span,
#menu li.navi01 a:visited span { background-position:0px 0px;}
#menu li.navi01 a:hover span { background-position:0px -37px;}

#menu li.navi02 a:link span,
#menu li.navi02 a:visited span { background-position:-291px 0px;}
#menu li.navi02 a:hover span { background-position:-291px -37px;}

#menu li.navi03 a:link span,
#menu li.navi03 a:visited span { background-position:-597px 0px;}
#menu li.navi03 a:hover span { background-position:-597px -37px;}
/* =========================================================
 ¡contents
========================================================= */
#mainContents .contentsBx {
	width:930px;
	background: url(https://img1.kakaku.k-img.com/images/article/sp/windows10/sec_bg.png) left bottom no-repeat #f5f5f5;
	padding-bottom: 50px;
}
#mainContents .contentsBx h3 {
	padding: 25px 0 20px 30px;
	background: url(https://img1.kakaku.k-img.com/images/article/sp/windows10/sec_ttl.png) no-repeat top center;
	color: #fff;
	font-size: 26px;
	font-weight: normal;
}

#mainContents .contentsBx h4 {
	height:32px;
	padding: 0 0 0 50px;
	margin-bottom: 20px;
	background: url(https://img1.kakaku.k-img.com/images/article/sp/windows10/sec_subttl.png) no-repeat left 5px;
	color: #3b313c;
	font-size: 26px;
	font-weight: bold;
}
#mainContents .contentsBx h4.pr {
	float: left;
	width: 680px;
}
#mainContents .contentsBx .iconPr{
  float: right;
  margin-top: 5px;
}
#mainContents .contentsBx .secInner{
	margin: 30px 30px 0 30px;
	padding: 30px 30px 40px 30px;
	background: #ffffff;
}
#mainContents .contentsBx .secPr{
	background: url(https://img1.kakaku.k-img.com/images/article/sp/windows10/sec_bg.png) right top no-repeat #f5f5f5;
	padding-top: 5px;
}
#mainContents .contentsBx .secTop{
	background: url(https://img1.kakaku.k-img.com/images/article/sp/windows10/sec_subttl_bar.png) no-repeat left top;
	padding: 30px 0 0 0;
}

#mainContents .contentsBx .rightImg{
	width: 310px;
	float: right;
	margin: 0 0 10px 20px;
}
#mainContents .contentsBx .leftImg{
	width: 310px;
	float: left;
	margin: 0 20px 10px 0;
}

#mainContents .contentsBx .floatL {
	float: left;
}
#mainContents .contentsBx .w465 {
	width: 465px;
	/*padding-bottom: 40px;*/
}
#mainContents .contentsBx .w300 {
	width: 300px;
}
#mainContents .contentsBx .img.floatR {
	float: right;
	margin-top: 2px;
}
#mainContents .contentsBx .childTtl {
	font-size: 125%; /* 15px */
	line-height: 1.7; /* 22px */
	color: #3b313c;
		font-weight: bold;
}
#mainContents .contentsBx .txt {
	font-size: 100%;
	line-height: 1.7; /* 22px */
	color: #3b313c;
}
#mainContents .contentsBx .txt + .txt {
	margin-top: 20px;
}
#mainContents .contentsBx .bdr{
	background: url(https://img1.kakaku.k-img.com/images/article/sp/windows10/line.png) no-repeat left top;
	padding-top: 28px;
	margin-top: 35px;
}
#mainContents .contentsBx .notes{
	color: #999999;
	font-size: 81.6%;
	line-height: 1.63;
	text-align: right;
	padding-right: 30px;
}
#mainContents .contentsBx .appliBtn .leadTxt{
	margin: 0 0 5px 10px;
}
#mainContents .contentsBx .appliBtn .btn{
	margin-bottom: 10px;
}
#mainContents .appliBtn .btn a:hover,
#mainContents .makerDetail .btn a:hover {
	opacity:0.8;
	filter: alpha(opacity=80);         /* ie lt 8 */
	-ms-filter: "alpha(opacity=80)";   /* ie 8 */
	-moz-opacity:0.8;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.8;              /* Safari 1.x */
}




/* =========================================================
 ¡PR direct PC
========================================================= */

#mainContents .contentsBx .w405 {
	width: 405px;
	border-right: 1px solid #f5f5f5;
}
#mainContents .contentsBx .w255 {
	width: 233px;
	background: #dff0ff;
	color: #247cc5;
	padding: 10px;
}
#mainContents .contentsBx .makerLogo {
	text-align: center;
	padding-top: 5px;
	border-right: 1px solid #dff0ff;
}

#mainContents .contentsBx .maker{
	width: 385px;
	background:url(https://img1.kakaku.k-img.com/images/article/sp/windows10/makerlist_bg.png) left top no-repeat #dff0ff;
	padding-top: 5px;
}

#mainContents .contentsBx .maker th{
	padding: 10px 15px;
	color: #247cc5;
	font-weight: normal;
	text-align: left;
}
#mainContents .contentsBx .maker th span{
	font-size: 134%;
	font-weight: bold;
}

#mainContents .contentsBx .maker td{
	background: #ffffff;
	vertical-align: middle;
	text-align: center;
	border-right: 1px solid #dff0ff;
	}

#mainContents .contentsBx .w175 {
	width: 175px;
	margin-right: 20px;
}

#mainContents .contentsBx .makerDetail{
	border-top: 1px solid #79bbf1;
	background: #ffffff;
}

#mainContents .contentsBx .makerDetail p.infotxt{
	font-size: 92%;
	padding: 10px 0;
}

#mainContents .contentsBx .prbx + .prbx {
	margin-top: 40px;
}

.makerTxt{
	background:url(https://img1.kakaku.k-img.com/images/article/sp/windows10/makerlist_txt_bg.png) right top no-repeat;
	padding: 0 20px;
	width: 150px;
	font-size: 92%;
	margin-bottom: 10px;
	line-height: 1.4;
}














/* =========================================================
 ¡readme
========================================================= */
#readme {
	border:solid 1px #cccccc;
	padding:8px;
	margin-top: 22px;
}
#readme .iconReadme {
	background: url(https://img1.kakaku.k-img.com/images/itemview/item/icon_readme.gif) no-repeat left center;
	line-height: 20px;
	padding: 6px 5px 4px 22px;
}
#readme ul.notes li {
	background: url(https://img1.kakaku.k-img.com/images/itemview/item/icon_notes.gif) no-repeat left top;
	line-height: 140%;
	list-style: none outside none;
	padding-left: 12px;
}
#readme ul.notes li.red {
	color:#f00;
}


/* =========================================================
 ¡noscript
========================================================= */
#mainContents .bannerArea{
	text-align: center;
	margin-top: 20px;
}

/* =========================================================
 ¡noscript
========================================================= */
.noscript .close,
.noscript .toggle {
	display: none;
}
.noscript .open {
	display:block;
}


