/*//////////■common settings■//////////*/


/*----------▼初期値　0　▼----------*/
* {
margin: 0;
padding: 0;
}


/*----------▼基本設定▼----------*/
body {
background:url(../images/bg_green.jpg) repeat-y;
/*background-color:#FFFFFF; body基本背景*/
font-family:Arial, Helvetica, sans-serif;
color:#777777;/*■指定変更■基本文字色*/
font-size:small;
line-height:1.2em;
}



p{
margin:5px 0;
}
img {
border:none;
}



/* デフォルト
a:link {
}
a:hover {
}
a:visited {
}
*/

a {
  text-decoration:underline;
  color: #666666;
}
a:link {
  color: #666666;
}
a:visited {
  color: #666666;
}
a:hover {
  color: #ff7f00;
}
	


form {
margin:0;
padding:0;
}




/*■float関係*/
.xc_floatRight {
float:right;
}
.xc_floatLeft {
float:left;
}
.xc_clearBoth {
clear:both;
height:1%;
padding:0;
}


/*■クリアプロパティ*/
.xc_headerClear {
  clear:both;
}
.xc_footerClear {
  clear:both;
}


/*----------■入力エラー等■----------*/
ul.xc_error {
color:red;
margin:5px 0;
padding:0;
list-style-image:url("/index/images/error.gif");
}
ul.xc_error li {
margin:0 0 0 50px;
color:red;
font-weight:bold;
font-size:150%;
line-height:105%
}


ol.xc_error {
margin:0;
padding:0 30px;
list-style:none;
}
	ol.xc_error li {
	margin:0;
	padding:0;
	color:red;
	}


/*----------▼各　table▼----------*/

/*■基本*/
table {
border-top:0;
border-right:0;
border-bottom:0;
border-left:0;
}
	table th {
	text-align:left;
	background-color:#ECF3F6;/*table th背景色*/
	border-top:0;
	border-right:0;
	border-bottom:0;
	border-left:0;
	}
	table td {
	border-top:0;
	border-right:0;
	border-bottom:0;
	border-left:0;
	}


/*■普通の表*/
table.xc_normal{
margin:5px 0;
border-top:1px solid #777777;
border-right:1px solid #777777;
border-bottom:0;
border-left:0;
}

	table.xc_normal th{
	padding:4px;
	text-align:center;
	border-top:0;
	border-right:0;
	border-bottom:1px solid #777777;
	border-left:1px solid #777777;
	}

	table.xc_normal td {
	padding:4px;
	border-top:0;
	border-right:0;
	border-bottom:1px solid #777777;
	border-left:1px solid #777777;
	}
	
table.xc_normal th.xc_checkbox {
width:15px;
}


/*----------▼エリア設定▼----------*/

/*■全体を囲む*/
.xc_wrapper{
background: url(../images/bg_wrapper_sideL.jpg) repeat-y;/*非表示中*/
width: 940px;
margin:0 auto;
padding:0;
line-height:130%;
/*border-top:1px solid #4a7a2a;*/
border-right:1px solid #4a7a2a;
border-bottom:3px solid #4a7a2a;
border-left:1px solid #4a7a2a;
}
/*■ヘッダ*/
.xc_header {
background-color: #ffffff;
color: #666666;
width: auto;
height: auto;
margin: 0;
padding: 0;
border-top:0;
border-right:0;
border-bottom:1px solid #777777;
border-left:0;
}
/*■コンテンツ左*/
.xc_contentsLeft {
width: 222px;
height: auto;
margin: 0px;
padding: 10px;
float:left;
border-top:0;
border-right:0;
border-bottom:0;
border-left:0;
}
/*■コンテンツ中*/
.xc_contents {
background-color: #FFFFFF;
width: 660px;
height: auto;
margin: 0px;
padding: 10px;
float: left;
border-top: 0;
border-right: 0;
border-bottom: 0;
border-left: 0;

}
	/*■自動生成　上*/
	.xc_contentsHeader {
	margin: 10px 0;

	}
	/*■自動生成　下*/
	.xc_contentsFooter {
	margin: 10px 0;

	}
/*■コンテンツ右*/
.xc_contentsRight {
background-color: #FFFFFF;
width: 0px;/*2カラムの為非表示にするための0px*/
height: auto;
margin: 0px;
padding: 0px;
float:left;
}
/*■フッタ*/
.xc_footer {
width :auto;
margin: 0;
padding: 5px;
border-top:0;
border-right:0;
border-bottom:0;
border-left:0;
}




/*----------▼システムブロック▼----------*/


/*■■■■■タイトル■■■■■*/
h1 {
margin:0;
padding:0;
}
		/*■テキストの場合*/
		h1.xc_siteTitle {
		margin:0px;
		padding:10px;
		}
		h1.xc_siteTitle a {
		text-decoration:none;
		}
		/*■画像の場合*/
		h1 img {
		margin:0;
		}



/*■■■■■サブタイトル■■■■■*/
h2 {/*xc_contents内で使用*/
margin:10px auto;
padding: 5px;
line-height: 120%;
}
h2 {
margin:0px;
padding:2px 13px;
font-size:small;
font-weight:normal;
}



/*■■■■■メニュー■■■■■*/

.xc_gNavi {
background-color: #FF9900;
margin: 0px;
padding: 5px 10px;
line-height:100%;
}
	/*----------■リスト形式にするとき■----------*/
	.xc_gNavi ul {
	list-style-type: none;
	margin :0;
	padding: 0;
	}
	.xc_gNavi li {
	margin :0;
	padding: 0;
	}

.xc_gNavi a {
margin:0 5px;
}

#xc_gnTop {
}
#xc_gnCate {
}
#xc_gnLogIn {
}
#xc_gnLogOut {
}
#xc_gnMy {
}
#xc_gnHelp {
}
#xc_gnMeth {
}
#xc_gnInq {
}
#xc_gnFree1 {
}
#xc_gnFree2 {
}

/*■■■■■営業日カレンダー■■■■■*/
div.xc_calendar {
	margin: 10px auto;
	float:left;
}

table.xc_calender {
	margin: 0px 20px 0 0;
	background-color:#FFFFFF;
	border-top:1px solid #777777;
	border-right:1px solid #777777;
	border-bottom:0;
	border-left:0;
	float:left;
}
/*■月*/
table.xc_calender caption {
	text-align: left;
	font-weight: bold;
}
table.xc_calender th {
	padding:1px 2px;
	text-align:center;
	background-color:#EEEEEE;
	border-top:0;
	border-right:0;
	border-bottom:1px solid #777777;
	border-left:1px solid #777777;
	font-weight: normal;
	text-align:center;
}
	
	
table.xc_calender td {
	padding:1px 2px;
	text-align:center;
	border-top:0;
	border-right:0;
	border-bottom:1px solid #777777;
	border-left:1px solid #777777;
	font-weight: normal;
	text-align:center;
}

		/*■営業休*/
		.xc_bgGray {
		background-color: #FFD9EC;/*ピンク系*/
		}
		/*■本日ハイライト*/
		.calendarHighlight {	
		background:#FFF0AA;
		}
		/*■土曜*/
		.xc_blue {
		color:#649AA2;/*青系*/
		}
		/*■日曜*/
		.xc_red {
		color:#FF7D81;/*赤系*/
		}


/* -----------------------------------------------------------------*/
/* ▼システムブロック_「検索ボックス」▼*/
/* -----------------------------------------------------------------*/
div.xc_searchBlock{
background-color:#ffffff;
margin:0px auto;
padding:2px;
border:1px solid #c7c8be;
text-align: right;
}

    /*■リスト形式の場合*/
    .xc_searchBlock ul {
    list-style-type:none;
    margin:0;
    padding:0;
    }
        .xc_searchBlock ul li {
        float:left;
        margin:0;
        padding:0px;
        }

    /*----- 入力項目の設定 ---------------------------------*/
    /*■セレクトボックス*/
    .xc_searchBlock select {
    width:145px;
    }
        /*■親カテゴリ*/
        .xc_searchBlock #rootCategory{
        }
        /*■サブカテゴリ*/
        .xc_searchBlock #childCategory{
        }

    /*■入力ボックス*/
    .xc_searchBlock input {
    }
        /*■キーワード検索エリア*/
        .xc_searchBlock #keyword{
        width:100px;
        text-align:left;
        }
    /*■検索ボタン*/
    .xc_searchBlock #submit {
    vertical-align:bottom;
    }

/* -----------------------------------------------------------------*/
/* ▼システムブロック_「ログインボックス」▼*/
/* -----------------------------------------------------------------*/
div.xc_login {
background-color:#ffffff;
margin:5px auto;
padding: 5px;
border:1px solid #c7c8be;
}

    /*■ログイン前（テーブル形式）■*/
    .xc_login table th {
    padding: 2px;
    text-align: right;
    }
        /*■エラー表示*/
        .xc_login input {
        margin:2px ;
        }

    /*■ログイン後（リスト形式）■*/
    .xc_login ul {
    list-style-image:url(../images/list_arrow.gif);
    list-style-position: inside;
    margin:0;
    padding:0;
    }
        .xc_login ul li {
        margin:0;
        padding:1px;
        }

    /*■利用ポイント数*/
    span.xc_loginPoint {
    color: red;
    }

    /*■エラー表示*/
    .xc_login ul.xc_error {
    list-style-image:url(../images/error_icon.gif);
    color:red;
    }
    .xc_login ul.xc_error li{
    font-size: 10pt;
    }
    

/*■■■■■「カートを見る」ボタン■■■■■*/
img.xc_viewCart {
float :right;
margin: 0px 0px 0px 0px;
}





/* -----------------------------------------------------------------*/
/* ▼システムブロック_「カテゴリ一覧」▼*/
/* -----------------------------------------------------------------*/

/*----- ブロック形式（トップメニュー用） ★サブカテゴリ非表示推奨★ -----*/
/* 2列表示にする場合は height を 48px(24px x 2)に修正して下さい          */
/* ----------------------------------------------------------------------*/
/*
div.xc_categoryTree {
background-color:#636152;
border-bottom:5px solid #D64800;
height:24px;
width:860px;
padding:0px;
margin:0px;
border:0px;
}
    .xc_categoryTree ul {
    list-style-image:none;
    list-style-type:none;
    margin:0;
    padding:0;
    }
        .xc_categoryTree  ul li{
        margin:0;
        padding:0;
        float:left;
        }
            .xc_categoryTree  ul li a{
            display:block;
            width:130px;
            padding:4px 2px 4px 2px;
            text-align:center;
            color:#FFFFFF;
            text-decoration:none;
            }
            .xc_categoryTree  ul li a:hover{
            color:#FFFFFF;
            background-color:#D64800;
            }
*/
/*----- ブロック形式（サイドカラム用） ★サブカテゴリ非表示推奨★ -----*/

/* ---↓コメントアウト↓---
div.xc_categoryTree {
background-color:#ffffff;
margin:0px auto;
padding: 0px;
border:0;
}
    .xc_categoryTree ul {
    list-style-image:none;
    padding:0px ;
    margin-left: 0px;
    }
        .xc_categoryTree  ul li{
        margin:0;
        padding:0;
        }
            .xc_categoryTree  ul li a{
            display:block;
            width:205px;
            height:35px;
            padding:10px 0px 0px 10px;
            background-image:url(../images/■画像■.jpg);
            }
            .xc_categoryTree  ul li a:hover{
            background-image:url(../images/□画像□.jpg);
            }
---↑コメントアウト↑--- */

            /*--------------------------------------*/
            /*■カテゴリ毎に別画像を利用する場合    */
            /*カテゴリIDに応じて書き換えが必要      */
            /*--------------------------------------*/
/* ---↓コメントアウト↓---
            li#xc_category_menu_【カテゴリID-1】 a{
            background-image:url(../images/■画像■.jpg);
            }
            li#xc_category_menu_【カテゴリID-1】 a:hover {
            background-image:url(../images/□画像□.jpg);
            }
            li#xc_category_menu_【カテゴリID-2】 a{
            background-image:url(../images/■画像■.jpg);
            }
            li#xc_category_menu_【カテゴリID-2】 a:hover {
            background-image:url(../images/□画像□.jpg);
            }
---↑コメントアウト↑--- */


/*----- 単純なリスト形式 --------------------------------*/
/* ---↓コメントアウト↓---*/
div.xc_categoryTree {
background-color:#ffffff;
margin:0px auto;
padding: 5px;
border-top:1px solid #c7c8be;
border-right:1px solid #c7c8be;
border-bottom:1px solid #c7c8be;
border-left:1px solid #c7c8be;
}
    .xc_categoryTree ul {
    list-style-type:none;
    list-style-image:url(../images/list_arrow.gif);
    padding:0 0 0 5px ;
    margin-left: 20px;
    }
        .xc_categoryTree  ul li{
        margin:0;
        padding:0;
        }
/*---↑コメントアウト↑--- */


/*----- JavaScript形式 ★サブカテゴリ表示推奨★----------*/
.xc_categoryTree table{
width: 200px;
}



/* -----------------------------------------------------------------*/
/* ▼システムブロック_「QRコード」▼*/
/* -----------------------------------------------------------------*/
div.xc_qrCode {
background-color:#FFFFFF;
clear:both;
height:92px;
margin:10px auto;
border-top:1px solid #c7c8be;
border-right:1px solid #c7c8be;
border-bottom:1px solid #c7c8be;
border-left:1px solid #c7c8be;
}
    div.xc_qrCode img{
    float:left;
    margin:5px;
    }
    div.xc_qrCode p{
    text-align:left;
    margin:5px;
    }

/* -----------------------------------------------------------------*/
/* ▼システムブロック_「SSLシール」▼*/
/* -----------------------------------------------------------------*/
div.xc_ssl {
margin:10px auto;
text-align:center;
}


/*■■■■WelcomeMessage■■■■*/
.xc_contents dl {
margin:0;
}
.xc_contents dt {
margin:2px 0;
padding:2px 5px;
text-align:right;
}
.xc_contents dd {
margin:2px 0;
padding:2px 5px;
text-align:left;
}


/*■■■■■h3■■■■■*/
h3 {
font-size:        12pt;
color:            #FFFFFF;
background-color: #999999;
border-top:       1px solid #eeeeee;
border-right:     1px solid #333333;
border-bottom:    1px solid #333333;
border-left:      1px solid #eeeeee;
padding-top:      5px;
padding-right:    5px;
padding-bottom:   5px;
padding-left:    10px;
margin-top:      10px;
margin-right:     0px;
margin-bottom:   10px;
margin-left:      0px;
}

/*■■■■■h4■■■■■*/
h4 {
font-size:        10pt;
color:            #000000;
background-color: #eeeeee;
border-top:       0px;
border-right:     0px;
border-bottom:    1px solid #999999;
border-left:      15px solid #999999;
padding-top:      3px;
padding-right:    3px;
padding-bottom:   3px;
padding-left:    10px;
margin-top:       5px;
margin-right:     0px;
margin-bottom:    5px;
margin-left:      0px;
}

/*■■■■■「売れ筋ランキング」ブロック■■■■■*/
.xc_salesRanking{
text-align:center;
}
	/*■各商品*/
	.xc_salesRanking div{
	margin:5px 5px 5px 0;
	/*clear:both;*/
	width:125px;
	float:left;/*横並び*/
	}
	/*■商品画像*/
	.xc_salesRanking img{
	margin:3px;
	border:0;
	/*float:left;*/
	}
	/*■ランク*/
	.xc_salesRanking span{
	}
	/*■商品名*/
	.xc_salesRanking h5{
	margin: 0;
	padding:5px 0;
	font-weight:normal;
	}
	/*■商品説明*/
	.xc_salesRanking p{
	margin: 0;
	padding:5px 0;
	}

/* -----------------------------------------------------------------*/
/* ▼システムブロック_「カートの中身」▼*/
/* -----------------------------------------------------------------*/
.xc_cartInfo {
background-color:#ffffff;
margin:0;
text-align:right;
}
div.xc_cartInfo {
clear:both;
margin: 0px auto;
padding: 5px;
border-top   :1px solid #c7c8be;
border-right :1px solid #c7c8be;
border-bottom:1px solid #c7c8be;
border-left  :1px solid #c7c8be;
}
    /*■リンク*/
    .xc_cartInfo a{
    }
    /*■カゴが空*/
    .xc_cartInfo p{
    }
    /*■各商品*/
    .xc_cartInfo div{
    clear:both;
    margin: 2px 0px 2px 0px;
    border-bottom:1px solid #c7c8be;
    }
        /*■商品画像*/
        .xc_cartInfo img{
        float:left;
        margin:3px 0px;
        border:0;
        }
        /*■商品名*/
        .xc_cartInfo h5{
        text-align:left;
        float:left;
        margin-bottom:5px;
        padding:1px 3px;
        font-size:10pt;
        font-weight:normal;
        width:134px;
        }
        /*■単価*/
        .xc_cartInfo p.xc_cartInfo_unitPrice{
        }
            .xc_cartInfo .xc_cartInfo_unitPrice span{/*数字部分*/
            color:#ff0000;
            }
        /*■数量*/
        .xc_cartInfo p.xc_cartInfo_amount{
        }
            .xc_cartInfo p.xc_cartInfo_amount span{/*数字部分*/
            color:#ff0000;
            }
        /*■小計*/
        .xc_cartInfo p.xc_cartInfo_subtotal{
        }
            .xc_cartInfo .xc_cartInfo_subtotal span{/*数字部分*/
            color:#ff0000;
            }

    /*■合計*/
    .xc_cartInfo div p.xc_cartInfo_total{
    clear:both;
    }
        .xc_cartInfo .xc_cartInfo_total span{/*数字部分*/
        color:#ff0000;
        }


    /*■見出し*/
    .xc_cartInfo h4 {
    margin-top:0;
    margin-bottom:0;
    }



/*----------▼各ページ設定▼----------*/
/*----------■カテゴリー一覧ページ■----------*/

/*■カテゴリ一覧リスト*/
ul.xc_categoryList {
margin:0;
padding:5px 10px;
list-style-type:none;
}
		ul.xc_categoryList li {
		margin:0;
		padding:3px 5px;
		}

/*■カテゴリ一覧の詳細*/
table.xc_productList {
border-top:0;
border-right:0;
border-bottom:0;
border-left:0;
}

	table.xc_productList th {
	background:transparent;
	padding:10px 5px;
	text-align:left;
	border-top:1px solid #777777;
	border-right:0;
	border-bottom:1px solid #777777;
	border-left:0;
	vertical-align:top;
	width:150px;
	}
	table.xc_productList td {
	padding:10px 0;
	border-top:1px solid #777777;
	border-right:0;
	border-bottom:1px solid #777777;
	border-left:0;
	vertical-align:top;
	}
		/*■カテゴリ一覧の2列表示*/
		table.xc_productList td.xc_productCol2 {
		width:50%;
		}
		/*■カテゴリ一覧の4列表示*/
		table.xc_productList td.xc_productCol4 {
		width:25%;
		padding:5px 10px;
		}

				/*■カテゴリ一覧の入れ子table*/
				table.xc_productListDetail {
				margin:0;
				border-top:0;
				border-right:0;
				border-bottom:0;
				border-left:0;
				}
					table.xc_productListDetail th {
					padding:4px 5px;
					text-align:center;
					border-top:0;
					border-right:0;
					border-bottom:0;
					border-left:0;
					}
					table.xc_productListDetail td {
					padding:4px 5px;
					border-top:0;
					border-right:0;
					border-bottom:0;
					border-left:0;
					}


/*----------■商品詳細■----------*/
table.xc_productDetail {
vertical-align:top;
border-top:0;
border-right:0;
border-bottom:0;
border-left:0;
}
	table.xc_productDetail th {
	background:transparent;
	padding:3px 5px;
	text-align:left;
	vertical-align:top;
	width:80px;
	border-top:0;
	border-right:0;
	border-bottom:0;
	border-left:0;
	}
	table.xc_productDetail td {
	padding:3px 5px;
	text-align:left;
	vertical-align:top;
	border-top:0;
	border-right:0;
	border-bottom:0;
	border-left:0;
	}
		table.xc_productDetail td.xc_productsImage {
		padding-top:10px;
		text-align:center;
		width:220px;
		}
		table.xc_productDetail td.xc_icon {
		padding-top:10px;
		}
		table.xc_productDetail td.xc_inquiry {
		padding-left:20px;
		width:200px;
		}


/*■商品一覧、商品詳細、カートの中身の商品画像*/
.xc_productsImage {
margin:0 10px 10px 10px;
}


/*■商品詳細ページの上部に表示*/
.xc_productDetailTop {
}
/*■商品詳細ページの下部に表示*/
.xc_productDetailBottom {
}


table.xc_productDetail form select{
width:135px;
margin:2px auto;
}


/*----------▼商品一覧、商品詳細▼----------*/
.xc_itemImage{
margin:5px;
border-top:0;
border-right:0;
border-bottom:0;
border-left:0;

}


/*----------■ご注文内容の確認画面■----------*/
table.xc_cartView {
margin:5px 0;
border-top:0;
border-right:0;
border-bottom:0;
border-left:0;
}

table.xc_cartView th {
padding:4px 5px 2px 5px;
text-align:left;
border-top:1px solid #777777;
border-right:0;
border-bottom:1px solid #777777;
border-left:0;
}
		table.xc_cartView th.xc_productsImage {
		width:70px;
		}
		table.xc_cartView th.xc_unitPrice {
		width:80px;
		}
		table.xc_cartView th.xc_productPrice {
		width:100px;
		}

table.xc_cartView td {
padding:4px 5px 2px 5px;
border-top:0;
border-right:0;
border-bottom:1px solid #777777;
border-left:0;
}
		table.xc_cartView td.xc_productsImage {
		padding:5px;
		}
		table.xc_cartView td.xc_amount {
		width:100px;
		}
		table.xc_cartView td.xc_bottomText {
		vertical-align:top;
		border-top:0;
		border-right:0;
		border-bottom:1px solid #777777;
		border-left:0;
		}
table.xc_cartView select{
width:50px;
}

/*■ご注文内容の合計金額*/
td.xc_totalPrice {
font-weight:bold;
color:red;
border-top:1px solid silver;
border-right:0;
border-bottom:0;
border-left:0;
}
/*■商品詳細の商品名*/
.xc_productName {
font-weight:bold;
}



/*----------▼特定商取引法▼----------*/

table.xc_salemention th {
width:200px;
}




/*----------▼コンビニ決済▼----------*/
table.xc_netCVS td {
text-align:center;
}




/*----------▼マイページ受注履歴▼----------*/

table.xc_orderList th, table.xc_orderList td {
text-align:center;
}

table.xc_orderList th.xc_orderId, td.xc_orderId {
width:100px;
}

table.xc_orderList th.xc_totalPrice {
width:80px;
}

table.xc_orderList th.xc_orderStatus, table.xc_orderList td.xc_orderStatus {
width:100px;
}




/*----------▼決済方法選択、ご利用案内▼----------*/
td.xc_paymentExplain ul {
margin-top:5px;
margin-bottom:5px;
margin-left:5px;
padding-left:20px;
}