@charset "utf-8";


/* -------------------------------
common
------------------------------- */
.VN_pageTop {
	display:none;
}
.callChatModal_original {
  /* width: 460px;*/
	width: 260px;
}
.callChatModal_original .callChatTitle {
  background-color: #e6e6e6;
  border-left: solid 5px #999;
  font-weight: bold;
  padding: 8px;
  line-height: 120%;
  margin-bottom: 20px;
  font-size: 14px;
}
.callChatModal_original .closeBtn {
  display: none;
}
.callChatModal_original .readText {
  margin-bottom: 12px;
}
.callChatModal_original .remarks {
  margin-bottom: 18px;
}
.callChatModal_original .chatBtn {
  margin-bottom: 15px;
  text-align: center;
}
.callChatModal_original .chatNote {
  text-align: center;
}
.contactArea .m-btnWin--default {
	width: 300px;
	height: 38px;
    font-size: 14px;
}
/* ------------------------------------------------------
contents
------------------------------------------------------ */
/* formArea */
.contactArea{
	width:auto;
	margin:0 auto;
}
.contactArea .ttlArea {
	background:#dde4f1;
	border-bottom:2px solid #b2c2da;
	height:60px;
	min-width:480px;
}
.contactArea .ttlArea .ttlBox {
	width:445px;
	margin:0 auto;
}
.contactArea .ttlArea .ttlBox .ttl {
    width: 241px;
    height: 17px;
    float: left;
    margin: 21px 0 0 12px;
	font-size: 16px;
    color: #003585;
    font-weight: bold;
}
.contactArea .ttlArea .ttlBox .logo {
	float:right;
	padding:10px 16px 0 0;
}

.contactArea .faqBox {
	width:420px;
	margin:0 auto;
}
.contactArea .faqBox h2 {
    font-size: 16px;
    line-height: 1.3;
}
.contactArea .faqBox .faqInner {
	margin-top:25px;
	padding:6px 0 0 102px;
	background: url(/maker/misumi/mech/service/paracom_contact/images/icon_support.png) no-repeat 12px 0;
}
.contactArea .faqBox .btn {
	margin-bottom:10px;
}

.contactArea .contactBox {
	width:420px;
	margin:0 auto;
}
.contactArea .contactBox h2 {
    font-size: 16px;
    line-height: 1.3;
}
.contactArea .contactBox .chatBox,
.contactArea .contactBox .formBox,
.contactArea .contactBox .telBox {
	height:98px;
	border-bottom:1px solid #DDD;
	margin-top:25px;
	padding:6px 0 0 102px;
}
.contactArea .contactBox .chatBox,
.contactArea .contactBox .formBox {
	height:98px;
}
.contactArea .contactBox .telBox {
	height:190px;
}
.contactArea .contactBox .chatBox {
	background: url(/maker/misumi/mech/service/paracom_contact/images/icon_chat.png) no-repeat 12px 0;
	height:135px;
}
.contactArea .contactBox .telBox {
	background: url(/maker/misumi/mech/service/paracom_contact/images/icon_tel.png) no-repeat 12px 0;
}
.contactArea .contactBox .formBox {
	background: url(/maker/misumi/mech/service/paracom_contact/images/icon_form.png) no-repeat 12px 0;
	border-bottom: none;
}
.contactArea .contactBox dl dt,
.contactArea .contactBox .chatBox .txt,
.contactArea .contactBox .telBox .ttl,
.contactArea .contactBox .telBox .sttl,
.contactArea .contactBox .telBox .number,
.contactArea .contactBox .telBox .hour{
	margin-bottom:9px;
	text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.contactArea .contactBox .chatBox dt{
	width: 139px;
	height: 12px;
	background: url(/maker/misumi/mech/service/paracom_contact/images/ttl_chat_180914.png) no-repeat 0 0;
}
.contactArea .contactBox .chatBox .txt{
	margin-top:10px;
	width: 273px;
	height: 21px;
	background: url(/maker/misumi/mech/service/paracom_contact/images/txt_chat_02_180914.png) no-repeat 0 0;
}

.contactArea .contactBox .telBox dt.ttl{
	width: 133px;
	height: 12px;
	background: url(/maker/misumi/mech/service/paracom_contact/images/ttl_tel_180914.png) no-repeat 0 0;
}
.contactArea .contactBox .telBox {
	height:190px;
}
.contactArea .contactBox .telBox .tel01,
.contactArea .contactBox .telBox .tel02 {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.contactArea .contactBox .telBox .tel01 {
	width: 238px;
	height: 60px;
	background: url(/maker/misumi/mech/service/paracom_contact/images/img_tel01_180914.png) no-repeat 0 0;
	margin-bottom:20px;
}
.contactArea .contactBox .telBox .tel02 {
	width: 303px;
	height: 60px;
	background: url(/maker/misumi/mech/service/paracom_contact/images/img_tel02_180914.png) no-repeat 0 0;
}
.contactArea .contactBox .formBox dt{
	width: 147px;
	height: 11px;
	background: url(/maker/misumi/mech/service/paracom_contact/images/ttl_form2_180914.png) no-repeat 0 0;
}
.contactArea .contactBox .formBox .btn {
	margin-bottom:10px;
}