@charset "UTF-8";
/* CSS Document */

@import 'common.css';

.box{
	width:395px;
	background:repeat-y center url(../img/contact/shortbox_body.gif);
}

.box .wrapper{
	padding:5px 20px 0 35px;
}

/*----------------------------------------*/
/*ラプチャー*/
/*----------------------------------------*/
#rd{
	position:relative;
	padding-bottom:30px;
}
#rd h2{
	background:no-repeat left url(../img/contact/h2_rd.gif);
	height:56px;
	text-indent:-9999em;
}

/*よくあるご質問*/
/*----------------------------------------*/
#rd #faq{
	margin-bottom:10px;
}
#rd #faq h3{
	background:no-repeat url(../img/contact/h3_faq.gif);
	height:40px;
	text-indent:-9999em;
}

#rd #faq h4{
	font-weight:bold;
	color:#444;
	margin-bottom:5px;
	border-bottom:1px dotted #999;
}

/*ボタン*/
#rd #faq .button{
	position:relative;
	left:182px;
	padding:12px 0;
}
#rd #faq .button a{
	display:block;
	background:no-repeat top url(../img/contact/bt_faq.gif);
	width:158px;
	height:29px;
	text-indent:-9999em;
}
#rd #faq .button a:hover{
	background-position:bottom;
}


#rd li{
	background:no-repeat left 2px url(../img/contact/listarrow_gray.gif);
	padding-left:13px;
	padding-bottom:5px;
}


/*ラプチャーディスクのトラブルについて*/
/*----------------------------------------*/
#rd #trouble h3{
	background:no-repeat url(../img/contact/h3_trouble.gif);
	height:40px;
	text-indent:-9999em;
}

#rd #trouble p{
	padding-bottom:23px;
}

#rd #trouble{
	position:absolute;
	top:57px;
	right:0px;
}


/*ご意見・ご要望フォーム*/
/*----------------------------------------*/
#rd #form h3{
	background:no-repeat url(../img/contact/h3_form.gif);
	height:40px;
	text-indent:-9999em;
}

/*ボタン*/
#rd #form .button{
	position:relative;
	left:176px;
	padding:12px 0 0;
}
#rd #form .button a{
	display:block;
	background:no-repeat top url(../img/contact/bt_form.gif);
	width:164px;
	height:29px;
	text-indent:-9999em;
}
#rd #form .button a:hover{
	background-position:bottom;
}


/*----------------------------------------*/
/*爆発防護*/
/*----------------------------------------*/
#ep{
	position:relative;
	padding-bottom:30px;
}

#ep h2{
	background:no-repeat left url(../img/contact/h2_ep.gif);
	height:56px;
	text-indent:-9999em;
}

/*簡単お問い合わせフォーム*/
/*----------------------------------------*/
#ep #form1{
	margin-bottom:10px;
}

#ep #form1 h3{
	background:no-repeat url(../img/contact/h3_ep_form1.gif);
	height:40px;
	text-indent:-9999em;
}

/*ボタン*/
#ep #form1 .button{
	position:relative;
	left:164px;
	padding:12px 0 0;
}
#ep #form1 .button a{
	display:block;
	background:no-repeat top url(../img/contact/bt_ep_form1.gif);
	width:176px;
	height:29px;
	text-indent:-9999em;
}
#ep #form1 .button a:hover{
	background-position:bottom;
}

/*とにかく相談フォーム*/
/*----------------------------------------*/
#ep #form2{
	position:absolute;
	top:57px;
	right:0px;
}

#ep #form2 h3{
	background:no-repeat url(../img/contact/h3_ep_form2.gif);
	height:40px;
	text-indent:-9999em;
}

/*ボタン*/
#ep #form2 .button{
	position:relative;
	left:186px;
	padding:12px 0 0;
}
#ep #form2 .button a{
	display:block;
	background:no-repeat top url(../img/contact/bt_ep_form2.gif);
	width:154px;
	height:29px;
	text-indent:-9999em;
}
#ep #form2 .button a:hover{
	background-position:bottom;
}

/*プロフェッショナルお問い合わせフォーム*/
/*----------------------------------------*/
#ep #form3 h3{
	background:no-repeat url(../img/contact/h3_ep_form3.gif);
	height:40px;
	text-indent:-9999em;
}

/*ボタン*/
#ep #form3 .button{
	position:relative;
	left:88px;
	padding:12px 0 0;
}
#ep #form3 .button a{
	display:block;
	background:no-repeat top url(../img/contact/bt_ep_form3.gif);
	width:252px;
	height:29px;
	text-indent:-9999em;
}
#ep #form3 .button a:hover{
	background-position:bottom;
}


/*----------------------------------------*/
/*フレームアスター*/
/*----------------------------------------*/
#fa{
padding-bottom:30px;
}

#fa h2{
	background:no-repeat left url(../img/contact/h2_fa.gif);
	height:56px;
	text-indent:-9999em;
}

/*プロフェッショナルお問い合わせフォーム*/
/*----------------------------------------*/
#fa #form1 h3{
	background:no-repeat url(../img/contact/h3_fa_form1.gif);
	height:40px;
	text-indent:-9999em;
}

/*ボタン*/
#fa #form1 .button{
	position:relative;
	left:154px;
	padding:12px 0 0;
}
#fa #form1 .button a{
	display:block;
	background:no-repeat top url(../img/contact/bt_fa_form.gif);
	width:186px;
	height:29px;
	text-indent:-9999em;
}
#fa #form1 .button a:hover{
	background-position:bottom;
}


/*----------------------------------------*/
/*お問い合わせ*/
/*----------------------------------------*/
#contact h2{
	background:no-repeat left url(../img/contact/h2_contact.gif);
	height:56px;
	text-indent:-9999em;
}

#contact h3{
	background:no-repeat left top url(../img/contact/support_34.gif);
	height:33px;
	text-indent:-9999em;
}

#contact p{
	padding-bottom:10px;
}

#contact #box{
	background:repeat-y url(../img/contact/longbox_body.gif);
}
#contact #box .wrapper{
	padding:16px 0px 16px 20px;
}

#contact #box dt,
#contact #box dd{
	display:inline;
}
#contact #box dd a{
	font-size:14px;
	line-height:16px;
	position:relative;
	top:-3px;
	left:5px;
	font-weight:bold;
}