@charset "utf-8";

/*********************
* base tags
*********************/

* {
	margin: 0;
	padding: 0;
}

html, body {
	margin: 0 auto;
}

body {
	font-size: 95%;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	line-height: 135%;
	text-align: center;
}

/*********************
* main structure
*********************/

#container {
	margin: 0 auto;
	width: 1000px;
	text-align: left;
	background-image: url(images/common/bg.gif);
	background-repeat: repeat-y;
	position: relative;
}

#header {
	width: 840px;
	height: 215px;
	margin-left:auto;
	margin-right:auto;
}

#contents {
	width: 840px;
/*	height: 836px;*/
	margin-left:auto;
	margin-right:auto;
}

#footer {
	width: 840px;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
	padding: 5px 0;
}

/*********************
* common tags
*********************/
.align_left {
	text-align: left;
}

.align_center {
	text-align: center;
}

.align_right {
	text-align: right;
}

.clearfix {
	display: inline-block;
}

.clearfix:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

.float_left {
	float: left;
}

.float_right {
	float: right;
}

img {
	border: 0;
}

p {
	padding: 0 25px 10px 25px;
}

.alert {
	color: #FF0000;
	font-weight: bold;
}

/*********************
* main contents
*********************/
h2 {
	border: 1px solid #feb541;
	border-left:12px solid #feb541;
	background-color: #ffffd1;
	font-size: 16px;
	padding: 5px;
	margin: 20px 10px 10px 10px;
}

table.product_list {
	margin: 0 25px;
	border-collapse: collapse;
	border: 2px solid #feb541;
}

table.product_list tr th,
table.product_list tr td {
	padding: 3px 5px;
	border: 1px solid #feb541;
	background-color: #ffffd1;
}

table.order_form {
	width: 600px;
	margin: 0 25px;
	border-collapse: collapse;
	border: 2px solid #feb541;
}

table.order_form tr th,
table.order_form tr td {
	padding: 3px 5px;
	border: 1px solid #feb541;
	background-color: #ffffd1;
}

table.order_form tr th {
	background-color: #fed591;
}

table.order_form tr td.nopadding {
	padding: 0;
}


table.order_form tr td table {
	border-collapse: collapse;
}

table.order_form tr td tr th,
table.order_form tr td tr td {
	padding: 3px 5px;
	border: none;
	border-top: 1px solid #feb541;
	border-bottom: 1px solid #feb541;
	background-color: #ffffd1;
}

input.m3 {
	margin: 3px 0;
}

input.submit {
	padding: 3px;
	font-size: 16px;
	background-color:#FCF;
	font-weight: bold;
	border: 2px solid #000;
}


/*********************
* dream weaver対策（本番で消すこと）
*********************/

.clearfix + *{
    clear: both;
}