.btn_y_hq a{
	margin: 15px auto;
	padding: 10px 20px;
	display: inline-block;
	text-align: center;
	background: #ffd601;
	border: 2px solid #ffef9c;
	color: #004386;
	text-decoration: none;
	font-weight: bold;
}
.btn_y100_hq a{
	margin: 15px auto;
	width: 100%;
	padding: 10px 20px;
	display: inline-block;
	text-align: center;
	background: #ffd601;
	border: 2px solid #ffef9c;
	color: #004386;
	text-decoration: none;
	font-weight: bold;
}
.purpose_detailbox{
	border:1px solid #ccc;
	background-color: #fff;
	padding:20px;
}
.purpose_detailbox h3{
	border-bottom: 2px solid #4b86d5;
	padding-bottom: 15px;
}
.purpose_detail dl{
	width:100%;
	margin:0;
	padding:0;
}
.purpose_detail dt{
	display:inline-block;
	border:1px solid #4d8adb;
	border-radius: 3px;
	background-color: #4d8adb;
	color:#ffffff;
	width:6em;
	margin: 0 0 10px 0;
	text-align: center;
	padding:3px;
	vertical-align: top;
}
.purpose_detail dd{
	display: inline-block;
	width: 460px;
	margin: 0 0 10px 4px;
	padding:3px 0 0 0;
}
.purpose_detail .spbox_hq{
	padding:2px;
	background-color:#737373;
	border-radius:3px;
	color:#ffffff;
}
.infobox_l{
	width:100%;
	text-align:right;
	margin:20px 0;
	padding:0;
}
.infobox_r{
	width:100%;
	text-align:left;
	margin:20px 0;
	padding:0;
}
.secgw_dl{
	width:100%;
	margin:0;
	padding:0;
}
.secgw_dl dt{
	width:45px;
	margin:0;
	padding:0;
	display: inline-block;
	vertical-align: top;
}
.secgw_dl dd{
	width:auto;
	margin:0;
	padding:0;
	display: inline-block;
	vertical-align: top;
}
.secgw_list img{
	height:auto !important;
	width:auto !important;
	display: inline-block;
}
.secgw_list .clear_area{
	width:106px;
	height:36px;
	margin:0;
	padding:0;
	display:inline-block;
}
.servicebox_security_hq{
	min-height:290px;
}
.btn_m2_hq{
	display: block;
	border:1px solid #004386;
	text-decoration: none;
	color:#004386;
	width:360px;
	text-align: center;
	padding:10px 0px;
}
.bocn_dictionarylink_hq{
	text-align:right;
	width:840px;
	margin:0 auto;
}
.phone_area_hq {
    text-align: center;
}
.phone_area_hq span.title {
    font-weight: bold;
}
.phone_area_hq .freedial_l {
    background: url(/content/dam/nttcom/hq/jp/business/services/network/internet-connect/ocn-business/mobileone-voice/img/icon_freedial_l.png) no-repeat left;
    padding-left: 55px;
    font-weight: bold;
}

.phone_area_hq span {
    display: inline-block;
    margin-left: 10px;
    text-align: left;
}
.phone_area_hq span.square {
    border: 1px solid #ccc;
    padding: 0 5px;
    margin-right: 9px;
}
.bocn_pdflink_hq{
	text-align: center;
    width: 920px;
    margin: 0 auto;
}


/* =========================================================
 * コンタクトボックス
 * @ contact_box
 * ====================================================== */
.contact_box{
	overflow: hidden;
	border: solid 1px #004386;
	padding: 10px;
	width: 838px;
	margin: 30px auto 0 auto
}

.contact_box h3{
	margin-top: 0;
}

.contact_box .left-contents{
	float: left;
	width: 46%;
	padding: 0 2%;
}

.contact_box .right-contents{
	float: right;
	width: 46%;
	padding: 0 2%;
}

.contact_box .tel{
	font-size: 35px;
	font-weight: bold;
	color: #00367E;
}

.contact_box .time{
	font-size: 13px;
}

.contact_box .contact_tel_area{
	line-height: 1.2;
	margin-top: 10px;
}

/* =========================================================
 * コンタクトボタン　更新版
 * @ contact_bt_foot
 * ====================================================== */

.contact_bt_foot{
	position:relative;
	margin:0px auto;
	margin: 20px 0;
}

.contact_bt_foot{
	background:#ffd601;
	border:2px solid #004386;
	padding: 10px 20px 10px 20px;
	font-family: FrutigerNeueLTW10-Bold,Frutiger Neue W01 Bd,"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Helvetica, sans-serif;
	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    text-align: center;
    margin-bottom: 20px;
}

.contact_bt_foot a{
	text-decoration:none;
	color:#193477;
	font-size:20px;
	font-weight:bold;
}

.contact_bt_foot a:after {
	content: url(/content/dam/nttcom/hq/jp/business/services/network/vpn/vpn/img/icon_right_arrow.png);
	margin-left: 10px;
}

.contact_bt a:hover,.contact_bt_top a:hover,.contact_bt_foot a:hover,.btn_y_hq a:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
}



@media only screen and (min-width: 320px) and (max-width: 768px) {
	.purpose_detail dl{
		width:100%;
		margin:0 0 10px 0;
		padding:0;
	}
	.purpose_detail dt{
		display:inline-block;
		border:1px solid #4d8adb;
		border-radius: 3px;
		background-color: #4d8adb;
		color:#ffffff;
		width:100%;
		margin: 0 0 5px 0;
		text-align: center;
		padding:3px;
		vertical-align: top;
	}
	.purpose_detail dd{
		display: inline-block;
		width: 100%;
		margin: 0 0 10px 4px;
		padding:0;
	}
	.infobox_l{
		width:100%;
		margin:20px auto;
		padding:0;
		text-align:center;
	}
	.infobox_r{
		width:100%;
		margin:20px auto;
		padding:0;
		text-align:center;
	}
	.infobox_l img,
	.infobox_r img{
		margin:0 auto;
		height: auto !important;
		width: auto;
		max-width: 100%;
	}
	.secgw_dl dd{
		width:auto;
		margin:-18px 0 0 0;
		padding:0 0 0 45px;
		display: inline-block;
		vertical-align: top;
	}
	.secgw_list img{
		height:auto !important;
		width:auto !important;
		display: inline-block;
	}
	.secgw_list .clear_area{
		width:0px;
		height:0px;
		margin:0;
		padding:0;	
	}
	.servicebox_security_hq{
		height:auto;
	}
	td.td-bocn{
		font-size:16px !important;
		-webkit-text-size-adjust: none;
	}
	th.td-bocn{
		font-size:16px !important;
		-webkit-text-size-adjust: none;
	}
	.btn_m2_hq{
		width:100%;
	}
	.bocn_dictionarylink_hq{
	width:100%;
	}
	.phone_area_hq span {
    margin-left: 0px;
    margin-bottom:10px;
    }
    .bocn_pdflink_hq{
	text-align: center;
    width: 100%;
    margin: 0 auto;
	}

		/* =========================================================
	 * コンタクトボックス
	 * @ contact_box
	 * ====================================================== */
	.contact_box{
		width: 100%;
	}

	.contact_box h3{
		margin-top: 0;
	}

	.contact_box .left-contents{
		float: none;
		width: 96%;
		padding: 0 2%;
	}

	.contact_box .right-contents{
		float: none;
		width: 96%;
		padding: 0 2%;
		margin-top: 30px;
	}
}