@charset "utf-8";

/* -----------------------------------------------------------
CSS Information

 File name:      base.css
 Update:         2009.09.03
 Style Info:     お問い合せCSSファイル
----------------------------------------------------------- */

/* -----------------------------------------------------------
　　共通設定
----------------------------------------------------------- */
table {
 border-collapse: collapse;
}
th, td {
 border-collapse: separate;
}

.pankuzu {
 width: 900px;
 margin: 10px auto;
 text-align: left;
}
.contact-small {
 font-size: 90%;
}

/* -------------------------
　　マージン設定
------------------------- */
.top5 {
 margin-top: 5px;
}
.top20 {
 margin-top: 20px;
}
.top30 {
 margin-top: 30px;
}
.left1em {
 margin-left: 1em;
}
.left20 {
 margin-left: 20px;
}

/* -------------------------
　　カラー設定
------------------------- */
.red {
 color: #D31E1E;
}
.redb {
 color: #D31E1E;
 font-weight: bold;
}
.contact-strong {
 margin-top: 5px;
 background-color: #C9EDFF;
}


/* -----------------------------------------------------------
　　お問い合せトップページ
----------------------------------------------------------- */
#contact-main {
 width: 900px;
 margin: 5px auto 0;
}
#container-contact {
 width: 900px;
 margin: 20px auto 0;
 padding: 0;
 text-align: left;
}
#contact-left {
 float: left;
 width: 660px;
}
#contact-right {
 float: right;
 width: 220px;
}

div.contact-liner {
 padding: 15px;
 border: 1px solid #CCC;
 background-color: #E8F0FD;
}
ul.contact-liner {
 margin-top: 5px;
}
ul.contact-liner li {
 margin-top: 3px;
 padding-left: 16px;
 background: url(../../img/arrow_blue.gif) no-repeat left 4px;
 font-size: 105%;
 font-weight: bold;
}
ul.contact-liner li a, ul.contact-liner li a:link {
 text-decoration: none;
}
ul.contact-liner li a:active, ul.contact-liner li a:hover {
 text-decoration: underline;
}
.contact-wrap {
 margin-top: 10px;
 padding: 5px 10px 15px;
 border: 5px solid #E4F0FA;
 background-color: #FBFDFF;
}
h3.contact-top {
 margin-top: 40px;
}
h4.contact-top01 {
 margin: 10px 0 10px;
}
h4.contact-top02 {
 margin: 25px 0 10px;
}
h6.contact-top-med {
 padding-left: 6px;
 border-left: 4px solid #2F90D6;
 font-size: 93%;
}
h6.contact-top-con {
 padding-left: 6px;
 border-left: 4px solid #F27E20;
 font-size: 93%;
}

.contact-inner-wrap {
 width: 630px;
 margin-top: 10px;
}
.contact-inner-left {
 float: left;
}
.contact-inner-right {
 float: right;
}
.contact-inner-left, .contact-inner-right {
 width: 305px;
 border: 1px solid #DEE1E5;
 background-color: #FFF;
}
p.contact-cf {
 margin-top: 3px;
 padding: 0.3em;
 background-color:
 #FFF8EF; font-size: 80%;
}
.contact-class, .contact-class-end {
 margin: 0 5px 5px;
 padding: 8px 5px;
 border-bottom: 1px dotted #C3C3C3;
}
.contact-class-end {
 border-bottom: none;
}
.contact-button {
 margin: 10px auto;
 text-align: center;
}
.contact-button01, .contact-button02 {
 margin: 10px 0 10px 65px;
 font-size: 93%;
 font-weight: bold;
 line-height: 1.2;
}
.contact-button01 {
 color: #2F90D6;
}
.contact-button02 {
 color: #F27E20;
 line-height: 1.2;
}
.contact-button-wrap {
 width: 588px;
 padding: 10px 15px 10px 25px;
 background: url(../../img/bg_inner.gif) repeat-x top;
 border: 1px solid #DEE1E5;
}
.contact-button-wrap02 {
 width: 588px;
}
.contact-button-left {
 float: left;
 width: 220px;
}
.contact-button-right {
 float: right;
 width: 360px;
 font-size: 80%;
}
.contact-about-cf {
 margin-top: 10px;
 font-size: 90%;
}

.form-midashi {
 padding-left: 6px;
 border-left: 3px solid #003B8F;
}

.form-must-input {
 color: #DD0000;
}

.contact-ind-phone {
 padding-left: 92px;
}


/* -----------------------------------------------------------
　　お問い合せ右エリア
----------------------------------------------------------- */
#tellist {
 padding: 6px 6px 10px;
 border-left: 3px solid #E6E8EE;
 border-right: 3px solid #E6E8EE;
 border-bottom: 3px solid #E6E8EE;
 background-color: #FFF;
 font-size: 85%;
}
.tellist-title-top {
 margin-top: 20px;
 padding-left: 16px;
 background: url(../../img/arrow_blue_b.gif) no-repeat left 3px;
 border-bottom: 2px solid #0066BA;
 color: #000;
 font-size: 110%;
 font-weight: bold;
}
.tellist-title-med, .tellist-title-con {
 margin-top: 10px;
 /*padding-left: 15px;*/
 font-weight: bold;
 text-decoration: underline;
}
.tellist-liner {
 margin-top: 8px;
 padding: 5px;
 background-color: #F8F8F8;
 font-size: 90%;
}
.tellist-liner dl {
 width: 190px;
}
.tellist-liner dl dt {
 float: left;
 width: 60px;
}
.tellist-liner dl dd {
 float: left;
 width: 130px;
}

div.tellist-inner {
 margin: 5px 0 7px 10px;
}
.tellist-midashi {
 margin: 0.3em 0 0 2em;
 font-size: 93%;
}
.tellist-tel {
 margin-left: 2em;
 padding-left: 20px;
 background: url(../../img/icon_freedial_s.gif) no-repeat left 3px;
 font-weight: bold;
 font-size: 110%;
}
.tellist-tel-recruit {
 padding-left: 20px;
 background: url(../../img/icon_freedial_s.gif) no-repeat left 3px;
 font-weight: bold;
 font-size: 110%;
}
.tellist-tel2 {
 padding-left: 3.8em;
}
a.tellist-arw {
 padding-left: 10px;
 background: url(../../img/arrow_blue2.gif) no-repeat left 3px;
}
.tellist-ind {
 margin: 0.5em 0 0 1em;
}

/* -----------------------------------------------------------
　　フォームレイアウト
----------------------------------------------------------- */
.contact-step {
 margin-top: 10px;
}
.contact-form-liner {
 margin-top: 20px;
 padding: 15px;
 border: 1px solid #CCC;
 background-color: #FBFBFB;
 font-size: 90%;
}
.contact-form-inst {
 background: url(../../img/icon_cf.gif) no-repeat left 3px;
 color: #DE0000;
 font-weight: bold;
 vertical-align: middle;
}
.contact-form-inst span {
 padding: 0 20px;
 background: url(../../img/icon_cf.gif) no-repeat right 2px;
 vertical-align: middle;
}
.contact-form-liner ul {
 margin-top: 3px;
}
.contact-form-liner ul li {
 margin-top: 7px;
 margin-left: 1em;
 text-indent: -1em;
 line-height: 1.3;
}
.contact-form-tel {
 width: 606px;
 margin-top: 10px;
 padding: 5px 10px;
 border: 1px solid #E1E1E1;
 background-color: #FFF;
}
.contact-form-tel-l {
 float: left;
 width: 270px;
 margin-top: 5px;
 font-size: 90%;
}
.contact-form-tel-r {
 float: right;
 width: 310px;
}

.contact-form-wrap {
 width: 660px;
 margin-top: 20px;
 padding-top: 5px;
 background: url(../../img/bg_form_01.gif) no-repeat left top;
}
.contact-form {
 width: 660px;
 padding-top: 5px;
 background: url(../../img/bg_form_02.gif) repeat-y left;
}
.contact-form-button {
 width: 660px;
 padding-bottom: 5px;
 background: url(../../img/bg_form_03.gif) no-repeat left bottom;
}
img.contact-need {
 padding: 0 2px;
 vertical-align: middle;
}
p.contact-form-ex {
 padding: 5px 15px;
}
table.contact-ftbl {
 width: 630px;
 margin: 5px 15px;
 border: 1px solid #D3D3D3;
}
table.contact-ftbl tr th, table.contact-ftbl tr td {
 padding: 13px 10px;
 border-bottom: 1px solid #DFDFDF;
}
table.contact-ftbl tr th.bn, table.contact-ftbl tr td.bn {
 border-bottom: none;
}
table.contact-ftbl tr th {
 background-color: #E7F3FF;
 border-right: 1px solid #DFDFDF;
 font-size: 90%;
}
table.contact-ftbl tr th img {
 margin-left: 10px;
 vertical-align: middle;
}
table.contact-ftbl tr td {
 background-color: #F7F8F9;
}
table.contact-ftbl tr th.bl {
 border-left: 1px solid #DFDFDF;
}
table.contact-ftbl tr td.bn {
 line-height: 1.6;
}
.contact-form-button p {
 margin: 10px 15px;
 text-align: right;
}
.contact-form-button img {
 margin-right: 20px;
}
.field-cf {
 padding-left: 2px;
 color: #CF0000;
 font-size: 90%;
}

.fieldnm {
 padding: 0 5px 5px 0;
 font-size: 90%;
}
.fieldnm-spacer {
 padding: 0 3px 5px;
}
.spacer {
 margin-right: 8px;
}

/* -------------------------
　　submitボタン設定
------------------------- */
input.formbt-1 {
 width: 170px;
 height: 32px;
 padding: 0;
 border: 0;
 background: url(../../img/bt_check.gif) no-repeat 0 0;
 cursor: pointer;
 font-size: 0px;
 line-height: 0;
 text-indent: -9999px;
}
input.formbt-1Hovered {
 width: 170px;
 height: 32px;
 padding: 0;
 border: 0;
 background: url(../../img/bt_check.gif) no-repeat 0 -32px;
 cursor: pointer;
 font-size: 0px;
 line-height: 0;
 text-indent: -9999px;
}

input.formbt-2 {
 width: 170px;
 height: 32px;
 padding: 0;
 border: 0;
 background: url(../../img/bt_apply.gif) no-repeat 0 0;
 cursor: pointer;
 font-size: 0px;
 line-height: 0;
 text-indent: -9999px;
}
input.formbt-2Hovered {
 width: 170px;
 height: 32px;
 padding: 0;
 border: 0;
 background: url(../../img/bt_apply.gif) no-repeat 0 -32px;
 cursor: pointer;
 font-size: 0px;
 line-height: 0;
 text-indent: -9999px;
}
input.formbt-3 {
 width: 97px;
 height: 32px;
 margin-right: 30px;
 padding: 0;
 border: 0;
 background: url(../../img/bt_back.gif) no-repeat 0 0;
 cursor: pointer;
 font-size: 0px;
 line-height: 0;
 text-indent: -9999px;
}
input.formbt-3Hovered {
 width: 97px;
 height: 32px;
 margin-right: 30px;
 padding: 0;
 border: 0;
 background: url(../../img/bt_back.gif) no-repeat 0 -32px;
 cursor: pointer;
 font-size: 0px;
 line-height: 0;
 text-indent: -9999px;
}

/* -------------------------
　　エラーメッセージ設定
------------------------- */
.errmsg {
 margin: 5px;
 padding: 8px;
 text-align: left;
 border: dotted 1px #FF0000;
 font-size: 11px;
 color: #FF0000;
 background: #EFEFEF
}

.errmsg ul {
 margin: 0;
 padding: 0;
}

.errmsg li  {
 list-style-type: none;
 padding-left: 22px;
 background-image: url("../../img/error.png");
 background-repeat: no-repeat;
 background-position: 0px 1px;
 line-height: 200%;
}

.errmsg-each {
 padding-left: 22px;
 background: url("../../img/error.png") left 1px no-repeat;
 color: #F00;
 font-size: 11px;
}


/* -------------------------
　　フォーム入力欄設定
------------------------- */
.ime-on {
 ime-mode: active;
}
.ime-off {
 ime-mode: inactive;
}
input { font-size: 12px; padding: 3px 1px 3px;}

input.w40, select.w40  {width:  40px;}
input.w50, select.w50  {width:  50px;}
input.w60, select.w60  {width:  60px;}
input.w70, select.w70  {width:  70px;}
input.w80, select.w80  {width:  80px;}
input.w90, select.w90  {width:  90px;}
input.w100, select.w100 {width: 100px;}
input.w110, select.w110 {width: 110px;}
input.w120, select.w120 {width: 120px;}
input.w130, select.w130 {width: 130px;}
input.w140, select.w140 {width: 140px;}
input.w150, select.w150 {width: 150px;}
input.w160, select.w160 {width: 160px;}
input.w170, select.w170 {width: 170px;}
input.w180, select.w180 {width: 180px;}
input.w190, select.w190 {width: 190px;}
input.w200, select.w200 {width: 200px;}
input.w210, select.w210 {width: 210px;}
input.w220, select.w220 {width: 220px;}
input.w230, select.w230 {width: 230px;}
input.w240, select.w240 {width: 240px;}
input.w250, select.w250 {width: 250px;}
input.w260, select.w260 {width: 260px;}
input.w270, select.w270 {width: 270px;}
input.w280, select.w280 {width: 280px;}
input.w290, select.w290 {width: 290px;}
input.w300, select.w300 {width: 300px;}
input.w310, select.w310 {width: 310px;}
input.w320, select.w320 {width: 320px;}
input.w330, select.w330 {width: 330px;}
input.w340, select.w340 {width: 340px;}
input.w350, select.w350 {width: 350px;}
input.w360, select.w360 {width: 360px;}
input.w370, select.w370 {width: 370px;}
input.w380, select.w380 {width: 380px;}
input.w390, select.w390 {width: 390px;}
input.w400, select.w400 {width: 400px;}
input.w410, select.w410 {width: 410px;}
input.w420, select.w420 {width: 420px;}
input.w430, select.w430 {width: 430px;}
input.w440, select.w440 {width: 440px;}
input.w450, select.w450 {width: 450px;}
input.w460, select.w460 {width: 460px;}
input.w470, select.w470 {width: 470px;}
input.w480, select.w480 {width: 480px;}
input.w490, select.w490 {width: 490px;}
input.w500, select.w500 {width: 500px;}

/* textarea */
textarea {font-size: 14px; line-height: 1.6;}
textarea.w150 {width: 150px;}
textarea.w200 {width: 200px;}
textarea.w250 {width: 250px;}
textarea.w300 {width: 300px;}
textarea.w350 {width: 350px;}
textarea.w400 {width: 400px;}
textarea.w410 {width: 410px;}
textarea.w420 {width: 420px;}
textarea.w430 {width: 430px;}
textarea.w440 {width: 440px;}
textarea.w450 {width: 450px;}
textarea.w460 {width: 460px;}
textarea.w470 {width: 470px;}
textarea.w480 {width: 480px;}
textarea.w490 {width: 490px;}
textarea.w500 {width: 500px;}

/* -----------------------------------------------------------
　　リンク設定
----------------------------------------------------------- */
a, a:link, a:visited {
 color: #003B8F;
 /*color: #0066BA;*/
 text-decoration: underline;
}
a:hover, a:active {
 /*color: #484848;*/
 text-decoration: none;
}

/* -----------------------------------------------------------
　　IE PNG FIX 2.0設定
----------------------------------------------------------- */
img, div {
 behavior: url(../common/js/iepngfix.htc);
}