@charset "UTF-8";
/* ========================================
OUTLINE
	「永久不滅ツールバー」設定
======================================== */



/* c13.html
======================================== */

h2 {
margin: 0 0 1.5em;
	}

h3 {
margin: 0 0 26px;
	}
	
.section {
padding: 0;
width: 950px;
clear: both;
	}

.section .centerArea {
	margin: 0 auto;
	padding: 0;
	width: 420px;
	}
.section .leftArea {
	margin: 0 0 0 10px;
	padding: 0;
	width: 420px;
	float: left;
	_display: inline;
	}
.section .rightArea {
	margin: 0 0 0 30px;
	padding: 0;
	width: 420px;
	float: left;
	_display: inline;
	}

.list li {
	padding-left: 1em;
	text-indent: -1em;
	}
* html .list li {
	padding-left: 0.5em;
	text-indent: -0.5em;
	}
*:first-child+html .list li {
	padding-left: 0.5em;
	text-indent: -0.5em;
	}

/* ボタン */
.btn_useArea {
	margin: 27px auto 0;
	width: 900px;
	text-align:center;
	}

.btn_useArea .btn_use {
	margin: 0 auto;
	width: 476px;
	background: url(/saison/plus/lp/img/a23-3_btn_bg01.jpg) repeat-y left bottom;
	text-align:left;
	}

.btn_useArea .btn_use .btn {
	margin: 0;
	width: 476px;
	height: 102px;
	}
.btn_useArea .btn_use .btn a {
	display: block;
	width: 476px;
	height: 102px;
	background: url(/saison/plus/lp/img/a23-3_btn_use_ov.jpg) no-repeat left top;
	}
.btn_useArea .btn_use .btn a:hover {
	background-color: #FFFFFF;
	}
.btn_useArea .btn_use .btn a:hover img {
	visibility: hidden;
	}

.btn_useArea .btn_use dl {
	padding:0 31px 20px 90px;
	width: 355px;
	background: url(/saison/plus/lp/img/a23-3_btn_bg.jpg) no-repeat left bottom;
	}

.btn_useArea .btn_use dt {
	width: 4.5em;
	float: left;
	font-weight: bold;
	line-height: 18px;
	clear: both;
	}

.btn_useArea .btn_use dd {
	margin-left: 4.5em;
	line-height: 18px;
	zoom: 1;
	}

.btn_useArea .install {
	margin: 7px auto 0 auto;
	padding: 0;
	width: 210px;
	text-align: right;
	}
.btn_useArea .install a {
	font-weight: bold;
	}


.btn_useArea2 {
    margin: 0px 0px 0px 171px;
    width: 611px;
    text-align: left;
    font-size:110%;
}

.btn_useArea2 .btn_use {
    width: 611px;
    background: url('/saison/plus/lp/img/btn_use_bg01.jpg') repeat-y scroll left bottom transparent;
}

.btn_useArea2 .btn_use dl {
    padding: 0px 49px 20px 106px;
    width: 456px;
    background: url('/saison/plus/lp/img/btn_use_bg.jpg') no-repeat scroll left bottom transparent;
}

.btn_useArea2 .install {
    margin: 15px 0px 0px 93px;
    width: 481px;
    text-align: center;
    font-weight: bold;
}

.btn_useArea2 .btn_use dt {
    width: 4.5em;
    float: none !important;
    font-weight: bold;
    line-height: 18px;
    clear: both;
}

.btn_useArea2 .btn_use dd {
    margin: 5px 10px !important;
    text-align: left !important;
    line-height: 18px;
}

.btn_useArea2 .btn_use dd .machine {
    margin: 10px 0px 0px;
}

.btn_useArea2 .btn_use .btn a {
    display: block;
    width: 611px;
    height: 130px;
    background: url('/saison/plus/lp/img/btn_use_ov.jpg') no-repeat scroll left top transparent !important;
}

.btn_useArea2 .btn_use .btn a:hover {
	background-color: #FFFFFF;
	}
.btn_useArea2 .btn_use .btn a:hover img {
	visibility: hidden;
	}

/* インターネット行動履歴情報の収集について */
.attention_area{
	border:2px solid #233B6C;
	margin:10px auto;
}
.attention_area-title{
	background-color:#233B6C;
	padding:10px;
	text-align:left;
	font-size:120%;
	font-weight:bold;
	color:#fff;
	vertical-align:middle
}
.attention_area-title span{
	border:1px solid #fff;
	padding:5px 5px 3px 5px;
	font-size:80%;
}
.attention_area-note{
	padding:7px;
	text-align:left
}

.stitle {
	background-image: url(../img/c13_bg-stitle-bottom.gif);
	margin: 0 0 10px 0;
	font-size:14px
	}
.stitle span {
	background-image: url(../img/c13_bg-stitle-top.gif);
	}

.leftArea .bottom-box1, .rightArea .bottom-box1{
	width:420px;
	height:100%;
	background-image:url(../img/c13_img_bottom.gif);
	background-position:left bottom;
	padding-top:10px
}

.leftArea .bottom-box2, .rightArea .bottom-box2{
	width:420px;
	height:100%;
	background-image:url(../img/c13_img_bottom-no-arrow.gif);
	background-position:left bottom;
	padding-top:10px
}

.centerArea .bottom-box2{
	width:420px;
	height:100%;
	background-image:url(../img/c13_img_bottom2.gif);
	background-position:left bottom;
	padding-top:10px
}

.leftArea .bottom-box1 .inner, .rightArea .bottom-box1 .inner{
	margin:0 20px;
	padding-bottom:30px;
}

.leftArea .bottom-box2 .inner2, .rightArea .bottom-box2 .inner2{
	margin:0 20px;
	padding-bottom:10px;
}
.centerArea .bottom-box2 .inner2{
	margin:0 20px;
	padding-bottom:38px;
}

#gHeaderArea {
    padding-bottom: 3px !important;
    height: 100px;
    background-color: transparent;
    background-image: url('https://www.a-q-f.com/common/pc/img/openpc/header/cmn_hdr_bg.png');
    background-repeat: repeat-x;
    background-position: center bottom;
}

#header {
    height: 100px;
    font-size: 93%;
}

/* ADD 2016.06.24 */
.fadeIn {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1s;
 -ms-animation-duration:1s;
 animation-duration:1s;
 -webkit-animation-name: fadeIn;
 animation-name: fadeIn;
 visibility: visible !important;
}

@-webkit-keyframes fadeIn {
 0% { opacity: 0;  }
 100% { opacity: 1;  }
}

@keyframes fadeIn{
 0% { opacity: 0; }
 100% { opacity: 1;  }
}

.mgnEm01 {
margin-bottom: 1em;
display: block;
}

.mgnEm015 {
margin-bottom: 1.5em;
display: block;
}

ul.tab {
list-style: none;
background-image: url(../img/c13-assets/c13-tab-line.gif);
background-repeat: no-repeat;
background-position: 0 bottom;
padding-bottom: 11px;
height: 68px;
}

ul.tab li {
float: left;
margin-right: 3px;
cursor: pointer;
width: 235px;
height: 68px;
background-repeat: no-repeat;
background-position: 0px;
text-indent: -9999px;
}

ul.tab li:last-child{
  margin: 0;
}

div.tabContent {
clear: both;
display: none;
}

div.active {
    display: block;
}
ul.tab li.tab1 {background-image: url(../img/c13-assets/c13-tab-ie.gif);}
ul.tab li.tab2 {background-image: url(../img/c13-assets/c13-tab-ch.gif);}
ul.tab li.tab3 {background-image: url(../img/c13-assets/c13-tab-ff.gif);}
ul.tab li.tab4 {background-image: url(../img/c13-assets/c13-tab-ed.gif); width: 236px;}
ul.tab li.tab1.active,ul.tab li.tab1:hover {background-image: url(../img/c13-assets/c13-tab-ie-o.gif);}
ul.tab li.tab2.active,ul.tab li.tab2:hover {background-image: url(../img/c13-assets/c13-tab-ch-o.gif);}
ul.tab li.tab3.active,ul.tab li.tab3:hover {background-image: url(../img/c13-assets/c13-tab-ff-o.gif);}
ul.tab li.tab4.active,ul.tab li.tab4:hover {background-image: url(../img/c13-assets/c13-tab-ed-o.gif);}

ol.step li{
margin-bottom: 10px;
background-image: url(../img/c13-assets/c13-arw.gif);
background-repeat: no-repeat;
background-position: center bottom;
padding-bottom: 16px;
display: table;
}

ol.step li.last,
ol.step li li{
background-image: none;
padding-bottom: 0px;
}

ol.step li .stepInc{
padding: 1.5em;
border: 1px solid #c9c9c9;
display: table;
}

ol.step li p{
display: table-cell;
vertical-align: middle;
margin: 0;
}
	
ol.step li p.img{
width: 360px;
text-align: center;
}

ol.step li p.txt{
width: 550px;
display: table-cell;
font-size: 14px;
line-height: 1.5em;
}

ol.step li ul{}
ol.step li ul li{
list-style: disc inside;
display: list-item;
padding-left: 0em;
margin-left: 1em;
}

ol.step .notes{
padding-left: 1em;
text-indent: -0.5em;
margin-bottom: 0.5em;
display: block;
}

/* youtube_block
---------------------------------------------------------- */

.youtube_block {
  padding-top: 1em;
  margin-bottom: 5em;
}
.youtube_block section{
  max-width: 70%;
  margin: auto;
}
.youtube_block .wrap {
  width: 100%;
  height: 0;
  position: relative;
  padding-top: 56.25%;
  overflow: hidden;
}
.youtube_block .wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
.youtube_block h3.ttl{
  font-size: 1.2em;
  margin-bottom: 10px;
  font-weight: bold;
  border: 1px solid #0A9FF6;
  border-left: 5px solid #0A9FF6;
  padding: 0.8em;
}