@charset "utf-8";
/* reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
				{ margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent }
body			{ line-height: 1 }
ol, ul			{ list-style: none }
blockquote, q	{ quotes: none }
blockquote:before, blockquote:after, q:before,
q:after 		{ content: ''; content: none }
:focus			{ outline: 0 }
ins				{ text-decoration: none }
del				{ text-decoration: line-through }
table			{ border-collapse: collapse; border-spacing: 0 }

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0 ;height: 0 }
.clearfix { display: inline-block }
html[xmlns] .clearfix { display: block }
* html .clearfix {height: 1% }

/* style */
body			{ font: 11px Verdana, Geneva, sans-serif; line-height: 1.5em }
#head, .main	{ width: 800px; margin: 0 auto 1.5em; clear: both }
#head			{ margin: 1em auto 5em }
.footer			{ margin-top: 3em; font-size: 20px; color: #ff7822 }
.orange			{ width: 780px; padding: 10px; border-top: 1px solid #da6215; border-bottom: 1px solid #da6215; background: #ff7822 }
h1#logo			{ float: left }
h1#logo a		{ height: 151px; width: 172px; display: block; background: url(logo_bbm.png) no-repeat; text-indent: -9999px }
a				{ color: #ff7822 }
#contact		{ float: right; padding-left: 10px; border-left: 1px solid #ff7822 }
.form li		{ margin-bottom: 1em }
label			{ width: 135px; display: block; float: left; margin-right: 5px; color: #FFF; font-size: 13px; text-align: right }
input			{ width: 280px; display: block }
.button			{ width: auto; margin-left: 138px }
p.border		{ margin-top: 1em; color: #FFF; border-top: 1px solid #FFF }
p.border span	{ margin-left: 140px }