@charset "UTF-8";
@import "reset.css";

html{
	height: 100%;
}

body {
	background:url(../img/bg_body.gif) no-repeat center bottom;
	text-align:center;
	color: #666666;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 75%;
	line-height: 1.4;
	height: 100%;
}

#wraper {
	width: 800px;
	margin: 0 auto;
	height: 100%;
}

strong {
	font-weight: bold;
	color: #CC3366;
}

h1 {
	margin: 0 0 19px;
}

div.menu {
	width: 770px;
	margin: 0 auto 19px;
}

div.menu p {
	float: left;
	width:654px;
}

div.menu p.qr {
	float: right;
	width: 104px;
}

div.content {
	width: 770px;
	margin: 19px auto 0;
}

div.content dl {
	float: left;
	width: 375px;
	background:url(../img/bg_box.gif) repeat-y center;
}

div.content dl.price {
	margin: 0 20px 0 0;
}

div.content dl dd {
	background:url(../img/bg_boxfot.gif) no-repeat center bottom;
	padding: 10px 15px 20px 15px;
	text-align:left;
}

p.footer {
	margin: 20px 0 0;
}

/* clearfix */

div#wrapper div.menu:after,
div#wrapper div.content:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div#wrapper div.menu,
div#wrapper div.content {
	display: inline-block;
	min-height: 1%;
}

/* Hides from IE-mac \*/

* html div#wrapper div.menu,
* html div#wrapper div.content {
	height: 1%;
}

div#wrapper div.menu,
div#wrapper div.content {
	display: block;
}

/* End hide from IE-mac */