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

.list-withicon a{
	font-size:13px;
	font-size:1.3rem;
}

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

.contents-inner01 {
	overflow:hidden;
	padding:0 0 70px;
}
.contents-inner01 p {
	line-height:1.6;
	font-size:15px;
	font-size:1.5rem;
}


/* .contents-link
--------------------------------------------------*/
ul.contents-link{
	padding:30px 0;
}
ul.contents-link li{
	margin:0 0 15px;
}
ul.contents-link li a{
	display:table-cell;
	background:#FFF url(/rentalserver/support/security/images/ico_link.png)  no-repeat 20px center;
	width:980px;
	padding:20px 80px;
	font-size:20px;
	font-size:2.0rem;
	color:#38669E;
	vertical-align:middle;
	border:2px solid #C8CBD2;
	border-radius:4px;
	text-decoration:none;
	transition:all 0.2s ease;
}
ul.contents-link li a:hover{
	background-color:#F3F5F8;
}

/* .doublebox
--------------------------------------------------*/

.block-right dl{
	height:140px;
	padding:35px 0 0 85px;
	margin:0 0 10px;
	font-size:14px;
	font-size:1.4rem;
	box-sizing:border-box;
	border:2px solid #CCCFD6;
	border-radius:4px;
	position:relative;
}
.block-right dl.web{
	padding-top:25px;
}
.block-right dl i{
	position:absolute;
	left:20px;
	top:40px;
}
.block-right dt{
	padding:0 0 10px;
	font-size:20px;
	font-size:2.0rem;
	font-weight:bold;
}
.block-right dd{
	padding:0 0 2px;
}
.block-right dd .small{
	font-size:13px;
	font-size:1.3rem;
}
.block-right dl.ftp dd{
	width:50%;
	float:left;
}
.block-right dd a.blank{
	background:url(/rentalserver/shared/images/ico_blank02.png) no-repeat right 4px;
	padding-right:16px;
}



/*-------------------------------------------------------------------------- 
    = 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) {
	.doublebox.block-left,
	.doublebox.block-right {
		float: none;
		width: 100%;
		margin-bottom: 30px;
	}
}
/*----------------------------------------------------------------------------------------------------
	for SP（768px以下）
-----------------------------------------------------------------------------------------------------*/
@media (max-width: 768px) {
	ul.contents-link li a {
		padding-right: 15px;
		font-size: 1.5rem;
	}
	.block-right dl {
		height: auto;
		padding: 20px 20px 20px 85px;
	}
	.block-right dl.ftp dd {
		float: none;
		width: 100%;
	}
}