@charset "utf-8";


/* フォームボタン
---------------------------------------------------- */

input.bo_cart, form.cart input.bo_cart {
	background: #eeeeee bottom;
/*	background:url(/static/common/images/input_cart.gif) repeat-x #FFFFFF bottom; */
	border:1px solid #AAAAAA;
	display:block;
	font-size:14px;
/*	font-weight:bold; */
	height:28px;
	color:#003366;
	padding:2px 4px;
	margin: 20px 0 10px 0;
}
input.bo_cart:hover, form.cart input.bo_cart:hover {
	background:url(/static/common/images/input_cart_hover.gif) repeat-x #FFFFFF;
	cursor:pointer;
}
/* フォーム
---------------------------------------------------- */

form.cart {
}
form.cart input {
/*	border:1px solid #DEDEDE;*/
	font-size:1.1em;
	padding:5px;
	margin:0 5px 0 0;
}
form.cart .etc {
	color: #666666;
}
form.cart .links, table.table01 .links {
	float:right;
	margin:0;
}
form.cart .alert {
	color:#CC0000;
}
form p {
	clear:both;
	margin:0 0 10px 0;
	overflow:hidden;
}
form .scrollbox {
	font-size:90%;
	height:300px;
	line-height:150%;
	margin:0 auto 10px;
	overflow:scroll;
}
/* テーブル
---------------------------------------------------- */
table.table01, table.table{
	border: 1px #E3E3E3 solid;
	border-collapse: collapse;
	border-spacing: 0;
	text-align:left;
}
table.table01 th, table.table th {
	padding: 5px;
	border: #E3E3E3 solid;
	border-width: 0 0 1px 1px;
	background: #F5F5F5;
	font-weight: bold;
	line-height: 120%;
	font-size: 1.3em;
	text-align: left;
}
table.table01 th.yellow {
background:#FFFCEA;

}
table.table01 td, table.table td {
	padding: 5px;
	border: 1px #E3E3E3 solid;
	border-width: 0 0 1px 1px;
	font-size: 1.3em;
	line-height:160%;
}

table.table01 .right {
	text-align:right;
}

table.table01 td dt {
	font-size:1em;
}
table.table01 .total_price {
	color:#003366;
	font-weight:bold;
	background:#FFFCEA;
}
table.table01 .point {
	color:#003366;
	font-weight:bold;
}

/* 注文ステップ
---------------------------------------------------- */
ul.step {
	background:none repeat scroll 0 0 #F5F5F5;
	clear:both;
	font-size:1.2em;
	list-style:none outside none;
	margin:0 auto 10px auto;
	padding:10px;
	width:622px;
	display:block;
	 _zoom: 1;   
    overflow: hidden;  
}
ul.step a {
	color:#A9A9A9;
	text-decoration:none;
}
ul.step li {
	background:url("/static/common/images/progress_arrow.gif") repeat-x scroll right 6px transparent;
	float:left;
	text-align:left;
	width:170px;
}
ul.step li#lastStep {
	width:110px;
}
ul.step li .txt {
	color:#999999;
	display:block;
	margin-right:11%;
	text-align:center;
}
ul.step li .txtactive {
	color:#003366;
	display:block;
	margin-right:11%;
	text-align:center;
}
ul.step li span {
	background-color:#FFFFFF;
	border:1px solid #A9A9A9;
	display:block;
	height:19px;
	line-height:19px;
	margin:auto 50% auto auto;
	text-align:center;
	width:19px;
}
ul.step li#lastStep span {
	margin:auto 40% auto auto;
}
ul.step li.active span {
	background-color:#003366;
	color:#FFFFFF;
}
ul.step li.past {
	background-position:right -106px;
}
ul.step li.active {
	background-position:right -48px;
}
ul.step li#lastStep {
	background-position:right -214px;
}
ul.step li#lastStep.active {
	background-position:right -161px;
}

.caution {
color:#CC0000;
font-weight:bold;
}