@charset "UTF-8";
/******************** import css ***********************/
@import url(reset.css);
@import url(fonts.css);
/****************************************************
/* CSS Example
****************************************************/

/********** BASE **********/

body {
line-height:120%;
color:#333;
font-family:tahoma,sans-serif;
font-size:100%;
}

img{
border:none;
vertical-align:bottom;
}

input,select{
vertical-align:middle;
margin-bottom: 1px;
}

#container{
width:800px;
margin:0px auto;
padding:10px 0px 30px 0px;
text-align:center;
}

p{
font-size:93%;
margin-bottom:10px;
line-height:1.2;
}

#contents{
clear:both;
overflow: hidden;
zoom: 1;
width:800px;
text-align:left;
margin-top:20px;
padding-top:10px;
}

/********** FONT **********/

h1,h2,h3{
font-weight:bold;margin-bottom:10px;
}

h1{
font-size:197%;
color:#B2BD67;
}

#contents h2{
font-size:116%;
}

#contents h3{
clear:both;
margin-top:20px;
margin-bottom:0px;
font-size:108%;
}

strong{
font-weight:bold;
}
.attention{
color:red;
}
.amount{
font-size:138.5%;
font-weight:bold;
}

/********** HEADER **********/

#header{
text-align:center;
margin-bottom:20px;
}

#header img{
margin-right:5px;
}

#header h1{
border-bottom:1px solid #B2BD67;
padding-bottom:13px;
padding-top:30px;
margin-bottom:5px;
}


/********** STEP **********/

ul{
clear:both;
height:24px;
}

ul li{
float:left;
}

ul li img{
margin-right:15px;
}

/********** TABLE **********/
table{
border-collapse:collapse;
border:1px solid #ccc;
text-align:left;
font-size:93%;
margin-top:10px;
margin-bottom:10px;
}

table td,
table th{
border:1px solid #ccc;
padding: 6px 7px 6px;
vertical-align: middle;
}

table th{
background-color:#f6f6f6;
font-weight:bold;
vertical-align:top;
}

table th.i-pri {
	width: 90px;
}
table th.i-amo {
	width: 80px;
}
table th.i-sum {
	width: 115px;
}
table th.i-opt {
	width: 130px;
}
table th.i-rem {
	width: 45px;
}


table.viewcart td span {
float: left;
}
table.viewcart td span img {
margin-right: 7px;
}

table.viewcart td input {
padding: 1px 3px;
}


.viewcart{
width:100%;
}

.subtotal, .total, .postage{
float:right;
width:45%;
}

.subtotal th, .total th{
width:40%;
}

.postage{
clear:both;
}

.postage .attention{
font-weight:bold;
text-align:left;
}

.form{
width:100%;
}

.form th{
width:25%;
}


/********** FOOTER **********/

#footer{
clear:both;
border-top:1px solid #ccc;
padding-top:15px;
margin-top:15px;
}

#footer .prev{
float:left;
width:150px;
margin-right: 10px;
}

#footer .next{
float:right;
width:150px;
}

#footer form{
display:inline;
}

#footer p{
clear:both;
padding-top: 20px;
font-family:tahoma;
font-size:77%;
}

/********** FORM **********/

.form-mini{
width:20px;
margin-right:5px;
}

.form-short, .form-middle, .form-long, select,textarea{
	border: inherit;
margin:1px 10px 2px 0px;
}

.form-short{
width:70px;
}

.form-middle{
width:159px;
}

.form-long{
width:280px;
}

textarea{
width:380px;
height:100px;
}

.form-error{
border:1px solid #b22222;
background-color:#fff5ee;
padding:1px;
}

#contents .external{
text-align:center;
margin:25px auto;
}

#contents .external input{
font-size:93%;
width:180px;
padding:3px 0px;
}

/********** OTHER **********/

#error-message{
background-color:#b22222;
padding:10px 10px 1px 10px;
}

#error-message p{
color:#ffffff;
font-weight:bold;
}

.decide{
margin:20px auto;
}

#another_add table {
	padding-bottom: 10px;
	margin: 0;
}

#check-order table th img {
	margin-bottom: 1px;
	margin-left: 5px;
}

table.form td label {
	margin-right: 10px;
}

table.form td select {
	margin-right: 5px;
	margin-bottom: 4px;
}

p.shopinfo {
	margin-bottom: 30px;

}