@charset "UTF-8";
/* CSS Document */
/*----------------------------------------------------------
  コンテンツエリア
--------------------------------------------------------- */
.sp{display:none;}

.cvTag{
	height: 0;
	line-height: 0;
	margin: -20px 0 0 0;
	padding: 0;
}

body{
	min-width:960px;
}

.icon{
	vertical-align:middle;
}

#pcMaker .icon,
#softMaker .icon,
#deviceMaker .icon,
#pcGame .icon,
#schedule .icon{
	vertical-align:middle;
	margin-left:3px;
}

#baseHeader{
	background-color:#0078d7;
}
#gNavi a:hover,
#gNavi a.selected{
	color:#0060ac;
}

#titleHeader{
	background-color:#7fbbeb;
}

#titleHeader .titleBox{
	background-color:#0060ac;
}

#titleHeader .descBox{
	background-color:#7fbbeb;
}

#contentsWrap {
  width: 100%;
  margin: 0;
  padding: 0;
}
#contentsWrap article#contentsArea {
  clear: both;
  width: 100%;
  margin: 0;
  padding: 0;
}

.cf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.cf{display:inline-block;min-height:1%; }
* html .cf{height:1%;}
.cf{display:block;}

.mainPattern{
	background-color:#eee;
}

#mainImg{
	width:100%;
	min-width:960px;
	height:199px;
}

#mainImg .mainBg{
	margin:auto;
	width:960px;
	position:relative;
}

#mainImg .mainBg h1{
	width:960px;
}

#mainImg .mainBg .upgradeBtn{
	display:none;
	position:absolute;
	top:125px;
	left:628px;
}

.upgradeBox{
	display:none;
	width:960px;
	margin:0px auto;
}

.upgradeBox .mt40{
	margin-top:40px;
}

.upgradeBox .pd40{
	padding-bottom:40px;
}

.upgradeBox .upgradeBtn{
	display:none;
	text-align:center;
}

#topNav{
	width:960px;
	margin:0px auto 0;
}

#topNav li{
	float:left;
	width:231px;
	margin-right:12px;
}

#topNav li:last-child{
	margin-right:0;
}

#topNav li a img{
	-webkit-box-shadow: 2px 2px 0px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 2px 2px 0px 0px rgba(0,0,0,0.3);
	box-shadow: 2px 2px 0px 0px rgba(0,0,0,0.3);
}

#topNav li a.cr img,
#topNav li a:hover img{
	-webkit-box-shadow:none;
	-moz-box-shadow: none;
	box-shadow: none;
}

/*top*/

.contentsBox{
	width:960px;
	margin:40px auto 0;
	padding-bottom:40px;
}



.topBg{
	background-color:#eee;
}

.leftBox{
	float:left;
	width:700px;
}

.tweetBox{
	margin-top:30px;
}

.tweetBox h3{
	font-size:220%;
	font-weight:bold;
	margin-bottom:10px;
	color:#005394;
}

.tweetWidget{
/*	height:300px;*/
}

#faq{

}

#faq .faqTitle{
	background-color:#92d7fe;
	padding:2px 10px 0 20px;
}

#faq h3{
	float:left;
	margin-top:-15px;
}

#faq .pointTxt{
	float:right;
	font-size:140%;
}

#faqBoard{
	background-color:#77cdfe;
	padding:10px;
	position:relative;
	height:280px;
}

#faqBoard li{
	position:absolute;
}

#faqBoard li.animation1{
	-moz-animation: swing linear 5s infinite;
	-moz-transform-origin: center -30px 0;
	-webkit-animation: swing linear 5s infinite;
	-webkit-transform-origin: center -30px 0;
	-ms-animation: swing linear 5s infinite;
	-ms-transform-origin: center -30px 0;
	-o-animation: swing linear 5s infinite;
	-o-transform-origin:center -30px 0;
	animation: swing linear 5s infinite;
	transform-origin: center -30px 0;
	-webkit-animation-duration: 5s;
	animation-delay:1s;
}

#faqBoard li.animation2{
	-moz-animation: swing1 linear 8s infinite;
	-moz-transform-origin: center -30px 0;
	-webkit-animation: swing1 linear 8s infinite;
	-webkit-transform-origin: center -30px 0;
	-ms-animation: swing1 linear 8s infinite;
	-ms-transform-origin: center -30px 0;
	-o-animation: swing1 linear 8s infinite;
	-o-transform-origin:center -30px 0;
	animation: swing1 linear 8s infinite;
	transform-origin: center -30px 0;
	-webkit-animation-duration: 8s;
	animation-delay:4s;
}

#faqBoard li.animation3{
	-moz-animation: swing linear 5s infinite;
	-moz-transform-origin: center -30px 0;
	-webkit-animation: swing linear 5s infinite;
	-webkit-transform-origin: center -30px 0;
	-ms-animation: swing linear 5s infinite;
	-ms-transform-origin: center -30px 0;
	-o-animation: swing linear 5s infinite;
	-o-transform-origin:center -30px 0;
	animation: swing linear 5s infinite;
	transform-origin: center -30px 0;
	-webkit-animation-duration: 5s;
	animation-delay:5s;
}

#faqBoard li.animation4{
	-moz-animation: swing1 linear 4s infinite;
	-moz-transform-origin: center -30px 0;
	-webkit-animation: swing1 linear 4s infinite;
	-webkit-transform-origin: center -30px 0;
	-ms-animation: swing1 linear 4s infinite;
	-ms-transform-origin: center -30px 0;
	-o-animation: swing1 linear 4s infinite;
	-o-transform-origin:center -30px 0;
	animation: swing1 linear 4s infinite;
	transform-origin: center -30px 0;
	-webkit-animation-duration: 4s;
	animation-delay:3s;
}

#faqBoard li#tag1{
	top:14px;
	left:20px;
}

#faqBoard li#tag2{
	top:14px;
	left:196px;
}

#faqBoard li#tag3{
	top:147px;
	left:17px;
}

#faqBoard li#tag4{
	top:15px;
	left:462px;
}

#faqBoard li#tag5{
	top:33px;
	left:332px;
}

#faqBoard li#tag6{
	top:25px;
	left:590px;
}

#faqBoard li#tag7{
	top:165px;
	left:150px;
}

#faqBoard li#tag8{
	top:155px;
	left:400px;
}

#faqBoard li#tag9{
	top:150px;
	left:277px;
}

#faqBoard li#tag10{
	top:170px;
	left:620px;
}

@-moz-keyframes swing {
    0% { -moz-transform: rotate(0deg) }
    10% { -moz-transform: rotate(-2deg); }
    20% { -moz-transform: rotate(0deg); }
    30% { -moz-transform: rotate(2deg); }
    40% { -moz-transform: rotate(0deg); }
    100% { -moz-transform: rotate(0deg); }
}
@-webkit-keyframes swing {
    0% { -webkit-transform: rotate(0deg); }
    10% { -webkit-transform: rotate(-2deg); }
    20% { -webkit-transform: rotate(0deg); }
    30% { -webkit-transform: rotate(2deg); }
    40% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(0deg); }
}    
@-o-keyframes swing {
    0% { -o-transform: rotate(0deg); }
    10% { -o-transform: rotate(-2deg); }
    20% { -o-transform: rotate(0deg); }
    30% { -o-transform: rotate(2deg); }
    40% { -o-transform: rotate(0deg); }
    100% { -o-transform: rotate(0deg); }
}
@-ms-keyframes swing {
    0% { -ms-transform: rotate(0deg); }
    10% { -ms-transform: rotate(-2deg); }
    20% { -ms-transform: rotate(0deg); }
    30% { -ms-transform: rotate(2deg); }
    40% { -ms-transform: rotate(0deg); }
    100% { -ms-transform: rotate(0deg); }
}
@keyframes swing {
    0% { transform: rotate(0deg); }
    10% { transform: rotate(-2deg); }
    20% { transform: rotate(0deg); }
    30% { transform: rotate(2deg); }
    40% { transform: rotate(0deg); }
    100% { transform: rotate(0deg); }
}


@-moz-keyframes swing1 {
    0% { -moz-transform: rotate(0deg) }
    5% { -moz-transform: rotate(2deg); }
    10% { -moz-transform: rotate(0deg); }
    15% { -moz-transform: rotate(-2deg); }
    20% { -moz-transform: rotate(0deg); }
    100% { -moz-transform: rotate(0deg); }
}
@-webkit-keyframes swing1 {
    0% { -webkit-transform: rotate(0deg); }
    5% { -webkit-transform: rotate(2deg); }
    10% { -webkit-transform: rotate(0deg); }
    15% { -webkit-transform: rotate(-2deg); }
    20% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(0deg); }
}    
@-o-keyframes swing1 {
    0% { -o-transform: rotate(0deg); }
    5% { -o-transform: rotate(2deg); }
    10% { -o-transform: rotate(0deg); }
    15% { -o-transform: rotate(-2deg); }
    20% { -o-transform: rotate(0deg); }
    100% { -o-transform: rotate(0deg); }
}
@-ms-keyframes swing1 {
    0% { -ms-transform: rotate(0deg); }
    5% { -ms-transform: rotate(2deg); }
    10% { -ms-transform: rotate(0deg); }
    15% { -ms-transform: rotate(-2deg); }
	20% { -ms-transform: rotate(0deg); }
    100% { -ms-transform: rotate(0deg); }
}
@keyframes swing1 {
    0% { transform: rotate(0deg); }
    5% { transform: rotate(2deg); }
    10% { transform: rotate(0deg); }
    15% { transform: rotate(-2deg); }
    20% { transform: rotate(0deg); }
    100% { transform: rotate(0deg); }
}

#faqList{
	border-bottom:20px solid #77cdfe;
	background-color:#fff;
}
#faqList.new li:not(:nth-child(-n+5)){
	display:none;
}

#faqList li{
	border-top:2px solid #eee;
	padding:5px 20px;
}

#faqList li a{
	color:#006cc1;
}

#faqList li a:hover{
	text-decoration: underline;
}

#faqList li span{
	vertical-align:middle;
}

#faqList li .question{
	font-size:300%;
	display:inline-block;
	margin-right:7px;
}

#faqList li .txt{
	font-size:140%;
}

#faqList li .icon{
	vertical-align:middle;
	margin-left:5px;
}

#rightBox{
	float:right;
	width:230px;
}

#rightBox li{
	margin-top:30px;
}

#rightBox li:first-child{
	margin-top:0;
}

#rightBox li a:hover img{
	opacity: 0.7;
	-ms-filter: "alpha(opacity=70)";/* ie 8 */
}


.pageTopBox .innerBox{
	width:960px;
	margin:auto;
}

/*/top*/

/*guide*/

#guide{
	background-color:#eee;
	width:100%;
	padding:24px 0;
}

#guide h2.guideTitle{
	color:#0078d7;
	border-top:1px solid #0078d7;
	border-bottom:1px solid #0078d7;
	padding:7px 14px;
	width:960px;
	box-sizing:border-box;
	font-size:240%;
	margin:0 auto 20px;
	background-color:#fff;
}

#guide .innerBox{
	width:960px;
	margin:auto;
}

#guide .innerBox .guideTxt{
	font-size:140%;
	margin-bottom:20px;
}



#guide ul li p{
	margin-top:8px;
	text-align:center;
}

#guide ul li p .user{
	font-size:140%;
	display:block;
}

#guide ul li p .dl{
	font-size:160%;
}

#guide ul li p .dl img{
	margin-left:14px;
	vertical-align:middle;
}

#guide ul li.win7 a{
	color:#0078d7;
}

#guide ul li.win8 a{
	color:#d62800;
}


#guide .demo{
	background-color:#fff;
	width:560px;
	margin:30px auto 0;
	padding:25px 40px 35px;
}

#guide .demo .demoTitle{
	min-height:102px;
	background:url(/ja-jp/atlife/images/article/windows10-portal/guide/top/icon_introduction.gif) no-repeat left top;
	padding-left:118px;
}

#guide .demo .demoTitle h3{
	font-size:230%;
	border-top:1px solid #515151;
	padding-top:4px;
}

#guide .demo .demoTitle p{
	font-size:140%;
	margin-bottom:4px;
}

#guide .demo .txtBox{
	margin-top:15px;
}

#guide .demo .txtBox h4{
	font-size:140%;
	font-weight:bold;
}

#guide .demo .txtBox p{
	font-size:130%;
}

#guide .demo .capture{
	margin-top:10px;
}

#guide .demo .btn{
	text-align:center;
	margin-top:25px;
}
/*/guide*/
#pcMaker{
	padding-top:35px;
	background-color:#f2f2f2;
	padding-bottom:30px;
	position:relative;
	z-index:5;
}

#softMaker {
	background-color:#fff;
	padding-top:35px;
	padding-bottom:30px;
	position:relative;
	z-index:4;
}

#deviceMaker{
	background-color:#f2f2f2;
	padding-top:35px;
	padding-bottom:30px;
	position:relative;
	z-index:3;
}

#pcGame{
	background-color:#fff;
	padding-top:35px;
	padding-bottom:30px;
	position:relative;
	z-index:2;
}

#pcMaker .innerBox,
#softMaker .innerBox,
#deviceMaker .innerBox,
#pcGame .innerBox{
	width:960px;
	margin:auto;
}

#pcMaker .innerBox .titleBox,
#softMaker .innerBox .titleBox,
#deviceMaker .innerBox .titleBox,
#pcGame .innerBox .titleBox{
	background:url(/ja-jp/atlife/images/article/windows10-portal/guide/title_bg.png) no-repeat left center;
	padding-left:21px;
}

#pcMaker .innerBox .titleBox h2,
#softMaker .innerBox .titleBox h2,
#deviceMaker .innerBox .titleBox h2,
#pcGame .innerBox .titleBox h2{
	line-height:43px;
	font-size:230%;
}

#softMaker .innerBox .titleBox .txt,
#deviceMaker .innerBox .titleBox .txt,
#pcGame .innerBox .titleBox .txt{
	min-height:36px;
	font-size:130%;
	line-height:1.4em;
	padding-top:4px;
}

#pcMaker .innerBox .titleBox p{
	line-height:40px;
	font-size:130%;
}

.caution{
	text-align:right;
	font-size:110%;
}

#pcMaker .innerBox li,
#softMaker .innerBox li,
#deviceMaker .innerBox li{
	float:left;
	width:225px;
	margin:20px 20px 0 0;
	font-size:140%;
}

#pcMaker .innerBox li:nth-child(4n),
#softMaker .innerBox li:nth-child(4n),
#deviceMaker .innerBox li:nth-child(4n){
	margin-right:0;
}

#pcMaker .innerBox li a:hover img,
#softMaker .innerBox li a:hover img,
#deviceMaker .innerBox li a:hover img{
	opacity: 0.7;
	-ms-filter: "alpha(opacity=70)";/* ie 8 */
}

#pcGame .innerBox .gameMaker{
	margin-top:20px;
	border:1px solid #ccc;
	padding:19px;
}

#pcGame .innerBox .gameMaker h3{
	font-size:180%;
	padding-bottom:8px;
}

#pcGame .innerBox h3 a{
	color:#863a77;
}

#pcGame .innerBox li{
	float:left;
	width:460px;
	font-size:160%;
	margin-top:10px;
}
#pcGame .innerBox li a{
	background:url(/ja-jp/atlife/images/article/windows10-portal/guide/icon_arrow.gif) no-repeat 7px center;
	padding-left:20px;
}
.mLogo{
	width:225px;
	height:225px;
	background-color:#fff;
}

.mName{
	margin-top:3px;
}
/*
.mName span{
	background:url(/ja-jp/atlife/images/article/windows10-portal/guide/ico_arrow_09.gif) no-repeat right center;
	padding-right:20px;
}*/

.pageTop{
	margin-top:15px;
	font-size:140%;
	text-align:right;
	float:right;
}

.pageTop a{
	background:url(/ja-jp/atlife/images/article/windows10-portal/guide/bt_pagetop.png) no-repeat right center;
	padding-right:20px;
	display:inline-block;
}

.pageTop a:link,
.pageTop a:visited,
.pageTop a:hover,
.pageTop a:active{
	color:#094a7c;
}

.note{
	clear:both;
}

#baseFooter{
	background-color:#2f2f2f;
}

.ptNav{
	padding-top:65px;/*71*/
}

/*add1125*/

/*step1*/
#merit{
	width:960px;
	margin:4px auto 0 auto;
	padding-bottom:30px;
}

#merit .meritList h3{
	color:#0078d7;
	font-size:250%;
}

#merit .meritList .free,
#merit .meritList .security,/*20160418*/
#merit .meritList .speed{
	border-bottom:1px solid #0078d7;
	padding:20px;
}
#merit .meritList .speed{/*20160418*/
	border-bottom: none;
}


#merit .meritList .performance{
	padding:20px 0 0px;
}

#merit .meritList .other{
	padding:30px 0 0;
}

#merit .meritList .titleBox p{
	font-size:150%;
}

#merit .meritList .free .titleBox{/* 20160421 */
	height: 240px;
	box-sizing:border-box;
}

#merit .meritList .speed .titleBox{/* 20160421 */

	height: 240px;
	box-sizing:border-box;
}

#merit .meritList .speed span{
	display:block;
}

#merit .meritList .performance span{
	display:block;
}

#merit .meritList .performance .titleBox{/* 20160421 */
	box-sizing:border-box;
}

#merit .meritList .other .titleBox{/* 20160421 */
 	background:url(/ja-jp/atlife/images/article/windows10-portal/guide/step1/icon_other.gif) no-repeat left center;
	box-sizing:border-box;
	margin-left: 20px;
}


#merit .meritList .security .titleBox{
	height: 280px;
	box-sizing:border-box;
}
 .animBox{
	width: 390px;
	height: 240px;
	margin-right: 20px;
	float: left;
	position: relative;
}
.free .animBox div,
.security .animBox div,
.speed .animBox div
{
	position: absolute;
}
.security .animBox
{
	margin-top: 20px;
	overflow: hidden;
}
#free_paper{top:114px;left: 20px;z-index: 2}
#free_cal1{top:94px;left: 20px;}
#free_cal2{top:94px;left: 20px;z-index: 1}
#free_cal_text{top:114px;left: 258px;z-index: 3}
#free_huki{top:8px;left: 130px;}
#free_arrow{top:143px;left: 166px;}
#free_twincle1{top:9px;left: 93px;}
#free_twincle2{top:52px;left: 283px;}

#security_base{top:0px;left: 0px;}
#security_mark1{top:75px;left: 172px;}
#security_mark2{top:190px;left: 172px;}
#security_virus{top:91px;left: 390px;z-index: 1}
#security_virus_child1{top:91px;left: 390px;}
#security_virus_child2{top:91px;left: 390px;}
#security_virus_child3{top:91px;left: 390px;}
#security_virus_sad1{top:74px;left: 220px;z-index: 2}
#security_virus_effect1{top:72px;left: 213px;}
#security_virus_sad2{top:180px;left: 214px;z-index: 2}
#security_virus_effect2{top:161px;left: 244px;z-index: 3;}

#speed_base1{top: 0;left: 0; z-index: 0;}
#speed_base2{top: 0;left: 0; z-index: 1;}
#speed_base3{top: 0;left: 0; z-index: 2;}
#speed_base4{top: 0;left: 0; z-index: 3;}
#speed_base_head{top: 89px;left: 154px; z-index: 4;}
#speed_zzz1{top:79px;left: 62px; z-index: 4;}
#speed_zzz2{top:78px;left: 186px; z-index: 4;}
#speed_person{top:90px;left: 221px; z-index: 4;}
#speed_person_upper{top:95px;left: 219px; z-index: 4;}
#speed_person_under{top:118px;left: 208px; z-index: 4;}
#speed_twincle1{top:96px;left: 292px; z-index: 4;}
#speed_twincle2{top:142px;left: 358px; z-index: 4;}

#free_arrow,#free_twincle1,#free_twincle2,#free_cal_text,
#security_virus_effect1,#security_virus_effect2,#security_virus_sad1,#security_virus_sad2,
#speed_base2,#speed_base3,#speed_base4,#speed_base_head,#speed_person,#speed_person_upper,#speed_person_under,#speed_twincle1,#speed_twincle2
{
	opacity: 0;
}
#free_huki img{
	opacity: 0;
	width: 0px;
	height: 0px;
	left: 72px;
	top: 130px;
	position: absolute;
}
#security_mark1 img,#security_mark2 img{
	opacity: 0;
	width: 200px;
	height: 200px;
	left: -100px;
	top: -100px;
	position: absolute;
}
.ie7 .animBox div{
	display: none;
}
.ie7 #free_ie,.ie7 #security_ie,.ie7 #speed_ie{
	display: block;
}

/**/

.textBox{
	float: right;
	width: 510px;
}
.free .textBox{margin-top: 60px;}
.security .textBox{margin-top: 0px;}
.speed .textBox{margin-top: 70px;}

#merit .meritList .performance h3{
	text-align:  center;
	color: white;
	background-color: #0078d7;
}
.performanceLead{
	margin: 10px 20px;
}


#merit .meritList .performance .performanceData{
	background-color:#ededed;
	padding:30px 40px;
	margin-top:18px;
}

#merit .meritList .performance .performanceData .pcSpec{
	border-bottom:1px solid #7f7f7f;
	background:url(/ja-jp/atlife/images/article/windows10-portal/guide/step1/icon_notepc.gif) no-repeat 5px top;
	padding-left:150px;
	padding-bottom:15px;
}

#merit .meritList .performance .performanceData .pcTitle h4{
	display:inline-block;
	color:#0078d7;
	font-size:190%;
	margin-right:17px;
}

#merit .meritList .performance .performanceData .pcTitle p{
	display:inline-block;
	color:#606060;
	font-size:130%;
}

#merit .meritList .performance .performanceData .model{
	font-size:160%;
}
#merit .meritList .performance .performanceData .spec{
	font-size:130%;
}

#merit .meritList .performance .compareList li{
	padding-top:20px;
}

#merit .meritList .performance .compareList .title{
	font-size:180%;
}

#merit .meritList .performance .compareList .data{
	font-size:260%;
	line-height:1.2em;
}

#merit .meritList .performance .compareList .cap{
	font-size:150%;
}

#merit .meritList .performance .compareList .attention{
	font-size:130%;
	margin-top:5px;
}

#merit .meritList .performance .compareList .timeBox{
	float:left;
	width:326px;
	color:#fff;
	background:url(/ja-jp/atlife/images/article/windows10-portal/guide/step1/icon_time.gif) no-repeat right top #0078d7;
	min-height:97px;
	padding:6px 13px;
	box-sizing:border-box;
}

#merit .meritList .performance .compareList a:link,
#merit .meritList .performance .compareList a:visited,
#merit .meritList .performance .compareList a:hover,
#merit .meritList .performance .compareList a:active{
	color:#094a7c;
}

#merit .meritList .performance .compareList .sleepBox{
	float:left;
	width:326px;
	color:#fff;
	background:url(/ja-jp/atlife/images/article/windows10-portal/guide/step1/icon_sleep.gif) no-repeat right top #005996;
	min-height:97px;
	padding:6px 13px;
	box-sizing:border-box;
}

#merit .meritList .performance .compareList .browsingBox{
	float:left;
	width:326px;
	color:#fff;
	background:url(/ja-jp/atlife/images/article/windows10-portal/guide/step1/icon_browsing.gif) no-repeat right top #cc3e00;
	min-height:97px;
	padding:6px 13px;
	box-sizing:border-box;
}

#merit .meritList .performance .compareList .copyBox{
	float:left;
	width:326px;
	color:#fff;
	background:url(/ja-jp/atlife/images/article/windows10-portal/guide/step1/icon_copy.gif) no-repeat right top #226d2b;
	min-height:97px;
	padding:6px 13px;
	box-sizing:border-box;
}

#merit .meritList .performance .compareList .zipBox{
	float:left;
	width:326px;
	color:#fff;
	background:url(/ja-jp/atlife/images/article/windows10-portal/guide/step1/icon_zip.gif) no-repeat right top #65327f;
	min-height:97px;
	padding:6px 13px;
	box-sizing:border-box;
}

#merit .meritList .performance .compareList .unzipBox{
	float:left;
	width:326px;
	color:#fff;
	background:url(/ja-jp/atlife/images/article/windows10-portal/guide/step1/icon_unzip.gif) no-repeat right top #274c96;
	min-height:97px;
	padding:6px 13px;
	box-sizing:border-box;
}

#merit .meritList .performance .compareList .graph{/*20160421*/
	float:right;
	position: relative;
}
/* 20160421add */
.graphAnimation1,.graphAnimation2{
	position: absolute;
	width: 0px;
	height: 27px;
	left: 125px;
	font-size: 16px;
	line-height: 27px;
}
.graphAnimation1{
	color: black;
	top: 15px;
	background-color: #c1c1c1;
}
.graphAnimation2{
	color: white;
	top: 50px;
}
.gTime .graphAnimation2{background-color: #0078d7;}
.gSleep .graphAnimation2{background-color: #005996;}
.gBrowsing .graphAnimation2{background-color: #cc3e00;}
.gCopy .graphAnimation2{background-color: #226d2b;}
.gZip .graphAnimation2{background-color: #65327f;}
.gUnzip .graphAnimation2{background-color: #274C96;}

span.gText{
	opacity: 0;
	padding-left: 33px;
}

.ie7 span.gText, .ie8 span.gText{display: block!important;}
.ie7 .gTime .graphAnimation1,.ie8 .gTime .graphAnimation1{width: 350px;}
.ie7 .gTime .graphAnimation2,.ie8 .gTime .graphAnimation2{width: 117px;}
.ie7 .gSleep .graphAnimation1,.ie8 .gSleep .graphAnimation1{width: 389px;}
.ie7 .gSleep .graphAnimation2,.ie8 .gSleep .graphAnimation2{width: 130px;}
.ie7 .gBrowsing .graphAnimation1,.ie8 .gBrowsing .graphAnimation1{width: 189px;}
.ie7 .gBrowsing .graphAnimation2,.ie8 .gBrowsing .graphAnimation2{width: 366px;}
.ie7 .gCopy .graphAnimation1,.ie8 .gCopy .graphAnimation1{width: 337px;}
.ie7 .gCopy .graphAnimation2,.ie8 .gCopy .graphAnimation2{width: 329px;}
.ie7 .gZip .graphAnimation1,.ie8 .gZip .graphAnimation1{width: 353px;}
.ie7 .gZip .graphAnimation2,.ie8 .gZip .graphAnimation2{width: 246px;}
.ie7 .gUnzip .graphAnimation1,.ie8 .gUnzip .graphAnimation1{width: 385px;}
.ie7 .gUnzip .graphAnimation2,.ie8 .gUnzip .graphAnimation2{width: 273px;}

/* */

#merit .otherList li{
	margin-top:30px;
}

#merit .otherList li:first-child{
	margin-top:20px;
}

#merit .otherList .otherLine{
	padding:30px 40px;
	border:1px solid #0078d7;
}

#merit .otherList .otherLineTablet{
	padding:30px 27px 30px 40px;
	border:1px solid #0078d7;
}

#merit .otherList .otherBox{
	float:left;
	width:480px;
}

#merit .otherList .otherBox .txt{
	font-size:140%;
	margin-top:15px;
}

#merit .otherList .otherBox .attention{
	font-size:120%;
	margin-top:10px;
}

#merit .otherList  .otherLine .capture{
	float:right;
	width:342px;
}

/*20160420 add*/
.textlink{
	color: #0078d7;
	text-decoration: underline;
}
.textlink:hover{
	color: #094a7c;
	text-decoration: underline;
}
#merit .otherList  .otherLine .capture img,.otherLine .captureXbox img{
	margin: auto;
	display: block;
}
.linkBtn{
	width: 120px;
	margin: 20px auto 0;
	text-align: center;
}
.linkBtn a{
	width: 120px;
	height: 35px;
	line-height: 35px;
	font-size: 140%;
	color: white;
	display: block;
	background-color: #0078d7;
}
.linkBtn a:hover{
	text-decoration: none;
	background-color: #3794E0;
}
.streamingPlay{
	width: 100%!important;
}
.streamingPlay p.txt{
}

.dvrBox{
	padding-right:111px;
}

.dvrBox .txt{
	float:left;
}

.dvrBox .linkBtn{
	float:right;
	margin: 0 auto 0;
}

/**/

#merit .otherList .otherLineTablet .capture{
	float:right;
	width:355px;
}

#merit .otherList  .otherLine .captureXbox{
	float:right;
	width:380px;
}

#merit .otherList .otherBox ul{
	margin-top:30px;
}

#merit .otherList .otherBox ul li{
	float:left;
	margin-right:13px;
	margin-top:0;
}

#merit .otherList .otherBox ul li:last-child{
	margin-right:0;
}

#merit .otherList h4{
	color: #0078d7;
	font-size:250%;
}

/*step2*/
#check{
	width:100%;
}

#checkHeader{
	width:960px;
	margin:24px auto 0 auto;
	padding-bottom:15px;
}

#checkHeader h2{
	color:#863a77;
	border-top:1px solid #863a77;
	border-bottom:1px solid #863a77;
	padding:7px 14px;
	font-size:240%;
}
/*
#checkHeader h2 span{
	display:inline-block;
	vertical-align:middle;
	line-height:1em;
}

#checkHeader h2 .step{
	font-size:180%;
	margin-right:20px;
}

#checkHeader h2 .en{
	font-size:500%;
	font-family:Segoe UI,sans-serif;
	font-weight:100;
	line-height:1em;
	margin-top:-7px;
}

#checkHeader h2 .title{
	margin-left:20px;
	padding-left:20px;
	border-left:1px solid #863a77;
	font-size:200%;
	line-height:42px;
}*/

#checkHeader .txt{
	font-size:160%;
	margin-top:25px;
}

#checkHeader h3{
	margin-top:36px;
	padding-bottom:18px;
	border-bottom:1px solid #515151;
}

#checkHeader .anchorBox{
	margin-top:10px;
}

#checkHeader .anchorBox li{
	float:left;
	width:240px;
	text-align:center;
}

#checkHeader .anchorBox li a{
	font-size:180%;
	display:block;
	padding:20px 0;
	line-height:1em;
	background:url(/ja-jp/atlife/images/article/windows10-portal/guide/anchor_arrow.gif) no-repeat center bottom;
}

/*step3*/
#howto{
	width:960px;
	margin:14px auto 0 auto;
	padding-bottom:30px;
}

#howto h2{
	color:#db4605;
	border-top:1px solid #db4605;
	border-bottom:1px solid #db4605;
	padding:7px 14px;
	font-size:200%;
}
/*
#howto h2 span{
	display:inline-block;
	vertical-align:middle;
	line-height:1em;
}

#howto h2 .step{
	font-size:180%;
	margin-right:20px;
}

#howto h2 .en{
	font-size:500%;
	font-family:Segoe UI,sans-serif;
	font-weight:100;
	line-height:1em;
	margin-top:-7px;
}

#howto h2 .title{
	margin-left:20px;
	padding-left:20px;
	border-left:1px solid #db4605;
	font-size:200%;
	line-height:42px;
}
*/
#howto .introduction{
	margin-top:30px;
}


#howto .introduction p{
	font-size:140%;
}

#howto .carousel dt{
	min-height:90px;
	width:800px;
	margin:30px auto 0;
}

#howto .carousel dt .num{
	color:#db4605;
	font-size:180%;
	display:block;
	font-weight:bold;
}

#howto .carousel dt .txt{
	font-size:160%;
	display:block;

}

#howto .carousel dt a{
	background:url(/ja-jp/atlife/images/article/windows10-portal/guide/icon_arrow.gif) no-repeat 2px center;
	padding-left:15px;
}

#howto .carousel dt a:link{
	color:#094a7c;
}

#howto .carousel dt a:visited{
	color:#094a7c;
}

#howto .carousel dt a:hover{
	color:#094a7c;
}

#howto .carousel dt a:link{
	color:#094a7c;
}

#howto .carousel dt a:active{
	color:#094a7c;
}

#howto .carousel dd{
/*	margin-left:84px;*/
	width:480px;
	margin:0 auto;
	padding-left:10px;
}

#howto .carousel dd.last{
	width:490px;
	margin:0 auto;
	padding-left:0px;
}
/*
#howto .carousel dd .txt{
	font-size:160%;
	margin-bottom:10px;
}

#howto .carousel dd .txt2{
	font-size:140%;
	margin-top:10px;
}

#howto .carousel dd.sec{
	margin-top:20px;
}
#howto .carousel dd.mt10{
	margin-top:10px;
}

#howto .carousel dd .cap{
	margin-left:-10px;
}*/

.slick_container {
	width:960px;
	margin:0 auto;
	position:relative;
}


.slick_container {
	width:960px;
	margin:0 auto;
	overflow:hidden;
}

#arrows button{
	position:absolute;
	z-index:1000;
	top: 50%;
	cursor: pointer;
	color: transparent;
	border: none;
	outline: none;
 	background: #fff;
	opacity: 0;
	-ms-filter: "alpha(opacity=0)";/* ie 8 */
}

#arrows img{
	width:30px;
	height:34px;
}

#arrows .slick-prev{
	left:150px;
	top:50%;
}

#arrows .slick-next{
	right:150px;
	top:50%;
}

#arrows .slick-prev,
#arrows .slick-next{
	width:30px;
	height:34px;
}

#arrows .slick-prev:hover,
#arrows .slick-next:hover{
	opacity: 0.7;
	-ms-filter: "alpha(opacity=70)";/* ie 8 */
}

#arrows button.slick-disabled{
	background:#fff;
	opacity: 1;
	-ms-filter: "alpha(opacity=100)";/* ie 8 */
}

#arrows .slick-disabled:hover,
#arrows .slick-disabled:hover{
	opacity: 1;
	-ms-filter: "alpha(opacity=100)";/* ie 8 */
}

/**/

#howto .procedure{
	margin-top:30px;
}

#howto .procedure h3{
	color:#db4605;
	font-size:240%;
	line-height:1em;
}

#howto .procedure .movie li{
	float:left;
	width:471px;
	margin-top:18px;
	margin-right:0px;
}

#howto .procedure .movie li:first-child{
	margin-right:18px;
}

#howto .procedure .movie li h4{
	text-align:center;
	font-size:160%;
	margin-bottom:10px;
	min-height:20px;
}

#howto .procedure .movie li h4 span{
	display:inline-block;
	padding-left:43px;
	background:url(/ja-jp/atlife/images/article/windows10-portal/guide/icon_movie.gif) no-repeat left center;
}

#howto .procedure .movie .movieYt a:hover img{
	opacity: 0.7;
	-ms-filter: "alpha(opacity=70)";/* ie 8 */
}

#howto .conf{
	margin-top:30px;
}

#howto .conf h3{
	color:#db4605;
	font-size:240%;
	line-height:1em;
}

#howto .conf p{
	font-size:140%;
	margin-top:18px;
}

#howto .conf ul{
	font-size:130%;
}

#howto .conf ul li{
	float:left;
	width:457px;
	background-color:#db4605;
	margin-top:18px;
	margin-right:18px;
	padding:10px 7px;
}

#howto .conf ul li:nth-child(even){
	margin-right:0;
}

#howto .conf ul a{
	color:#fff;
	background:url(/ja-jp/atlife/images/article/windows10-portal/guide/icon_link.gif) no-repeat left center;
	padding-left:27px;
	min-height:21px;
	display:inline-block;
}

#howto .icon{
	margin-left:5px;
	vertical-align:middle;
}

#howto .reference{
	margin-top:30px;
}



#howto .reference ul{
	font-size:130%;
}



#howto .reference ul li:nth-child(even){
	margin-right:0;
}

#howto .reference ul a{
	color:#fff;
	background:url(/ja-jp/atlife/images/common/ico_arrow_03.png) no-repeat left center;
	padding-left:27px;
	min-height:21px;
	display:inline-block;
}

/*//step3*/

/*step3 driver*/
#howtoDriver{
	width:960px;
	margin:24px auto 0 auto;
	padding-bottom:30px;
}

#howtoDriver h2{
	color:#db4605;
	border-top:1px solid #db4605;
	border-bottom:1px solid #db4605;
	padding:7px 14px;
	font-size:240%;
}

#howtoDriver .introduction{
	margin-top:30px;
}

#howtoDriver .introduction h3{
	color:#db4605;
	font-size:240%;
	line-height:1em;
}

#howtoDriver .introduction p{
	font-size:140%;
	margin-top:18px;
}

#howtoDriver .anchorBox{
	margin-top:10px;
	font-size:130%;
}

#howtoDriver .anchorBox li{
	background-color:#db4605;
	margin-top:18px;
	padding:10px 7px;
}

#howtoDriver .anchorBox li a{
	color:#fff;
	background:url(/ja-jp/atlife/images/article/windows10-portal/guide/driver/icon_link.gif) no-repeat left center;
	padding-left:27px;
	min-height:21px;
	display:inline-block;
}

#howtoDriver .icon{
	margin-left:5px;
	vertical-align:middle;
}

#howtoDriver .anchorBox li a.msLink{
	background:url(/ja-jp/atlife/images/article/windows10-portal/guide/icon_link.gif) no-repeat left center;
}

#howtoDriver #windowsUpdate{
	margin-top:30px;
	padding-top:20px;
}

#howtoDriver #windowsUpdate h3{
	color:#db4605;
	font-size:240%;
	line-height:1em;
}

#howtoDriver #windowsUpdate .outline{
	font-size:140%;
	margin-top:18px;
}

#howtoDriver #windowsUpdate dt{
	clear:both;
	float:left;
	padding-top:18px;
}

#howtoDriver #windowsUpdate dt .num{
	line-height:64px;
	background:url(/ja-jp/atlife/images/article/windows10-portal/guide/bg_circle.gif) no-repeat left center;
	width:64px;
	text-align:center;
	color:#db4605;
	font-size:240%;
	display:inline-block;
	margin-right:20px;
}

#howtoDriver #windowsUpdate dd{
	float:left;
	width:876px;
	padding-top:18px;
	min-height:64px;
}

#howtoDriver #windowsUpdate dd .txt{
	font-size:140%;
	padding-top:11px;
}

#howtoDriver #windowsUpdate dd .capture{
	margin-top:10px;
}

#howtoDriver #windowsUpdate dd img{
	vertical-align:middle;
}

#howtoDriver #deviceManager{
	margin-top:30px;
	padding-top:20px;
}

#howtoDriver #deviceManager h3{
	color:#db4605;
	font-size:240%;
	line-height:1em;
}

#howtoDriver #deviceManager .outline{
	font-size:140%;
	margin-top:18px;
}

#howtoDriver #deviceManager dt{
	clear:both;
	float:left;
	padding-top:18px;
}

#howtoDriver #deviceManager dt .num{
	line-height:64px;
	background:url(/ja-jp/atlife/images/article/windows10-portal/guide/bg_circle.gif) no-repeat left center;
	width:64px;
	text-align:center;
	color:#db4605;
	font-size:240%;
	display:inline-block;
	margin-right:20px;
}

#howtoDriver #deviceManager dd{
	float:left;
	width:876px;
	padding-top:18px;
	min-height:64px;
}

#howtoDriver #deviceManager dd .txtSingle{
	font-size:140%;
	padding-top:22px;
}

#howtoDriver #deviceManager dd .txt{
	font-size:140%;
	padding-top:11px;
}

#howtoDriver #deviceManager dd .txt3lines{
	font-size:140%;
	padding-top:0;
}

#howtoDriver #deviceManager dd .capture{
	margin-top:10px;
}

#howtoDriver #deviceManager dd img{
	vertical-align:middle;
}

#howtoDriver #makerSite{
	margin-top:30px;
	padding-top:20px;
}

#howtoDriver #makerSite h3{
	color:#db4605;
	font-size:240%;
	line-height:1em;
}

#howtoDriver #makerSite p{
	font-size:140%;
	margin-top:18px;
}

#howtoDriver #makerSite p a{
	background:url(/ja-jp/atlife/images/article/windows10-portal/guide/icon_arrow.gif) no-repeat 2px center;
	padding-left:15px;
	color:#0060ac;
}

#howtoDriver #other{
	margin-top:30px;
	padding-top:20px;
}

#howtoDriver #other h3{
	color:#db4605;
	font-size:240%;
	line-height:1em;
}

#howtoDriver #other h4{
	color:#db4605;
	font-size:160%;
	border-left:2px solid #db4605;
	padding-left:13px;
	margin-top:30px;
}

#howtoDriver #other p,
#howtoDriver #other ul{
	font-size:140%;
	margin-top:10px;
}

#howtoDriver #other p a,
#howtoDriver #other li a{
	background:url(/ja-jp/atlife/images/article/windows10-portal/guide/icon_arrow.gif) no-repeat 2px center;
	padding-left:15px;
	color:#0060ac;
}

/*//step3 driver*/

/*schedule*/
#schedule{
	width:960px;
	margin:30px auto 0 auto;
	padding-bottom:30px;
}

#schedule a{
	color:#0060ac;
}

#schedule h2{
	color:#db4605;
	border-top:1px solid #db4605;
	border-bottom:1px solid #db4605;
	padding:7px 14px;
	font-size:240%;
}

#schedule .introduction{
	margin-top:30px;
}

#schedule .introduction h3{
	color:#db4605;
	font-size:240%;
	line-height:1em;
}

#schedule .introduction p{
	font-size:140%;
	margin-top:18px;
}

#schedule .captureBox{
	margin:30px auto 0;
	text-align:center;
}

#schedule .captureBox p.txt{
	font-size:140%;
}

#schedule .captureBox p.capture{
	margin-top:10px;
}

#schedule #userSelect{
	margin-top:40px;
}

#schedule #userSelect h3{
	color:#db4605;
	font-size:240%;
	line-height:1em;
}

#schedule #userSelect ul{
	margin-left:18px;
}

#schedule #userSelect li{
	font-size:140%;
	margin-top:18px;
	background:url(/ja-jp/atlife/images/article/windows10-portal/guide/schedule/ico_square.gif) no-repeat 4px 0.5em;
	padding-left:22px;
}

#schedule #userSelect p{
	font-size:140%;
	margin-top:18px;
}

#schedule .reference{
	margin-top:30px;
}

#schedule .reference h3{
	color:#db4605;
	font-size:240%;
	line-height:1em;
}

#schedule .reference ul{
	font-size:140%;
}

#schedule .reference ul li{
	background-color:#db3900;
	margin-top:18px;
	padding:10px 7px;
}

#schedule .reference ul li:nth-child(even){
	margin-right:0;
}

#schedule .reference ul a{
	color:#fff;
	background:url(/ja-jp/atlife/images/article/windows10-portal/guide/icon_link.gif) no-repeat left center;
	padding-left:27px;
}

/*//schedule*/

/*upgrade*/
.secBg{
/*	background:url(/ja-jp/atlife/images/article/windows10-portal/guide/upgrade/bg_sec.gif) repeat-x left top;*/
	background-color:#eee;
}

#upgrade {
	width:960px;
	margin:30px auto 0 auto;
	padding-bottom:40px;
}

#upgrade .support{
	border:2px solid #0078d7;
	margin-bottom:30px;
}

#upgrade .support .titleBox{
	padding:11px 18px;
	background-color:#fffffe;
}

#upgrade .support .titleBox h2{
	margin-top:-30px;
}

#upgrade .support .titleBox p{
	margin-top:5px;
}

#upgrade .support .titleBox p a{
	font-weight:bold;
	font-size:115%;
}

#upgrade .supportData{
	background-color:#004294;
	color:#fff;
	padding:11px 18px;
}

#upgrade .supportData h3{
	display:inline-block;
	font-weight:bold;
	font-size:160%;
	color:#ffe700;
}

#upgrade .supportData .tel{
	display:inline-block;
	margin-left:30px;
	font-size:180%;
	font-weight:bold;
}

#upgrade .supportData .time{
	margin-top:7px;
	font-size:140%;
}

#upgrade .chatSupport{
	background-color:#004294;
	color:#fff;
	padding:11px 18px;
}

#upgrade .chatSupport h3{
	display:inline-block;
	font-weight:bold;
	font-size:160%;
	color:#ffe700;
}

#upgrade .chatSupport .click{
	display:inline-block;
	margin-left:30px;
	font-size:160%;
}

#upgrade .chatSupport .click a{
	font-weight:bold;
	font-size:115%;
}

#upgrade .chatSupport img{
	margin-left:5px;
	vertical-align:middle;
	margin-right:5px;
}

#upgrade .chatSupport a{
	color:#fff;
}

#upgrade .chatSupport .account{
	margin-top:7px;
	font-size:140%;
}

#upgrade .chatSupport .account a{
	font-weight:bold;
	font-size:115%;
}

#upgrade .support .txt{
	font-size:160%;
}

#upgrade .notice{
	width:464px;
	float:left;
	background:url(/ja-jp/atlife/images/article/windows10-portal/guide/upgrade/bg_txt.png) no-repeat right bottom;
	min-height:230px;
	position:relative;
}

#upgrade .notice h2{
	background:url(/ja-jp/atlife/images/article/windows10-portal/guide/upgrade/bg_check.gif) no-repeat right top #0078d7;
	font-weight:bold;
	padding:15px 20px 10px;
	color:#fff;
}

#upgrade .notice h2 .fontS{
	font-size:160%;
	display:inline-block;
	margin-bottom:5px;
}

#upgrade .notice h2 .fontL{
	font-size:300%;
	line-height:1.1em;
}

#upgrade .notice .txtBox{
	padding:20px 20px 20px 20px;
}

#upgrade .notice .txtBox .cap{
	float:left;
	width:160px;
}

#upgrade .notice .txtBox .cap img{
	height:100px;
}

#upgrade .notice .txtBox .txt{
	float:right;
	width:255px;
	font-size:140%;
}

#upgrade .notice .link{
	position:absolute;
	right:20px;
	bottom:10px;
}

#upgrade .notice .link a{
	color:#0078d7;
	font-size:140%;
	font-weight:bold;
	background:url(/ja-jp/atlife/images/article/windows10-portal/guide/upgrade/icon_link.png) no-repeat left center;
	padding-left:27px;
}

#upgrade .notice .link a img{
	vertical-align:middle;
	margin-left:5px;
}

#upgrade .cancel{
	width:464px;
	float:right;
	background:url(/ja-jp/atlife/images/article/windows10-portal/guide/upgrade/bg_txt.png) no-repeat right bottom;
	min-height:230px;
	position:relative;
}

#upgrade .cancel h2{
	background:url(/ja-jp/atlife/images/article/windows10-portal/guide/upgrade/bg_check.gif) no-repeat right top #0078d7;
	font-weight:bold;
	padding:15px 20px 10px;
	color:#fff;
}

#upgrade .cancel h2 .fontS{
	font-size:160%;
	display:inline-block;
	margin-bottom:5px;
}

#upgrade .cancel h2 .fontL{
	font-size:300%;
	line-height:1.2em;
}

#upgrade .cancel .txtBox{
	padding:20px 20px 40px 20px;
}

#upgrade .cancel .txt{
	font-size:140%;
}

#upgrade .cancel .link{
	position:absolute;
	right:20px;
	bottom:10px;
}

#upgrade .cancel .link a{
	color:#0078d7;
	font-size:140%;
	font-weight:bold;
	background:url(/ja-jp/atlife/images/article/windows10-portal/guide/upgrade/icon_link.png) no-repeat left center;
	padding-left:27px;
}

#upgrade .cancel .link a img{
	vertical-align:middle;
	margin-left:5px;
}

#upgrade .faq{
	margin-top:30px;
	width:464px;
	float:left;
	background:url(/ja-jp/atlife/images/article/windows10-portal/guide/upgrade/bg_txt.png) no-repeat right bottom;
	min-height:230px;
	position:relative;
}

#upgrade .faq h2{
	background:url(/ja-jp/atlife/images/article/windows10-portal/guide/upgrade/bg_check.gif) no-repeat right top #0078d7;
	font-weight:bold;
	padding:15px 20px 10px;
	color:#fff;
}

#upgrade .faq h2 .fontS{
	font-size:160%;
	display:inline-block;
	margin-bottom:5px;
}

#upgrade .faq h2 .fontL{
	font-size:300%;
	line-height:1.1em;
}

#upgrade .faq .txtBox{
	padding:20px 20px 40px 20px;
}

#upgrade .faq .txt{
	font-size:140%;
}

#upgrade .faq .link{
	position:absolute;
	right:20px;
	bottom:10px;
}

#upgrade .faq .link a{
	color:#0078d7;
	font-size:140%;
	font-weight:bold;
	background:url(/ja-jp/atlife/images/article/windows10-portal/guide/upgrade/icon_link.png) no-repeat left center;
	padding-left:27px;
}

#upgrade .faq .link a img{
	vertical-align:middle;
	margin-left:5px;
}

#upgrade .check{
	margin-top:30px;
	width:464px;
	float:right;
	background:url(/ja-jp/atlife/images/article/windows10-portal/guide/upgrade/bg_txt.png) no-repeat right bottom;
	min-height:230px;
	position:relative;
}

#upgrade .check h2{
	background:url(/ja-jp/atlife/images/article/windows10-portal/guide/upgrade/bg_check.gif) no-repeat right top #0078d7;
	font-weight:bold;
	padding:15px 20px 10px;
	color:#fff;
}

#upgrade .check h2 .fontS{
	font-size:160%;
	display:inline-block;
	margin-bottom:5px;
}

#upgrade .check h2 .fontL{
	font-size:300%;
	line-height:1.1em;
}

#upgrade .check .txtBox{
	padding:20px 20px 40px 20px;
}

#upgrade .check .txt{
	font-size:140%;
}

#upgrade .check .link{
	position:absolute;
	right:20px;
	bottom:10px;
}

#upgrade .check .link a{
	color:#0078d7;
	font-size:140%;
	font-weight:bold;
	background:url(/ja-jp/atlife/images/article/windows10-portal/guide/upgrade/icon_link.png) no-repeat left center;
	padding-left:27px;
}

#upgrade .guide{
	margin-top:30px;
	width:464px;
	float:left;
	background:url(/ja-jp/atlife/images/article/windows10-portal/guide/upgrade/bg_txt.png) no-repeat right bottom;
	min-height:230px;
	position:relative;
}

#upgrade .guide h2{
	background:url(/ja-jp/atlife/images/article/windows10-portal/guide/upgrade/bg_guide.gif) no-repeat right top #0078d7;
	font-weight:bold;
	padding:15px 20px 10px;
	color:#fff;
}

#upgrade .guide h2 .fontS{
	font-size:160%;
	display:inline-block;
	margin-bottom:5px;
}

#upgrade .guide h2 .fontL{
	font-size:300%;
	line-height:1.1em;
}

#upgrade .guide .txtBox{
	padding:20px 20px 40px 20px;
}

#upgrade .guide .txt{
	font-size:140%;
}

#upgrade .guide .link{
	position:absolute;
	right:20px;
	bottom:10px;
}

#upgrade .guide .link a{
	color:#0078d7;
	font-size:140%;
	font-weight:bold;
	background:url(/ja-jp/atlife/images/article/windows10-portal/guide/upgrade/icon_link.png) no-repeat left center;
	padding-left:27px;
}

#upgrade .event{
	margin-top:30px;
	width:464px;
	float:left;
	background:url(/ja-jp/atlife/images/article/windows10-portal/guide/upgrade/bg_txt.png) no-repeat right bottom;
	min-height:230px;
	position:relative;
}

#upgrade .event h2{
	background:url(/ja-jp/atlife/images/article/windows10-portal/guide/upgrade/bg_event.gif) no-repeat right top #0078d7;
	font-weight:bold;
	padding:15px 20px 10px;
	color:#fff;
}

#upgrade .event h2 .fontS{
	font-size:160%;
	display:inline-block;
	margin-top:5px;
}

#upgrade .event h2 .fontL{
	font-size:300%;
	line-height:1.1em;
}

#upgrade .event .txtBox{
	padding:20px 20px 40px 20px;
}

#upgrade .event .txt{
	font-size:140%;
}

#upgrade .event .link{
	position:absolute;
	right:20px;
	bottom:10px;
}

#upgrade .event .link a{
	color:#0078d7;
	font-size:140%;
	font-weight:bold;
	background:url(/ja-jp/atlife/images/article/windows10-portal/guide/upgrade/icon_link.png) no-repeat left center;
	padding-left:27px;
}

#upgrade .event .link a img{
	vertical-align:middle;
	margin-left:5px;
}

#upgrade .video{
	margin-top:30px;
	width:464px;
	float:right;
	background:url(/ja-jp/atlife/images/article/windows10-portal/guide/upgrade/bg_txt.png) no-repeat right bottom;
	min-height:230px;
	position:relative;
}

#upgrade .video h2{
	background:url(/ja-jp/atlife/images/article/windows10-portal/guide/upgrade/bg_video.gif) no-repeat right 16px #0078d7;
	font-weight:bold;
	padding:15px 20px 10px;
	color:#fff;
}

#upgrade .video h2 .fontS{
	font-size:160%;
	display:inline-block;
	margin-bottom:5px;
}

#upgrade .video h2 .fontL{
	font-size:300%;
	line-height:1.1em;
}

#upgrade .video .txtBox{
	padding:20px 20px 40px 20px;
}

#upgrade .video .txt{
	font-size:140%;
}

#upgrade .video .link{
	position:absolute;
	right:20px;
	bottom:10px;
}

#upgrade .video .link a{
	color:#0078d7;
	font-size:140%;
	font-weight:bold;
	background:url(/ja-jp/atlife/images/article/windows10-portal/guide/upgrade/icon_link.png) no-repeat left center;
	padding-left:27px;
}

#upgrade .video .link a img{
	vertical-align:middle;
	margin-left:5px;
}

#upgrade .partner{
	margin-top:40px;
	border:1px solid #ccc;
	padding:19px;
	background-color:#fff;
}

#upgrade .partner h2{
	font-size:180%;
	padding-left:13px;
	color:#004294;
	border-left:4px solid #0078d7;
}

#upgrade .partner .partnerTitle{
	margin-bottom:12px;
}

#upgrade .partner li{
	float:left;
/*	width:460px;*/
	width:33%;
	font-size:160%;
	margin-top:10px;
}
#upgrade .partner li a{
	background:url(/ja-jp/atlife/images/article/windows10-portal/guide/upgrade/icon_arrow.gif) no-repeat 7px center;
	padding-left:20px;
}

#upgrade .partner li a .icon{
	vertical-align:middle;
	margin-left:3px;
}
/*//upgrade*/

/*campaign*/

.campaignPattern{
	background:url(/ja-jp/atlife/images/article/windows10-portal/guide/bg_pattern.gif) center center;
}

#campaignImg{
	width:100%;
	min-width:960px;
	height:270px;
	background:url(/ja-jp/atlife/images/article/windows10-portal/guide/campaign/campaign_bg.png) no-repeat center center;
}

#campaignImg .campaignBg{
	margin:auto;
	width:960px;
}

#campaign{
	background-color:#f2f2f2;
	padding-bottom:30px;
}

#campaign .innerBox{
	width:960px;
	margin:auto;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}

#campaign .innerBox li{
	float:left;
	width:176px;
	margin:30px 20px 0 0;
	background-color:#0060ac;
}

#campaign .innerBox li .cLogo{
	background-color:#fff;
	text-align:center;
}

#campaign .innerBox li .cTxt{
	font-size:120%;
	color:#fff;
	text-align:left;
	padding:5px;
	background-color:#0078D7;
}

#campaign .innerBox li a .cTxt{
	text-align:left;
	background-color:#0060ac;
}

#campaign .innerBox li a .cTxt{
	text-align:left;
}
#campaign .innerBox li a:hover .cTxt{
	text-decoration:underline;
}

#campaign .innerBox li:nth-child(5n){
	margin-right:0;
}

#campaign .innerBox li a:hover img{
	opacity: 0.7;
	-ms-filter: "alpha(opacity=70)";/* ie 8 */
}

.upgradeLink{
	margin-top:40px;
	font-size:140%;
	text-align:right;
	float:right;
}

.upgradeLink a{
	background:url(/ja-jp/atlife/images/article/windows10-portal/guide/bt_pagetop.png) no-repeat right center;
	padding-right:20px;
	display:inline-block;
}

.upgradeLink a:link,
.upgradeLink a:visited,
.upgradeLink a:hover,
.upgradeLink a:active{
	color:#094a7c;
}

/*//campaign*/

.video-popup{
	max-width: 900px;
	margin:auto;
}

.video-popup video{
	width: 100%;
	background:#fff;
}

#merit .tabLink{
	margin-top:40px;
	padding:0 10%;
	border-bottom:2px solid #0078d7;
}

#merit .tabLink li{
	float:left;
	text-align:center;
	width:49%;
	margin-right:2%;
}

#merit .tabLink li:last-child{
	margin-right:0;
}

#merit .tabLink li a{
	display:block;
	border:2px solid #0078d7;
	border-bottom:0;
	text-decoration:none;
	padding:10px 0;
	font-size:160%;
	color:#0078d7;
}

#merit .tabLink li a:hover,
#merit .tabLink li a.cr{
	color:#fff;
	background-color:#0078d7;
}

#merit .tabLink li a .spBr{
	display:none;
}


/*  20161101 修正・追加  */
	#howto .reference ul li{
		background-color:#0078d7;
		margin-top:18px;
		padding:10px 7px;
	}
.pageTopBox {
	padding:0 0 30px;
}


/*  2つ  */
#guide ul.cf{
	margin:0 auto;
	width: 482px;
	}
	#guide ul li{
		width:226px;
		float:left;
		margin-right:30px;
	}

/*  4つ  */
#guide ul.cf.clm4{
	margin:0 auto;
	width: 100%;
	}
	#guide ul.clm4 li{
		margin-right:15px;
	}


	#guide ul li:last-child{
		margin-right:0px;
	}
	#guide ul li:nth-child(3) a{
		color:#863a77;
	}
	#guide ul li:nth-child(4) a{
		color:#747c05;
	}

	#guide ul li a:hover img {
		opacity: 0.8;
		}
#howto .reference h3{
	color:#0078d7;
	font-size:240%;
	line-height:1em;
}

.anchor_area {
	margin-bottom:40px;
	}
.anchor_area a {
	padding:10px;
	display:block; 
	border:1px solid #ccc; 
	text-align:center; 
	font-size:16px;
	margin-bottom:10px;
	}
.anchor_area a:last-child {
	margin-bottom:0px;
	}
.anchor_area a span {
	padding-right: 20px;
	background: url(/ja-jp/atlife/images/article/windows10-portal/guide/anchor_arrow.gif) no-repeat right center;
}