@charset "utf-8";

html {
	background-color: #fffffe;
}

body {
	position		: relative;
	margin			: 0px auto;
	width			: 800px;
	height			: auto;
	background-image: url(./img/pattern.png);
	background-repeat : repeat;
	font-family	: Tahoma , Osaka , 'ＭＳ ゴシック';
	color			: #333;
	font-weight	: bold;
}

div,input {
	margin			: 0px;
	padding		: 0px;
}


#HEADER {
	position		: absolute;
	top				: 18px;
	left			: 150px;
	width			: 410px;
	height			: 100px;
	background-image: url(./img/1008title.png);
	background-repeat : no-repeat;
	z-index		: 5;
}

#STRAP {
	position		: absolute;
	top				: 4px;
	left			: 550px;
	width			: 107px;
	height			: 133px;
	background-image: url(./img/strap.png);
	background-repeat : no-repeat;
	z-index		: 5;
}

#TSHIRTS {
	position		: absolute;
	top				: 16px;
	left			: 550px;
	width			: 115px;
	height			: 106px;
	background-image: url(./img/1008t_shirts.png);
	background-repeat : no-repeat;
	z-index		: 5;
}

.space {
	height			: 140px;
}

#INPUT {
	position		: relative;
	margin			: 0px auto;
	width			: 712px;
	background-color : #fffffe;
}

#FOOTER {
	position		: relative;
	left			: 600px;
	width			: 191px;
	height			: 32px;
	background-image: url(./img/logo.png);
	background-repeat : no-repeat;
	z-index		: 5;
}

.button {
	width			: 360px;
	font-size		: 24px;
	text-align		: center;
}

.b0 {
	float			: left;
	width			: 32px;
	text-align		: center;
}

.b1 {
	float			: left;
	width			: 230px;
}

.b2 {
	float			: left;
	width			: 350px;
}

	.b2_1 {
		float		: left;
		width		: 150px;
	}
	.b2_2 {
		float		: left;
		width		: 20px;
	}
	
	.b2_3 {
		float		: left;
		width		: 110px;
	}

.b3 {
	float			: left;
	width			: 100px;
	font-weight	: bold;
}

.clear {
	clear			: both;
	margin			: 4px;
}

.center {
	text-align		: center;
}

.small {
	font-size		: 10px;
}