@charset "euc-jp";
/* CSS Document */

/* ブランド共通 */
div#mainContents ul {
	margin-bottom: 1.5em;
}
div#mainContents ul li {
	padding: 3px 0;
}
div#mainContents strong {
	font-weight: bold;
}

/* ブランド共通見出し 
-------------------------------------------------------- */
div#mainContents h2 span {
	font-size: 93%;
	font-weight: normal;
	margin-left: 0.5em;
}
div#mainContents h3 {
	margin: 1em 0;
	padding: 0.5em 0 0.5em 6px;
	font-size: 130%;
	font-weight: bold;
	clear: both;
}
div#mainContents h4 {
	margin: 1.5em 0 1em 10px;
	padding: 0.5em;
	font-size: 124%;
	font-weight: bold;
	text-shadow: 1px 1px 0 #fff;
	clear: both;
	color: #444;
	background-color: #dedede;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

/* ブランド別サブメニュー 
-------------------------------------------------------- */
ul#blandMenu  {
	margin: 1em 0 0 0;
	padding: 0;
	width: 600px;
	height: 60px;
}
ul#blandMenu li {
	list-style: none;
	float: left;
}
ul#blandMenu li a {
	margin: -3px 0 0 0;
	padding: 0;
	width:150px;
	height: 60px;
	display: block;
}
ul#blandMenu li a span {
	position: absolute;
	width: 0;
	height: 0;
	top: 0;
	left: 0;
	overflow: hidden;
}

/* ブランド共通ポイント 
-------------------------------------------------------- */
ul#point {
	margin: 6px 0;
	padding: 0;
}
ul#point li {
	margin: 0 2px 6px 2px;
	padding: 0;
	height: 16px;
	list-style: none;
	float: left;
}
ul#point li span {
	position: absolute;
	width: 0;
	height: 0;
	top: 0;
	left: 0;
	overflow: hidden;
}
ul#point li#fishing {
	width: 90px;
	background: url('../../img/brand/feature01.gif') no-repeat;
}
ul#point li#forpc {
	width: 60px;
	background: url('../../img/brand/feature02.gif') no-repeat;
}
ul#point li#evssl {
	width: 60px;
	background: url('../../img/brand/feature03.gif') no-repeat;
}
ul#point li#organization {
	width: 60px;
	background: url('../../img/brand/feature04.gif') no-repeat;
}
ul#point li#siteproof {
	width: 60px;
	background: url('../../img/brand/feature05.gif') no-repeat;
}
ul#point li#seal {
	width: 60px;
	background: url('../../img/brand/feature06.gif') no-repeat;
}
ul#point li#encryption {
	width: 60px;
	background: url('../../img/brand/feature07.gif') no-repeat;
}
ul#point li#link {
	width: 60px;
	background: url('../../img/brand/feature08.gif') no-repeat;
}
ul#point li#formobile {
	width: 60px;
	background: url('../../img/brand/feature09.gif') no-repeat;
}
ul#point li#problem {
	width: 90px;
	background: url('../../img/brand/feature10.gif') no-repeat;
}
ul#point li#malware {
	width: 90px;
	background: url('../../img/brand/feature11.gif') no-repeat;
}
ul#point li#wildcard {
	width: 90px;
	background: url('../../img/brand/feature12.gif') no-repeat;
}

/* ブランド共通特徴 
-------------------------------------------------------- */
div.feature {
	margin-bottom: 1em;
	border-bottom: 1px dotted #666;
}
div.feature p img {
	margin: 0 1em 1em 0;
}

/* ブランドトップ見出し 
-------------------------------------------------------- */
div.block {
	border-top: 1px solid #cfcfcf;
}
div#brandCnts div.index h2 {
	border: none;
	height: 24px;
	font-size: 108%;
	text-indent: 1.5em;
	line-height: 1.8em;
	clear: both;
}
div#brandCnts div.index h2 span {
	font-size: 93%;
	font-weight: normal;
	margin-left: 0.5em;
}
div#brandCnts div.index h2.lv0 {
	background: url('../../img/brand/h2_lv0.gif') no-repeat 0 5px;
}
div#brandCnts div.index h2.lv1 {
	background: url('../../img/brand/h2_lv1.gif') no-repeat 0 5px;
}
div#brandCnts div.index h2.lv2 {
	background: url('../../img/brand/h2_lv2.gif') no-repeat 0 5px;
}
div#brandCnts div.index h2.lv3 {
	background: url('../../img/brand/h2_lv3.gif') no-repeat 0 5px;
}
div#brandCnts div.index h2.lv4 {
	background: url('../../img/brand/h2_lv4.gif') no-repeat 0 5px;
}

div.block p img {
	float: left;
	margin-right: 5px;
}

/* ラインナップ テーブル 
-------------------------------------------------------- */
table.products {
	border-collapse: separate;
	border-spacing: 1px 1px;
	font-size: 93%;
	width: 100%;
	border: 1px solid #ccc;
}
* html table.products {
	width: 586px;
}
table.products thead th, 
table.products thead td, 
table.products tbody td.none {
	text-align: center;
}
table.products thead th {
	font-weight: bold;
	background: #ccc;
	white-space: nowrap;
}
table.products thead td {
	background: #ccc;
}
table.products tbody tr {
	background: #fff;
}
table.products tbody th {
	font-weight: bold;
	white-space: nowrap;
}
table.products tbody th span {
	font-weight: normal;
}
table.products tbody td.price {
	text-align: right;
	font-weight: bold;
}
table.products tbody td.price sup {
	font-weight: bold;
	color: #f00;
}
table.products tbody td.price span.line-through {
	font-weight: normal!important;
	text-decoration: line-through;
}
table.products tbody td.price span.campaign {
	color: #f00;
}
table.products tbody td.level {
	text-align: center;
}
table.products tbody td.space {
	border-top: none;
	border-left: none;
	background: #fff!important;
}
table.products tbody td img {
	margin: 1px;
}
/* 商品単体 */
table.products tbody td.price, 
table.products tbody td.none {
	width: 45px;
	white-space: nowrap;
}

table.spec {
	width: 600px;
	border-collapse: collapse;
	border-spacing: 0;
	border-top: 1px solid #bbb;
	border-left: 1px solid #bbb;
}
table.spec th, 
table.spec td {
	text-align: left;
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
}
table.spec th {
	font-weight: bold;
	background: #ddd;
	white-space: nowrap;
}
table.spec td div.kakaku {
	text-align: right;
	font-weight: bold;
	color: #c00;
}
table.spec td sup {
	color: #f00;
}

/* テーブル [サイトシール/認証情報] 
-------------------------------------------------------- */
table.attestation {
	margin: 1em 0 1em 1em!important;
	width: auto;
	border-collapse: collapse;
	border-spacing: 0;
	border-top: 1px solid #bbb;
	border-left: 1px solid #bbb;
	background: #fff;
}
table.attestation th, 
table.attestation td {
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	font-weight: bold;
}
table.attestation th {
	background: #ddd;
	text-align: center;
}
table.attestation td {
	text-align: left;
}
table.attestation td.td-item {
	text-align: center;
	white-space: nowrap;
	font-weight: bold;
}
table.attestation td sup {
	color: #f00;
}
table.attestation ul {
	margin: 0 0 0 16px;
	padding: 0;
	font-weight: normal;
}
table.attestation ul li {
	margin: 0!important;
	line-height: 1em;
}

/* テーブル [料金表][端末対応状況] 
-------------------------------------------------------- */
table.charge, 
table.terminal {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	border-top: 1px solid #bbb;
	border-left: 1px solid #bbb;
	font-size: 93%;
	background: #fff;
}
table.terminal {
	margin-bottom: 2em;
}
table.charge {
	width: auto!important;
}
table.charge th, 
table.charge td, 
table.terminal th, 
table.terminal td {
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
}
table.charge th,
table.terminal th {
	background: #ddd;
	font-weight: bold;
}
table.terminal th {}
table.charge th, 
table.charge td {
	text-align: center;
}
table.charge td sup {
	color: #f00;
}
tr.period td {
	text-align: center;
	background: #eee;
}
tr.price td {
	text-align: center;
}
tr.price td span {
	font-weight: bold;
	font-size: 123.1%;
	color: #c00;
}
table.terminal td ul {
	margin: 0;
}
table.terminal td ul li {
	list-style: disc;
	padding: 3px 0;
}
table.terminal sup {
	font-weight: bold;
	color: #f00;
	margin-left: 0.3em;
}

/* テーブル [料金表・改善 2017/02/24] 
-------------------------------------------------------- */
table.sec_price_table {
	margin: 1em 0;
	font-size: 110%!important;
	border-collapse: collapse;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	background-color: #fff;
	width: 100%;
}
table.spec caption, 
table.dk-table-price caption, 
table.sec_price_table caption {
	margin: 0.2em 0;
	padding: 0.5em;
	background-color: #ccc;
	font-weight: bold;
	text-shadow: 1px 1px 1px #fff;
}
table.dk-table-price caption {
	font-size: 110%;
}
table.sec_price_table th, 
table.sec_price_table td {
	padding: 1em 0.5em;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
table.sec_price_table thead th {
	font-weight: bold;
	background-color: #00B3D6;
	color: #fff;
	text-shadow: 1px 1px 1px #0188A2;
	white-space: nowrap;
}
table.sec_price_table thead th.sec-bg-sp {
	background-color: #D60000;
	text-shadow: 1px 1px 1px #970000;
}
table.sec_price_table .sec-text-center {
	text-align: center;
}
table.sec_price_table .sec-text-price {
	text-align: center;
}
table.sec_price_table .price-sp {
	background-color: #FFE2EB;
	text-shadow: 1px 1px 0 #fff;
}
table.sec_price_table .sec-text-important {
	font-weight: bold;
	font-size: 150%;
	color: #D60000;
	text-shadow: 1px 1px 1px #ccc;
}
table.sec_price_table .sec-text-annotation {
	color: #f30;
}
table.sec_price_table .hb-text-annotation {
	color: #f00;
	text-shadow: 1px 1px 0 #fff;
}
table.sec_price_table .text-black {
	color: #777!important;
}

/* テーブル [特徴ページ内更新ボーナス部分 2017/06/08] 
-------------------------------------------------------- */
table.bonus {
	margin: 1em 0;
	width: auto;
	border-collapse: separate;
	border-spacing: 2px;
	border: 1px solid #ccc;
}
table.bonus th, 
table.bonus td {
	padding: 5px;
}
table.bonus th {
	font-weight: bold;
	text-align: center;
	background: #ddd;
}
table.bonus td {
	background: #ededed;
	text-align: left;
}

/* 端末対応状況 アンカーリンク 
-------------------------------------------------------- */
a.anchor {
	position: relative;
	top: -44px;
	left: 0;
}
div.terminal_block {
	margin-top: -44px;
	padding-top: 44px;
}

/* 注意事項・ご案内※印 
-------------------------------------------------------- */
div.guide h5 {
	color: #f00;
	font-size: 108%;
}
div.att p.kome {
	text-indent: -1.5em;
	padding-left: 1.5em;
	color: #000;
}
div.guide p.kome {
	text-indent: -1em;
	padding-left: 1em;
	color: #000;
}
div.guide p.kome2em {
	text-indent: -2em;
	padding-left: 2em;
	color: #000;
}
div.att p span, 
div.guide p span {
	color: #f00!important;
}
div.att p.att_ex {
	padding-left: 1.5em;
}

/* お申し込み・ブランド一覧リスト 
-------------------------------------------------------- */
div#mainContents ul#products_list {
	margin: 6px 0 0.5em 454px;
	padding: 0;
}
div#mainContents ul#products_list li {
	list-style: none;
	text-align: right;
}
div#mainContents ul#products_list li.order a {
	display: block;
	width: 132px;
	height: 36px;
	background-position: 0 0;
	background: url('../../img/list_order.png') no-repeat;
}
div#mainContents ul#products_list li.order a:hover {
	background-position: 0 -36px;
}
div#mainContents ul#products_list li.order a span {
	position: absolute;
	width: 0;
	height: 0;
	top: 0;
	left: 0;
	overflow: hidden;
}

/* ************** 1ヶ月プラン関係 ************** 
-------------------------------------------------------- */
div.att h5, 
div.guide h5 {
	font-size: 108%;
	text-align: left;
	line-height: 2em;
	text-indent: 1em;
	color: #f00;
}
div.att ul#hosting_service, 
div.att ul#hosting_service li, 
div.guide ul#hosting_service, 
div.guide ul#hosting_service li {
	margin: 0;
	padding: 0;
}
div.att ul#hosting_service li, 
div.guide ul#hosting_service li {
	list-style: none;
}
div.att ul#hosting_service li a, 
div.guide ul#hosting_service li a {
	width: 140px;
	height:50px;
	display: block;
	float: left;
}
div.att ul#hosting_service li a {
	background: url('../../img/hosting_servise_logo1.gif') no-repeat;
}
div.guide ul#hosting_service li a {
	background: url('../../img/hosting_servise_logo2.gif') no-repeat;
}
div.att ul#hosting_service li#hosting_bbox a, 
div.guide ul#hosting_service li#hosting_bbox a {
	background-position: -280px -50px;
}
div.att ul#hosting_service li#hosting_bbox a:hover, 
div.guide ul#hosting_service li#hosting_bbox a:hover {
	background-position: -280px 0;
}
div.att ul#hosting_service li#hosting_bcase a, 
div.guide ul#hosting_service li#hosting_bcase a {
	margin-left: 6px;
	background-position: -420px -50px;
}
div.att ul#hosting_service li#hosting_bcase a:hover, 
div.guide ul#hosting_service li#hosting_bcase a:hover {
	background-position: -420px 0;
}
div.att ul#hosting_service li#hosting_bblock a, 
div.guide ul#hosting_service li#hosting_bblock a {
	margin-left: 6px;
	background-position: 0 -50px;
}
div.att ul#hosting_service li#hosting_bblock a:hover, 
div.guide ul#hosting_service li#hosting_bblock a:hover {
	background-position: 0 -50px;
}
div.att ul#hosting_service li#hosting_4ss a, 
div.guide ul#hosting_service li#hosting_4ss a {
	margin-left: 6px;
	background-position: -140px -50px;
}
div.att ul#hosting_service li#hosting_4ss a:hover, 
div.guide ul#hosting_service li#hosting_4ss a:hover {
	background-position: -140px -50px;
}

div.att ul#hosting_service li a span, 
div.guide ul#hosting_service li a span {
	position: absolute;
	width: 0;
	height: 0;
	top: 0;
	left: 0;
	overflow: hidden;
}