@charset "utf-8";
/* CSS Document */

/*----------------------------------------------------------------------------
 ***                                                                Container
----------------------------------------------------------------------------*/

#wrap { width:100%; margin:0;}

.pcHidden{ display:none;}

/*----------------------------------------------------------------------------
 ***                                                                  Header
----------------------------------------------------------------------------*/
#headerArea { width: 950px; margin: 0 auto;}
#headerAreaLogo {}



/*----------------------------------------------------------------------------
 ***                                                       Header - gNavi
----------------------------------------------------------------------------*/
#gNavi{}


#navAreaInner .listBox a{font-size: 150%;}

/*----------------------------------------------------------------------------
 ***                                                              contentsArea
----------------------------------------------------------------------------*/
#contentsArea { width: 950px; margin: 0 auto; margin-bottom:0;}
#contentsAreaInner {}
h2 {}
#pageTitle3 .tiSub{ font-size:18px; font-weight:bold;}

/*----------------------------------------------------------------------------
 ***                                                              mainsection
----------------------------------------------------------------------------*/
.pan{ margin-top:0; font-size:10px;}
.pan p{ padding: 0;}

.mainSection { width:685px; margin-bottom: 30px;}
.mainSection .section{padding-top: 0px;}

/*----------------------------------------------------------------------------
 ***                                                              rightsection
----------------------------------------------------------------------------*/
.rightSection {}
.rightSectionInner {}




/*----------------------------------------------------------------------------
 ***                                                                  footer
----------------------------------------------------------------------------*/

#footerArea { width: 950px; margin: 0 auto;}
#footerArea p{}
#footerAreaLink{ }
#footerAreaInner { }
#footerAreaLogo{}
#footerCopyright{}




/*----------------------------------------------------------------------------
 ***                                                              ページトップ
----------------------------------------------------------------------------*/
.pagetop {
}

/*----------------------------------------------------------------------------
 ***                                                                   section
----------------------------------------------------------------------------*/
.section { padding:0; position:relative;}
#contentsArea .mainSection .sectionInner{ position:relative; margin-bottom: 15px;}

.absoluteSec{ position:absolute;}

#howto_num{ font-size:12px; top:15px; left:15px;}
#title_h2{font-size:21px;font-weight:normal;top: 145px;left:15px;text-shadow: 0 2px 0 #fff, 2px 0 0 #fff, 0 -2px 0 #fff, -2px 0 0 #fff, -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, 2px 2px 0 #fff;}
#title_h2 span{ font-size:55px; font-weight:bold; line-height:1.2em; letter-spacing:-2px; text-shadow: 0 3px 0 #fff, 3px 0 0 #fff, 0 -3px 0 #fff, -3px 0 0 #fff, -3px -3px 0 #fff, 3px -3px 0 #fff, -3px 3px 0 #fff, 3px 3px 0 #fff;}
#title_h2 span span.pink{ color:#db2873;}
#topImg_text{ font-size:14px; line-height:1.4em; bottom:55px; left:15px; width: 490px;}

h3{ text-align: center; font-size: 31px; color: #333333; background: none; margin: 40px 0 15px 0; height: auto;}


#donyu{ position:relative;}
#dounyu_h3{ font-size:29px; font-weight:bold; text-align:center; line-height:1.2em; color:#FFF; top:10px; left:9px; background:none; height:auto; padding:0; margin-top:40px;}

#dounyu_01-1{ font-size:24px; line-height:2.0em; top:25px; right:100px; color:#FFF;}
#dounyu_01-1 span{ font-weight:bold; color:#FF7BAC; line-height:1.7em;}
#dounyuu_01-2{ font-size:20px; line-height:1.3em; top:100px; right:115px;}
#dounyu_01-2 span{ font-size:26px; font-weight:bold; color:#00a1c9;}

#dounyu_02-1{
	font-size:23px;
	font-weight:bold;
	color:#1a1a1a;
	position:absolute;
	top:220px; left:50px;
	border:#000 solid 3px;
	width:200px;
	text-align:center;
	line-height:1.1em;
	padding-top:5px;
	background-color:#FFF;}
#dounyu_02-2{ font-size:25px; font-weight:bold; color:#1a1a1a; position:absolute; top:265px; left:130px; text-align:center; line-height:1.3em; width:420px;}
#dounyu_02-2 span{ font-size:39px;font-weight:bold; color:#E9ad16; line-height:1.2em;}


#shoukai{}
#shoukai .sectionInner{ width:620px;}
#shoukai{
	width:620px;
	position:relative;/*border:#000 solid 3px;*/ 
	background:url(https://www.nova.co.jp/howto/02_tagengo/images/img_contents_back01.png) top no-repeat;
	height:2395px;
	padding:30px;}


#frSec { position:relative;}
#shoukai #frSec .usagiS{ position:absolute;top:0px; right:200px;}
#shoukai #frSec .moji{ position:absolute; top:20px; right:60px;}
#shoukai #frSec .h3sub01{ auto; color: #333333; margin: 0; font-size: 18px; font-weight:bold; padding-left:19px; line-height:1.0em; float:left;}
#shoukai #frSec h3{ background: none; height: auto; margin: 0;;padding:0; float:left; text-align:left;}
#shoukai #frSec .teacher{ float:left;}
#shoukai #frSec .usagi{ position:absolute; top:250px; right:40px;}
#shoukai #frSec .gengoGaiyo{ font-size:14px; padding-top:120px; padding-right:40px; /*float:left;*/ line-height:1.5em;}
#shoukai #frSec .gengoPoint{ font-size:12px; border:#333 solid 1px; padding:15px 190px 15px 20px; background:#FFF; line-height:1.5em;}
#shoukai #frSec .lpLink{ position:absolute; top:210px; right:45px; width:320px; height:33px; background:url(https://www.nova.co.jp/howto/02_tagengo/images/btn_contents04.png) top no-repeat; font-size:16px; text-align:center;}


#geSec { position:relative; margin-top:40px;}
#shoukai #geSec .usagiS{ position:absolute;top:-20px; right:260px;}
#shoukai #geSec .moji{ position:absolute; top:30px; right:110px;}
#shoukai #geSec .h3sub01{ auto; color: #333333; margin: 0; font-size: 18px; font-weight:bold; padding-left:19px; line-height:1.0em; float:left;}
#shoukai #geSec h3{ background: none; height: auto; margin: 0;;padding:0; float:left; text-align:left;}
#shoukai #geSec .teacher{ float:left;}
#shoukai #geSec .usagi{ position:absolute; top:240px; right:40px;}
#shoukai #geSec .gengoGaiyo{ font-size:14px; padding-top:105px; /*float:right;*/ margin:20px 0 0 230px; line-height:1.5em;}
#shoukai #geSec .gengoPoint{ font-size:12px; border:#333 solid 1px; padding:15px 190px 15px 20px; background:#FFF; line-height:1.5em;}
#shoukai #geSec .lpLink{ position:absolute; top:200px; right:45px; width:320px; height:33px; background:url(https://www.nova.co.jp/howto/02_tagengo/images/btn_contents04.png) top no-repeat; font-size:16px; text-align:center;}


#itSec { position:relative; margin-top:40px;}
#shoukai #itSec .usagiS{ position:absolute;top:-20px; right:220px;}
#shoukai #itSec .moji{ position:absolute; top:20px; right:80px;}
#shoukai #itSec .h3sub01{ auto; color: #333333; margin: 0; font-size: 18px; font-weight:bold; padding-left:19px; line-height:1.0em; float:left;}
#shoukai #itSec h3{ background: none; height: auto; margin: 0;;padding:0; float:left; text-align:left;}
#shoukai #itSec .teacher{ float:left;}
#shoukai #itSec .usagi{ position:absolute; top:270px; right:0px;}
#shoukai #itSec .gengoGaiyo{ font-size:14px; padding-top:110px; /*float:right;*/ margin:20px 40px 0 0px; line-height:1.5em;}
#shoukai #itSec .gengoPoint{ font-size:12px; border:#333 solid 1px; padding:15px 200px 15px 20px; background:#FFF; line-height:1.5em; margin-top:100px;}
#shoukai #itSec .lpLink{ position:absolute; top:235px; right:45px; width:320px; height:33px; background:url(https://www.nova.co.jp/howto/02_tagengo/images/btn_contents04.png) top no-repeat; font-size:16px; text-align:center;}



#spSec { position:relative; margin-top:40px;}
#shoukai #spSec .usagiS{ position:absolute;top:-20px; right:190px;}
#shoukai #spSec .moji{ position:absolute; top:0px; right:30px;}
#shoukai #spSec .h3sub01{ auto; color: #333333; margin: 0; font-size: 18px; font-weight:bold; padding-left:19px; line-height:1.0em; float:left;}
#shoukai #spSec h3{ background: none; height: auto; margin: 0;;padding:0; float:left; text-align:left;}
#shoukai #spSec .teacher{ float:left;}
#shoukai #spSec .usagi{ position:absolute; top:240px; right:30px;}
#shoukai #spSec .gengoGaiyo{ font-size:14px; padding-top:110px; /*float:right;*/ margin:20px 0px 0 230px; line-height:1.5em;}
#shoukai #spSec .gengoPoint{ font-size:12px; border:#333 solid 1px; padding:15px 200px 15px 20px; background:#FFF; line-height:1.5em;}
#shoukai #spSec .lpLink{ position:absolute; top:200px; right:45px; width:320px; height:33px; background:url(https://www.nova.co.jp/howto/02_tagengo/images/btn_contents04.png) top no-repeat; font-size:16px; text-align:center;}



#chSec { position:relative; margin-top:40px;}
#shoukai #chSec .usagiS{ position:absolute;top:20px; right:290px;}
#shoukai #chSec .moji{ position:absolute; top:25px; right:150px;}
#shoukai #chSec .h3sub01{ auto; color: #333333; margin: 0; font-size: 18px; font-weight:bold; padding-left:19px; line-height:1.0em; float:left;}
#shoukai #chSec h3{ background: none; height: auto; margin: 0;;padding:0; float:left; text-align:left;}
#shoukai #chSec .teacher{ float:left;}
#shoukai #chSec .usagi{ position:absolute; top:240px; right:30px;}
#shoukai #chSec .gengoGaiyo{ font-size:14px; padding-top:100px; /*float:right;*/ margin:20px 45px 0 0px; line-height:1.5em;}
#shoukai #chSec .gengoPoint{ font-size:12px; border:#333 solid 1px; padding:15px 200px 15px 20px; background:#FFF; line-height:1.5em;}
#shoukai #chSec .lpLink{ position:absolute; top:200px; right:45px; width:320px; height:33px; background:url(https://www.nova.co.jp/howto/02_tagengo/images/btn_contents04.png) top no-repeat; font-size:16px; text-align:center;}



#krSec { position:relative; margin-top:40px;}
#shoukai #krSec .usagiS{ position:absolute;top:-20px; right:300px;}
#shoukai #krSec .moji{ position:absolute; top:20px; right:160px;}
#shoukai #krSec .h3sub01{ auto; color: #333333; margin: 0; font-size: 18px; font-weight:bold; padding-left:19px; line-height:1.0em; float:left;}
#shoukai #krSec h3{ background: none; height: auto; margin: 0;;padding:0; float:left; text-align:left;}
#shoukai #krSec .teacher{ float:left;}
#shoukai #krSec .usagi{ position:absolute; top:240px; right:30px;}
#shoukai #krSec .gengoGaiyo{ font-size:14px; padding-top:110px; /*float:right;*/ margin:20px 0px 0 45px; line-height:1.5em;}
#shoukai #krSec .gengoPoint{ font-size:12px; border:#333 solid 1px; padding:15px 200px 15px 20px; background:#FFF; line-height:1.5em;}
#shoukai #krSec .lpLink{ position:absolute; top:200px; right:45px; width:320px; height:33px; background:url(https://www.nova.co.jp/howto/02_tagengo/images/btn_contents04.png) top no-repeat; font-size:16px; text-align:center;}



#ap01{ margin-top:40px; background:url(https://www.nova.co.jp/howto/02_tagengo/images/img_contents03.png) top no-repeat; width:100%; height:290px;}
#ap01 .Word{ margin:0 auto; padding-top:80px;}
#ap01 .Word1{ font-size:27px; font-weight:bold; color:#1a1a1a; /*position:absolute; top:80px; left:130px; */text-align:center; line-height:1.1em;}
#ap01 .Word2{ font-size:34px; font-weight:bold; color:#1a1a1a; /*position:absolute; top:120px; left:130px; */text-align:center; line-height:1.0em;}
#ap01 .Word2 span{ font-size:34px;font-weight:bold; color:#E9ad16; line-height:1.2em;}
#ap01 .ketsuron{ font-size:20px; text-align:center; margin-top:40px;}

#ap02{}
#ap02{ margin-top:0px; background:url(https://www.nova.co.jp/howto/02_tagengo/images/img_contents04.png) top no-repeat; width:100%; height:300px;}
#ap02 .Word{ margin:0 auto; padding-top:70px;}
#ap02 .Word1{ font-size:27px; font-weight:bold; color:#1a1a1a; /*position:absolute; top:80px; left:130px; */text-align:center; line-height:1.1em;}
#ap02 .Word2{ font-size:34px; font-weight:bold; color:#1a1a1a; /*position:absolute; top:120px; left:130px; */text-align:center; line-height:1.0em;}
#ap02 .Word2 span{ font-size:34px;font-weight:bold; color:#E9ad16; line-height:1.2em;}
#ap02 .ketsuron{ font-size:20px; text-align:center; margin-top:50px;}



#challengeSec{ position:relative;}
#challengeSec{ margin-top:40px; background:url(https://www.nova.co.jp/howto/02_tagengo/images/img_contents05.png) top no-repeat; width:600px; height:620px; padding:70px 40px 0 40px;}
#challengeSec .Word{ margin:0 auto;}
#challengeSec .Word1{ font-size:27px; font-weight:bold; color:#1a1a1a; padding-top:150px;text-align:center; line-height:1.1em;}
#challengeSec .Word2{ font-size:34px; font-weight:bold; color:#1a1a1a; /*position:absolute; top:120px; left:130px; */text-align:center; line-height:1.0em;}
#challengeSec .Word2 span{ font-size:34px;font-weight:bold; color:#E9ad16; line-height:1.2em;}
#challengeSec .ketsuron{ font-size:20px; text-align:center; margin-top:50px;}
#challengeSec .fuki01{
	position:absolute; top:-20px; left:80px; 
	width:517px; 
	height:90px; 
	background:url(https://www.nova.co.jp/howto/02_tagengo/images/img_contents_fukidashi.png) top no-repeat;
	font-size:26px;
	font-weight:bold;
	text-align:center;
	color:#333;
	padding-top:15px;}
#challengeSec #seito{ padding-top:50px; position:relative;}
#challengeSec .seitoPho{ float:left; margin-right:20px;}
#challengeSec .seitoTit{font-size:14px; font-weight:bold; font-size:20px; line-height:1.2em;}
#challengeSec .seitoPr{ font-size:12px; margin-top:20px;}
#challengeSec .seitoTxt{ font-size:14px; line-height:1.5em; width:440px; padding-top:10px;}
#challengeSec .usagi{ position:absolute; top:80px; left:450px;}





#osaraiSec{ margin-top:30px; background:url(https://www.nova.co.jp/howto/02_tagengo/images/img_contents10.png) 0 47px no-repeat; height:500px; width:680px; position:relative;}
#osaraiSec h3{ background:#000; font-size:28px; text-align:center; color:#FFF; margin:0; padding:10px; height:30px;}
#osaraiSec .point1{
	font-size: 22px;
	color: #333333;
	font-weight: bold;
	line-height: 1.1em;
	text-align: center;
	position: absolute;
	top: 137px;
	left: 145px;
}
#osaraiSec .point1 span{ color:#00a1c9;}
#osaraiSec .point2{ font-size:22px; color:#333333; font-weight:bold; line-height:1.1em; text-align:center; position:absolute;top: 134px; left: 285px;}
#osaraiSec .point2 span{ color:#a461a4;}
#osaraiSec .point3{ font-size:22px; color:#333333; font-weight:bold; line-height:1.1em; text-align:center; position:absolute;top: 134px; left: 460px;}
#osaraiSec .point3 span{ color:#8bba29;}

#osaraiSec .summary{ position:absolute; top: 260px; left: 73px; width: 535px;}
#osaraiSec .summary p{ font-size:14px; color:#333333; line-height:1.5em; margin-bottom:20px; text-align:center;}
#osaraiSec .summary p.big{ font-size:21px; font-weight:bold; text-align:center; color:#333333; margin-bottom:5px;}
#osaraiSec .summary li.btn{ float:left; margin-right:20px;}




/*----------------------------------------------------------------------------
 ***                                                                    php
----------------------------------------------------------------------------*/

#subdouSec{ padding:30px 0; background-color:#e6e6e6; margin-bottom: 45px;}
#subdouSec .sectionInner{padding-top:1px; border:3px solid #CBCBCB; border-radius: 10px; background-color: #FFF; width: 944px; margin:0 auto;}
#subdouSec .campaignImgBox p{padding:15px 0 0 0; position:static;}
#subdouSec .campaignImgBox p img{width:100%; height:auto;}
#subdouSec .linkBox{width:calc(50% - 5px); display:block;}
#subdouSec .linkBox.floatR{padding-left:2px;}
#subdouSec .linkBox.floatL{padding-right:2px;}
#subdouSec p{ position:absolute; left:832px; bottom:-50px;}
#subdouSec02{margin-bottom:30px; padding-top:15px; width:970px;}
#subdouSec02 .sectionInner{padding:0; border:3px solid #00A2AF; border-radius: 10px;}
#subdouSec02 .linkBox{width:calc(50% - 5px); display:block;}
#subdouSec02 .linkBox.floatR{padding-left:2px;}
#subdouSec02 .linkBox.floatL{padding-right:2px;}

#subdouSecB{background:#E4007F; width:685px; height:120px; margin-bottom:40px;}
#subdouSecB .sectionInner{padding-top:3px;}
#subdouSecB li{ padding-top:10px; text-align:center;}
#subdouSecB p{ padding-top:10px; text-align:center;}


#subdouSec p {margin-left:625px;margin-top:-15px;}



#rightFd2{ margin:20px 0 10px 0;}
#newIndexBox { border: #53bfd8 solid 1px; width: 245px; height: auto; padding: 0;}
#newIndexBox h2{ font-size:18px; color:#FFF; background-color:#53bfd8; padding: 5px 9px;}
#newIndexBox h2 span{ color:#fff000;}
#newIndexBox .munu{ padding:15px;}
#newIndexBox .munu ul{ border-bottom: dashed 2px #666666;}
#newIndexBox .munu ul li{ font-size:16px; font-weight:bold; color:#333333; padding-left:40px;}
#newIndexBox .munu ul li.menu01{ background:url(https://www.nova.co.jp/howto/01_dokodemo/images/back_icon01.png) no-repeat; margin-bottom:10px;}
#newIndexBox .munu ul li.menu02{ background:url(https://www.nova.co.jp/howto/01_dokodemo/images/back_icon02.png) no-repeat; margin-bottom:10px;}
#newIndexBox .munu ul li.menu03{ background:url(https://www.nova.co.jp/howto/01_dokodemo/images/back_icon03.png) no-repeat; margin-bottom:15px;}
#newIndexBox .navi{ margin:0 10px; background:url(https://www.nova.co.jp/howto/01_dokodemo/images/back_contents01.png) no-repeat;}
#newIndexBox .navi p{ font-size:12px; color:#131313; line-height:1.5em; padding:50px 0 0 80px;}
#newIndexBox .check{ background-color: rgba(102,204,204,0.6); margin:5px 8px 8px 8px;}
#newIndexBox .check ul{ padding: 10px 30px 10px 20px;}
#newIndexBox .check ul li{ font-size:12px; color:#000000; line-height: 1.3em;}
#newIndexBox .check ul li.indent{ padding-left: 10px; line-height:1.3em;}
#newIndexBox .check ul li.indent a{ color:#000000; text-decoration:underline;}
.margin_bottom{ margin-bottom:8px;}


/*----------------------------------------------------------------------------
 ***                                                                    追記
----------------------------------------------------------------------------*/
.mainSection .fv ul li{float:left;padding-left: 12px;}
.mainSection .fv ul li:first-child{padding-left: 15px;}
.mainSection .fv ul{top: 83px;}