@import "/lib/cmn_css/component.css"; 

/* CSS Document */
#contents h1.vimage {
	background: url(/contact/images/vi_contact.jpg) left top no-repeat;
	display: block;
	height: 100px;
	margin-bottom: 15px;
	width: 720px;
}

#contents .blkHead {
	background: url(/contact/images/h_inquiry_01.gif) left top no-repeat;
	display: block;
	height: 34px;
	margin-bottom: 10px;
	width: 930px;
}

#contents h1 span,
#contents .blkHead span {
 display:block;
 text-indent:-9999px;
 overflow:hidden;
}


/* contact.html */
#contents .ContactHeadM {
	background: url(/contact/images/m_title.gif) left top no-repeat;
	display: block;
	height: 30px;
	margin-bottom: 0;
	width: 720px;
}

#contents h2 span,
#contents .ContactHeadM span {
 display:block;
 text-indent:-9999px;
 overflow:hidden;
}

#contents .ContactHeadG {
	background: url(/contact/images/g_title.gif) left top no-repeat;
	display: block;
	height: 30px;
	margin-bottom: 0;
	width: 720px;
}

#contents h2 span,
#contents .ContactHeadG span {
 display:block;
 text-indent:-9999px;
 overflow:hidden;
}
#contents .ContactHeadS {
	background: url(/contact/images/s_title.gif) left top no-repeat;
	display: block;
	height: 30px;
	margin-bottom: 0;
	width: 350px;
}

#contents h2 span,
#contents .ContactHeadS span {
 display:block;
 text-indent:-9999px;
 overflow:hidden;
}

#contents .ContactHeadP {
	background: url(/contact/images/p_title.gif) left top no-repeat;
	display: block;
	height: 30px;
	margin-bottom: 0;
	width: 350px;
}

#contents h2 span,
#contents .ContactHeadP span {
 display:block;
 text-indent:-9999px;
 overflow:hidden;
}


#contents div.Box01 {
	background: url(/contact/images/bg_borderbox_01.gif) left top repeat-y;
	border-bottom: 1px solid #CCCCCC;
	padding: 8px 0 5px 0;
	width: 720px;
}

#contents table.Box02Table {
	width: 720px;
	padding: 0;
}

#contents div.Box02Inner {
	float: left;
	background: url(/contact/images/bg_borderbox_02.gif) left top repeat-y;
	border-bottom: 1px solid #CCCCCC;
	padding: 8px 0 5px 0;
	width: 350px;
	height: 242px;
}

#contents div.contactBoxM {
	margin-bottom: 10px;
	padding-left: 20px;
	width: 700px;
}

#contents div.contactBoxS {
	margin-bottom: 10px;
	padding-left: 20px;
	width: 330px;
}

#contents div.contactBoxP {
	margin-bottom: 10px;
	padding-left: 20px;
	width: 330px;
}

#contents div.contactML {
	float: left;
	width: 220px;
	margin-right: 10px;
}

#contents div.contactMM {
	float: left;
	text-align: center;
	width: 220px;
	margin-right: 10px;
}

#contents div.contactMR {
	float: left;
	text-align: center;
	width: 220px;
}

#contents div.contactSL {
	text-align: center;
	width: 310px;
}

#contents div.contactPL {
	text-align: center;
	width: 310px;
}

#contents div.contactGL {
	float: left;
	text-align: left;
	width: 340px;
	margin-right: 20px;
}

#contents div.contactGR {
	float: left;
	text-align: center;
	width: 340px;
}