@charset "UTF-8";
/** 
 * Zenlogic サポートサイト
 * 
 *セキュリティ情報 記事ページスタイル　/support/security/css/contents.css
 *  
 */
 
 
/*-------------------------------------------------------------------------- 
    overwrirte
---------------------------------------------------------------------------*/

.inner-navi02 ul{
	padding-bottom:30px;
}
h2.guide-heading + p{
	padding-top:10px;
}
p + h2.guide-heading,
.sup-area + h2.guide-heading{
	margin-top:40px;
}
ul.disc {
	margin-left:40px;
}
ul.disc li{
	padding:0 0 3px;
}

/*-------------------------------------------------------------------------- 
    contents-inner01
---------------------------------------------------------------------------*/

.contents-inner01 {
	overflow:hidden;
	padding:0 0 70px;
	line-height:1.6;
	font-size:15px;
	font-size:1.5rem;
}
.contents-inner01 h3{
	color:#384C58;
	padding:10px 0 0;
	border:none;
}
.contents-inner01 h3 span.link{
	background-position:left 10px;
}
.contents-inner01 h3 span.link a.blank{
	background-position:right 10px;
}
.contents-inner01 b{
	font-weight:bold;
}
.contents-inner01 .small{
	font-size:13px;
	font-size:1.3rem;
}


/* .toc-area
--------------------------------------------------*/
.toc-area{
	margin:30px 0;
	padding:25px 30px;
	border-top:4px solid #D6D6D6;
	border-bottom:4px solid #D6D6D6;
	position:relative;
}
.toc-area p{
	margin-bottom:10px;
}
.toc-area .img{
	position:absolute;
	right:35px;
	top:50%;
	margin-top:-55px;
}

.toc-area ul li:before{
	display:inline-block;
	content:"";
	background:#D6D6D6;
	width:8px;
	height:8px;
	margin-right:10px;
	border-radius:30px;
}
.toc-area ul li a{
	text-decoration:underline;
}
.toc-area ul li a:hover{
	text-decoration:none;
}



/* .sup-area
--------------------------------------------------*/
.sup-area{
	margin:30px 0;
	padding:25px 30px;
	border:4px solid #D6D6D6;
	border-radius:11px;
	overflow:hidden;
	font-size:0;
}
.sup-area.step{
	border-color:#D5E4F7;
}
.sup-area h4{
	height:30px;
	padding:0 0 10px;
	margin:0 0 20px;
	line-height:40px;
	color:#1FACE5;
	font-size:20px;
	font-size:2.0rem;
	border-bottom:2px solid #D5D5D5;
	position:relative;
}
.sup-area h4:after{
	display:block;
	content:"";
	background:#1391CC;
	width:45px;
	height:2px;
	position:absolute;
	left:0;
	bottom:-2px;
}
.sup-area h4.pc,
.sup-area h4.ftp,
.sup-area h4.web{
	height:40px;
	margin:10px 0 20px;
	padding:0 0 15px 70px;
}
.sup-area h4.pc{
	background:url(/rentalserver/support/shared/images/ico_pc.png) no-repeat 0 0;
}
.sup-area h4.ftp{
	background:url(/rentalserver/support/shared/images/ico_ftp.png) no-repeat 0 0;
}
.sup-area h4.web{
	background:url(/rentalserver/support/shared/images/ico_web.png) no-repeat 0 0;
}
.sup-area h4.caution{
	background:url(/rentalserver/support/shared/images/ico_triangle.png) no-repeat 0 0;
	height:30px;
	padding:0 0 15px 45px;
	color:#FFA41F;
}
.sup-area p{
	margin:0 0 3px 7px;
	font-size:15px;
	font-size:1.5rem;
}
.sup-area .link{
	display:block;
}

.sup-area dl{
	display:inline-block;
	width:32%;
	min-height:220px;
	padding:20px 20px 0;
	font-size:14px;
	font-size:1.4rem;
	box-sizing:border-box;
	border-right:2px solid #CCCFD6;
	vertical-align:top;
}
.sup-area dl.web{
	width:42%;
}
.sup-area dl.ftp{
	width:26%;
}
.sup-area dl:last-child{
	border:none;
}

.sup-area dl i{
	display:block;
}
.sup-area dt{
	padding:0 0 10px;
	text-align:center;
	font-size:20px;
	font-size:2.0rem;
	font-weight:bold;
}
.sup-area dd{
	padding:0 5px 2px;
}
.sup-area dd .small{
	font-size:12px;
	font-size:1.2rem;
}
.sup-area dd a.blank{
	background:url(/rentalserver/shared/images/ico_blank02.png) no-repeat right 4px;
	padding-right:16px;
}


/* .sup-check
--------------------------------------------------*/
ul.sup-check {
	font-size:15px;
	font-size:1.5rem;
}
ul.sup-check li{
	background:url(/rentalserver/support/shared/images/ico_check_sup.png) no-repeat 0 3px;
	padding-left:25px;
	margin-left:5px;
}
ul.sup-check li + li{
	margin-top:5px;
}
ul.sup-check li p{
	margin-left:0;
}

ul.sup-check li ul{
	padding-top:5px;
}
ul.sup-check li li{
	background:url(/rentalserver/support/shared/images/ico_check.png) no-repeat 0 0;
	padding:0 0 0 35px;
	margin:5px 0;
}
ul.sup-check .link{
	margin-left:0;
}



/*-------------------------------------------------------------------------- 
    = 7 = icons
---------------------------------------------------------------------------*/
/* .ico-index */
.ico-index {
    display: inline-block;
    overflow: hidden;
    width: 80px;
    height: 80px;
    background-image: url(/rentalserver/support/images/ico-index.png);
    background-repeat: none;
}
.ico-index.ico-manual {    background-position: 0 0;}
.ico-index.ico-procedure {    background-position: -80px 0;}
.ico-index.ico-faq80 {    background-position: -160px 0;}
.ico-index.ico-maintenance {
    width: 50px;
    height: 50px;
    background-position: -255px -15px;
}
.ico-index.ico-news {
    width: 50px;
    height: 50px;
    background-position: -335px -15px;
}
.ico-index.ico-faq50 {
    width: 50px;
    height: 50px;
    background-position: -415px -17px;
}
.ico-index.ico-attention {
    width: 30px;height: 30px;
    background-position: -565px -8px;
}

/*----------------------------------------------------------------------------------------------------
	for タブレット（1039px以下）
-----------------------------------------------------------------------------------------------------*/
@media (max-width: 1039px) {
	.sup-area dl {
		width: 100%;
		border-right: none;
		border-bottom: 2px solid #CCCFD6;
		min-height: auto;
		padding: 20px;
	}
	.sup-area dl.web,
	.sup-area dl.ftp {
		width: 100%;
	}
}
/*----------------------------------------------------------------------------------------------------
	for SP（768px以下）
-----------------------------------------------------------------------------------------------------*/
@media (max-width: 768px) {
	.toc-area {
		padding: 15px;
	}
	.toc-area .img {
		display: none;
	}
	.sup-area h4 {
		font-size: 1.7rem;
		height: auto;
		line-height: 1.5;
	}
	.sup-area h4.caution {
		line-height: 1.2;
	}
	.sup-area dl {
		padding: 10px;
	}
	.sup-area h4.pc, .sup-area h4.ftp, .sup-area h4.web {
		height: auto;
		min-height: 40px;
	}
}