@charset "UTF-8";

/*---------------------------------------------
ヘッダー
---------------------------------------------*/

/* 上部 */

.headerCartLink {
	float: right;
	padding-top:27px;
	width: 350px;
}
.headerCartLink img {
	float: right;
}

/* 下部 */

.headerTitleCart {
	clear: both;
	background: url(../images/bg_ttl_head_c.gif) repeat-x left top;
	height: 48px;
	margin-bottom: 15px;
}
.headerTitleCart h1 {
	font-size: 150%;
	font-weight: bold;
	padding: 10px 0 0 10px;
}

/*---------------------------------------------
メイン
---------------------------------------------*/

/* カート上部文言 */
.main p.stock {
	padding:0 0 5px 10px; 
}
.main .postage {
	width:550px;
	border: #CDC1B9 3px solid;
	background-color:#FDF9EE;
	padding:10px;
	line-height:1.4;
	margin:10px auto 20px;
}
.main .postage span {
	font-size:150%;
	font-weight:bold;
	color:#FF0000;
}
.main .postage strong {
	font-size:140%;
	font-weight:bold;
	color:#FF0000;
}
.main .postage em {
	font-size:120%;
	font-weight:bold;
	font-style: normal;
}

.main .postage p.small {
	font-size:90%;
	color:#666666;
}


/* ログイン */
.mainLogin {
	clear: both;
	width: 930px;
	margin: 0 auto 30px;
}
.mainLogin .btnCtr table {
 margin: 0 auto;
}
.btnCtr .caption {
 padding-top: 3px;
	line-height: 1.2;
}
.loginLink {
 background: url(../images/ico_arrow.gif) no-repeat left center;
	display: block;
	padding-left: 16px;
	margin-left: 20px;
}

/* ステップ */

.step {
 margin-bottom: 15px;
}

/* ----------------------------------------- */
/* タブ */

.tabCart {
	overflow: auto;
	background-image: url(../images/bg_tab_c_all.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
}
.tab {
	background: url(../images/bg_tab_c.gif) no-repeat left top;
	padding-left: 1px;
}
.tab a:link,
.tab a:visited,
.tab a:hover,
.tab a:active {
	color: #887A72;
	line-height: 1.2;
	text-decoration: none;
}
.tab_a {
	background: url(../images/bg_tab_c_a.gif) no-repeat left top;
	padding-left: 1px;
}
.tab_a a:link,
.tab_a a:visited,
.tab_a a:hover,
.tab_a a:active {
 color: #000000;
 font-weight: bold;
	line-height: 1.2;
	text-decoration: none;
}
.tabInr {
	display: table-cell;
	height: 100%;
}
.tab .tabInr {
 width: 110px;
 border-bottom: #CDC1B9 1px solid;
}
.tab_a .tabInr {
 width: 108px;
 border-bottom: #FFFFFF 1px solid;
}
.tabInr table {
 margin: 5px auto;
}

/* ----------------------------------------- */
/* カートエリア */

.mainCart {
 border: #CDC1B9 1px solid;
	padding:0 10px 10px;
}
.mainCartTab {
	width:780px;
	border-right: #CDC1B9 1px solid;
	border-bottom: #CDC1B9 1px solid;
	border-left: #CDC1B9 1px solid;
	padding:10px;
	overflow: hidden;
}
.partition {
 border-top: #CDC1B9 1px dotted;
 margin-top:10px;
}

.mainCart h3,
.mainCartTab h3 {
	border-left: #CC0000 4px solid;
	color: #887A72;
	font-weight: bold;
	padding-left: 5px;
	margin:10px 0;
}
.mainCart h4,
.mainCartTab h4 {
	font-weight: bold;
	margin-bottom: 10px;
}
.mainCart p,
.mainCartTab p {
 margin:5px 0;
}
.mainCart .btnRgt,
.mainCartTab .btnRgt {
 text-align: right;
}
.mainCart .btnRgt input,
.mainCartTab .btnRgt input {
 margin-top: 5px;
}
.main p.webcrewid {
	font-size:110%;
	margin:10px 0 10px 393px;
}
.main .order {
	margin:20px auto 0;
	width:550px;
	border: #CC0000 1px solid;
	padding:10px;
	line-height:1.5;
}
.main p.ordertitle {
	color:#CC0000;
	font-weight:bold;
}
.main ul.home {
	margin:40px 0 10px 323px;
}
.main ul.home li {
	list-style-type: none;	
}

/* カート - ツリー表示 */

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {
	display: inline-table;
	min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
.treeIndx {
 float: left;
 width: 180px;
}
.treeCont {
 float: right;
 width: 720px;
}

/* ツリー線｜ */
.treeLineA {
 background: url(../images/ico_tree_a.gif) no-repeat left center;
	padding-left: 20px;
}

/* ツリー線├ */
.treeLineB {
 background: url(../images/ico_tree_b.gif) no-repeat left center;
	padding-left: 20px;
}

/* ツリー線└ */
.treeLineC {
 background: url(../images/ico_tree_c.gif) no-repeat left center;
	padding-left: 20px;
}

/* ツリーフォルダ - ルート */
.treeFldr_r {
	background: #C5B6AC url(../images/bg_tree_r.gif) repeat-x left top;
	border: #9D887B 1px solid;
	width: 110px;
	margin-bottom: 5px;
}
.treeFldr_r a:link,
.treeFldr_r a:visited,
.treeFldr_r a:hover,
.treeFldr_r a:active {
 display: block;
 color: #FFFFFF;
	line-height: 1.2;
	text-decoration: none;
	padding: 5px;
}

/* ツリーフォルダ */
.treeFldr {
 background: #FCF8F2 url(../images/bg_tree.gif) repeat-x left top;
	border: #CDC1B9 1px solid;
	width: 110px;
	margin-bottom: 5px;
}
.treeFldr a:link,
.treeFldr a:visited,
.treeFldr a:hover,
.treeFldr a:active {
	display: block;
 color: #887A72;
	line-height: 1.2;
	text-decoration: none;
	padding: 5px;
}

/* ツリーフォルダ - アクティブ */
.treeFldr_a {
 background: #FFFFFF url(../images/bg_tree_a.gif) repeat-x left top;
	border: #CDC1B9 1px solid;
	width: 110px;
	margin-bottom: 5px;
}
.treeFldr_a a:link,
.treeFldr_a a:visited,
.treeFldr_a a:hover,
.treeFldr_a a:active {
	display: block;
 color: #000000;
	line-height: 1.2;
	font-weight: bold;
	text-decoration: none;
	padding: 5px;
}

/* カート - 展開表示 */

.spreadLft {
 float: left;
 width: 455px;
}
.spreadRgt {
 float: right;
 width: 455px;
}
.spreadLft p,
.spreadRgt p {
	padding-bottom: 5px;
}
.spreadLft p em,
.spreadRgt p em {
 color: #887A72;
	font-style: normal;
	padding: 0 7px;
}
.spreadLft .mainCart,
.spreadRgt .mainCart {
 background: url(../images/bg_spread.gif) repeat-x left top;
	margin-bottom: 20px;
}
.spreadCartName {
 font-weight: bold;
	margin-bottom: 10px;
}
.spreadCartName input {
	margin-right: 2px;
}
.spreadInr {
 overflow: auto;
	width: 100%;
	height: 250px;
}
* html .spreadInr { /* IE6対策 */
	overflow-x: hidden;
	width: 435px;
}
*+html .spreadInr { /* IE7対策 */
	overflow: scroll;
	overflow-x: hidden;
}
* html .spreadInr .carttblHead,
* html .spreadInr .carttbl { /* IE6対策 */
 width: 418px;
}
*+html .spreadInr .carttblHead,
*+html .spreadInr .carttbl { /* IE6対策 */
 width: 416px;
}
.spreadLft .cartSum table,
.spreadRgt .cartSum table {
	float: left;
 margin: 0;
}
.spreadLft .cartSum select,
.spreadRgt .cartSum select {
	float: left;
 margin-left: 10px;
}

/* 操作系ボタン */

.operate {
 background-color: #CDC1B9;
	padding: 10px;
	text-align: right;
}
.operate input {
 margin-right: 3px;
}

/* ----------------------------------------- */
/* 表 */

.tbl1,
.tbl2,
.tbl3,
.tbl4 {
	border-top: #CDC1B9 1px solid;
	border-left: #CDC1B9 1px solid;
}
.tbl1 th,
.tbl1 td,
.tbl2 th,
.tbl2 td,
.tbl3 th,
.tbl3 td,
.tbl4 td {
	border-right: #CDC1B9 1px solid;
	border-bottom: #CDC1B9 1px solid;
	padding: 7px;
}
.tbl1 th,
.tbl2 th,
.tbl4 th.ti {
	background-color: #F0E9E0;
	color: #333333;
	font-weight: bold;
}
.tbl3 th {
	background-color: #FAF8F6;
	font-weight: normal;
}
.tbl1 th {
	font-size: 110%;
}
.tbl1 td td,
.tbl2 td td,
.tbl3 th td,
.tbl3 td td,
.tbl4 td td {
 border: none;
	padding: 0;
}
.sum {
 background-color: #FAF8F6;
	color: #333333;
	font-weight: bold;
}
.tbl2 img.search,
.tbl4 img.search {
	padding-left:5px;
	vertical-align: bottom;
}
.tbl4 th.ti {
	padding: 7px;
	border-bottom: #CDC1B9 1px solid;
}
.tbl4 td.surely {
	font-weight: bold;
	background-color: #F0E9E0;
	border-right: #CDC1B9 1px solid;
	border-bottom: #CDC1B9 1px solid;
	padding:7px 7px 7px 0;
}
.tbl2 ul li {
	list-style-type: none;	
}

.tbl5 {
	margin:10px auto 20px;
}
.tbl5 td {
	padding:5px;
}

/* 表 - 決済合計 */

.sumLast {
	margin:5px 0 20px 565px;
}
.sumLast table {
	border-top: #CDC1B9 1px solid;
	border-left: #CDC1B9 1px solid;
}
.sumLast th {
	background-color: #FAF8F6;
	color: #333333;
	border-right: #CDC1B9 1px solid;
	border-bottom: #CDC1B9 1px solid;
	padding: 5px;
	text-align:right;
}
.sumLast td {
	border-right: #CDC1B9 1px solid;
	border-bottom: #CDC1B9 1px solid;
	font-weight: bold;
	padding: 7px;
	text-align:right;
}
.sumLast th.last,
.sumLast td.last {
	background-color:#FFFFCC;
}
.sumLast span {
	font-size:120%;
}
.sumLast strong {
	font-size:140%;
}

/* 表 - カート */

.carttblHead {
	background-color: #F0E9E0;
	border-top: #CDC1B9 1px solid;
	border-right: #CDC1B9 1px solid;
	border-left: #CDC1B9 1px solid;
}
.carttblHead th {
	color: #333333;
	font-size: 110%;
	font-weight: bold;
	padding:5px;
}
.carttblNew,
.carttbl td{
	border-bottom: #CDC1B9 1px solid;
}
.carttbl {
	margin-bottom: 5px;
	border-right: #CDC1B9 1px solid;
	border-left: #CDC1B9 1px solid;
	border-top: #CDC1B9 1px solid;
}
.carttblNew td,
.carttbl td {
	padding: 5px;
}
.carttblNew img,
.carttbl img {
	border : #CDC1B9 1px solid;
}
.cartSum {
	padding-top:5px;
	float:right;
	overflow:hidden;
}

.cartSumTxt {
	font-size: 116%;
	font-weight: bold;
}

/* ----------------------------------------- */
/* ボタン */

.w100 {
 width: 100px;
}
.w150 {
 width: 150px;
}
.w200 {
 width: 200px;
}
.w250 {
 width: 250px;
}
.btnCtr {
	padding-top: 20px;
	text-align: center;
	clear: both;
}
.btnCtr img {
 margin: 0 10px;
}
.btnCtr2 {
	overflow:hidden;
	float:left;
	padding:20px 0 0 10px;
}
.btnCtr2 img {
 margin-right:132px;
}
.btnCtr3 {
	padding-top: 30px;
	text-align: center;
	clear: both;
}
.btnCartCng {
 text-align: right;
	margin-bottom: 10px;
}
.btnCartCng img {
	margin-left: 6px;
}

/* ----------------------------------------- */
/* テキスト */

.txtL {
	font-size: 116%;
}

.txtS {
	font-size: 84%;
}

/* 注釈 */

.captionBrw {
	color: #887A72;
	font-size: 83%;
}
.precedent {
	color:#444444;
	font-size:98%;
}

/* ポイント */

.point {
	color: #CC0000;
}
.pointNo {
	color: #CC0000;
	font-size: 116%;
	font-weight: bold;
	padding-right: 3px;
}

/* 必須項目 */

span.aster {
	color: #FF0000;
	font-size:95%;
}

/* サンクス */

.thanks {
 text-align: center;
}
.thanks h3 {
 color: #CC0000;
 font-size: 150%;
	font-weight: bold;
	margin-bottom: 1em;
}
.thanks h4 {
	font-size: 116%;
	font-weight: bold;
	margin-bottom: 2em;
}
.thanks p {
 line-height: 1.7;
}
.thanks .mainCart {
 margin: 2em auto 0;
	width: 50%;
	text-align: left;
	line-height: 1.4;
}
.thanks .mainCart h3 {
	color: #887A72;
	font-size: 100%;
	margin-bottom: 0;
}
.thanks .mainCart h4 {
	font-size: 100%;
	font-weight: bold;
	margin-top: 1em;
	margin-bottom: 0.5em;
}
.thanks .contact td {
 padding: 0.1em 1em 0.1em 0;
}
.thanks .contactNum {
 font-size: 135%;
}
.thanks .contactmail {
 font-size: 110%;
}

/* ログイン */
.attention {
	margin:0 120px 0 170px;
}
.attention  p {
	margin-bottom:10px;
}
.attention .error {
	border: 2px solid #CC0000;
	padding:5px;
	margin-bottom:10px;
}
.attention .error td.error-text {
	color:#FF0000;
	font-weight:bold;
	padding-left:5px;
}