@charset "UTF-8";
/* CSS Document */

/* 2009.04.24. */



#cart{

width:662px;

margin:0 auto;

color:#333333;

}



#cart ul,

#cart ul li{

margin:0;

padding:0;

list-style-type:none;

}



#cart span{

color:#ff0066;

}



#cart span.caution{

color:#999999;

}



#cart ul.navi li{

float:left;

background-image:url("../img/cart/contact_arrow.gif");

background-repeat:no-repeat;

background-position:right 8px;

padding-right:20px;

margin-right:10px;

}



#cart ul.navi li.last{

background-image:none;

padding-right:0px;

margin-right:0px;

}



#cart p.ttl{

background-color:#dddddd;

padding:8px 15px;

background-image:url("../img/cart/ttl.gif");

background-repeat:repeat-y;

background-position:left top;

font-weight:bold;

}



#cart p.ttl02{

width:540px;

margin:0 auto;

background-color: #beedee;

background-image:url("../img/cart/ttl02.gif");

background-repeat:repeat-y;

background-position:left top;

padding:5px 10px;

margin-top:10px;

margin-bottom:10px;

font-weight:bold;

color: #0077a6;

}



#cart p.ttl03{

width:560px;

margin:0 auto;

}



#cart table{

margin:0 auto;

border-collapse:collapse;

}



#cart table th,

#cart table td{

border:1px solid #999999;

border-collapse:collapse;

margin:0;

padding:8px;

line-height:1.2;

color:#333333;

}



#cart table td input{

margin-bottom:3px;

}



#cart table#tbl01{

width:460px;

}



#cart table#tbl01 th,

#cart table#tbl01 td{

text-align:center;

}



#cart table#tbl02{

width:560px;

margin-bottom:20px;

}



#cart table#tbl02 th,

#cart table#tbl02 td{

text-align:left;

}



#cart table#tbl02 th{

background-color:#eeeeee;

}



#cart p.box03{

width:560px;

margin:0 auto 20px auto;

}



#cart p.box04{

width:538px;

margin:0 auto 20px auto;

border:1px solid #999999;

padding:10px;

}



#cart dl{

width:560px;

margin:0 auto;

}



#cart dd{

border:1px solid #999999;

}



#cart p.note01{

width:560px;

margin:0 auto;

color:#ff0066;

font-weight:bold;

}



#cart p.note02{

text-align:center;

margin-top:20px;

}



#cart ul.goto{

width:400px;

margin:0 auto;

}



#cart ul.goto li.boxLeft{

float:left;

}



#cart ul.goto li.boxRight{

float:right;

}

/*--------------------------------------------
強制的にclearするセレクタ
--------------------------------------------*/
.clear {
	display: block;
	clear: both;
	line-height: 0px;
	font-size: 1px;
}

/*clearfix*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	display: inline-table;
	min-height: 1%;
}

/*Hides from MacIE \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/*Hides from MacIE */