@charset "UTF-8";
/* basic */
/*/////////////////////////////////////////////////*/

#top #main h1 {
	background : url("../images/main_img.png") no-repeat;
	width:978px;
	height:116px;
}


/* category setting */
/*/////////////////////////////////////////////////*/


/* btbox */
#main #btbox {
	margin : 15px 10px;
	padding : 0px 0px 0px 0px;
	background : url("/knowledge/images/btbox.gif") no-repeat;
	width:600px;
	height:70px;

}
#main #btbox-ssl {
	margin : 15px 10px;
	padding : 0px 0px 0px 0px;
	background : url("/knowledge/images/btbox_ssl.gif") no-repeat;
	width:600px;
	height:70px;

}
#main #btbox-os {
	margin : 15px 10px;
	padding : 0px 0px 0px 0px;
	background : url("/knowledge/images/btbox_os.gif") no-repeat;
	width:600px;
	height:70px;

}
#main #btbox-cds {
	margin : 15px 10px;
	padding : 0px 0px 0px 0px;
	background : url("/knowledge/images/btbox_cds.gif") no-repeat;
	width:600px;
	height:70px;

}
#main #btbox-pki {
	margin : 15px 10px;
	padding : 0px 0px 0px 0px;
	background : url("/knowledge/images/btbox_pki.gif") no-repeat;
	width:600px;
	height:70px;

}

#main #btbox li,
#main #btbox-pki li,
#main #btbox-cds li,
#main #btbox-os li,
#main #btbox-ssl li {
	display:block;
	width : 140px;
	padding:0px;
	margin:0px 4px;
	float:left;
	background-image:none;
	list-style:none;
}

/*\*/
* html #main #btbox li,
* html #main #btbox-pki li,
* html #main #btbox-cds li,
* html #main #btbox-os li,
* html #main #btbox-ssl li{
	width : 140px;
}
/**/
#main #btbox a,
#main #btbox-pki a,
#main #btbox-cds a,
#main #btbox-os a,
#main #btbox-ssl a {
	text-indent : -5000px;
	display : block;

}
#main #btbox li a,
#main #btbox-pki li a,
#main #btbox-cds li a,
#main #btbox-os li a,
#main #btbox-ssl li a {
	height : 70px;
	margin : 0px 0px 0px 0px;
}


/* confirm */
p.img-center img {
	margin-left : 82px;
}

/* flow */
#main #contents .box h3.small_order {
	padding : 0px 0px 0px 20px;
	background : none;
	border : 0px;
	min-height : 20px;
}

#main #contents .box h3.small_order#one{
	background : url("/knowledge/documentsign/images/hl_smallorder_1.gif") no-repeat left top;
}
#main #contents .box h3.small_order#two{
	background : url("/knowledge/documentsign/images/hl_smallorder_2.gif") no-repeat left top;
}
#main #contents .box h3.small_order#three{
	background : url("/knowledge/documentsign/images/hl_smallorder_3.gif") no-repeat left top;
}
#main #contents .box h3.small_order#four{
	background : url("/knowledge/documentsign/images/hl_smallorder_4.gif") no-repeat left top;
}


#main #contents .box h3.small_order#five{
	background : url("/knowledge/documentsign/images/hl_smallorder_5.gif") no-repeat left top;
}
#main #contents .box h3.small_order#six{
	background : url("/knowledge/documentsign/images/hl_smallorder_6.gif") no-repeat left top;
}
#main #contents .box h3.small_order#seven{
	background : url("/knowledge/documentsign/images/hl_smallorder_7.gif") no-repeat left top;
}
#main #contents .box h3.small_order#eight{
	background : url("/knowledge/documentsign/images/hl_smallorder_8.gif") no-repeat left top;
}

#main #contents .box h3.small_order#nine{
	background : url("/knowledge/documentsign/images/hl_smallorder_9.gif") no-repeat left top;
}
#main #contents .box h3.small_order#ten{
	background : url("/knowledge/documentsign/images/hl_smallorder_10.gif") no-repeat left top;
}
#main #contents .box h3.small_order#eleven{
	background : url("/knowledge/documentsign/images/hl_smallorder_11.gif") no-repeat left top;
}
#main #contents .box h3.small_order#twelve{
	background : url("/knowledge/documentsign/images/hl_smallorder_12.gif") no-repeat left top;
}
#main #contents .box h3.small_order#thirteen{
	background : url("/knowledge/documentsign/images/hl_smallorder_13.gif") no-repeat left top;
}
#main #contents .box h3.small_order#fourteen{
	background : url("/knowledge/documentsign/images/hl_smallorder_14.gif") no-repeat left top;
}
#main #contents .box h3.small_order#fifteen{
	background : url("/knowledge/documentsign/images/hl_smallorder_15.gif") no-repeat left top;
}
#main #contents .box h3.small_order#sixteen{
	background : url("/knowledge/documentsign/images/hl_smallorder_16.gif") no-repeat left top;
}

/* table codesign 4column */
#codesign4 {
	padding : 0px 0px 5px 0px;
	margin : 0px 0px 5px 0px;
	background : url("/knowledge/codesign/images/tablebg_btm4.gif") no-repeat center bottom;
}

table#comparison4 {
	width : 600px;
	margin : 0px 10px 5px 10px;
	background : url("/knowledge/codesign/images/table_codesign_bg.gif") no-repeat center bottom;
}

table#comparison4 thead td,
table#comparison4 tbody td{
	vertical-align : top;
	width : 147px;
	background-position : left bottom;
	background-repeat : no-repeat;
}


table#comparison4 h2 {
	background : none;
	border : none;
	padding : 0px 0px 0px 0px;
	margin : 0px 0px 0px 0px;
}

table#comparison4 a.hl { 
	background-image : none;
	padding : 0px 0px 0px 0px;
	margin : 0px 0px 0px 0px;
}



table#comparison4 thead th,
table#comparison4 tbody th {
	width : 6px;
}

table#comparison4 td .bt {
	margin : 5px 0px 0px 42px;
	padding : 0px 0px 5px 0px;
}

table#comparison4 td .bt a {
	float : left;
	display : block;
	width : 89px;
	height : 22px;
	margin : 0px 0px 0px 6px;
	_margin : 0px 0px 0px 3px;
	text-indent : -5000px;
}

table#comparison4 td .bt a.order {
	background : url("/common/images/bt_order.gif") no-repeat;
}
table#comparison4 td .bt a.check {
	background : url("/common/images/bt_check.gif") no-repeat;
}
table#comparison4 td .bt a.detail {
	background : url("/common/images/bt_detail.gif") no-repeat;
}


/*\*/
* html table#comparison4 thead td .bt a.order {
	margin : 0px 0px 0px 3px;
}
/**/


table#comparison4 thead td p {
	margin : 0px 6px 0px 6px;
	padding : 5px 0px 5px 0px;
}
/* table codesign 4column */


/* float clear */

#id or .class:after {
	content         : ".";
	height          : 0px;
	clear           : both;
	visibility      : hidden;
	display         : block;
}

#id or .class {
	display         : inline-block;
}

/*\*/
* html #id or .class {
	height          : 1%;
}

#id or .class {
	display         : block;
}
/*\*/