@charset "UTF-8";

/* =======================================================
	CONTACT CSS - modified on 09.04.28
	written by GRAM | グラム
	http://www.brooklyn.jp/
	
	01 CONTENT SETTING
	02 DETAIL SETTING
	02 UTILITIES
======================================================= */



/* =======================================================
	01 CONTENT SETTING
======================================================= */



#top_image {
	width: 700px;
	height: 140px;
	margin-left: 25px;
	text-indent: -5000em;
	display: block;
	background: url(../../../imgs/contents/head_image_contact.jpg) left top no-repeat;
	}

#inquiry_content {
	width: 700px;
	height: auto;
	padding-top: 85px;
	background: url(../../../imgs/contents/title_general_inquiry.gif) left top no-repeat;
}

.inquiry_wrap {
	width: 655px;
	height: auto;
	margin: 0 0 50px 45px;
}



/* =======================================================
	02 DETAIL SETTING
======================================================= */



.inquiry_button {
	width: 346px;
	height: 64px;
	margin: 30px 0;
	overflow: hidden;
}


a#media_book {
	width: 346px;
	height: 64px;
	display: block;
	overflow: hidden;
	background: url(../../../imgs/common/bt_media_book.jpg) 0 0 no-repeat;
}
a#ordermade {
	width: 346px;
	height: 64px;
	display: block;
	overflow: hidden;
	background: url(../../../imgs/common/bt_ordermade.jpg) 0 0 no-repeat;
}
a#web_contact {
	width: 346px;
	height: 64px;
	display: block;
	overflow: hidden;
	background: url(../../../imgs/common/bt_web_contact.jpg) 0 0 no-repeat;
}

a#media_book:hover,
a#ordermade:hover,
a#web_contact:hover {
	height: 64px;
	background-position: 0 -64px;
}



/* =======================================================
	03 UTILITIES
======================================================= */