/*
style.css
*/

#formSection {
	width: 919px;
	text-align: left;
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
	background: url(../img/bg02.gif) no-repeat left bottom;
}
#formSection .inner {
	width: 919px;
	padding: 8px 0 0 0;
	background: url(../img/bg01.gif) #808080 no-repeat left top;
}
#formSection .blockA {
	float: left;
	width: 254px;
}
#formSection .blockA .btnArea {
	margin: 5px 0 0 0;
	padding: 0 0 0 5px;
}
#formSection .blockA .etcArea {
	margin: 0 0 10px 5px;
	padding: 8px 0 0 0;
	width: 236px;
	background: url(../img/bg05.gif) no-repeat left top;
}
#formSection .blockA .etcArea .innerE {
	width: 236px;
	margin: 8px 0 0 0;
	padding: 0 0 25px 0;
	background: url(../img/bg05.gif) no-repeat left bottom;
}
#formSection .blockA .etcArea p.ttl {
	margin: 0 0 0 19px;
	padding: 5px 0;
	font-weight: bold;
	font-size: 16px;
	width: 188px;
	text-align: center;
}
#formSection .blockA .etcArea div.area02 {
	margin: 0 0 10px 19px;
	padding: 8px 0 0 0;
	width: 188px;
	background: url(../img/bg06.gif) no-repeat left top;
}
#formSection .blockA .etcArea div.area02 .inArea02 {
	margin: 0;
	width: 188px;
	background: url(../img/bg06.gif) no-repeat left bottom;
}
#formSection .blockA .etcArea div.area02 .inArea02 a {
	color: #f00;
}
#formSection .blockA .etcArea div.area02 .inArea02 p {
	padding: 5px;
	width: 178px;
}
#formSection .blockA .etcArea div.area02 .inArea02 p.tel {
	padding: 0 5px 5px 5px;
	width: 178px;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
}
#formSection .blockA .etcArea div.area03 {
	margin: 0 0 0 19px;
	padding: 0 0 0 0;
	width: 188px;
}
#formSection .blockA .etcArea div.area03 p {
	padding: 0 0 5px 0;
	line-height: 1.3;
}
#formSection .blockA p.linkArea {
	width: 226px;
	padding: 0 0 0 10px;
	line-height: 1.6;
	color: #fff;
}
#formSection .blockA p.linkArea a {
	color: #fff;
}

#formSection .blockB {
	float: right;
	font-size: 13px;
	width: 663px;
	border-right: 1px solid #808080;
	background: #F5F5F5;
}
#formSection .blockB .inner {
	padding: 10px 0;
}
#formSection .blockB p.ttl {
	padding: 5px 0 0 18px;
}
#formSection .blockB p.txt {
	padding: 0 0 10px 22px;
}
#formSection .blockB p.att {
	padding: 0 0 10px 22px;
	font-size: 11px;
	margin-left: 1em;
	text-indent: -1em;
	color: #f00;
}
#formSection table.table1 {
	margin: 0 0 20px 22px;
	width: 615px;
	border: 1px #808080 solid;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 13px;
}

#formSection table.table1 th {
	padding: 8px;
	border: #808080 solid;
	border-width: 0 0 1px 1px;
	background: #fff;
	line-height: 120%;
	text-align: left;
	vertical-align: top;
}
#formSection table.table1 td {
	padding: 5px;
	border: 1px #808080 solid;
	border-width: 0 0 1px 1px;
	background: #fff;
	vertical-align: top;
}
#formSection table.table1 span {
	padding: 0 0 0 5px;
	color: #f00;
}
#formSection table.table1 span.spanB {
	padding: 0;
	color: #f00;
}
#formSection table.table1 .finput {
	padding: 5px 0;
}
#formSection table.table1 .fatt {
	padding: 5px 0;
	font-size: 11px;
}
#formSection table.table1 span.spanB {
	padding: 0;
	color: #f00;
}
#formSection table.table1 .finput {
	padding: 5px 0;
}
#formSection table.table1 .fatt {
	padding: 5px 0;
	font-size: 11px;
}

#formSection table.addr {
	margin: 0;
	width: 100%;
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 13px;
}

#formSection table.addr th {
	padding: 5px;
	border: none;
	line-height: 120%;
	text-align: left;
	vertical-align: top;
}
#formSection table.addr td {
	padding: 5px;
	border: none;
	vertical-align: top;
}
#formSection table.addr span {
	padding: 0 0 0 5px;
	color: #f00;
}
#formSection p.agreeBox {
	padding: 5px 0;
	font-size: 13px;
	text-align: center;
}
#formSection p.btnBox{
	padding: 5px 0;
	font-size: 13px;
	text-align: center;
}
input#submitBtn {
	padding: 10px 20px;
}
input#resetBtn {
	padding: 5px 10px;
}



/*===
cartArea
====================================*/
p.step {
	margin: 0 auto;
	width: 611px;
}
div.windowBox {
	margin: 0 auto;
	width: 609px;
	border: 1px solid #808080;
	background: #fff;
	color: #333;
	min-height: 750px;
}
div.windowBoxPay {
	margin: 0 auto;
	margin-bottom: 20px;
	width: 609px;
	border: 1px solid #808080;
	background: #fff;
	color: #333;
	min-height: 750px;
}
div.windowBox a {
	color: #333;
}
div.windowBox p.selectTxt {
	font-weight: bold;
	font-size: 125%;
	padding: 10px 15px;
}
div.windowBoxPay p.selectTxt {
	font-size: 125%;
	margin: 60px 60px 10px;
	padding-left: 1em;
    text-indent: -1em;
}
div.windowBoxPay p.selectTxt {
	font-size: 125%;
	margin: 60px 60px 10px;
	padding-left: 1em;
    text-indent: -1em;
}
div.windowBoxPay p.selectTxt2 {
	font-size: 125%;
	color:#F00;
	margin: 0 60px 20px;
	padding-left: 1em;
    text-indent: -1em;
}
div.windowBoxPay p.selectTxt3 {
	font-size: 125%;
	margin: 0 60px 20px;
	padding-left: 1em;
    text-indent: -1em;
}
div.windowBox div.productsList {
	width: 592px;
}
div.windowBoxPay div.productsList {
	margin: 0 0 30px 70px;
	padding: 20px;
	font-size: 125%;
	font-weight:bold;
	line-height:2em;
	width: 460px;
	border: 1px solid #808080;
}
div.windowBox div.productsList div.blocks {
	float: left;
	width: 278px;
	border: 1px solid #808080;
	margin: 0 0 20px 16px;
}
div.windowBox div.productsList div.blocks p.pTitle {
	padding: 10px 15px;
	text-align: center;
	font-weight: bold;
	background: #ccc;
}
div.windowBox div.productsList div.blocks p.pic {
	padding-top: 10px;
	text-align: center;
}
div.windowBox div.productsList div.blocks p.exp {
	padding: 10px;
}
p.cartbtn {
	width: 162px;
	padding: 0 0 20px 25px;
}

div.windowBox div.buzaiList {
	width: 580px;
	margin: 0 auto;
}
div.windowBox p.bTitle {
	background: #ccc;
	padding: 5px 0;
	margin: 0 15px;
	font-weight: bold;
	text-align: center;
}
div.windowBox p.bAtt {
	padding: 5px 0;
	font-weight: bold;
	font-size: 85%
}
div.windowBox div.buzaiList div.blockL {
	margin: 30px 0 0 0;
	float: left;
	width: 261px;
}
div.windowBox div.buzaiList div.blockR {
	margin: 30px 0 0 0;
	float: right;
	width: 200px;
}
div.windowBox div.buzaiList div.blockR p.btn {
	padding: 0 0 10px 0;
}
div.windowBox table.ttlTable {
	width: 577px;
	margin: 0 auto;
	border: 1px #CCCCCC solid;
	border-collapse: collapse;
	border-spacing: 0;
}
div.windowBox table.ttlTable th {
	padding: 5px;
	width: 180px;
	border: #CCCCCC solid;
	border-width: 0 0 1px 1px;
	background: #CCCCCC;
	font-weight: bold;
	line-height: 120%;
	text-align: center;
}
div.windowBox table.ttlTable td {
	padding: 5px;
	border: 1px #CCCCCC solid;
	border-width: 0 0 1px 1px;
	text-align: left;
}
div.windowBox div.pdBox {
	width: 579px;
	margin: 20px auto 0;
	padding: 20px 0 0 0;
	border-top: 3px #CCCCCC solid;
}
div.windowBox div.pdBox .picBox {
	float: left;
	width: 293px;
	text-align: center;
	padding: 0;
	border: 1px #CCCCCC solid;
}
div.windowBox div.pdBox .picBox img {
	padding: 0;
}
div.windowBox div.pdBox .tblBox {
	float: right;
	width: 264px;
	text-align: left;
	padding: 0;
}
div.windowBox div.pdBox .tblBox table {
	margin: 0 auto;
	border: 1px #CCCCCC solid;
	border-collapse: collapse;
	border-spacing: 0;
}
div.windowBox div.pdBox .tblBox table th {
	padding: 5px;
	width: 30%;
	border: #CCCCCC solid;
	border-width: 0 0 1px 1px;
	font-weight: normal;
	text-align: left;
	font-size: 12px;
}
div.windowBox div.pdBox .tblBox table td {
	padding: 5px;
	border: 1px #CCCCCC solid;
	border-width: 0 0 1px 1px;
	text-align: left;
	font-size: 12px;
}

div.windowBox div.exBox {
	width: 579px;
	margin: 20px auto 0;
	padding: 20px 0 0 0;
	border-top: 3px #CCCCCC solid;
}
div.windowBox div.exBox p.pic {
	width: 577px;
	text-align: center;
	margin: 0 0 20px 0;
	border: 1px #CCCCCC solid;
}
div.windowBox div.exBox div.exL {
	float: left;
	width: 320px;
}
div.windowBox div.exBox div.exL table {
	margin: 0 auto;
	border: 1px #CCCCCC solid;
	border-collapse: collapse;
	border-spacing: 0;
}
div.windowBox div.exBox div.exL table th {
	padding: 5px;
	width: 30%;
	border: #CCCCCC solid;
	border-width: 0 0 1px 1px;
	font-weight: normal;
	text-align: left;
	font-size: 12px;
}
div.windowBox div.exBox div.exL table td {
	padding: 5px;
	border: 1px #CCCCCC solid;
	border-width: 0 0 1px 1px;
	text-align: left;
	font-size: 12px;
}
div.windowBox div.exBox div.exR {
	float: right;
	width: 200px;
}

div.windowBox table.cartTable {
	width: 577px;
	margin: 0 auto;
	border: 1px #000 solid;
	border-collapse: collapse;
	border-spacing: 0;
	color: #000;
	font-size: 13px;
}
div.windowBox table.cartTable th {
	padding: 5px;
	border: #000 solid;
	border-width: 0 0 1px 1px;
	background: #E6DDF2;
	font-weight: normal;
	line-height: 120%;
	text-align: center;
}
div.windowBox table.cartTable td {
	padding: 5px;
	border: 1px #000 solid;
	border-width: 0 0 1px 1px;
	text-align: center;
}
div.windowBox table.cartTable td.ltxt {
	text-align: left;
}
div.windowBox p.innerTxt{
	width: 577px;
	margin: 0 auto;
	padding: 10px 0;
}
div.windowBox div.priceArea {
	margin: 0 0 0 267px;
	width: 320px;
}
div.windowBox table.priceTable {
	width: 100%;
	margin: 0 20px 0 0;
	border: 1px #000 solid;
	border-collapse: collapse;
	border-spacing: 0;
	color: #000;
	font-size: 13px;
}
div.windowBox table.priceTable th {
	padding: 5px;
	width: 180px;
	border: #000 solid;
	border-width: 0 0 1px 1px;
	font-weight: normal;
	line-height: 120%;
	text-align: left;
}
div.windowBox table.priceTable td {
	padding: 5px;
	border: 1px #000 solid;
	border-width: 0 0 1px 1px;
	text-align: right;
}
div.windowBox table.priceTable tr.big th {
	padding: 10px 5px;
	font-weight: bold;
	font-size: 116%;
}
div.windowBox div.btncol {
	width: 577px;
	margin: 0 auto;
}
div.windowBox div.btncol div.btn01 {
	float: left;
	width: 50%;
	text-align: left;
}
div.windowBox div.btncol div.btn02 {
	float: right;
	width: 50%;
	text-align: right;
}
#formSection table.table2 {
	margin: 0 0 20px 0;
	width: 100%;
	border-top: 1px #808080 solid;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 13px;
}

#formSection table.table2 th {
	padding: 8px;
	border: #808080 solid;
	border-width: 0 0 1px 0;
	background: #fff;
	line-height: 120%;
	text-align: left;
	vertical-align: top;
}
#formSection table.table2 td {
	padding: 5px;
	border: 1px #808080 solid;
	border-width: 0 0 1px 1px;
	background: #fff;
	vertical-align: top;
}
#formSection table.table2 span {
	padding: 0 0 0 5px;
	color: #f00;
}
#formSection table.table2 span.spanB {
	padding: 0;
	color: #f00;
}

#formSection table.table2 table.addr th,
#formSection table.table2 table.addr td {
	border: none;
}
#formSection table.table3 {
	margin: 0 auto;
	width: 577px;
	border: 1px #808080 solid;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 13px;
}

#formSection table.table3 th {
	padding: 8px;
	border: #808080 solid;
	border-width: 0 0 1px 0;
	background: #E6DDF2;
	line-height: 120%;
	text-align: left;
	font-weight: bold;
	vertical-align: top;
}
#formSection table.table3 td {
	padding: 5px;
	border: 1px #808080 solid;
	border-width: 0 0 1px 0;
	background: #fff;
	vertical-align: top;
}
#formSection p.fttxt {
	padding: 10px 0;
	width: 577px;
	margin: 0 auto;
}



/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}
 
.cf:after {
    clear:both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}

div.caution {
	padding: 10px 5px 10px 100px;
	text-indent: -12px;
	font-size: 85.7%;
	margin: 0 auto 20px;
	width: 504px;
	border: 1px solid #808080;
	background: url(../img/caution.gif) 10px 10px no-repeat;
	color: #333;
}