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

 file name  :inquiry.css
 style info :問い合わせページ
=================================================================== */
#header {
	background: url(../images/main_img.jpg) 0 bottom no-repeat;
}

#sub #lnav dt {
	background: url(../images/menu_title.jpg) 0 0 no-repeat;
}

#main #inquiry_area {
	padding: 0 22px 0 5px;
	overflow: hidden;
}

#main #catalog_area,
#main #prodct_area,
#main #intro_area,
#main #free_area {
	width: 331px;
	height: 138px;
	margin-bottom: 20px;
	position: relative;
}

#main #prodct_area,
#main #intro_area {
	background: url(../images/inquiry_bg1.jpg) 0 bottom no-repeat;
}

#main #catalog_area {
	background: url(../images/inquiry_bg2.jpg) 0 bottom no-repeat;
}

#main #free_area {
	background: url(../images/inquiry_bg3.jpg) 0 bottom no-repeat;
}

#main #catalog_area,
#main #intro_area {
	float: left;
}

#main #prodct_area,
#main #free_area {
	float: right;
}

#main #inquiry_area h2 {
	height: 43px;
	text-indent: -5000em;
}

#main #catalog_area h2 {
	background: url(../images/title_catalog.jpg) 0 0 no-repeat
}

#main #prodct_area h2 {
	background: url(../images/title_prodct.jpg) 0 0 no-repeat
}

#main #intro_area h2 {
	background: url(../images/title_intro.jpg) 0 0 no-repeat
}

#main #free_area h2 {
	background: url(../images/title_free.jpg) 0 0 no-repeat
}

#main #inquiry_area ul {
	width: 331px;
	height: 50px;
	background: url(../images/inquiry_bottom.jpg) 0 0 no-repeat;
	position: absolute;
	left: 0;
	top: 93px;
}

#main #inquiry_area .form_btn a {
	display: block;
	width: 143px;
	height: 21px;
	background: url(../images/btn_mail.jpg) 0 0 no-repeat;
	text-indent: -5000em;
	overflow: hidden;
}

#main #inquiry_area .form_btn a:hover,
#main #inquiry_area .form_btn a:active {
	background-position: 0 -21px;
}

#main #inquiry_area .office_btn a {
	display: block;
	width: 143px;
	height: 21px;
	background: url(../images/btn_office.jpg) 0 0 no-repeat;
	text-indent: -5000em;
	overflow: hidden;
}

#main #inquiry_area .office_btn a:hover,
#main #inquiry_area .office_btn a:active {
	background-position: 0 -21px;
}

#main #catalog_area p,
#main #free_area p {
	padding: 12px 0 0 170px;
}

#main #prodct_area p,
#main #intro_area p {
	padding: 12px;
}

#main #catalog_area .form_btn,
#main #free_area .form_btn {
	padding: 12px 0 0 170px;
}

#main #prodct_area .form_btn,
#main #intro_area .form_btn {
	float: left;
	padding: 12px 0 0 12px;
}

#main #prodct_area .office_btn,
#main #intro_area .office_btn {
	float: right;
	padding: 12px 12px 0 0;
}