@charset "UTF-8";

/*
	=1　　ナビゲーション
	=2　　メインコンテンツ
	=2-1　メールフォーム
	=2-2　入力確認
	=2-3　送信完了
	=3　　サイドバー
*/


/* ==============================================
	=1 ナビゲーション
　============================================== */
#gNavi ul #contact a {
	background: url(../../images/common/navi/navi_contact.png) no-repeat left bottom;
}


/* ==============================================
	=2 メインコンテンツ
　============================================== */

/* ----------------------------------------------
	=2-1 メールフォーム
　---------------------------------------------- */
#attention h3 {
	width: 615px;
	height: 25px;
	line-height: 25px;
	margin-bottom: 5px;
	padding-left: 6px;
	border-left: solid 9px #0068B7;
	border-bottom: dotted 1px #BBB;
	font-size: 108%;
	letter-spacing: 1px;
}

#attention ul {
	margin-bottom: 20px;
	padding: 0 20px 0 30px;
}


#attention ul li {
	line-height: 1.5;
	text-align: justify;
	text-justify: inter-ideograph;
	list-style-type: disc;
}

#attention ul li:last-child {
	margin-top: 5px;
}


#formArea .notes {
	color: #DC6B9A;
	font-weight: bold;
}

#formArea p {
	margin-bottom: 5px;
}

#formArea table {
	width: 630px;
	border-top: solid 1px #BBB;
	border-bottom: solid 1px #BBB;
}

#formArea table th {
	width: 150px;
    padding: 10px 10px 10px 10px;
	border-top: solid 1px #A4C1D7;
	border-bottom: solid 1px #A4C1D7;
	background-color: #D4EBF5;
	text-align: left;
	letter-spacing: 1px;
}

#formArea table td {
    padding: 10px 5px 10px 15px;
	border-top: solid 1px #BBB;
	border-bottom: solid 1px #BBB;
	background: #FFF;
}

#formArea table .tel th {
	padding: 15px 10px 10px 12px;
}

#formArea table .tel td {
	padding: 12px 10px 7px 15px;
}

.mTop {
	margin-top: 10px;
}

#name {
	width: 280px;
}

#org_name, #dept_name, #email {
	width: 350px;
}

#zip_code {
	width: 70px;
}

#tel {
	width: 110px;
}

#address {
	width: 350px;
}

#productName, #message {
	width: 400px;
}

#formButton {
	text-align: center;
	margin-top: 10px;
}

#formArea label.error {
	display: block;
	margin-top: 10px;
	color: #B00;
}

#formArea input,
#formArea textarea {
	padding: 3px 3px 3px 3px;
}

#formArea select {
	padding: 3px 3px 3px 3px;
}

#reset {
	margin-right: 15px;
}


/* ----------------------------------------------
	=2-3 確認画面
　---------------------------------------------- */
#formWrap .formArea {
	padding: 15px 15px 15px 15px;
}

#formWrap .formArea .text {
	margin-bottom: 10px;
}

#formWrap .formArea .errorTxt {
	line-height: 2;
	margin-bottom: 15px;
	color: #B00;
}

#formWrap .formTable {
	width: 620px;
	border-top: solid 1px #BBB;
	border-bottom: solid 1px #BBB;
}

#formWrap .formTable th {
	width: 140px;
	padding: 10px 10px 10px 10px;
	border-top: solid 1px #A4C1D7;
	border-bottom: solid 1px #A4C1D7;
	background-color: #D4EBF5;
	text-align: left;
	letter-spacing: 1px;
}

#formWrap .formTable td {
	line-height: 1.5;
	padding: 10px 5px 10px 15px;
	border-top: solid 1px #BBB;
	border-bottom: solid 1px #BBB;
	background: #FFF;
}

#formWrap .formArea .formButton {
	text-align: center;
	margin-top: 10px;
}

#formWrap .formArea .formButton .btn {
	padding: 3px 3px 3px 3px;
}

#back {
	margin-right: 25px;
}


/* ----------------------------------------------
	=2-4 送信完了
　---------------------------------------------- */
.text {
	line-height: 1.5;
	text-align: justify;
	text-justify: inter-ideograph;
}

.text p {
	margin-bottom: 15px;
}

.contactBox dl {
	float: left;
	width: 290px;
	border: 1px solid #CCC;
	text-align: center;
}

.contactBox dt {
	padding: 7px 7px 7px 7px;
	border-bottom: 1px dotted #CCC;
	background-color: #D4EBF5;
	font-size: 108%;
	letter-spacing: 1px;
}

.contactBox dd {
	line-height: 1.3;
	padding: 10px 10px 10px 10px;
}

.contactBox dd .tel {
	color: #666;
	font-weight: bold;
	font-size: 158%;
}

.home {
	float: right;
	width: 320px;
	line-height: 1.3;
	margin-top: 45px;
	text-align: center;
}

.home a {
	padding-left: 15px;
	background: url(../../images/common/icon/arrow_01.gif) no-repeat left center;
}


/* ==============================================
	=3 サイドバー
　============================================== */
#bnArea {
	margin-top: 0;
}

#bnArea ul li:first-child {
	margin-top: 0;
}