@import "http://www.v-i-s-i-o-n-s.com/css/jquery.fancyNews-1.2.css";
@import "http://www.v-i-s-i-o-n-s.com/css/jquery.jscrollpane.css";

/* ************************************************
 *	共通設定
 * ************************************************ */
* {
	margin: 0px;
	padding: 0px;
}

body {
	color: #000;
	background-color: #fff;
	font-size: small;
	font-family: courier,courier new,"\FF2D\FF33\20\30B4\30B7\30C3\30AF",monospace !important;
	font-weight: normal;
	font-style: normal;
	line-height: 1.6em;
	text-align: center;
}

br.clear {
	clear: both;
	font: 0pt/0pt sans-serif;
}

img {
	border: 0px;
}

div.clear{
	clear: both;
	font-size: 1px;
	line-height: 1px;
	height: 1px;
	width: 1px;
}

a:link    { text-decoration: none; }     /*未訪問のアンカー*/
a:visited { text-decoration: none; }      /*訪問済みのアンカー*/
a:active  { text-decoration: none; }    /*選択中のアンカー*/
a:hover   { text-decoration: none; }   /*マウスが通過しているアンカー(CSS2)


/* ------------------------------------- 
 *	リンクの文字/通常時(link,visited,active)
 *	リンクの文字/マウスが当たっている時(hover)
 * ------------------------------------- */
a:link {
	color: #999999;
}

a:visited {
	color: #999999;
}

a:active {
	color: #333333;
}

a:hover {
	color: #333333;
}

a.Link1{
        color: #999;
}
a.Link1:link{
	color: #999;
}

a.Link1:visited{
	color: #999;
}

a.Link1:active{
	color: #999;
}

a.Link1:hover{
	color: #666;
}

a.Link2{
        color: #000;
}
a.Link2:link{
	color: #000;
}

a.Link2:visited{
	color: #000;
}

a.Link2:active{
	color: #000;
}

a.Link2:hover{
	color: #000;
}

a.FreePageLink{
        color: #999;
}
a.FreePageLink:link{
	color: #999;
}

a.FreePageLink:visited{
	color: #999;
}

a.FreePageLink:active{
	color: #999;
}

a.FreePageLink:hover{
	color: #666;
}

/* ------------------------------------- 
 *	ページレイアウト
 * ------------------------------------- 
 *※ページ全体の幅は800pxとなっています。
    幅を広げる場合は、.sideと.mainのwidth
    の合計値が#containerのwidthになるよう
    設定してください。
 * ------------------------------------- */

/*ページ全体の幅、レイアウトをセンタリング*/
#container {
	margin:0px auto;
	width:800px;
	text-align:left;
}

/*ヘッダー（ページタイトル、グローバルメニュー）*/
.Header{
	padding: 20px 0 0 0;
}
.FlashNavigation {
	width:100%;
	margin: 0;
}
div.HeaderLogo{
	width: 800px;
	text-align: right;
	margin: 0;
	padding: 15px 0 0 0;
}

/*　画面左側メニューの幅　*/
.side {
	line-height: 1.8em;
	float: left;
	width: 200px;
}
div.AffilieLinkPos{
	font-size: 13px;
	line-height: 1.4em;
	margin: 0;
	padding: 0;
}

/*　画面右側の幅　*/
.main {
	float: left;
	width: 600px;
}

/*　フッター（コピーライト）　*/
.footer {
 width:100%;
 clear:left;
}
div.FooterPos{
	font-size: 13px;
	color: #999;
	text-align: center;
	padding-top: 60px;
}

/* Left Side{ */
div.CatalogueTreeTitle{
	font-size: 13px;
	padding-bottom: 3px;
}
div#CatalogueTree{
	font-size: 13px;
	padding-bottom: 20px;
}
span.TreeParts1{
	color: #999;
}
div.CartTitle{
	font-size: 13px;
	line-height: 1.6em;
	margin: 0;
	padding: 0;
}
div.AffilieTitle{
	font-size: 13px;
	padding-top: 30px;
	padding-bottom: 0px;
}
div.SearchTitle{
	font-size: 13px;
	padding-top: 20px;
	padding-bottom: 3px;
}
input.SearchBox{
	margin: 0;
	width: 80px;
	height: 16px;
	border: #999 1px solid;
}
input.SearchBtn{
	vertical-align: middle;
	padding-left: 5px;
}
div.RssLinkPos{
	padding-top: 40px;
}
div.RssLink{
	font-size: 13px;
	margin: 0;
	padding: 0;
}
/* }Left Side */

/* Nouveautes{ */
div.NouveautesTitle{
	margin: 0;
	padding: 0 0 10px 0;
}
div.ProductImage{
	margin: 0;
	padding: 0;
}
div#ProductBlock_else{
	float: left;
	padding-top: 5px;
	padding-right: 25px;
	padding-bottom: 5px;
}
div.ProductNamePos_else{
	font-size: 13px;
	line-height: 1.2em;
	margin: 0;
	padding: 6px 0 0 0;
	text-align: center;
	width: 120px;
}
div.ProductNameSoldOut_else{
	color: #000;
	font-size: 13px;
	font-weight: bold;
	padding-top: 0;
	padding-bottom: 1px;
	text-align: center;
	width: 120px;
}
div#NouveautesPageNavigation{
	color: #999;
	font-size: 11px;
	font-weight: normal;
}
/* }Nouveautes */

/* Free Page Common{ */
div#CategoryBlock1{
	width: 594px;
	padding-top: 20px;
	padding-bottom: 30px;
}
div.CategoryPhoto1{
	float: left;
	padding-right: 0;
	padding-bottom: 0;
}
div.CategoryPhoto2{
	float: right;
	padding-left: 1px;
	padding-bottom: 0;
}
div.CategoryTitleTxt1{
	color: #666;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 8px;
}
div.CategoryTitleTxt2{
	color: #666;
	font-size: 12px;
	font-weight: bold;
	padding-top: 30px;
	padding-bottom: 8px;
}
div.CategoryTitleTxt3{
	color: #000;
	font-size: 12px;
	font-weight: bold;
	padding-top: 40px;
	padding-bottom: 8px;
}
div.CategoryTxt1{
	color: #666;
	font-size: 11px;
	line-height: 1.9em;
}
div.CategoryDetailTxt1{
	color: #666;
	font-size: 11px;
	line-height: 1.7em;
	padding-top: 10px;
}
/* }Free Page Common */

/* Astier de Villatte{ */
div.CategoryTitleImage{
	padding-bottom: 20px;
}
strong.CategoryBoldTxt{
	color: #666;
	font-size: 11px;
	font-weight: bold;
}
table.AstierLinkTb{
	width: 504px;
}
td.AstierLinkLeft{
	width: 252px;
}
td.AstierLinkRight{
	width: 252px;
}
div.AstierImageLeft{
	float: right;
}
div.AstierImageRight{
	padding-left: 20px;
	float: left;
}
td.AstierLinkCenter{
	text-align: center;
}
div.AstierImageCenter{
	padding-top: 10px;
	padding-left: 20px;
}
div.AstierLinkPos1{
	padding-top: 8px;
	width: 192px;
	text-align: center;
	float: right;
}
div.AstierLinkPos2{
	padding-top: 8px;
	padding-left: 20px;
	width: 247px;
	text-align: center;
	float: left;
}
div.AstierLinkPos3{
	padding-top: 8px;
	padding-left: 20px;
	width: 269px;
	display: inline;
}
/* }Astier de Villatte */

/* Cote Bastide{ */
div#CategoryBlock2{
	width: 564px;
	padding-top: 20px;
	padding-bottom: 30px;
}
div.CategoryTxt3{
	color: #666;
	font-size: 11px;
	line-height: 1.7em;
}
div.CategoryPhoto3{
	float: left;
	padding-right: 10px;
	padding-bottom: 0px;
}
div.CategoryTitleTxt4{
	color: #666;
	font-size: 11px;
	font-weight: bold;
	padding-top: 20px;
	padding-bottom: 4px;
}
div.CategoryTxt2{
	color: #666;
	font-size: 11px;
	line-height: 1.7em;
	padding-left: 10px;
}
div.CoteBastideLinkBlock{
	padding-top: 30px;
}
table.CoteBastideLinkTb{
	width: 564px;
}
td.CoteBastideLinkLeft{
	width: 282px;
	vertical-align: bottom;
}
td.CoteBastideLinkRight{
	width: 282px;
	vertical-align: bottom;
}
td.CoteBastideLinkLeft2{
	width: 175px;
	vertical-align: bottom;
}
td.CoteBastideLinkCenter2{
	width: 214px;
	text-align: center;
	vertical-align: bottom;
}
td.CoteBastideLinkRight2{
	width: 175px;
	vertical-align: bottom;
}
div.CoteBastideImageLeft{
	padding-right: 20px;
	float: right;
}
div.CoteBastideImageRight{
	padding-left: 20px;
	float: left;
}
div.CoteBastideLinkPos1{
	color: #999;
	padding-top: 8px;
	width: 156px;
	text-align: center;
	float: right;
}
div.CoteBastideLinkPos2{
	color: #999;
	padding-top: 8px;
	padding-left: 20px;
	width: 151px;
	text-align: center;
	float: left;
}
div.CoteBastideLinkPos3{
	color: #999;
	padding-top: 8px;
	padding-right: 20px;
	width: 146px;
	text-align: center;
	float: right;
}
div.CoteBastideLinkPos4{
	color: #999;
	padding-top: 8px;
	width: 213px;
	text-align: center;
	display: inline;
}
div.CoteBastideLinkPos5{
	color: #999;
	padding-top: 8px;
	padding-left: 20px;
	width: 148px;
	text-align: center;
	float: left;
}
div.CategoryTitleTxtCB{
	color: #000;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 8px;
}
div.CategoryTitleTxtCB{
	color: #000;
	font-size: 12px;
	font-weight: bold;
	padding-top: 30px;
	padding-bottom: 8px;
}
/* }Cote Bastide */

/* Termes{ */
a.ShoppingGuideLink:link{
	text-decoration: none;
	color: #999;
}
a.ShoppingGuideLink:visited{
	text-decoration: none;
	color: #999;
}
a.ShoppingGuideLink:active{
	text-decoration: none;
	color: #999;
}
a.ShoppingGuideLink:hover{
	text-decoration: none;
	color: #666;
}

a.ShoppingGuideLink2:link{
	text-decoration: underline;
	color: #999;
}
a.ShoppingGuideLink2:visited{
	text-decoration: underline;
	color: #999;
}
a.ShoppingGuideLink2:active{
	text-decoration: underline;
	color: #999;
}
a.ShoppingGuideLink2:hover{
	text-decoration: underline;
	color: #666;
}

div.ShoppingGuideTitle{
	font-size: 13px;
	font-weight: bold;
	padding-bottom: 15px;
}
div.ShoppingGuideTitle2{
	font-size: 13px;
	font-weight: bold;
	padding-top: 40px;
	padding-bottom: 15px;
}
div.ShoppingGuideTitle span{
	font-size: 11px;
	text-decoration: underline;
}
div.ShoppingGuideList{
	margin: 0;
	padding-bottom: 40px;
	width: 580px;
}
div.ShoppingGuideList ul{
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 100%;
}
div.ShoppingGuideList li{
	color: #999;
	background: transparent url("https://www.v-i-s-i-o-n-s.com/images/nakaguro.gif") no-repeat 0 .4em;
	font-size: 11px;
	line-height: 1.6em;
	margin: 0;
	padding: 0 0 0 10px;
}

div.ShoppingGuideList2{
	margin: 0;
	padding-bottom: 0;
	width: 580px;
}
div.ShoppingGuideList2 ul{
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 100%;
}
div.ShoppingGuideList2 li{
	color: #999;
	background: transparent url("https://www.v-i-s-i-o-n-s.com/images/nakaguro.gif") no-repeat 0 .4em;
	font-size: 11px;
	line-height: 1.7em;
	margin: 0;
	padding: 0 0 7px 10px;
}

div.ShoppingGuideMobileList{
	margin: 0;
	padding-bottom: 0;
	width: 470px;
}
div.ShoppingGuideMobileList ul{
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 100%;
}
div.ShoppingGuideMobileList li{
	color: #999;
	background: transparent url("https://www.v-i-s-i-o-n-s.com/images/nakaguro.gif") no-repeat 0 .4em;
	font-size: 11px;
	line-height: 1.7em;
	margin: 0;
	padding: 0 0 7px 10px;
}

div.ShoppingGuideSubTitle{
	color: #666;
	font-size: 11px;
	padding-bottom: 10px;
	width: 580px;
}
div.ShoppingGuideSubTitle2{
	color: #666;
	font-size: 11px;
	padding-top: 30px;
	padding-bottom: 10px;
	width: 580px;
}
div.ShoppingGuideTxt{
	color: #999;
	font-size: 11px;
	line-height: 1.8em;
	width: 580px;
}
div.ShoppingGuideTxt2{
	color: #999;
	font-size: 11px;
	line-height: 1.8em;
	padding-top: 15px;
	width: 580px;
}
div.ShoppingGuideMobileTxt{
	color: #999;
	font-size: 11px;
	line-height: 1.8em;
	width: 470px;
}
div.GotoTop{
	font-size: 10px;
	font-weight: bold;
	text-align: right;
	width: 580px;
}
strong.URI{
	color: #666;
}
div#MobileTxtBlock{
	width: 470px;
	float: left;
}
div#MobileQRBlock{
	width: 110px;
	float: left;
}
div.MobileQR{
	padding-left: 10px;
	padding-top: 15px;
}
div.HowtoTitle{
	color: #666;
	font-size: 13px;
	font-weight: bold;
	padding-bottom: 15px;
}
div.HowtoTitle span{
	color: #000;
	font-size: 12px;
	font-weight: bold;
}
div.ShoppingGuideHr{
	background-color: #666;
	margin-top: 15px;
	margin-bottom: 15px;
	width: 580px;
}
div.ShoppingGuideBtn{
	padding-top: 10px;
	padding-bottom: 4px;
}
/* }Termes */

/* Payment{ */
div.PaymentTbPos{
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 30px;
}
table.PaymentTb{
	width: 500px;
}
td.Payment{
	color: #999;
	font-size: 11px;
	width: 70px;
	padding-bottom: 4px;
	vertical-align: top;
}
td.PaymentTitle{
	color: #999;
	font-size: 11px;
	width: 170px;
	padding-bottom: 4px;
	vertical-align: top;
}
td.PaymentPrice{
	color: #999;
	font-size: 11px;
	width: 60px;
	padding-bottom: 4px;
	text-align: right;
	vertical-align: top;
}
td.PaymentPrice2{
	color: #999;
	font-size: 11px;
	width: 200px;
	padding-bottom: 4px;
	vertical-align: top;
}
/* }Payment */

/* Shipment{ */
div.ShipmentPriceList{
	margin: 0;
	padding: 0;
}
div.ShipmentPriceListCaption{
	color: #999;
	font-size: 10px;
	padding-top: 4px;
}
/* }Shipment */

/* Link{ */
div.LinkList{
	margin: 0;
	padding-bottom: 0;
	width: 230px;
}
div.LinkList ul{
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 100%;
}
div.LinkList li{
	color: #999;
	font-size: 12px;
	line-height: 1.7em;
	margin: 0;
	padding: 0 0 7px 0;
}
div#LinkBlock{
	width: 230px;
	float: left;
	padding-right: 10px;
}
/* }Link */

/* Nouveautes{ */
div.NouveautesTitle{
	color: #000;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 8px;
}
div.NoItems{
	color: #000;
	font-size: 12px;
	font-weight: bold;
}
/* }Nouveautes */

/* SNS ICON */
#sns-icon{
	margin: 0;
	padding: 30px 0 46px 0;	
}
.sns-list{
	margin: 0;
	padding: 0;
	list-style: none;
}
.sns-icon-pos{
	margin: 0;
	padding: 0 10px 0 0;
	float: left;
}