@charset "utf-8";
/* CSS Document */

.heading_l_hq {
	font-size: 20px !important;
	font-weight: bold !important;
	line-height: 2em !important;
	padding-left: 10px !important;
	color: #fff !important;
	margin-bottom: 20px !important;
	background: #004386 !important;
	padding-bottom: 0 !important;
	border: none !important;
	border-radius: 4px;
}

.heading_l_hq img {
	vertical-align: middle;
	padding-bottom: 4px;
}

.heading_m_hq {
	font-weight: bold !important;
	font-size: 20px !important;
	border-bottom: 3px solid #004386 !important;
	padding: 4px 0 15px 20px !important;
	padding-bottom: 10px !important;
	background: url(/content/dam/nttcom/hq/jp/business/services/network/internet-connect/ocn-business/img/h2_s01.gif) no-repeat 0 9px !important;
	background-size: 13px !important;
}

.heading_s_hq {
	font-weight: bold !important;
	font-size: 18px !important;
	border-bottom: none !important;
	border-left: 4px solid #004368 !important;
	line-height: 1.2em !important;
	padding: 0 0 0 10px !important;
}

main.service_kobetsu ul {
	margin:0;
	padding:0;
}

main.service_kobetsu ul li {
	margin:0 0 0 20px;
	padding:0;
}

.box_hq_o {
	border:1px solid #df6900;
	padding:20px;
}

.box_hq_g {
	border:1px solid #329217;
	padding:20px;
}

/* table ----------------------------------------------- */

table th {
	font-weight:bold !important;
	vertical-align:middle !important;
	line-height:1.3;
}

table td {
	vertical-align:middle !important;
	line-height:1.3;
}

.red1 {
	color:#CC0000;
}

span.notes {
	color:#cc0000;
	font-weight:bold;
}

table.no_border {
	border:none !important;
	margin:0;
}

table.no_border th,
table.no_border td {
	border:none !important;
	padding:2px !important;
}

.blet_link a {
	padding-left:16px;
	background:transparent url("/content/dam/nttcom/hq/jp/business/services/network/internet-connect/ocn-business/img/icon_link_blue.gif") 0 4px no-repeat;
}
.blet2_link a {
	padding:0 10px 0 16px;
	background:transparent url("/content/dam/nttcom/hq/jp/business/services/network/internet-connect/ocn-business/img/icon_link_blue.gif") 0 4px no-repeat;
}
.blet_cust_link a {
	padding-left:16px;
	background:transparent url("../../images/common/icon_link_org.gif") 0 1px no-repeat;
}

.blet_popup a {
	padding-left:16px;
	background:transparent url("/content/dam/nttcom/hq/jp/business/services/network/internet-connect/ocn-business/img/icon_popup.gif") 0 4px no-repeat;
}

.blet_pdf a {
	padding:3px 0px;
	padding-left:20px;
	background:transparent url("/content/dam/nttcom/hq/jp/business/services/network/internet-connect/ocn-business/img/icon_pdf.gif") 0 4px no-repeat;
	line-height:1.2;
}
.blet_excel a {
	padding:3px 0px;
	padding-left:20px;
	background:transparent url("/content/dam/nttcom/hq/jp/business/services/network/internet-connect/ocn-business/img/icon_excel.gif") 0 4px no-repeat;
	line-height:1.2;
}

/* tableのfirefoxバグ対応 ----------------------------- */

table.fox {
	border-collapse: separate !important;
	border:none !important;
	border-top: 1px solid #ccc !important;
	border-left: 1px solid #ccc !important;
}

table.fox th,
table.fox td {
	border:none !important;
	border-bottom: 1px solid #ccc !important;
	border-right: 1px solid #ccc !important;
}

/* ドメイン検索 -------------------- */
#domainsearch {
	/*width:70%;*/
	border:1px solid #b9b9b9;
	background-color:#edf6ff;
	padding:15px 15px;
	margin-bottom:10px;
}

#domainsearch .title {
	background-color:#224b9b;
	color:#ffffff;
	padding:3px 7px;
	font-weight:bold;
}

#domainsearch #DOM_SUFFIX {
	width:80px;
	background-color:#fff;
	background-position:top right;

}

#domainsearch #DOM_NAME {
	position:relative;
	padding:2px 4px;
	width:160px;
	border:1px solid #cccccc;
}

/* トップリード共通 --------------------------------------- */
.top_lead_hq {
	float:left;
	width:60%;
}

.top_lead_hq h2 {
	margin:0 20px 0 0;
	padding:0;
	font-size:24px;
	font-weight:bold;
	line-height:1.3;
}

.top_info_hq {
	float:right;
	width:440px;
}

.top_info_hq .contact_tel_hq {
	margin-top:0;
}

/* ニュース・更新情報 共通 --------------------------------------- */
dl.news_hq {
	padding:0 0 60px 0;
	line-height:1.3;
}

dl.news_hq dt {
	padding:20px 0 0 0;
	font-weight:bold;
}

dl.news_hq dd {
	padding:0 0 20px 0;
	border-bottom:1px solid #666;
}

/* お問い合わせ ---------------------------------------------- */
.contact_info {
	width:840px;
	margin:0 auto;
	padding:10px;
	border:1px solid #ccc;
	box-sizing:border-box;
}

.contact_info .left_info {
	float:left;
	width:50%;
	text-align:center;
}

.contact_info .left_info p {
	font-size:24px;
}

.contact_info .right_info {
	float:right;
	width:50%;
	text-align:center;
}

.contact_info .right_info b {
	letter-spacing:-0.05em;
}

@media only screen and (min-width: 0px) and (max-width: 420px) {
	#domainsearch table,
	#domainsearch table th,
	#domainsearch table td {
		display:block;
	}
	
	#domainsearch table td #image {
		margin:20px 0 0 0;
	}
	
	table.area_table {
		width:100%;
		margin:10px 0 0 0;
	}
	
	table.area_table,
	table.area_table th,
	table.area_table td {
		display:block;
	}
	
	.top_lead_hq {
		float:none;
		width:auto;
	}
	
	.top_lead_hq h2 {
		margin:0;
		font-size:24px;
	}
	
	.top_info_hq {
		float:none;
		width:auto;
		padding-top:10px;
	}
	
	.contact_info {
		width:auto;
	}
	
	.contact_info .left_info {
		float:none;
		width:auto;
		margin-bottom:10px;
	}
	
	.contact_info .right_info {
		float:none;
		width:auto;
	}

}