@charset "utf-8";

/*SSL globalsign */
.ssl_sha2_mv01 {
	width: 720px;
	height: 116px;
	padding: 35px 0 0 20px;
	background: url(../../images/ssl/ssl_sha2_mv.png) 0 0 no-repeat;
}

.ssl_sha2_mv01  h1 {
	font-size: 28px;
	color: #ffffff;
}

.ssl_sha2_mv01  p {
	font-size: 12px;
	color: #ffffff;
}

.ssl_sha2_caution{
	width: 638px;
	margin-top:20px;
	border: 1px solid #e46c82;
	padding: 20px 40px 20px 60px;
	background: #fff5f7 url(../../images/ssl/ssl_icon_sha2_01.png) 20px 30px no-repeat;
}

.ssl_txtbox{
	margin-top: 20px;
}

.ssl_txtbox_caution{
	width: 700px;
	margin-top:20px;
	padding: 20px;
	background: #f4f4f4;

}

.ssl_txtbox_caution span{
	color: #ff0000;
	font-weight: bold;

}

.sha2{
	font-size: 16px;
	font-weight: bold;
	margin-top: 40px;
}

.sha2_mt20{
	font-size: 16px;
	font-weight: bold;
	margin-top: 20px;
}

.sha2_strong{
	font-weight: bold;
}

.sha2_strong_red{
	font-weight: bold;
	color: #ff0000;
}


.sha2_list{
	margin-top: 20px;
}

.sha2_list2{
	margin-top: 20px;
}

.sha2_list2 li{
	display: inline;
	margin-right: 15px;
}

.sha2_list2 li.end{
	margin-right: 0;
}


.sha2_title_icon{
	background: url(../../images/ssl/ssl_icon_sha2_02.png) 0 2px no-repeat;
	padding: 0 0 0 15px;
}

.faq_dl{
	margin-top: 20px;
}

.faq_dl dt{
	padding: 20px;
	background: #e5ebf0;
	font-size: 14px;
	font-weight: bold;
	color: #013e6e;
}

.faq_dl dd{
	padding: 20px 20px 20px 45px;
	background: #ffeeee;
	text-indent: -2em;
}



/* ラインナップ */
.ssl_lineup .a01 td{
	text-align:center;
	padding:18px 0 21px 0;
}

.ssl_lineup .a02 td{
	text-align:center;
	padding:20px 0;
}

.ssl_lineup .a03{
	padding:0 20px;
	line-height:1.6em;
	vertical-align:top;
}

.ssl_lineup .a01_bd01{
	border-right:1px solid #dddddd;
}

.ssl_lineup .a01_bd02{
	border-left  :1px solid #dddddd;
	border-right :1px solid #dddddd;
	border-bottom:1px solid #dddddd;
}

.ssl_request{
	background: #fae2e6;
	border: 1px solid #ff7d93;
	padding: 20px;
}

.ssl_request span{
	font-weight: bold;
	font-size: 14px;
}

.r_left{
	width: 350px;
	float: left;
}

/* for VPS Cloud */
.forVpsCloud .a01{
	float:left;
	padding: 10px 14px 10px 12px;
}

.forVpsCloud .a02{
	float:left;
	padding-top:6px;
}


#lean_overlay {
    position: fixed;
    z-index:100;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}



/* ############################################################################################# */
/* link on page */

.c_lop_01 li{
	float: left;
}
.c_lop_01 li a.btn_t01 {
	width: 245px;
	height: 45px;
	display: block;
	background: url(../../images/ssl/ssl_sha2_navi01.png) 0 0 no-repeat #7d7d7d;
	color: #ffffff;
	text-indent: -999999px;
}
.c_lop_01 li a.btn_t01:hover{
	background: url(../../images/ssl/ssl_sha2_navi01-on.png) 0 0 no-repeat #7d7d7d;
}

.c_lop_01 li a.btn_t02 {
	width: 185px;
	height: 45px;
	display: block;
	background: url(../../images/ssl/ssl_sha2_navi02.png) 0 0 no-repeat #7d7d7d;
	color: #ffffff;
	text-indent: -999999px;
}
.c_lop_01 li a.btn_t02:hover{
	background: url(../../images/ssl/ssl_sha2_navi02-on.png) 0 0 no-repeat #7d7d7d;
}

.c_lop_01 li a.btn_t03 {
	width: 179px;
	height: 45px;
	display: block;
	background: url(../../images/ssl/ssl_sha2_navi03.png) 0 0 no-repeat #7d7d7d;
	color: #ffffff;
	text-indent: -999999px;
}
.c_lop_01 li a.btn_t03:hover{
	background: url(../../images/ssl/ssl_sha2_navi03-on.png) 0 0 no-repeat #7d7d7d;
}

.c_lop_01 li a.btn_t04 {
	width: 131px;
	height: 45px;
	display: block;
	background: url(../../images/ssl/ssl_sha2_navi04.png) 0 0 no-repeat #7d7d7d;
	color: #ffffff;
	text-indent: -999999px;
}
.c_lop_01 li a.btn_t04:hover{
	background: url(../../images/ssl/ssl_sha2_navi04-on.png) 0 0 no-repeat #7d7d7d;
}


.c_lop_02 {
	width: 740px;
	padding: 0;
	background-color: #a6a6a6;
}

.c_lop_fix{
	position: fixed; top:0px; z-index: 9999; background-color: rgba(0,0,0,0.5);
	padding: 0;
	opacity: 0.6; 
	/*width: 730px;*/
	width: 740px;
}

.c_lop_01 li .selected{
	/*background: url(http://www.sakura.ad.jp/resource/include/function/css/images/consumption_icon_lop_01_on.gif) 13px 50% no-repeat #6391c1;*/
	color: #ddd;
}

/*
a#lop02 {
	display: block;
	padding-top: 64px;
	margin-top: -64px;
}

a#lop03 {
	display: block;
	padding-top: 64px;
	margin-top: -64px;
}

a#lop04 {
	display: block;
	padding-top: 64px;
	margin-top: -64px;
}

a#lop05 {
	display: block;
	padding-top: 64px;
	margin-top: -64px;
}

a#lop06 {
	display: block;
	padding-top: 64px;
	margin-top: -64px;
}
*/
/* ############################################################################################# */