@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:0;} /*---------------------------------------------------------------------------- *** 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:110px; 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;} #aruaru_h3{ font-size:28px; font-weight:normal; text-align:center; line-height:1.2em; color:#FFF; top:10px; left:9px; background:none; height:auto; padding:0;} #aruaru_h3 span{ font-size:31px; line-height:1.3em;} #aruaru_h3 span.bold{ font-size:37px; font-weight:bold;} #aruaru_01-1{ font-size:16px; line-height:1.4em; top:40px; right:145px;} #aruaru_01-2{ font-size:20px; line-height:1.3em; top:100px; right:115px;} #aruaru_01-2 span{ font-size:26px; font-weight:bold; color:#00a1c9;} #aruaru_02-1{ font-size:25px; color:#1a1a1a; top:240px; left:50px;} #aruaru_02-1 span{ font-size:39px;} #aruaru_02-1 span.blue{ color:#00a1c9;} #aruaru_02-2{ font-size:18px; line-height:1.3em; top:340px; left:106px;} #aruaru_02-2 span{ font-weight:bold; color:#00a1c9;} #aruaru_02-3{ font-size:18px; line-height:1.3em; top:404px; left:76px;} #aruaru_02-3 span{ font-weight:bold; color:#00a1c9;} #aruaru_02-4{ font-size:18px; line-height:1.3em; top:324px; right:107px;} #aruaru_02-4 span{ font-weight:bold; color:#00a1c9;} #aruaru_02-5{ font-size:18px; line-height:1.3em; top:423px; right:55px;} #aruaru_02-5 span{ font-weight:bold; color:#00a1c9;} #kaiketsu_h3{ top: 35px; left: 90px; text-align: center; background: none; height: auto; color: #333333; margin: 0; font-size: 27px;} #kaiketsu_h3 span{ font-size:40px; line-height:1.5em;} #kaiketsu_01-1{ top: 183px; left: 67px; padding: 0;} #kaiketsu_01-2{ font-size: 12px; color: #333333; top: 440px; left: 35px; width: 175px; line-height:1.5em;} #kaiketsu_02-1{ top: 177px; left: 258px;} #kaiketsu_02-3{ font-size: 12px; color: #333333; top: 440px; left: 255px; width: 175px; line-height:1.5em;} #kaiketsu_03-1{ top: 179px; left: 478px;} #kaiketsu_03-2{ font-size: 12px; color: #333333; top: 440px; left: 475px; width: 175px; line-height:1.5em;} h3{ text-align: center; font-size: 31px; color: #333333; background: none; margin: 40px 0 15px 0; height: auto;} .situation_h4{ font-size: 22px; color: #FFF; top: 10px; left: 30px;} #situation01-1{ top: 67px; left: 163px; font-size: 15px;} #situation01-2{ top: 63px; left: 334px; font-size: 13.5px; line-height:1.3em; color:#595757;} #situation02-1{ top: 71px; left: 31px; font-size: 15px;} #situation02-2{ top: 124px; left: 465px; font-size: 13.5px; line-height:1.3em; color:#595757;} #situation03-1{ top: 266px; left: 17px; line-height: 1.3em; font-size: 13.5px; color:#595757;} #situation04-1{ top: 74px; left: 127px; font-size: 13.5px; color:#595757;} #situation04-2{ top:105px; left:127px; font-size: 13.5px; color:#595757;} #situation04-3{ top:136px; left:127px; font-size: 13.5px; color:#595757;} #situation04-4{ bottom:20px; left:127px; font-size: 13.5px; color:#595757;} #local-1{ top: 100px; left: 315px; line-height: 1.3em; font-size: 16px;} #local-1 span{ font-weight:bold; color:#8bba29;} #local-2{ top: 177px; left: 315px; line-height: 1.3em; font-size: 16px; width: 330px;} #local-3{ font-weight:bold; font-size:30px; text-align: center; line-height: 1.2em; color:#000000; top: 540px; left: 180px;} #local-3 span{ font-weight:bold; font-size:32px; color:#000000;} #usagi{ left: 10px; bottom: -96px;} #summary01-1{ font-size:22px; color:#333333; font-weight:bold; line-height:1.1em; text-align:center; top: 134px; left: 50px;} #summary01-1 span{ color:#00a1c9;} #summary01-2{ font-size:22px; color:#333333; font-weight:bold; line-height:1.1em; text-align:center; top: 134px; left: 203px;} #summary01-2 span{ color:#a461a4;} #summary01-3{ font-size:22px; color:#333333; font-weight:bold; line-height:1.1em; text-align:center; top: 134px; left: 359px;} #summary01-3 span{ color:#ffc239;} #summary01-4{ font-size:22px; color:#333333; font-weight:bold; line-height:1.1em; text-align:center; top: 134px; left: 529px;} #summary01-4 span{ color:#8bba29;} #summary02{ top: 280px; left: 73px; width: 535px;} #summary02 p{ font-size:14px; color:#333333; line-height:1.5em; margin-bottom:20px;} #summary02 p.big{ font-size:21px; font-weight:bold; text-align:center; color:#333333; margin-bottom:5px;} #summary02 li.btn{ float:left; margin-right:20px;} #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;}