@charset "utf-8";


/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

  Last Updated: August 16, 2013

  #contact
  #biz

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/


/* ============================================================
#contact
============================================================ */
#contact {
  margin-bottom: 30px;
}
#contact div.side {
  float: left;
}
#contact div.contents {
  float: right;
}
#contact div.contents h2 {
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0.1em;
  padding: 9px 30px;
  margin-bottom: 20px;
  background: #FFFFFF url(../img/shared/title_icon.png) 10px 50% no-repeat;
}

#contact div.contents div.content {
  width: 730px;
  padding: 25px;
  background: #FFFFFF;
}
#contact table {
  color: #333333;
  margin-bottom: 20px;
  border-top: #CCCCCC 1px dotted;
}
#contact table a {
  color: #333333;
  text-decoration: underline;
}
#contact table p {
  margin-bottom: 10px;
}
#contact table p:last-child {
  margin-bottom: 0;
}
#contact table tr {
  border-bottom: #CCCCCC 1px dotted;
}
#contact table tr th,
#contact table tr td {
  vertical-align: middle;
  padding: 15px 10px
}
#contact table tr th {
  font-size: 11px;
  text-align: left;
  width: 160px;
}
#contact table tr td {
  font-size: 12px;
}
#contact table tr td a:hover img {
  opacity: 0.7;
}
#contact table tr td.must {
  width: 50px;
}
#contact table tr td.cont {
  width: 460px;
}

/* ------------------------------
p.lead / div.butto
------------------------------ */
#contact div.content p.lead {
  font-size: 13px;
  margin-bottom: 20px;
}
#contact div.content p.lead span.note {
  color: #FF0000;
}
#contact div.content div.button {
  text-align: center;
}
#contact div.content div.button p {
  height: 40px;
  display: inline;
  margin: 0 5px;
}
#contact div.content div.button input[type=submit],
#contact div.content div.button input[type=button] {
  display: inline-block;
  vertical-align: bottom;
  width: 180px;
  height: 40px;
  text-indent: -9999px;
  border: 0;
  cursor: pointer;
  overflow: hidden;
}
#contact div.content div.button input[type=submit]:hover,
#contact div.content div.button input[type=button]:hover,
#contact div.content div.button a:hover img {
  opacity: 0.7;
}

/* ------------------------------
div.complete
------------------------------ */
#contact div.content div.complete {
  margin-bottom: 30px;
}
#contact div.content div.complete p {
  font-size: 13px;
  margin-bottom: 20px;
}
#contact div.content div.complete p strong {
  color: #FF0000;
}


/* ============================================================
#biz
============================================================ */
#biz {}
#biz table tr.category td.cont strong {
}
#biz table tr.category td.cont div.radio {
  margin: 5px 0 10px;
}
#biz table tr.category td.cont div.radio:last-child {
  margin-bottom: 0;
}

#biz table tr.companyName td.cont input,
#biz table tr.companySection td.cont input,
#biz table tr.email td.cont input {
  width: 260px;
}
#biz table tr.zip td.cont input.zip1 {
  width: 70px;
}
#biz table tr.zip td.cont input.zip2 {
  width: 90px;
}
#biz table tr.address td.cont input,
#biz table tr.contactBody td.cont textarea {
  width: 440px;
}
#biz table tr.contactBody td.cont textarea {
  height: 100px;
}
#biz table tr.privacyAgree td {
  text-align: center;
}
#biz table tr.privacyAgree td a.privacyLink {
  padding: 5px 10px;
  background-color: #F3F3F5;
  border: #E0E0E0 1px solid;
}
#biz table tr.privacyAgree td a.privacyLink span {
  display: inline-block;
  padding-right: 15px;
  background: url(../img/shared/icon_blank.png) 100% 50% no-repeat;
}
#biz table tr.privacyAgree td a.privacyLink:hover {
  opacity: 0.7;
}
#biz table tr.privacyAgree td div.checkbox {
  font-weight: bold;
}
#biz div.button input.confirm {
  background: url(../img/shared/form_btn_confirm.png) 0 0 no-repeat;
}
#biz div.button input.complete {
  background: url(../img/shared/form_btn_send.png) 0 0 no-repeat;
}


/* ============================================================
#individual
============================================================ */
#individual table tr.email td.cont input {
  width: 260px;
}
#individual table tr.address td.cont input,
#individual table tr.contactBody td.cont textarea {
  width: 440px;
}
#individual table tr.contactBody td.cont textarea {
  height: 100px;
}
#individual table tr.date td.cont div.select {
  width: 102px;
}
#individual table tr.date td.cont div.select select {
  width: 100px;
}
#individual table tr.date td.cont div.select > div {
  width: 52px;
}
#individual table tr.category td div.select select {
  width: 250px;
}
#individual table tr.category td div.select > div {
  width: 202px;
}
#individual div.button input.confirm {
  background: url(../img/shared/form_btn_confirm.png) 0 0 no-repeat;
}
#individual div.button input.complete {
  background: url(../img/shared/form_btn_send.png) 0 0 no-repeat;
}


/* ------------------------------
div.faqList
------------------------------ */
#contact div.contents div.faqList {
  width: 730px;
  padding: 25px;
  margin-bottom: 30px;
  background: #FFFFFF;
}
#contact div.contents div.faqList h2 {
  color: #0099DF;
  font-size: 15px;
  font-weight: bold;
  padding: 0;
  background: none;
}
#contact div.contents div.faqList h2.bdrBottom {
  border-bottom: dotted 1px #CCC;
  padding-bottom: 15px;
}
#contact div.contents div.faqList p {
  font-size: 13px;
  margin-bottom: 20px;
}
#contact div.contents div.faqList ul {
  margin-bottom: 20px;
  border-top: #CCCCCC 1px dotted;
}
#contact div.contents div.faqList ul li {
  font-size: 12px;
}
#contact div.contents div.faqList ul li a {
  display: block;
  padding: 10px;
  border-bottom: #CCCCCC 1px dotted;
  background: url(../img/shared/list_arrow_r_999999.png) 715px 50% no-repeat;
}
#contact div.contents div.faqList ul li a:hover {
  background-color: #EEEEEE;
}
#contact div.contents div.faqList ul li a span.icon {
  padding-right: 10px;
}
#contact div.contents div.faqList ul li a span.icon img {
  vertical-align: middle;
}
#contact div.contents div.faqList div.button {
  width: 100%;
  overflow: hidden;
}
#contact div.contents div.faqList div.button:after {
  content: "";
  display: table;
  clear: both;
}
#contact div.contents div.faqList div.button p {
  width: 230px;
  height: 40px;
  margin-right: 20px;
  margin-bottom: 0;
  float: left;
}
#contact div.contents div.faqList div.button p:last-child {
  margin-right: 0;
}
#contact div.contents div.faqList div.button p a:hover {
  opacity: 0.7;
}

#contact div.contents div.box_2column {
  padding-bottom: 15px;
}
#contact div.contents div.box_2column strong {
  display: inline-block;color: #0099DF; font-size: 13px;
}
#contact div.contents div.box_2column .box_item {
  width: 365px; box-sizing: border-box; 
}
#contact div.contents div.box_2column .box_item.left {
  float: left; /*border-right: #CCCCCC 1px dotted;*/
}
#contact div.contents div.box_2column .box_item.right {
  float: right; /*padding-left: 20px;*/
}