@charset "utf-8";

	
/*==========.separately============*/
.separately { border: 1px solid #0f77cb; font-weight: bold; background: #fff; padding: 8px 12px; line-height: 1.7; margin-bottom: 15px;}
.separately a { color: #0f77cb; text-decoration: underline;}

/*==========.feature============*/
.feature { overflow: hidden; zoom:1; margin-bottom:24px;}
.feature > img { float: right;}
.feature dl { width: 385px; float: left; font-size:95%;}
.feature dl dt { font-weight: bold; font-size: 140%; margin-bottom: 9px;}

/*==========.pay============*/
.pay { margin-bottom: 35px;}

/*==========.spe-table============*/
.spe-table h2 { margin-left: 0px;}
.use h2 {margin-bottom: 15px;}

.use p {padding-left: 0.6em;text-indent: -0.6em;margin-bottom: 10px;}
.use p a {display: block;margin-top: 5px;padding-left: 0.6em}
.use h3 {font-size: 140%;padding-top: 20px;margin-bottom: 10px;}
.use h4 {font-weight: bold;padding-top: 15px;margin-bottom: 10px;}
.use .spe-table .bg-middle {margin-top: 0px;}
.use  ul {padding-left: 1em;margin-bottom: 10px;}

/*========== 表 ============*/
.tbl .h01{color:#fff; font-size:85%; font-weight:bold; text-align:center; padding:7px 0px;}
.tbl .h02{background:#bcbcbc; color:#444; font-size:85%; text-align:center; padding:7px 0px;}

.tbl .bd01{border-right:1px solid #555;}
.tbl .bd02{border-right:1px solid #999;}
.tbl .bd03{border-right:1px solid #ddd;}
.tbl .bd04 td{border-bottom:1px solid #ddd;}
.tbl .bd05{border-bottom:1px solid #ddd;}
.tbl .bd06{border-bottom:1px solid #999;}

.tbl .cell01{background:#fff; padding:4px 7px 4px 7px; font-size:85%;}

.tbl .radius01{border-radius:4px; background:#fff; padding-bottom:4px;}
.tbl .radius02{border-radius:4px; background:#444; padding-top:4px;}

.tbl .shadow01{border-radius:4px; box-shadow:0 0 7px #999; margin-bottom:14px;}

.tbl .gray td{background:#EDEDED !important;}
.tbl .gray{background:#EDEDED !important;}

.tbl .blue td{background:#E7F1F9 !important;}
.tbl .blue{background:#E7F1F9 !important;}

/*========== テキスト位置 ============*/
.taliL{text-align:left;}
.taliC{text-align:center;}
.taliR{text-align:right;}

/*========== 見出し ============*/
.midahsi01{padding:14px 0px 7px 0px;}

/*========== その他 ============*/
.a01{margin-bottom:24px;}
.a02{margin-bottom:24px;}

/* ---------- tab ----------- */
#tabAll .wrap00{padding:20px; border:1px solid #BCBCBC; margin-bottom:25px;}
#tabAll .wrap01{padding:20px; border:1px solid #BCBCBC; margin-bottom:25px;}

#tabAll .tab{height: 55px;}

/*0*/
#tabbtn-0{float:left; text-indent: -9999px;}
#tabbtn-0 a{width:353px;}
/*1*/
#tabbtn-1{float:right; text-indent: -9999px;}
#tabbtn-1 a{width:353px;}

	/*0*/
	#tabbtn-0 a         {display: block; height: 55px; background: url(../images/firewall/tab01.png) bottom no-repeat;}
	#tabbtn-0 a:hover,
	#tabbtn-0 .selected {background: url(../images/firewall/tab01.png) top no-repeat;}
	/*1*/
	#tabbtn-1 a         {display: block; height: 55px; background: url(../images/firewall/tab02.png) bottom no-repeat;}
	#tabbtn-1 a:hover,
	#tabbtn-1 .selected {background: url(../images/firewall/tab02.png) top no-repeat;}