@charset "utf-8";

body
{
	padding:0px;
	margin:0px;
	font-family:sans-serif;
		background-color:#FBF0E1;

}

header
{
	text-align:center;
	background-color:#996633;
	padding:5px;
	color:#FFFFFF;
}

h1
{
	font-size:14px;
}

main
{
	display: block;
	width:980px;
	margin:auto;
}

#info
{
	position:relative;
}

#info h2
{
	position: absolute;
	left: 560px;
	top: 152px;
	font-size: 14px;
	width: 400px;
	text-align: right;
}

#info #price
{
	position: absolute;
	left: 560px;
	top: 271px;
	font-size: 18px;
	width: 400px;
	text-align: center;
	font-weight:bold;
	font-family:monospace;

}

#info #shop
{
	position: absolute;
	left: 560px;
	top: 350px;
	font-size: 18px;
	width: 400px;
	text-align: center;
	line-height:200%;
}

#info #shop button
{
	margin:10px;
	padding:10px 2em;
	border:none 0px;
	border-radius:1em;
	background-color:#FFCC99;
	font-size:24px;
}


#info #sclink
{
	width:100%;
	height:30px;
	text-align:right;
	position:absolute;
	top:10px;
	right:10px;
	vertical-align:middle;
}

#info #sclink div
{
	display:inline-block;
	width:100px;
}

#fbtl
{
	width:500px;
	margin:1em auto;
}


.detail
{
	width:80%;
	margin:1em auto;
}

.detail p
{
	margin:1em 1em 1em 60px;
	line-height:150%;
	font-size:16px;
}

#allconstituents
{
	width:900px;
	background-color:#FFFFFF;
	border-radius:10px;
	padding:10px;
	margin:auto;
	text-align:center;
}

#allconstituents p
{
	font-size:24px;
	color:#487835;
	text-align:center;
	margin:10px;
	font-weight:bold;
	width:100%;
}

.constituent
{
	background-image:url(constituent_each.png);
	width:282px;
	height:41px;
	line-height:41px;
	vertical-align:middle;
	text-align:center;
	box-sizing:content-box;
	margin:5px 0px;
	display:inline-block;
}

footer
{
	text-align:right;
	background-color:#996633;
	padding:5px;
	color:#FFFFFF;
}