@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{
	height: 20px;
vertical-align:middle;
}
input.ime-no {
	ime-mode:disabled;
}

#container{
width:800px;
margin:0px auto;
padding:10px 0px 30px 0px;
/*text-align:center;*/
}
.clearfix:after {
content:".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-block;
}

p{
font-size:93%;
margin-bottom:10px;
line-height:1.5em;
}
p.txt-left{
	text-align: left;
}
.red {
	color:#F00;
}
.mt20 {
	clear:both;
	margin-top:20px;
}
#contents{
clear:both;
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:left;
}

#header img{
float:left;
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:4px 7px;
}

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

.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;
}

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

#footer form{
display:inline;
}

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

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

.form-short, .form-middle, .form-long, select,textarea{
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;
}