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


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


/*----------▼基本設定▼----------*/
html{
    height:100%;
}
body {
	font-family:Arial, Helvetica, sans-serif;
	color:#777777;/*■指定変更■基本文字色*/
	font-size:small;
	line-height:1.2em;
	height:100%;
	background-color: #FFFFFF;
}

#container {width:780px;margin:0 auto;text-align:left;}

div#all{/*横枠線*/
    border:solid 1px #CCCCCC;
    border-width:0px 1px;
    height:100%;
    min-height: 100%;
}

body > #all {
    height: auto;
}

#all {
 width:780px;
 margin-left:auto;	
 margin-right:auto;
 text-align:left;
}




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



a:link {
}
a:hover {
}
a:visited {
}



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("//xc521.xbit.jp/j934/user/bg_wrapper_sideL.gif") repeat-y;*//*非表示中*/
width: 860px;
margin:0 auto;
padding:0;
line-height:130%;
border-top:1px solid #777777;
border-right:1px solid #777777;
border-bottom:1px solid #777777;
border-left:1px solid #777777;
}
/*■ヘッダ*/
.xc_header {
background-color: #ABB1FF;
color: #FFFFFF;
width: auto;
height: auto;
margin: 0;
padding: 5px 0px 0px 0px;
border-top:0;
border-right:0;
border-bottom:1px solid #777777;
border-left:0;
}
/*■コンテンツ左*/
.xc_contentsLeft {
width: 170px;
height: auto;
margin: 0px;
padding: 5px;
float:left;
border-top:0;
border-right:0;
border-bottom:0;
border-left:0;
}
/*■コンテンツ中*/
.xc_contents {
background-color: #FFFFFF;
width: 590px;
height: auto;
margin: 0px;
padding: 5px;
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:0px;
		}
		h1.xc_siteTitle a {
		text-decoration:none;
		}
		/*■画像の場合*/
		h1 img {
		margin:0px;
		padding:0px;
		}



/*■■■■■サブタイトル■■■■■*/
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: #6E88FF;
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;
}
table.xc_calender {
background-color:#FFFFFF;
border-top:1px solid #777777;
border-right:1px solid #777777;
border-bottom:0;
border-left:0;
}
/*■月*/
table.xc_calender caption {
  margin: 0px auto;
  padding: 3px 0 1px 0;
  text-align: left;
  font-weight: bold;
border-top:0;
border-right:0;
border-bottom:0;
border-left:0;
}
	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;
}
	
	
	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;
}

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


/*■■■■■検索ボックス■■■■■*/
div.xc_searchBlock {
margin: 10px auto;
}
		/*■リスト形式の場合*/
		.xc_searchBlock ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
		}
		.xc_searchBlock ul li {
		margin :0;
		padding: 0;
		}

.xc_searchBlock select{
width:135px;
margin:2px auto;
}
		/*■親カテゴリ*/
		.xc_searchBlock #rootCategory{
		margin-left: 0px;
		}
		/*■サブカテゴリ*/
		.xc_searchBlock #childCategory{
		margin-left: 0px;
		}

.xc_searchBlock input{
textalign:center;
margin:2px auto;
}
		/*■キーワード検索エリア*/
		.xc_searchBlock #keyword{
		margin-left: 0px;
		width:130px;
		}
		/*■検索ボタン*/
		.xc_searchBlock #submit {
		margin-left:20px;
		}


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


/*■■■■■カテゴリ一覧ブロック■■■■■*/
div.xc_categoryTree {
margin: 10px auto;
}
		.xc_categoryTree ul {
		list-style-type: none;
		padding:0 0 0 5px ;
		}
		.xc_categoryTree  ul li{
		margin :0;
		padding: 0;
		}


/*■■■■■QRコード■■■■■*/
div.xc_qrCode {
margin: 10px auto;
}


/*■■■■■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 {
	background-color: #FFFFFF;
	background-image: url("./images/h2.jpg");
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-left: 20px;
	padding-top: 1%;
	padding-bottom: 1%;
	vertical-align: bottom;
	font-size: 111%;
	font-weight: bold;
}

/*■■■■■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;
}

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

/*■カテゴリ一覧リスト*/
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:40px;
		}
		table.xc_cartView td.xc_bottomText {
		vertical-align:top;
		border-top:0;
		border-right:0;
		border-bottom:1px solid #777777;
		border-left:0;
		}

/*■ご注文内容の合計金額*/
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;
}


.w315 {
width: 295px;
float: left;

}
	 .w315 h3 {
		background-color: #FFFFFF;
	background-image: url("./images/h2.jpg");
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-left: 20px;
	padding-top: 1%;
margin-right:10px;
	padding-bottom: 1%;
	vertical-align: bottom;
	font-size: 110%;
	font-weight: bold;
}