@charset "utf-8"; 
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, em, img, q, strong, dl, dt, dd, ol, ul, li, fieldset, form, input, select, textarea, label, legend, table
{padding: 0; margin: 0; border: 0; list-style-type: none; line-height:100%; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}

@font-face {
    font-family: 'bellaregular';
    src: url('fonts/f37bella-webfont.eot');
    src: url('fonts/f37bella-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/f37bella-webfont.woff') format('woff'),
         url('fonts/f37bella-webfont.ttf') format('truetype'),
         url('fonts/f37bella-webfont.svg#bellaregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* 14px */
body, html {height:100%;}
body {font:0.875em Arial, Helvetica, sans-serif; color:#262F37; background:#E3C5C4; -webkit-text-size-adjust:none;}
a {color:#650033; text-decoration:none;}
a:hover {color:#262F37}
input, select, textarea {font:1em Arial, Helvetica, sans-serif;}
input[type="submit"], input[type="reset"], button, label {cursor:pointer}
button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: button;}
textarea {overflow:auto;}
table {border-collapse: separate; border-spacing: 0;}
a:active {outline: 0;} *:focus {outline: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
header, section, nav, hgroup, footer, article { display: block; }
strong, b { font-weight:bold; }
em, i { font-style:italic; }
p {line-height:130%}
.left {float:left !important;}
.right {float:right !important;}
.hidden {display:none}
.center {text-align:center !important}

.field {margin:0 0 15px 0;}
.field label {display:inline-block; *display:inline; zoom:1; font-size:1.143em; font-weight:bold; line-height:130%; margin:0 0 10px 0;}
.field input[type="text"], .field input[type="email"], .field select, .field textarea {display:inline-block; *display:inline; zoom:1; vertical-align:top; border:solid 1px #CDDDDE; width:40%; max-width:40%; padding:10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.field input[type="text"]:focus, .field input[type="email"]:focus, .field select:focus, .field textarea:focus {border-color:#313B46}

#beauty-matter {background:url(images/logo-bm.png) no-repeat center top; position:absolute; width:100%; left:0; top:50%; height:350px; margin:-175px 0 0 0; text-align:center;}
#beauty-matter .content {display:inline-block; *display:inline; zoom:1; vertical-align:middle; border-top:solid 1px #000; border-bottom:solid 1px #000; padding:20px 0 15px 0; margin:170px 0 0 0; width:710px;}
#beauty-matter form {margin:20px 0 0 0; text-align:left;}
#beauty-matter .field {margin:0;}
#beauty-matter input[type="email"] {border:0 !important}
#beauty-matter .button {font:1.714em bellaregular; background:none; color:#000 !important; text-transform:none; margin:4px 0 0 12px;}

#beauty-matter.thankyou {height:420px; margin-top:-210px;}
#beauty-matter.thankyou .content p {margin:0 0 20px 0; text-align:left;}
#beauty-matter.thankyou .content p:last-child {margin:0;}

#bgm {text-align:right; margin:0 auto; width:710px;}
#bgm a {display:inline-block; *display:inline; zoom:1; width:84px; height:41px; background:url(images/bgm.png) no-repeat 0 0; text-align:left; text-indent:-9999px; margin:20px 0 0 0}