@charset "utf-8";
/**
 * style.css
 */

/* index
--------------------------------------------------*/
/* layout */
	#header {
		background-image: url(../imgs/bg-header.png);
	}
	#content {
		min-height: 535px;
	}
	.section {
		width: 760px;
	}
	#mailform {}
	#mailform .req {
		color: #c41717;
	}
	#mailform .bnrTel {
		margin: 40px 0 30px;
	}
	#mailform form {
		margin-top: 60px;
	}
	#mailform table.tableStyle th .req {
		font-weight: normal;
	}
	#mailform table.tableStyle th {
		width: 110px;
	}
	#mailform table.tableStyle td {
		vertical-align: middle;
	}
	#mailform h4 {
		margin: 40px 0 25px;
	}
	#productForm dt {
		margin-top: 40px;
		padding: 0 15px;
		background: #696968;
		color: #ffffff;
		font-size: 116.7%;
		font-weight: bold;
		line-height: 30px;
	}
	#productForm dt:first-child {
		margin-top: 0;
	}
	#productForm dd {
		width: 100%;
	}
	#productForm dd:after {
		display: block;
		clear: both;
		height: 0;
		content: "";
	}
	#productForm dd table {
		float: left;
		width: 370px;
		margin-left: 20px;
		border-bottom: #ffffff solid 1px;
		line-height: 1.67;
	}
	#productForm dd table:first-child {
		margin-left: 0;
	}
	#productForm dd table td {
		padding-top: 15px;
		padding-bottom: 13px;
		border-top: #ffffff solid 1px;
		border-bottom: #dfdfdf solid 1px;
	}
	#productForm dd table .checkbox {
		width: 30px;
		background: url(../../common/imgs/bg-th.png) repeat left top;
		text-align: center;
		vertical-align: middle;
	}
	#productForm dd table .name {
		padding-left: 10px;
	}
	#productForm dd table .name .area {
		position: relative;
	}
	#productForm .tooltip {
		display: none;
		position: absolute;
		left: 0;
		bottom: 100%;
		width: 220px;
		padding-top: 10px;
		background: url(../imgs/bg-tooltip01.png) no-repeat center top;
	}
	#productForm .tooltip .inner {
		width: 220px;
		padding-bottom: 10px;
		background: url(../imgs/bg-tooltip03.png) no-repeat center bottom;
	}
	#productForm .tooltip .inner_inner {
		width: 200px;
		padding: 0 10px;
		background: url(../imgs/bg-tooltip02.png) repeat-y center top;
	}
	#productForm .tooltip .image img {
		width: 200px;
		height: auto;
	}
	#productForm .tooltip .text {
		padding: 20px;
	}
	#productForm .tooltip h5 {
		margin-bottom: 15px;
		font-size: 116.7%;
		font-weight: bold;
	}
	#productForm .tooltip .price {
		margin-top: 15px;
		font-weight: bold;
	}
	#productForm .tooltip .price strong {
		font-size: 116.7%;
	}
	#productForm dd table .num {
		width: 60px;
		padding-right: 5px;
		text-align: right;
		vertical-align: middle;
	}
	#productForm dd table .num input.formText {
		width: 2em;
	}
	label.error {
		display: block;
		padding-top: 5px;
		color: #c41717;
	}
	.radio_group li {
		display: inline;
		display: inline-block;
		margin-right: 20px;
	}
	.checkbox_group li {
		margin-top: 5px;
	}
	.checkbox_group li:first-child {
		margin-top: 0;
	}
	input#zipcode {
		overflow: visible;
	}
	input.formText {
		width: 214px;
	}
	input.formText#zip1,
	input.formText#zip2 {
		width: 5em;
	}
	input.formText#addr {
		width: 364px;
	}
	textarea.formText {
		width: 544px;
		height: 72px;
	}
	#formBtnArea {
		width: 290px;
		height: 30px;
		margin: 60px auto 0;
	}
	input.formBtn {
		display: block;
		overflow: hidden;
		width: 140px;
		height: 30px;
		margin: 0;
		padding: 0;
		border: none;
		background-color: transparent;
		background-repeat: no-repeat;
		background-position: left top;
		text-align: left;
		text-indent: -5260px;
		outline: none;
		cursor: pointer;
	}
	input.formBtn:hover {
		background-position: left bottom;
	}
	input#reset {
		float: left;
		background-image: url(../imgs/bt-reset.gif);
	}
	input#confirm {
		float: right;
		background-image: url(../imgs/bt-confirm.gif);
	}
	input#back {
		float: left;
		background-image: url(../imgs/bt-back.gif);
	}
	input#send {
		float: right;
		background-image: url(../imgs/bt-send.gif);
	}
	#finish,
	#error {
		padding: 50px;
		border-top: #ffffff solid 1px;
		border-bottom: #dfdfdf solid 1px;
		text-align: center;
	}