/*********************
date 2010/04/19

ver 1.12
*********************/


/* reset & set
======================*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote{margin:0;padding:0;}
fieldset,img{border:0;}
table{border-collapse:collapse;border-spacing:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
hr{display:none;}
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}

/* clearfix */
/* for Win IE5.5-7 */
.clfix{zoom:1;}*html .clfix {zoom:0;height:1%;}
/* for Mac IE \*//*/
.clfix {display:inline-table;}
/* for FF,Safari,Opera */
.clfix:after{display:block;visibility:hidden;clear:both;height:0;content:".";}


/* ¶¦ÄÌ
===========================*/
#emg>table{margin-bottom:10px;}
#mainclm h3{
background-image:url(https://s.yimg.jp/images/docs/security/guide/sec_bg_v.gif);
}
#mainclm h3 em, #subclm h2, #subclm h2 a, #subclm #menu li em, #mainclm #mkjindex li em{
background-image:url(https://s.yimg.jp/images/docs/security/guide/security.gif);
background-repeat:no-repeat;
text-indent:-9999px;
overflow:hidden;
}
#bandle, #mainclm .dotli li, #subclm #links li{
background-image:url(https://s.yimg.jp/images/docs/security/guide/sec_bg_h.gif);
}
#bandle{
background-repeat:repeat-y;
background-position:left;
}
#mainclm{
float:right;
width:547px;
line-height:1.4;
font-size:90%;
}
h1{
padding:4px;
background:#4475a6;
color:#ffffff;
font-weight:bold;
margin-bottom:3px;
}
#classpass{
font-size:80%;
padding:2px 5px 5px;
}
#bandle{
margin:0 0 15px;
}

#mainclm h3{
position:relative;
min-height:23px;
height:auto !important;
height:30px;/* for IE */
margin:0 0 10px;
padding:5px 0 2px 30px;
background-repeat:repeat-x;
background-color:#d5e8f6;
background-position:top;
font-size:110%;
color:#174879;
font-weight:bold;
}
#mainclm h3.index{
min-height:26px;
height:auto !important;
height:33px;/* for IE */
padding:5px 0 2px 10px;
background-color:#9cc1de;
background-position:left bottom;
background-repeat:repeat-x;
color:#ffffff;
}
#mainclm h3 em{
position:absolute;
display:block;
width:20px;
height:20px;
left:5px;
top:5px;
}
.class_c1 em{background-position:0px -90px;}
.class_c2 em{background-position:-25px -90px;}
.class_c3 em{background-position:-50px -90px;}
.class_c4 em{background-position:-75px -90px;}
.class_c5 em{background-position:-100px -90px;}
.class_c6 em{background-position:-125px -90px;}
.class_c7 em{background-position:-150px -90px;}
.class_c8 em{background-position:-175px -90px;}
.class1 em{background-position:0px -115px;}
.class2 em{background-position:-25px -115px;}
.class3 em{background-position:-50px -115px;}
.class4 em{background-position:-75px -115px;}
.class5 em{background-position:-100px -115px;}
.class6 em{background-position:-125px -115px;}
.class7 em{background-position:-150px -115px;}
.class8 em{background-position:-175px -115px;}
#mainclm h4{
font-size:111%;
padding:2px 5px 0px 20px;
margin:10px 0;
font-weight:bold;
border:2px solid #C2DDEF;
background:#eff7fd;
text-indent:-14px;
}
#mainclm h4 em{
font-weight:bold;
}

#mainclm dd, #mainclm p, #mainclm .likedd li, #mainclm ul{
margin-bottom:10px;
}
#mainclm dt{
margin-bottom:3px;
}
#mainclm dd, #mainclm li{
padding-left:15px;
}
#mainclm .snt{
padding:5px 5px 10px 10px;
}
#mainclm .mds, #mainclm .ttl1, #mainclm .ttl2{
font-weight:bold;
margin-bottom:3px;
}
#mainclm .ttl1{
position:relative;
font-size:110%;
/*color:#27649F;*/
border-bottom:1px dotted #C2DDEF;
background:#EFF7FD;
padding:3px 0 0 25px;
}
#mainclm .ttl1 em{
position:absolute;
right:510px;
_right:512px;
_top:0px;
font-weight:bold;
}
#mainclm .secimg{
text-align:center;
margin:10px 0 20px;
}
#mainclm .ttlmark2{
color:#7DBCDF;
}
#mainclm .list, #mainclm .ttl2{
position:relative;
margin-left:15px;
}
#mainclm .ttlmark1, #mainclm .ttlmark2, #mainclm p .limark{
position:absolute;
_top:-3px;
left:-15px;
}
#mainclm .limark{
position:absolute;
_top:-3px;
left:0;
_left:-15px;
}
#mainclm .dotli li{
background-repeat:no-repeat;
background-position:-745px 8px;
}
#mainclm .block{
margin-bottom:40px;
}
#mainclm .ex, #mainclm .ex1{
border:#e3e3e3 solid 2px;
}
#mainclm .ex1{
padding:5px 5px 0px 10px;
}
#mainclm .case{
border:#d5e8f6 solid 1px;
padding:5px 5px 5px 10px;
}
#mainclm .good, #mainclm .bad{
margin:10px 0 10px 15px;
padding:5px 5px 0;
letter-spacing:1px;
}
#mainclm .good{
border:1px solid #ffd9cf;
background:#fff2ef;
}
#mainclm .bad{
border:1px solid #cccccc;
background:#eeeeee;
}
#mainclm .good .mds, #mainclm .bad .mds{
position:relative;
margin:5px 0 0 23px;
}
#mainclm .good .mds em, #mainclm .bad .mds em{
display:block;
position:absolute;
width:20px;
height:20px;
text-indent:-9999px;
overflow:hidden;
top:-1px;
_top:-4px;
left:-22px;
}
#mainclm .good .mds em{
background:url(https://s.yimg.jp/images/docs/security/guide/good.gif) no-repeat left top;
}
#mainclm .bad .mds em{
background:url(https://s.yimg.jp/images/docs/security/guide/bad.gif) no-repeat left top;
}
#mainclm .good .mds, #mainclm .chk{
color:#cc0033;
}
#mainclm .good .mds, #mainclm .good em, #mainclm .bad .mds, #mainclm .bad em, #mainclm .chk{
font-weight:bold;
}
#mainclm .good strong, #mainclm .bad strong{
border-bottom:2px solid #cc0033;
}
#mainclm .good span, #mainclm .bad span{
padding-left:2px;
}
#mainclm ul.mkj{
margin:5px 15px 30px;
padding:5px;
border:1px dotted #C2DDEF;
/*background:#EFF7FD;*/
}
#mainclm ul.mkj li{
position:relative;
padding:0 0 0 20px;
}
/*#mainclm ul.mkj li a{color:#27649F;}*/
#mainclm ul.mkj em{
position:absolute;
right:470px;
_right:495px;
_margin-top:-3px;
}
#mainclm #mkjindex{
margin:20px 20px 30px;
padding:5px;
background:#E2EDF5;
}
#mainclm #mkjindex li{
position:relative;
padding:3px 5px 3px 30px;
}
#mainclm #mkjindex li em{
position:absolute;
top:3px;
left:3px;
_top:0px;
_left:-25px;
display:block;
width:20px;
height:20px;
background-repeat:no-repeat;
text-indent:-9999px;
overflow:hidden;
}


.paging{
margin:20px 10px 10px;
}
.paging .prev{
float:left;
}
.paging .next{
float:right;
}

#subclm{
float:left;
width:200px;
line-height:1.4;
font-size:80%;
}
#subclm h2{
background-position:left -60px;
}
#subclm h2 a{
display:block;
width:200px;
background-position:left top;
}
#subclm h2, #subclm h2 a{
height:27px;
text-indent:-9999px;
overflow:hidden;
}
#subclm h2 a:hover{
background-position:left -30px;
}
#subclm #links {
margin:10px 0;
}
#subclm #links h3{
padding:3px 3px 2px;
background:#74A2CF;
color:#ffffff;
font-weight:bold;
}
#subclm #links ul{
padding:5px 2px 5px 3px;
}
#subclm #links li{
padding:1px 0 0 17px;
background-repeat:no-repeat;
background-position:-743px 9px;
}
#subclm #menu{
padding:1px;
color:#174879;
}
#subclm #menu li{
border-top:1px dotted #ffffff;
font-weight:bold;
}
#subclm #menu li a{
display:block;
position:relative;
padding:5px 2px 5px 28px;
}
#subclm #menu li em{
position:absolute;
display:block;
width:20px;
height:20px;
top:3px;
left:3px;
_top:2px;
_left:-25px;
background-repeat:no-repeat;
text-indent:-9999px;
overflow:hidden;
}
#subclm #menu li.crnt1 em{
_left:3px;
_top:5px;
}
#subclm #menu li.crnt1{
position:relative;
background:#cce2f2;
padding:1px 0;
}
#subclm #menu li.crnt1 dt{
padding:5px 2px 3px 28px;
font-weight:bold;
}
#subclm #menu li.crnt1 dd{
position:relative;
margin:1px;
padding:2px 2px 2px 28px;
font-weight:bold;
}
#subclm #menu li.crnt1 dd a{
border:none;
display:inline;
font-weight:normal;
padding:0;
}
#subclm #menu li.crnt1 span{
position:absolute;
right:170px;
top:3px;
_right:173px;
_top:1px;
font-weight:bold;
color:#276baf;
}
#subclm #menu li.crnt1 dd.crnt2{
background:#f8fcff;
}
#subclm #menu li.class1, #subclm #menu li.class_c1{
margin-top:5px;
border:none;
}