@charset "UTF-8";

@import "/css/common.css";
@import "/css/service/category.css";
@import "/css/mod/contents.css";
@import "/css/mod/column.css";
@import "/css/print/style_reset.css";



div#securityWrap {
width:568px;
padding:0;
margin:0;}

div#securityWrap p {
color:#222;}



/* 見出し
--------------------------------------------------------------------*/
div#securityWrap h2 {
width:586px;
padding:0 !important;
margin:0 !important;
clear:both;
background:none;}


/* --------------------------------------------------------------------
　　アクセス制御・リモートメンテナンス
----------------------------------------------------------------------- */

/* アクセス制御（ブルー） ------------------------------------------- */
div#securityWrap div#accessControl{
width:560px;
padding:15px 13px 5px 13px;
margin:0;
background:url(/service/option/security/images/bg_access_control.gif) no-repeat center bottom;}

/* 左側 */
div#securityWrap div#accessControl .lBox {
width:98px;
padding:0;
margin:0 0 10px 0;
text-align:left;
float:left;}

div#securityWrap div#accessControl .lBox h3 {
width:auto;
padding:0;
margin:0 0 10px 0;}

/* 右側 */
div#securityWrap div#accessControl .rBox {
width:440px;
padding:0;
margin:0;
float:right;}

div#securityWrap div#accessControl .rBox p {
width:auto;
padding:0 0 4px 0;
margin:0 0 10px 0;
font-weight:bold;
color:#444;
border-bottom:2px #ccc dotted;}

div#securityWrap div#accessControl .rBox table {
width:440px;
margin:0;
border:none;}

div#securityWrap div#accessControl .rBox table th {
padding:0 2px 8px 0;
text-align:left;}
div#securityWrap div#accessControl .rBox table td {
padding:0 0 8px 20px;
color:#222;
background:url(/service/option/security/images/bullet_3dot.gif) no-repeat left top;}


/* メンテ（グレー） ------------------------------------------- */
div#securityWrap div#maintenance {
width:562px;
padding:15px 12px 12px 12px;
margin:0 0 3em 0;
clear:both;
border-top:1px #ccc dashed;
background:url(/images/common/1r_column_bg.gif) no-repeat center bottom;}


div#securityWrap div#maintenance div#sslvpn,
div#securityWrap div#maintenance div#exclusiveL {
width:267px;
padding:0;
margin:0;}


div#securityWrap div#maintenance div#sslvpn { float:left;}
div#securityWrap div#maintenance div#exclusiveL { float:right; }

div#securityWrap div#maintenance div h4 {
width:80px;
padding:0;
margin:0;
float:left;}

div#securityWrap div#maintenance div div.rBox {
width:175px;
padding:0;
margin:0;
float:right}

div#securityWrap div#maintenance div div.rBox p {
padding:12px 0 9px 0;
margin:0;}

div#securityWrap div#maintenance div div.rBox a.btn {
width:119px;
padding:0;
margin:0 0 0 auto;
display:block;}


/* --------------------------------------------------------------------
　　WEBサーバ
----------------------------------------------------------------------- */
div#securityWrap div#webServer {
width:562px;
padding:15px 12px;
margin:0 0 3em 0;
background:url(/images/common/1r_column_bg.gif) no-repeat center bottom;}

div#securityWrap div#webServer div#ssl,
div#securityWrap div#webServer div#weakness {
width:267px;
padding:0;
margin:0;}

div#securityWrap div#webServer div#weakness { float:left;}
div#securityWrap div#webServer div#ssl { float:right; }


div#securityWrap div#webServer div h4 {
width:80px;
padding:0;
margin:0;
float:left;}

div#securityWrap div#webServer div div.rBox {
width:175px;
padding:0;
margin:0;
float:right}

div#securityWrap div#webServer div div.rBox p {
padding:12px 0 9px 0;
margin:0;}

div#securityWrap div#webServer div div.rBox a.btn {
width:119px;
padding:0;
margin:0 0 0 auto;
display:block;}



/* --------------------------------------------------------------------
　　メールサーバ
----------------------------------------------------------------------- */
div#securityWrap div#mailServer {
width:562px;
padding:15px 12px;
margin:0 0 3em 0;
background:url(/images/common/1r_column_bg.gif) no-repeat center bottom;
}

div#securityWrap div#mailServer div.lBox,
div#securityWrap div#mailServer div.mBox,
div#securityWrap div#mailServer div.rBox {
width:165px;
padding:0;}

div#securityWrap div#mailServer div.lBox,
div#securityWrap div#mailServer div.mBox {
float:left; }

div#securityWrap div#mailServer div.rBox {
float:right; }

div#securityWrap div#mailServer div.lBox {
margin:0 35px 0 0; }

div#securityWrap div#mailServer div h4 {
width:auto;
padding:0;
margin:0;
}

div#securityWrap div#mailServer div p {
width:auto;
padding:0 0 0 10px;
margin:0 0 9px 0;
}

div#securityWrap div#mailServer div a.btn {
width:119px;
padding:0;
margin:0 0 0 auto;
display:block;}

div#securityWrap div#mailServer div p {
background:url(/service/option/security/images/bg_mail_server.gif) no-repeat left top;}



/* --------------------------------------------------------------------
　　OS
----------------------------------------------------------------------- */
div#securityWrap div#os01,
div#securityWrap div#os02 {
width:562px;
padding:15px 12px;
}

div#securityWrap div#os01 {
margin:0;
background:url(/images/common/1r_column_bg.gif) no-repeat center top;
}
div#securityWrap div#os02 {
margin:0 0 1em 0;
background:url(/images/common/1r_column_bg.gif) no-repeat center bottom;
}


/* 01 */
div#securityWrap div#os01 div.mBox,
div#securityWrap div#os01 div.rBox,
div#securityWrap div#os01 div.lBox {
width:165px;
padding:0;}

div#securityWrap div#os01 div.lBox,
div#securityWrap div#os01 div.mBox { float:left; }

div#securityWrap div#os01 div.lBox { margin:0 35px 0 0; }

div#securityWrap div#os01 div.mBox,
div#securityWrap div#os01 div.rBox { margin:0; }

div#securityWrap div#os01 div.rBox { float:right; }

div#securityWrap div#os01 div h4 {
width:auto;
padding:0;
margin:0;}

div#securityWrap div#os01 div p {
width:auto;
padding:0 0 0 10px;
margin:0 0 9px 0;}

div#securityWrap div#os01 div p {
background:url(/service/option/security/images/bg_os.gif) no-repeat left top;}

div#securityWrap div#os01 div a.btn {
width:119px;
padding:0;
margin:0 0 0 auto;
display:block;}


/* 02 */
div#securityWrap div#os02  div#freeNX,
div#securityWrap div#os02  div#zendGuard {
width:267px;
padding:0;
margin:0;}

div#securityWrap div#os02  div#freeNX { float:left;}
div#securityWrap div#os02  div#zendGuard { float:right; }


div#securityWrap div#os02  div h4 {
width:80px;
padding:0;
margin:0;
float:left;}

div#securityWrap div#os02  div div.rBox {
width:175px;
padding:0;
margin:0;
float:right}

div#securityWrap div#os02  div div.rBox p {
padding:12px 0 9px 0;
margin:0;}

div#securityWrap div#os02  div div.rBox a.btn {
width:119px;
padding:0;
margin:0 0 0 auto;
display:block;}



/* ------------------------------------------------------- */

p img.guide {
vertical-align:middle;}



/*  ハック
-------------------------------------------------------------- */
div#securityWrap div#accessControl:after,
div#securityWrap div#maintenance:after,
div#securityWrap div#mailServer:after,
div#securityWrap div#os01:after,
div#securityWrap div#os02:after,
div#securityWrap div#webServer:after,
div#securityWrap div#webServer div#ssl:after,
div#securityWrap div#webServer div#zendGuard:after,
div#securityWrap div#maintenance div#sslvpn:after,
div#securityWrap div#maintenance div#exclusiveL:after {/*float clear */
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

html *div#securityWrap div#accessControl,
html *div#securityWrap div#maintenance,
html *div#securityWrap div#mailServer,
html *div#securityWrap div#os01,
html *div#securityWrap div#os02,
html *div#securityWrap div#webServer,
html *div#securityWrap div#webServer div#ssl,
html *div#securityWrap div#webServer div#zendGuard,
html *div#securityWrap div#maintenance div#sslvpn,
html *div#securityWrap div#maintenance div#exclusiveL {height:1%;}


/* ------------------------------------------ Safari, FireFox スタイルのリセット */

html[xmlns]>/**/body div#securityWrap div#mailServer div p, 
html[xmlns]>/**/body div#securityWrap div#os div p {
background:none;
}