@charset "utf-8";

/* common */
@import "common.css";

/* bg
------------------------------------------ */
div#container {
	background: url(../freebeer/img/beer_bg.gif) repeat 50% 3px;
	padding-top: 20px;
	padding-bottom: 100px;
}
div#contents { background: none; }

/* title
------------------------------------------ */
div#contents .beer {
	text-align: center;
}

div#contents .beer p { margin: 20px 0 40px 0; }

/* top page
------------------------------------------ */
div.oubo {
	background: url(../freebeer/img/box_bg2.gif) repeat-y;
	padding: 17px 25px;
	width: 755px;
	margin-left: 52px;
	line-height: 1.6;
}

p.line { margin-left: 52px; }

div.oubo h4 {
	background: url(../freebeer/img/icon1.gif) no-repeat left center;
	margin-top: 20px;
	padding-left: 12px;
}
div.oubo li {
	background: url(../freebeer/img/icon2.gif) no-repeat 0 8px;
	padding-left: 12px;
}

div.oubo .red { color: #F00; }

/* form title
------------------------------------------ */
div#contents h2.second { margin: 0 0 6px 52px; }
.oboform h3 { margin-bottom: 15px; }
ul.caution { margin-bottom: 25px; }
ul.caution li { background: none; padding: 0; }

/* error! */
.oboform div.error { border:solid 2px #FF0000; margin-bottom:20px; padding: 20px; color:#FF0000; width: 700px; }
.oboform div.error strong { font-weight: bold; }
.oboform div.error p { margin-bottom: 5px; }

.oboform table { margin-top: 20px; }
.oboform table th { padding-right: 40px; text-align: left; }
.oboform table td { padding: 5px 0; }

.oboform p.fbtn,
.oboform div.btn { text-align: right; margin-top: 40px; }
.oboform form { display: inline; padding-left: 10px; }

h3#exit { text-align: center; padding: 150px 0; }