@charset "utf-8";


/* -------------------------------
common
------------------------------- */
.contactArea h2 {
    font-size: 16px;
    line-height: 1.3;
}

.VN_pageTop {
	display:none;
}

/* ------------------------------------------------------
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 .categoryLink-box-list .categoryLink-box-list_howtouse, .contactArea .categoryLink-box-list .categoryLink-box-list_file, .contactArea .categoryLink-box-list .categoryLink-box-list_tips, .contactArea .categoryLink-box-list .categoryLink-box-list_faq, .contactArea .categoryLink-box-list .categoryLink-box-list_info, .contactArea .categoryLink-box-list .categoryLink-box-list_contact {
    background-image: url(/maker/misumi/mech/service/paracom_contact/img/icon_categorylink_sprite.png);
    background-repeat: no-repeat;
    display: inline-block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top;
}
.contactArea .categoryLink-box {
    display: inline-block;
}
.contactArea .categoryLink {
    margin: 0 auto;
    width: 366px;
}
.contactArea .categoryLink-box-list .categoryLink-box-list_howtouse, .contactArea .categoryLink-box-list .categoryLink-box-list_file, .contactArea .categoryLink-box-list .categoryLink-box-list_tips, .contactArea .categoryLink-box-list .categoryLink-box-list_faq, .contactArea .categoryLink-box-list .categoryLink-box-list_info, .contactArea .categoryLink-box-list .categoryLink-box-list_contact {
    background-image: url(/maker/misumi/mech/service/paracom_contact/img/icon_categorylink_sprite.png);
    background-repeat: no-repeat;
    display: inline-block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top;
}
.contactArea .categoryLink-box-list {
    float: left;
    margin: 0 10px 10px;
    list-style: none;
}
.contactArea .categoryLink-box-list a {
    width: 100px;
    height: 150px;
}
.contactArea .categoryLink-box-list_howtouse {
  background-position: 0 0;
}

.contactArea .categoryLink-box-list_howtouse:hover {
  background-position: 0 -180px;
}

.contactArea .categoryLink-box-list_file {
  background-position: -100px 0;
}

.contactArea .categoryLink-box-list_file:hover {
  background-position: -100px -180px;
}

.contactArea .categoryLink-box-list_tips {
  background-position: -200px 0;
}

.contactArea .categoryLink-box-list_tips:hover {
  background-position: -200px -180px;
}


.contactArea .categoryLink-box-list_faq {
  background-position: -300px 0;
}

.contactArea .categoryLink-box-list_faq:hover {
  background-position: -300px -180px;
}

.contactArea .categoryLink-box-list_info {
  background-position: -400px 0;
}

.contactArea .categoryLink-box-list_info:hover {
  background-position: -400px -180px;
}

.contactArea .categoryLink-box-list_contact {
  background-position: -500px 0;
}

.contactArea .categoryLink-box-list_contact:hover {
  background-position: -500px -180px;
}



.contactArea .contactBox {
	width:420px;
	margin:0 auto;
}
.contactArea .contactBox h2 {
    font-size: 16px;
    line-height: 1.3;
}
.contactArea .contactBox .mailBox,
.contactArea .contactBox .telBox {
	margin-top:25px;
	padding: 6px 0 20px 102px;
}
.contactArea .contactBox .telBox {
    background: url(/maker/misumi/mech/service/paracom_contact/img/icon_tel.png) no-repeat 12px 0;
	border-bottom:1px solid #DDD;
}
.contactArea .contactBox .mailBox {
    background: url(/maker/misumi/mech/service/paracom_contact/img/icon_mail.png) no-repeat 12px 0;
}
.contactArea .contactBox .telBox .ttl,
.contactArea .contactBox .mailBox .ttl {
    font-size: 14px;
    color: #000000;
    padding: 5px 0px;
}
.contactArea .contactBox .telBox .ttl_2 {
    font-weight: bold;
}
.contactArea .contactBox .telBox .num {
    font-size: 32px;
    font-weight: bold;
}
.contactArea .contactBox .mailBox .email {
    font-size: 18px;
    font-weight: bold;
}
.contactArea .contactBox .tel {
    font-size: 10px;
    margin-bottom: 20px;
}