@charset "utf-8";
@charset "utf-8";
/* ===================================================================
CSS information

 file name  :contact.css
 author     :Ability Consultant
style info  :xxxページ設定　ハックは最下部に記述
=================================================================== */

#contents {
    margin: 0 auto 80px;
    width: 950px;
}

#contact .con_maintit {
    background: url(../business/images/electro/bg_maintit.png) no-repeat scroll left top;
    margin: 0 auto 30px -25px;
}

#contact .con_maintit h2 {
    padding: 10px 0 40px 42px;
    background: url("../privacy/images/title.gif") no-repeat 10px 30px;
}

#contents #box_1{
padding: 0 0 0 12px;
}

#contents .box_1 h4 {
    font-size: 130%;
    padding: 20px 0 8px;
	color:#087bbd;
}

#contents .box_2 h4 {
    font-size: 130%;
    padding: 20px 0 8px;
	color:#087bbd;
}

#contents h3 {
    padding-top: 25px;
}

/* ---------------------------------------------------------
	.con_tel		電話での問い合わせ
----------------------------------------------------------- */
#contact #contents .con_privacy1 {

}

#contact #contents .con_privacy1 h3 {
	margin-bottom: 30px;
}

#contact #contents .con_privacy1 p {
		margin-bottom: 30px;
}

#contact #contents .con_privacy1 p.img {
	text-align:center;
}
/* -----------------------------------------------------------
	.con_mail		メールでの問い合わせ
----------------------------------------------------------- */
#contact #contents .con_mail {

}

#contact #contents .con_mail h3 {
	margin-bottom: 30px;
}

#contact #contents .con_mail p {
		margin-bottom: 30px;
}





/*----------------------------------------------------

	.box_form		問い合わせフォーム

----------------------------------------------------*/

/* box_form */
#contact #contents .box_form {
	padding:13px 0 0 0;
}
#contact #contents .box_form p.mini {
	padding:13px 0 20px 3px;
}


/* formarea */
#contact #contents .formarea {
	border:1px solid #add1df;
	background:#fff;
	width:694px;
	margin:0 auto;
}
#contact #contents .formarea table {
	width:694px;
	border:0;
}
#contact #contents .formarea table th ,
#contact #contents .formarea table td {
	border:0;
	border-bottom:1px solid #add1df;
}
#contact #contents .formarea table td span {
	display:block;
	padding:12px 0;
}
#contact #contents .formarea table th {
	background:#8dc5f3;;
	width:158px;
}
#contact #contents .formarea table th.check {
	background: url("../images_contact/ic_check.gif") 149px 25px no-repeat #8dc5f3;
	width: 142px;
	padding:23px 58px 23px 8px;
}
#contact #contents .formarea table th.vtop {
	vertical-align:top;
	padding-top:13px;
}

#contact #contents .formarea table th.last ,
#contact #contents .formarea table td.last {
	border-bottom:0;
}
#contact #contents .formarea table td input.mail ,
#contact #contents .formarea table td textarea.message {
	width:434px;
	background:#f2f5fa;
	padding:3px;
	border:1px solid #8dc5f3;
}
#contact #contents .formarea table td textarea.message {
	margin:6px 0;
	height:230px;
}
#contact #contents .formarea table td label {
	margin:0 12px 0 0;
}


#contact #contents p.sendbtn {
	text-align:center;
	margin-bottom:30px;
}

/* box_answer */
#contact #contents .box_answer {
	text-align:center;
	padding:23px 0 42px 0;
}
#contact #contents .box_answer h3 ,
#contact #contents .box_answer p {
	padding:0 0 5px 0;
	font-size:90%;
}

#contact #contents .con_info {
	text-align:center;
	padding:23px 0 42px 0;
}

/*----------------------------------------------------

	smt/confirm.php

----------------------------------------------------*/

#contact #contents ul.sendbtn {
	text-align:center;
}
#contact #contents ul.sendbtn li {
	display:inline;
	padding:0 15px;
}


/*----------------------------------------------------

	machine/index.php

----------------------------------------------------*/


/*----------------------------------------------------

	smt/complete.php

----------------------------------------------------*/
#contact #contents .box_form p.finish {
	padding:13px 0 20px 8px;
}


/*----------------------------------------------------

	recruit/index.php

----------------------------------------------------*/

#contact #contents .box_form p.mailbtn {
	text-align:center;
	padding:33px 0 0 0;
}



/*----------------------------------------------------

	other/index.php

----------------------------------------------------*/

/* formarea */
#contact #contents .formarea.ot {
	margin:10px 0 50px 0;
}


#contact #contents .formarea table.other th {
	width:158px;
	background:#8dc5f3;;
	padding:23px 8px;
}
#contact #contents .formarea table.other th.check {
	background: url("../images_contact/ic_check.jpg") 149px 25px no-repeat #8dc5f3;
	width:147px;
	padding:23px 53px 23px 8px;
}
#contact #contents .formarea table.other td {
	padding:15px 10px 15px 20px;
}
/* メッセージエリア用 */
#contact #contents .formarea table.other td textarea.message {
	width:434px;
	height:207px;
}
/* 通常入力欄用 */
#contact #contents .formarea table.other td input.mail,
#contact #contents .formarea table.other td input.normal {
	width:280px;
	background:#f2f5fa;
	padding:3px;
	border:1px solid #8dc5f3;
	margin:0 10px 0 0;
}
#contact #contents .formarea table.other td span {
	display:inline;
	font-size:85%;
}
/* 郵便番号入力欄用 */
#contact #contents .formarea table.other td input.short {
	width:143px;
	background:#f2f5fa;
	padding:3px;
	border:1px solid #e0e0e9;
	margin:0 10px 0 0;
}
/* 住所エリア用 */
#contact #contents .formarea table.other td textarea.add {
	width:434px;
	height:46px;
	background:#f2f5fa;
	padding:3px;
	border:1px solid #e0e0e9;
}



/*======================================

	hack - 各種cssハック - for IE7

=======================================*/
*:first-child+html{
}

/*======================================

	hack - 各種cssハック - for IE6

=======================================*/
* html {
}