@charset "Shift_JIS";

/*=================================
 
 1:全体構造
 2:ヘッダー
 3:テキスト
 4:メニュー
 5:既存ボックスの調整
 6:自動生成エリア
 7:下部共通【カート】
 8:下部共通【本サイト】
 9:トップページ
 10:下部カテゴリーバナー
 11:コンセプト
 12:よくある質問
 13:お問い合わせ
 14:サイズ表
 15:サイトマップ
 16:アウトレット
 17:スペシャル
 18:ボックス設定
 19:フッター
 
 NO7、9でCSSハック使用
 

==================================*/

/*=================================
		1:全体設定
==================================*/
body{
margin:auto;
padding:0;
background:#000000 url(../img/bg_body.gif) repeat;
line-height:1.5;
}

.wrap{
	width:787px;
	margin:0;
	padding:0;
	background:#000000 url(../img/bg_contents.jpg) repeat-y;
	position:relative;
	/*height: 2500px;*/
}

h1,h2,h3,h4,h5,h6,ul,li,div{
margin:0;
padding:0;
}

table{
border-collapse:collapse;
}

.left{
float:left;
}

.right{
float:right;
}

.clear{
clear:both;
}

#banner{
margin-left:10px;
}


/*=================================
		2:ヘッダー
==================================*/
.head{
background-color:#000000;
}

.head object{
margin-left:9px;
}

/*=================================
		3:テキスト
==================================*/
.xc_contents p {
padding:3px 0;
}

h3 {
border-bottom:2px solid #cc6666;
border-right:2px solid #ffcccc;
border-top:none;
border-left:none;
background-color:#930101;
text-indent:10px;
padding-top:6px;
padding-bottom:2px;
margin:15px 0 10px 0;
color:#ffffff;
font-size:small;
}

h4 {
border-bottom:2px solid #cccccc;
border-right:2px solid #999999;
border-top:none;
border-left:none;
text-indent:10px;
padding-top:5px;
padding-bottom:4px;
margin:5px 0 10px 0;
background-color:#666666;
color:#FFFFFF;
font-size:small;
}

h5{
margin:3px;
color:#666666;
font-size:small;
}

h6 {
margin:3px;
color:#666666;
font-size:x-small;
}

.pan{
margin:0;
padding:0;
}

.honbun{
text-indent:10px;
}

.caution{
color:#FF0000;
font-size:x-small;
}

.red{
color:#FF0000;
}

/*=================================
		4:メニュー
==================================*/
.leftnavi .sidebanner img{
margin:10px 0 0 20px;
}

.leftnavi .sidebanner p{
margin:0 0 0 15px;
color:#ffffff;
}

.leftnavi {
float:left;
width:176px;
}

/*=================================
		5:既存ボックスの調整
==================================*/
.xc_gNavi {
float:right;
width:580px;
margin:0;
padding:0;
display:none;
}

.xc_gNavi2{
float:right;
width:580px;
margin:0;
padding:0;
display:none;
}

.xc_header {
float:right;
width:580px;
margin:0;
padding:0;
display:none;
}

.xc_header  h1{
width:580px;
margin:0;
padding:0;
display:none;
}

.xc_header h2 {
width:580px;
margin:0;
padding:0;
display:none;
}

.xc_siteTitle{
width:580px;
display:none;
}

.xc_viewCart{
float:right;
margin:35px 10px 3px 0;
width:580px;
display:none;
}

.xc_viewCart2{
float:right;
margin:23px 10px 3px 0;
width:580px;
display:none;
}

/*=================================
		6:自動生成エリア
==================================*/
.xc_contents {
float:right;
width:550px;
padding:10px 35px 0 25px;
margin:0;	
}

.xc_contents ul{
margin:10px 0 10px 25px;
}

/*=================================
		7:下部共通【カート】
==================================*/
.mainContents{
float:right;
width:550px;
}

*+html body .mainContents{
float:right;
width:550px;
margin-right:55px;
}

/* safari only \*/
html:\66irst-child  .mainContents{
float:right;
width:550px;
margin-right:55px;
}
/* end */

.mainExtra{
float:right;
width:550px;
margin-left:25px;
margin-right:0;
margin-bottom:20px;
}

html>/**/body .mainExtra{
float:right;
width:550px;
margin-left:0 ;
margin-right:35px;
margin-bottom:20px;#
}

/* safari only \*/
html:\66irst-child .mainExtra{
float:right;
width:550px;
margin-left:0 ;
margin-right:25px;
margin-bottom:20px;
}
/* end */

.mainExtra ul{
list-style:none;
padding:0;
margin:0;
}

.mainExtra li{
margin:5px;
background-image:url(../img/icon_01white.gif);
background-repeat: no-repeat;
background-position: 0px 4px;
padding-left: 18px;
}

/*=================================
		8:下部共通【本サイト】
==================================*/
.extra ul{
list-style:none;
padding:0;
margin:0;
}

.extra li{
margin:5px;
background-image:url(../img/icon_01white.gif);
background-repeat: no-repeat;
background-position: 0px 4px;
padding-left: 18px;
}

/*=================================
		9:トップページ
==================================*/
.mainImage{
	padding-left:10px;
}

.boxCategory01{
width:577px;
margin-top:20px;
float:left;
}

.boxCategory01 table{
margin-left:7px;
}

.boxCategory01 td{
padding:3px;
}

.infomation{
float:left;
margin:10px 0 0 8px;
width:328px;
}

.infomation ul {
list-style:none;
width:320px;
padding:5px 0 0 0;
}

.infomation li {
margin:5px;
background-image:url(../img/icon_01white.gif);
background-repeat: no-repeat;
background-position: 0px 4px;
padding-left: 18px;
}

.campaign{
float:right;
width:242px;
text-align:left;
margin-top:10px;
padding-right:20px;
}

html>body .campaign{
padding-right:25px;
}

.campaign p{
margin:0;
padding:0;
line-height:1.5;
}

.recommend{
	float:left;
	margin:10px 0 0 10px;
	width:578px;
	position:relative;
	background-color: #FFFFFF;
}

.recommend .item{
margin-top:10px;
}

.recommend td{
vertical-align:top;
}

.recommend .gotoItemlist{
margin:0;
padding:0;
text-align:right;
position:absolute;
top:3px;
right:20px;
}

.item p{
margin:0;
padding:0;
text-align:center;
}

.specialOrder{
	float:left;
	margin:0px;
	padding:0;
}
.specialOrder2{
float:right;
margin:10px 20px 20px 0;
padding:0;
width:280px;
text-align:rightt;
}

.specialOrder ul{
list-style:none;
margin:10px;
}

.specialOrder p{
margin:10px;
}

.gift{
float:right;
margin:0;
text-align:left;
padding:10px 45px 12px 0;
width:250px;
}

/*html>body .gift{
float:right;
margin:0;
text-align:left;
padding:10px 50px 10px 0;
width:260px;
}*/

.gift p{
margin:170px 0 0 0;
padding:0;
}

.banner{
margin:5px;
padding:0;
text-align:center;
vertical-align:middle;
}

.banner img {
margin-bottom:5px;
margin-top:10px;
}

.banner .repetto{
padding-bottom:2px;
}

.zassi{
margin-top:15px;
margin-bottom:10px;
margin-left:20px;
width:500px;
padding-left:10px;
float:left;
text-align:center;
}

.new{
	font-weight:bold;
	color:#CC0000;
	text-decoration:none;
}
/*=================================
		10:下部カテゴリーバナー
==================================*/
.boxCategory02{
border-top: 1px solid #999999;
padding-top:20px;
padding-bottom:20px;

}

/*=================================
		11:コンセプト
==================================*/
.boxConcept ul{
list-style:none;
margin:0;
padding:0;
line-height:1.5;
}

/*=================================
		12:よくある質問
==================================*/
.listFaq{
line-height:1.8;
margin-bottom:20px;
}

.boxFaq{
margin:auto;
width:100%;
margin-bottom:20px;
border-top:1px dotted silver;
}

.boxFaq th{
width:5%;
padding:10px 5px 2px 5px;
text-align:left;
vertical-align:top;
}

.boxFaq td{
padding:10px 5px 2px 5px;
text-align:left;
}

.boxFaq table.EX{
border-top:1px solid silver;
}

/*=================================
		13:お問い合わせ
==================================*/
.boxForm{
margin:auto;
width:100%;
margin-bottom:20px;
}

.boxForm table{
width:100%;
}

.boxForm th{
padding:4px 5px 2px 5px;
text-align:left;
background-color:#eee;
border-top:1px solid silver;
border-bottom:1px solid silver;
border-left:1px solid silver;
border-right:1px solid silver;
vertical-align:top;
}

.boxForm td{
padding:4px 5px 2px 5px;
border:1px solid silver;
vertical-align:top;
}

.boxForm td.EX{
border-color:#ffffff;
}

.boxForm  .sendbtn{
margin-left:30%;
}

/*=================================
		14:サイズ表
==================================*/
.boxSize{
border-top:1px solid #cccccc;
margin-top:10px;
padding-top:10px;
}

.boxSize img{
margin:2% 40%;
}

/*=================================
		15:サイトマップ
==================================*/
.boxSitemap{
margin-top:20px;
margin-bottom:20px;
width:250px;
text-align:left;
}

.boxSitemap ul {
list-style:none;
}

.boxSitemap li {
margin:5px;
background-image:url(../img/icon_sitemap.gif);
background-repeat: no-repeat;
background-position: 0px 5px;
padding-left:10px;
}

.boxSitemap ul.EX {
list-style:none;
}

/*=================================
		16:アウトレット
==================================*/
.boxOutlet{
margin:auto;
width:100%;
margin-bottom:20px;
}

.boxOutlet td{
background-color:#FFFFCC;
border-bottom:solid 15px #ffffff;
color:#999900;
padding:3px;
}

.itemOutlet{
margin-top:10px;
padding-top:20px;
padding-bottom:20px;
width:100%;
border-top:solid 1px #cccccc;
}

.itemOutlet table{
width:100%;
}

.itemOutlet td{
width:25%;
vertical-align:top;
text-align:center;
}

/*=================================
		17:スペシャル
==================================*/
.itemSpecial{
margin-top:10px;
padding-top:20px;
padding-bottom:20px;
width:100%;
border-top:solid 1px #cccccc;
}

.itemSpecial table{
width:100%;
}

.itemSpecial td{
width:25%;
vertical-align:top;
}




/*=================================
		18:ボックス設定
==================================*/
.box01 td .center{text-align:center;}

.box01{
margin:auto;
width:100%;
margin-bottom:20px;
}

.box01 table{
width:100%;
}

.box01 th{
padding:4px 5px 2px 5px;
text-align:left;
background-color:#eee;
border-top:1px solid silver;
border-bottom:1px solid silver;
border-left:1px solid silver;
border-right:1px solid silver;
}

.box01 td{
padding:4px 5px 2px 5px;
border:1px solid silver;
}

.box01 .sendbtn{
margin-left:30%;
}

.box04 table{
border:solid 1px #FFFFFF;
}

.box04 td{
border:solid 1px #FFFFFF;
}

.box02{
margin:10px auto 10px auto;
width:90%;
}

.box02 td{
vertical-align:top;
text-align:center;
}

.box02 p{
width:200px;
margin:3px;
font-size:x-small;
}

.box03{
margin:30px 0;
width:100%;
}

.box03 td{
vertical-align:top;
}







/*=================================
		19:フッター
==================================*/
.xc_footer {
clear:both;
width:787px;
text-align:right;
}

.bottom{
width:550px;
margin-left:200px;
margin-right:25px;
text-align:right;
background:inherit;
}

.bottom .p{
width:550px;
text-align:right;
}

.bottom .bottomLink{
width:550px;
text-align:right;
padding-top:5px;
margin-bottom:10px;
border-top:1px solid #cccccc;
}

.xc_footer .add{
color:#FFFFFF;
width:787px;
text-align:right;
background:url(../img/bg_foot.jpg) repeat-y;
}


.xc_footer address{
font-style:normal;
margin:10px 12px 0 0;
padding:10px 12px 0 0;
}

.xc_footer p{
margin:5px 12px 0 0;
padding:5px 12px 0 0;
}

.foot a:link{color:#ffffff;}
.foot a:visited{color:#ffffff;}
.foot a:hover{color:#cccccc;}
.foot a:active{color:#ffffff;}

.xc_footer .add a:link{color:#ffffff;}
.xc_footer .add a:visited{color:#ffffff;}
.xc_footer .add a:hover{color:#cccccc;}
.xc_footer .add a:active{color:#ffffff;}