@charset "utf-8";


/*
------------------------------------------------------------------
リセット用スタイルシート
更新日：2009年8月X日
------------------------------------------------------------------*/
body {
	margin:0; font-size: small;
}

h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd, img, form {
        margin: 0;
        padding: 0;
        border: none;
        font-style: normal;
        font-weight: normal;
        font-size: 100%;
        text-align: left;
        list-style-type: none;
}

/* テキストエリア内文字サイズのブラウザ間での差異をなくす */
textarea {
	font-family:"ＭＳ ゴシック", "Osaka−等幅";
}

/* 画像の下にできる隙間をなくす */
img { vertical-align: bottom; }


/*
------------------------------------------------------------------
LE GRENIER 基本スタイルシート
更新日：2010年4月
------------------------------------------------------------------



/* 基本構造
------------------------------------------------------------------*/
#container {
	width:1020px;
	margin:0 auto;
	background: url(img/bg_main.jpg) repeat-y;
}

#content {
	background: url(img/bg_content.jpg) repeat-y;
}

/* 2カラムの場合 */
#main {
	float:left;
	width:700px;
}

#main-inner {
	padding:0 40px 0 40px;
}

#sidebar {
	float:left;
	width:200px;
}

#sidebar .inner {
	padding:10px 0 0 40px;
}

#side-banner1 {
	float:left;
	width:76px;
}

#side-banner1 .inner {
	padding:100px 0 0 0;
}

#side-banner2 {
	float:left;
	width:44px;
}

#side-banner2 .inner {
	padding:20px 0 0 0;
}

/* 1カラムの場合 */
#main-wide {
	width:1020px;
}

/* タグの再定義
------------------------------------------------------------------*/

/* 背景色 */
body { background:#191718; }

/* 基本フォントカラー */
body { color:#666666;  font-size:9pt; }

*html body {line-height:1.8em;} /* for IE6 */
*:first-child+html body {line-height:1.8em;}  /* for IE7 */

/* 基本リンクカラー */
a {color:#191718; text-decoration:none; }
a:hover { color:#C9CACA; }



a:focus{
	outline:none;
}

/* ヘッダー
------------------------------------------------------------------*/
 
#header { width: 899px; height: 300px; margin:0 0 0 76px;}
 
#header_item h1 a   { width: 899px; height: 150px; margin:0 0 0 76px;
background: url(img/gr_title.gif) no-repeat left top; text-indent: -9999px;   display: block; overflow: hidden;}

#header_top h1 a   { width: 899px; height: 370px;  margin:0 0 0 76px;
background: url(img/gr_top.jpg) no-repeat left top; text-indent: -9999px;   display: block; overflow: hidden;}

#header_regards h1 a    { background: url(img/title_g_regards.jpg) no-repeat left top; text-indent: -9999px; display: block; margin: 0 0 0 76px; width: 899px; height: 300px; overflow: hidden }

#header_morges h1 a    { background: url(img/title_g_morges.jpg) no-repeat left top; text-indent: -9999px; display: block; margin: 0 0 0 76px; width: 899px; height: 300px; overflow: hidden }
#header_atelierel h1 a    { background: url(img/title_g_atelierel.jpg) no-repeat left top; text-indent: -9999px; display: block; margin: 0 0 0 76px; width: 899px; height: 300px; overflow: hidden }


/* TOP
------------------------------------------------------------------*/

h2.bnr a  {width: 580px; height: 150px; background: url(img/bnr_morges.jpg) top left no-repeat; 
text-indent: -9999px;  display: block; overflow: hidden;}
h2.bnr2 a  {width: 580px; height: 150px; background: url(img/bnr_lys.jpg) top left no-repeat; 
text-indent: -9999px;  display: block; overflow: hidden;}
h2.bnr3 a  {width: 580px; height: 150px; background: url(img/bnr_novelle_big.jpg) top left no-repeat; 
text-indent: -9999px;  display: block; overflow: hidden;}

h2.concept {font-size:85%; font-family:serif; line-height: 180%; width: 560px;}

table#info {
	width: 580px; height:auto; margin-top: 15px; padding-left: 10px;}
table#info tr {font-family:georgia, serif; padding-bottom: 10px; font-size:90%; 
	text-align: left; vertical-align: top; line-height: 180%;}
table#info tr th {text-align: left; }	
table#info td {width: 60px; vertical-align: top;}

.new-arrival {	width: 580px; height: 23px; margin-top:40px; margin-bottom: 25px;
	background: url(img/arrival.gif) top left no-repeat;
	text-indent: -9999px;}
	
	
a.tobillet  {
	width: 580px; height: 86px; margin-top:40px;
	background: url(img/btn_tobillet.gif) top left no-repeat;
 	text-indent: -9999px; display: block;  overflow: hidden;}
a.tobillet:hover {
	background: url(img/btn_tobillet_o.gif) top left no-repeat;
	text-indent: -9999px;  display: block; overflow: hidden;}	
	
		

/* Brand
------------------------------------------------------------------*/
.brand_text {
	width: 560px;
	margin:20px 0 30px 0;
	font-family: georgia,serif;
	font-size: 85%;
	line-height: 2;
	letter-spacing: 0.1em;
	}

.brand {
	font-family: georgia,serif;
	font-weight: bold;
	font-size: 120%;
	margin: 8px 0;
	}

.brand-from	 {font-size: 0.8em; font-weight: normal;	font-family: georgia,serif;}
	
/*　brand文字の大きさ IE7用　*/	
*+html .brand_text {
	font-size: 0.9em;
	letter-spacing: 0;
	line-height: 1.75em;
	}	

.tobillet_antique a {width: 567px; height: 70px;  margin-top: 10px;
background: url(img/tobillet_antique.jpg) top left no-repeat; text-indent: -9999px; display: block; overflow: hidden; }
.tobillet_antique a:hover {background: url(img/tobillet_antique_o.jpg) top left no-repeat; }

.tobillet_magiera a {width: 567px; height: 70px; margin-top: 10px;
background: url(img/tobillet_magiera.jpg) top left no-repeat; text-indent: -9999px; display: block; overflow: hidden; }
.tobillet_magiera a:hover {background: url(img/tobillet_magiera_o.jpg) top left no-repeat; }

.tobillet_regards a {width: 567px; height: 70px; margin-top: 10px;
background: url(img/tobillet_regards.jpg) top left no-repeat; text-indent: -9999px; display: block; overflow: hidden; }
.tobillet_regards a:hover {background: url(img/tobillet_regards_o.jpg) top left no-repeat; }



/* Atelier el
------------------------------------------------------------------*/
.m_text {
	width: 560px;
	font-family: georgia,serif;
	font-size: 85%;
	line-height: 2;
	letter-spacing: 0.1em;
	}
/*　文字の大きさ IE7用　*/	
*+html .m_text {
	font-size: 0.9em;
	letter-spacing: 0;
	line-height: 1.75em;
	}	
	
img.atelierel_img {margin:20px 0;}	
	
.m_bnr {margin: 50px 0;}
.m_bnr p.m_text {margin: 5px 0 20px 0;}

.m_bnr_puddle a {width: 285px; height: 80px; background: url(img/bnr_puddle.jpg) top left no-repeat; float: left; margin-right: 7px;
text-indent: -9999px; display: block; overflow: hidden; }
.m_bnr_puddle a:hover {background: url(img/bnr_puddle_o.jpg) top left no-repeat;}

.m_bnr_tumugiito a {width: 285px; height: 80px; background: url(img/bnr_tumugiito.jpg) top left no-repeat; float: left;
text-indent: -9999px; display: block; overflow: hidden;}
.m_bnr_tumugiito a:hover {background: url(img/bnr_tumugiito_o.jpg) top left no-repeat;}

.m_bnr_novelle a {width: 285px; height: 80px; background: url(img/bnr_novelle.jpg) top left no-repeat; float: left;
text-indent: -9999px; display: block; overflow: hidden; margin-top:10px;}
.m_bnr_novelle a:hover {background: url(img/bnr_novelle_o.jpg) top left no-repeat;}


/* REGARDS
------------------------------------------------------------------*/
.rg_text {
	width: 560px;
	margin:20px 0;
	font-family: georgia,serif;
	font-size: 85%;
	line-height: 2;
	letter-spacing: 0.1em;
	}
/*　文字の大きさ IE7用　*/	
*+html .rg_text {
	font-size: 0.9em;
	letter-spacing: 0;
	line-height: 1.75em;
	}	
	
.rg_bnr {margin: 50px 0;}
.rg_bnr p a {margin: 10px 5px 10px 0;}

.rg_bnr_rose a {width: 285px; height: 80px; float: left; background: url(img/bnr_rose.jpg) top left no-repeat;
text-indent: -9999px; display: block; overflow: hidden; }
.rg_bnr_rose a:hover {background: url(img/bnr_rose_o.jpg) top left no-repeat;}

.rg_bnr_others a {width: 285px; height: 80px; float: left; background: url(img/bnr_others.jpg) top left no-repeat;
text-indent: -9999px; display: block; overflow: hidden;}
.rg_bnr_others a:hover {background: url(img/bnr_others_o.jpg) top left no-repeat;}

.rg_bnr_regence a {width: 285px; height: 80px; float: left; background: url(img/bnr_regence.jpg) top left no-repeat;
text-indent: -9999px; display: block; overflow: hidden;}
.rg_bnr_regence a:hover {background: url(img/bnr_regence_o.jpg) top left no-repeat;}

.rg_bnr_cardinalis a {width: 285px; height: 80px; float: left; background: url(img/bnr_cardinalis.jpg) top left no-repeat;
text-indent: -9999px; display: block; overflow: hidden;}
.rg_bnr_cardinalis a:hover {background: url(img/bnr_cardinalis_o.jpg) top left no-repeat;}

.rg_bnr_margot a {width: 285px; height: 80px; float: left; background: url(img/bnr_margot.jpg) top left no-repeat;
text-indent: -9999px; display: block; overflow: hidden;}
.rg_bnr_margot a:hover {background: url(img/bnr_margot_o.jpg) top left no-repeat;}

.rg_bnr_billet a {width: 580px; height: 130px; float: left; background: url(img/bnr_billet.jpg) top left no-repeat;
text-indent: -9999px; display: block; overflow: hidden;}



/* サイドカラム
------------------------------------------------------------------*/

/* サイド メインメニュー */
ul.sidemenu1 {
	margin:0 0 20px 0;
	width:130px;
	font-size: 7pt;
}

ul.sidemenu1 li {
	margin:0 0 10px 0;
	text-indent:-9999px;
}

ul.sidemenu1 a {
	display:block;
	width:130px;
	height:20px;
}

.nav-sale { background: url(img/nav_sale.gif) no-repeat; }
.nav-sale:hover { background: url(img/nav_sale_o.gif) no-repeat; }

.nav-christian { background: url(img/nav_christian.gif) no-repeat; }
.nav-christian:hover { background: url(img/nav_christian_o.gif) no-repeat; }

.nav-ikkuna { background: url(img/nav_ikkuna.gif) no-repeat; }
.nav-ikkuna:hover { background: url(img/nav_ikkuna_o.gif) no-repeat; }

.nav-khadi { background: url(img/nav_khadi.gif) no-repeat; }
.nav-khadi:hover { background: url(img/nav_khadi_o.gif) no-repeat; }

.nav-vlas { background: url(img/nav_vlas.gif) no-repeat; }
.nav-vlas:hover { background: url(img/nav_vlas_o.gif) no-repeat; }

.nav-jm { background: url(img/nav_jm.gif) no-repeat; }
.nav-jm:hover { background: url(img/nav_jm_o.gif) no-repeat; }

.nav-lys { background: url(img/nav_lysligne.gif) no-repeat; }
.nav-lys:hover { background: url(img/nav_lysligne_o.gif) no-repeat; }

.nav-drop { background: url(img/nav_drop.gif) no-repeat; }
.nav-drop:hover { background: url(img/nav_drop_o.gif) no-repeat; }

.nav-twinkle { background: url(img/nav_twinkle.gif) no-repeat; }
.nav-twinkle:hover { background: url(img/nav_twinkle_o.gif) no-repeat; }

.nav-morges { background: url(img/nav_morges.gif) no-repeat; }
.nav-morges:hover { background: url(img/nav_morges_o.gif) no-repeat; }

.nav-puddle { background: url(img/nav_puddle.gif) no-repeat; }
.nav-puddle:hover { background: url(img/nav_puddle_o.gif) no-repeat; }

.nav-tumugiito { background: url(img/nav_tumugiito.gif) no-repeat; }
.nav-tumugiito:hover { background: url(img/nav_tumugiito_o.gif) no-repeat; }

.nav-novelle { background: url(img/nav_novelle.gif) no-repeat; }
.nav-novelle:hover { background: url(img/nav_novelle_o.gif) no-repeat; }

.nav-regards { background: url(img/nav_regards.gif) no-repeat; }
.nav-regards:hover { background: url(img/nav_regards_o.gif) no-repeat; }

.nav-rose { background: url(img/nav_rose.gif) no-repeat; }
.nav-rose:hover { background: url(img/nav_rose_o.gif) no-repeat; }

.nav-regence { background: url(img/nav_regence.gif) no-repeat; }
.nav-regence:hover { background: url(img/nav_regence_o.gif) no-repeat; }

.nav-cardinalis { background: url(img/nav_cardinalis.gif) no-repeat; }
.nav-cardinalis:hover { background: url(img/nav_cardinalis_o.gif) no-repeat; }

.nav-margot { background: url(img/nav_margot.gif) no-repeat; }
.nav-margot:hover { background: url(img/nav_margot_o.gif) no-repeat; }

.nav-rg_others { background: url(img/nav_rg_others.gif) no-repeat; }
.nav-rg_others:hover { background: url(img/nav_rg_others_o.gif) no-repeat; }


.nav-magiera { background: url(img/nav_magiera.gif) no-repeat; }
.nav-magiera:hover { background: url(img/nav_magiera_o.gif) no-repeat; }

.nav-anne { background: url(img/nav_anne.gif) no-repeat; }
.nav-anne:hover { background: url(img/nav_anne_o.gif) no-repeat; }

.nav-antique { background: url(img/nav_antique.gif) no-repeat; }
.nav-antique:hover { background: url(img/nav_antique_o.gif) no-repeat; }

.nav-others { background: url(img/nav_others.gif) no-repeat; }
.nav-others:hover { background: url(img/nav_others_o.gif) no-repeat; }

.nav-billet { background: url(img/nav_billet.gif) no-repeat; }
.nav-billet:hover { background: url(img/nav_billet_o.gif) no-repeat; }


ul.sidemenu2 {
	margin:0 0 20px 0;	 font-size: 7pt;
}

ul.sidemenu2 li {
	margin:0 0 10px 0;
	text-indent:-9999px;
}

ul.sidemenu2 a {
	display:block;
	width:131px;
	height:18px;
}

.nav-guide { background: url(../img/common/nav_guide.jpg) no-repeat; }
.nav-payment { background: url(../img/common/nav_payment.jpg) no-repeat; }
.nav-delivery { background: url(../img/common/nav_delivery.jpg) no-repeat; }
.nav-wrapping { background: url(../img/common/nav_wrapping.jpg) no-repeat; }
.nav-contact { background: url(../img/common/nav_contact.jpg) no-repeat; }
.nav-about { background: url(../img/common/nav_about.jpg) no-repeat; }

.nav-guide:hover { background: url(../img/common/nav_guide_on.jpg) no-repeat; }
.nav-payment:hover { background: url(../img/common/nav_payment_on.jpg) no-repeat; }
.nav-delivery:hover { background: url(../img/common/nav_delivery_on.jpg) no-repeat; }
.nav-wrapping:hover { background: url(../img/common/nav_wrapping_on.jpg) no-repeat; }
.nav-contact:hover { background: url(../img/common/nav_contact_on.jpg) no-repeat; }
.nav-about:hover { background: url(../img/common/nav_about_on.jpg) no-repeat; }


ul.sidemenu3 {
	margin:0 0 20px 0;
}

ul.sidemenu3 li {
	margin:0 0 10px 0;
}

ul.sidemenu3 a {
	display:block;
	font-size:72%;
	color:#898888;
}

ul.sidemenu3 a:hover {
	color:#A4BAC0;
}

/* サイド 検索 */
#side-search-box {
	height:80px;
	width:150px;
}

#side-search-box input {
	width:130px;
	margin:0 0 5px 0;
}

/* かごの中身 */
#side-cart-box {
	margin:0 0 35px 0;
	font-size:80%;
}

.side-price {
	width:130px;
	height:37px;
	background:url(img/bg_price.jpg) no-repeat;
	margin:4px 0 5px 0;
	color:#333333;
}

.side-price p {
	padding:8px 0 0 40px;
}

.price1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:180%;
	font-weight:bold;
}

.price2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:120%;
	font-weight:bold;
}

/* サイド サブメニュー */
ul.sidemenu2 {
	margin:0 0 40px 0;
}

ul.sidemenu2 li {
	margin:0 0 10px 0;
	width:130px;
	font-size:75%;
}

/* サイドバナー */
.side-banner {
	font-size:70%;
	line-height:120%;
	width:130px;
}

.side-banner h4 {
	font-weight:bold;
	padding:5px 0 0 0;
}

.side-banner img {
	margin:13px 0 0 0;
}

/* フッター
------------------------------------------------------------------*/
#page-top {
	text-align:right;
	padding:30px 28px 0 0;
}

#footer {
	clear:both;
}

#footer-inner {
	padding:0 44px 0 76px;
}

#footer-nav {
	font-size:75%;
}

#footer-nav a:hover {
	color:#A4BAC0;
}

#footer-nav .inner {
	padding:10px 0 10px 35px;
}

#footer-nav a {
	color:#222222
}

#copyright {
	background:#222222;
	color:#FFFFFF;
	font-size:70%;
	font-family:Georgia, "Times New Roman", Times, serif;
	height: 70px;
}

#copyright .inner {
	padding:10px 0 40px 35px;
}

/* 共通スタイル
------------------------------------------------------------------*/

/* 基本フォント */
.text-box {
	font-size:75%;
	line-height:140%;
}

.text-box a {
	color:#A4BAC0;
}

.red {
	color:#CC5637;
}

.caption {font-size: 80%; margin-top: 5px;}

/* フロートのクリア */
.clear { clear:both; }

/* マージン調整 */
.mt05 { margin-top:5px; }
.mt10 { margin-top:10px; }
.mt15 { margin-top:15px; }
.mt20 { margin-top:20px; }
.mt30 { margin-top:30px; }

.mb05 { margin-bottom:5px; }
.mb10 { margin-bottom:10px; }
.mb15 { margin-bottom:15px; }
.mb20 { margin-bottom:20px; }
.mb30 { margin-bottom:30px; }
.mb50 { margin-bottom:50px; }
.mb250 { margin-bottom:250px; }

.mr05 { margin-right:5px; }
.mr10 { margin-right:10px; }
.mr15 { margin-right:15px; }
.mr20 { margin-right:20px; }
.mr30 { margin-right:30px; }

.ml05 { margin-left:5px; }
.ml10 { margin-left:10px; }
.ml15 { margin-left:15px; }
.ml20 { margin-left:20px; }
.ml30 { margin-left:30px; }

.pb60 {padding-bottom:60px; }
.pb100 {padding-bottom:100px; }

/* 行揃え */
.center { text-align:center }
.left { text-align:left }
.right { text-align:right }

/* フォーム関連
------------------------------------------------------------------*/
table.form1 {
	width:100%;
	border-top: 1px solid #948f8c;
	border-right: 1px solid #948f8c;
}

table.form1 th {
	font-weight:normal;
	background:#D2D5DC;
	border-bottom: 1px solid #948f8c;
	border-left: 1px solid #948f8c;
	font-size:72%;
	line-height:150%;
	padding:8px;
}

table.form1 td {
	font-weight:normal;
	border-bottom: 1px solid #948f8c;
	border-left: 1px solid #948f8c;
	font-size:72%;
	line-height:150%;
	padding:8px;
}

.button-box {
	width:100%;
}

.button01 {
	width:180px;
	float:left;
	padding:0 0 50px 0;
}

.button02 {
	width:410px;
	float:right;
	text-align:right;
}

ul.error li {
	color:#CC0000;
	padding:0 0 2px 0;
	font-size:75%;
}

ul.error {
	margin:0 0 20px 0;
}


/* 商品リスト
--------------------------------------------------------*/
.item-box {width: 580px; height: auto;}

.item {
	width:280px; height: auto;
	float:left;
	margin:0 7px 30px 0;
}

.item-img {padding:0 0 7px 0;}

.item-img img {border:1px solid #CCCCCC;}
.item a:hover img {border:1px solid #666666;}

.item-name {
	padding:0 0 3px 0;
	font-weight:bold;
}

.item-price {
	padding:0 0 8px 0;
	font-family: sans-serif;
}
.tax {font-size: 70%;}

.item-memo {color:#cc5667; font-size: 8pt;}


/* 商品リスト下部バナー
--------------------------------------------------------*/
h3#foot_banner {margin:20px 0  0 40px;}



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

input.btn_contact {
	width:170px;
	height:30px;
	background:#E6DEBD;
	border-right: 2px solid #CEC5AD;
	border-bottom: 2px solid #CEC5AD;
	border-top-style: none;
	border-left-style: none;
	color:#666666;
	cursor:pointer;
	font-size:12px;
}

input.btn_contact:hover {
	width:170px;
	height:30px;
	background:#E2D9B1;
	border-right: 2px solid #CEC5AD;
	border-bottom: 2px solid #CEC5AD;
	border-top-style: none;
	border-left-style: none;
}