/*inner page(knowledgeTop)*****************************/
/*mainImage*/
.mainImage{
clear:both;
width:390px;
height:160px;
background:url(../images/knowledgeTop/mainImage.jpg) no-repeat 0 0;
margin:0px 0px 6px 0px;
padding:0;
}

.mainImage h2,
.mainImage p{
text-indent:-5000px;
font-size:0;
line-height:0;
margin:0;
}

.mainImage .detailBtn{
width:90px;
height:25px;
padding:125px 10px 10px 290px;
margin:0;
}

.detailBtn a{
text-indent:-5000px;
font-size:0;
line-height:0;
width:90px;
height:25px;
display:block;
background:url(../images/common/btn_detail_blue.gif) no-repeat 0px 0px;
margin:0;
padding:0;
}

.detailBtn a:hover{
background-position:0px -25px;
}

/*btn area*/
.btnArea{
width:390px;
height:158px;
background:url(../images/common/partitionLine.gif) no-repeat left bottom;
margin-bottom:10px;
}

.btnArea .animation{
float:left;
margin-bottom:6px;
}

.btnArea .useScene{
float:right;
margin-bottom:6px;
}

.btnArea .securityPoint{
clear:both;
float:left;
}

.btnArea .selectReason{
float:right;
}

/*trainingArea*/

.trainingArea{
width:390px;
height:auto;
background:url(../images/common/partitionLine.gif) no-repeat left bottom;
margin-bottom:20px;
padding-bottom:1px;
}

.trainingArea .box{
width:389px;
height:auto;
background:url(../images/common/box_leftLine.gif) repeat-y 0 0;
padding-left:11px;
margin-bottom:10px;
}

.trainingArea .box .b_inner{
width:378px;
height:auto;
background:#FFFFFF url(../images/common/box_bg.gif) repeat-x 0 0;
border-top:#7091c2 1px solid;
border-bottom:#7091c2 1px solid;
border-right:#7091c2 1px solid;
}

.trainingArea .box .b_inner div{
text-indent:-5000px;
font-size:0;
line-height:0;
width:378px;
height:47px;
margin-bottom:10px;
}

.trainingArea .box .b_inner div#stitle01{
background:url(../images/knowledgeTop/training_stitle01.gif) no-repeat 0 0;
}

.trainingArea .box .b_inner div#stitle02{
background:url(../images/knowledgeTop/training_stitle02.gif) no-repeat 0 0;
}

.trainingArea .box .b_inner div .detailBtn{
width:90px;
height:25px;
padding:10px 9px 11px 279px;
margin:0;
}

.trainingArea .box .b_inner div .detailBtn a{
background:url(../images/common/btn_detail_red.gif) no-repeat 0px 0px;
}

.trainingArea .box .b_inner div .detailBtn a:hover{
background-position:0px -25px;
}

.trainingArea .box .b_inner ul{
margin:0px 0px 10px 15px;
}

.trainingArea .box .b_inner ul li{
background:url(../images/common/mark_circle.gif) no-repeat 0% 50%;
list-style-type:none;
margin:0px;
padding-left:10px;
line-height:20px;
}


/*inner page(seihinTop)*****************************/
.productlist{
clear:both;
width:390px;
height:326px;
background:url(../images/common/partitionLine.gif) no-repeat left bottom;
margin-bottom:10px;
}

.productlist .box{
margin-bottom:10px;
width:390px;
}

.productlist .box h4{
margin:0;
}

.productlist #server,
.productlist #software{
float:left;
width:96px;
}

.productlist #hardware{
float:left;
width:198px;
}


/*btn area*/

#product .btnArea{
width:390px;
height:88px;
background:url(../images/common/partitionLine.gif) no-repeat left bottom;
margin-bottom:10px;
}

#product .btnArea a{
text-indent:-5000px;
font-size:0;
line-height:0;
display:block;
width:192px;
height:36px;
margin-bottom:6px;
background-position:0 0;
background-repeat:no-repeat;
}

#product .btnArea a.comparison{
float:left;
background-image:url(../images/productTop/btn_comparison.gif);
}
#product .btnArea a.tie-up{
float:right;
background-image:url(../images/productTop/btn_tie-up.gif);
}
#product .btnArea a.advancedUse{
clear:both;
float:left;
background-image:url(../images/productTop/btn_advancedUse.gif);
}
#product .btnArea a.faq{
float:right;
background-image:url(../images/productTop/btn_faq.gif);
}

#product .btnArea a.comparison:hover,
#product .btnArea a.tie-up:hover,
#product .btnArea a.advancedUse:hover,
#product .btnArea a.faq:hover{
background-position:0px -36px;
}


.technical{
width:390px;
height:auto;
background:url(../images/common/partitionLine.gif) no-repeat left bottom;
margin-bottom:20px;
padding-bottom:1px;
}

.technical .box{
width:389px;
height:auto;
background:url(../images/common/box_leftLine.gif) repeat-y 0 0;
padding-left:11px;
margin-bottom:10px;
}

.technical .box .b_inner{
width:378px;
height:auto;
background:#FFFFFF url(../images/common/box_bg.gif) repeat-x 0 0;
border-top:#7091c2 1px solid;
border-bottom:#7091c2 1px solid;
border-right:#7091c2 1px solid;
}

.technical .box .b_inner h4{
width:378px;
height:27px;
margin-bottom:3px;
}

.technical .box .b_inner h4#stitle02,
.technical .box .b_inner h4#stitle03,
.technical .box .b_inner h4#stitle04{
border-top:1px dotted #CCCCCC;
}

.technical .box .b_inner ul{
margin:0px 0px 10px 23px;
}

.technical .box .b_inner ul li{
background:url(../images/common/mark_arrow.gif) no-repeat 0% 50%;
list-style-type:none;
margin:0px;
padding-left:10px;
line-height:20px;
}

.technical .box .b_inner ul li a{
color:#000000;
}
.technical .box .b_inner ul li a:link{
color:#000000;
}
.technical .box .b_inner ul li a:visited{
color:#000000;
}
.technical .box .b_inner ul li a:hover{
color:#0D4590;
text-decoration:underline;
}
.technical .box .b_inner ul li a:active{
color:#000000;
}

/*inner page(onetimePassword)*****************************/
h2.OPTmainImage{
clear:both;
display:block;
width:390px;
height:220px;
margin:0px 0px 8px 0px;
padding:0;
}

.explanationChart{
width:390px;
height:240px;
margin:0;
padding:0;
}

.moreInfo{
width:390px;
height:53px;
margin:0px 0px 18px 0px;
padding:0;
}

.caseWapper{
width:390px;
overflow:hidden;
background:url(../images/common/partitionLine.gif) no-repeat left bottom;
margin-bottom:20px;
padding-bottom:10px;
}

.case{
float:left;
}

#case1,#case2{
width:132px;
}

#case3{
width:126px;
}

.case img{
margin-bottom:5px;
}

.case a{
text-indent:-5000px;
font-size:0;
line-height:0;
display:block;
width:126px;
height:36px;
background-position:0 0;
background-repeat:no-repeat;
}

#case1 a{
background-image:url(../images/onetimePassword/btn_animation.gif);
}

#case2 a{
background-image:url(../images/onetimePassword/btn_useScene.gif);
}

#case3 a{
background-image:url(../images/onetimePassword/btn_caseCollection.gif);
}

#case1 a:hover,
#case2 a:hover,
#case3 a:hover{
background-position:0px -36px;
}

/*inner page(comparison)*****************************/
.comparisonList{
width:390px;
background:url(../images/common/partitionLine.gif) no-repeat left bottom;
margin-bottom:20px;
padding-bottom:1px;
}

#comparison table{
clear:both;
border-collapse:collapse;
border-spacing:0;
border:1px solid #CCCCCC;
width:390px;
margin-bottom:10px;
}

#comparison table td{
font-family:"‚l‚r ‚oƒSƒVƒbƒN" !important;
font-size:14px;
text-align:center;
padding:3px;
border:1px solid #CCCCCC;
height:28px;
line-height:1.2em;
}

#comparison table td.category{
font-size:9px;
background:#f6f6f6;
text-align:left;
width:66px !important;
}
*:first-child+html #comparison table td.category{
font-size:10px;
}
* html #comparison table td.category{
font-size:10px;
}

#comparison table td.useScene{
font-size:9px;
background:#f6f6f6;
text-align:left;
vertical-align:top;
}
*:first-child+html #comparison table td.useScene{
font-size:10px;
}
* html #comparison table td.useScene{
font-size:10px;
}

#comparison table#supplement td.useScene{
text-align:center;
vertical-align:middle;
}

#comparison table#use td{
width:38px;
}

#comparison table#supplement td{
font-size:9px;
text-align:left;
width:308px;
}
*:first-child+html #comparison table#supplement td{
font-size:10px;
}
* html #comparison table#supplement td{
font-size:10px;
}

#comparison table#supplement td.useScene{
width:308px;
}

#comparison table#characteristic td{
width:32px;
}

#comparison table#characteristic td.kibo{
width:35px;
}

#comparison table#characteristic td.small{
font-size:10px;
}

#comparison table.mark{
float:left;
border:none;
width:auto;
margin-right:20px;
clear:none;
}

#comparison table.mark td{
font-size:12px;
text-align:left;
padding:0px;
border:none;
width:auto;
height:auto;
}

/*inner page(tie-up)*****************************/
#tie-up h2{
color:#0d4590;
line-height:1.2em;
}

#tie-up h2 span{
font-size:10px;
}

#tie-up p.notes{
font-size:12px;
margin-bottom:10px;
}

#tie-up h3{
margin-bottom:5px;
}

#tie-up .box{
background:url(../images/common/partitionLine.gif) no-repeat left bottom;
margin-bottom:20px;
padding-bottom:10px;
}

.company{
width:390px;
height:auto;
padding-bottom:2px;
border-bottom:2px solid #0d4590;
overflow:hidden;
margin-bottom:5px;
}

.company h4{
line-height:1.1em;
color:#0d4590;
font-size:14px;
margin-bottom:0px;
display:block;
width:390px;
}

.company h4 span{
color:#666666;
font-size:10px;
font-weight:normal;
}

#sonicwall h4{
background:url(../images/tie-up/logo_sonicwall.gif) no-repeat 100% 50%;
}

#cisco h4,
#cisco2 h4{
background:url(../images/tie-up/logo_cisco.gif) no-repeat 100% 50%;
}

#citrix h4{
background:url(../images/tie-up/logo_citrix.gif) no-repeat 100% 50%;
}

#F5 h4{
background:url(../images/tie-up/logo_f5.gif) no-repeat 100% 50%;
}

#fortinet h4{
background:url(../images/tie-up/logo_fortinet.gif) no-repeat 100% 50%;
}

#juniper h4{
background:url(../images/tie-up/logo_juniper.gif) no-repeat 100% 0%;
}

#NOKIA h4{
background:url(../images/tie-up/logo_NOKIA.gif) no-repeat 100% 50%;
}

#NORTEL h4{
background:url(../images/tie-up/logo_NORTEL.gif) no-repeat 100% 50%;
}

#HitachiCable h4{
background:url(../images/tie-up/logo_HitachiCable.gif) no-repeat 100% 50%;
}

#EMC h4{
background:url(../images/tie-up/logo_EMC.gif) no-repeat 100% 50%;
}

#VMware h4{
background:url(../images/tie-up/logo_VMware.gif) no-repeat 100% 50%;
}

#tie-up h5{
font-size:11px;
font-weight:normal;
color:#333333;
}

#tie-up p{
font-size:11px;
font-weight:normal;
color:#333333;
margin-bottom:5px;
}

#tie-up p span{
font-size:10px;
}

#tie-up p.anchor{
font-size:10px;
margin-bottom:15px;
}

#tie-up a{
text-decoration:none;
}
#tie-up a:link{
text-decoration:none;
}
#tie-up a:visited{
text-decoration:none;
}
#tie-up a:hover{
text-decoration:underline;
}
#tie-up a:active{
text-decoration:none;
}

#tie-up table{
margin-top:5px;
clear:both;
border-collapse:collapse;
border-spacing:0;
border:1px solid #cccccc;
width:390px;
margin-bottom:10px;
text-align:center;
}

#tie-up table th{
padding:1px;
border:1px solid #cccccc;
color:#333333;
font-weight:normal;
background-color:#cccccc;
}

#tie-up table td{
font-size:11px !important;
padding:2px;
border:1px solid #cccccc;
color:#999999;
}

#tie-up table td.select{
background-color:#f2f2f2;
color:#D2232A;
}

#tie-up .moreInfo{
width:370px;
height:auto;
padding:10px;
background-color:#f2f2f2;
border:1px solid #cccccc;
text-align:center;
}

#tie-up .moreInfo p{
font-size:13px;
font-weight:bold;
color:#D2232A;
}