/*
*:first-child+html IE7
*/

/*フォント関連*/
*{
font-style:normal;
font-size:100%;
}



/* リンク画像 */
a img { border: none }

/*リンクの色*/
a:link 		{ color: #666666; text-decoration:none;	}
a:visited 	{ color: #80AE39; text-decoration:none;		}
a:active 	{ color: #80AE39; text-decoration:none;	 	}
a:hover 	{ color: #80AE39; text-decoration:underline;	}


/* 背景
---------------------------------------------*/

body {	
	color: #666666;
	background-image: url(../images/elegancia/background.jpg);
	background-position  : center;
	background-repeat:repeat-y;
}
#contents_all {	
	background-color: #fff;
}


/*------------------------------------------------------------------------------------------
	ヘッダー編
	default	通常はこれが指定されている
	eye-h = アイキャッチが上部に入るときに読み込まれるスタイル
------------------------------------------------------------------------------------------*/
/* 通常のスタイル */
#header {
	width:890px;
	height:197px;
	background: url(../images/elegancia/header/header.jpg) center top no-repeat;
	padding-bottom: 0;
}


/* アイキャッチが上部に入るときに読み込まれるスタイル */
body.eye-h #header {
	margin:0px;
	padding:0px;
	background:  url(../images/eyeCatch/long.png) center top no-repeat;
	height:120px;
}

/* グローバルナビが上部へ移動 */
body.eye-c.gt #header {
	margin:20px 0 0 0;
	_margin: 0;
	padding:0px;
	background:  url(../images/elegancia/header/header.jpg) center top no-repeat;
	height:120px;
	_height:150px;	/*IE 6 */

}

*:first-child+html body.eye-c.gt #header{
	margin:0;

}
/*
IE6だと、ヘッダーの下にアイキャッチが入ってしまうので、他のブラウザで合わせるためにヘッダーのサイズを適当にする。
*/
/* ------------------------------------------------------------------------------------------
	グローバルナビ
------------------------------------------------------------------------------------------*/

/*グローバルナビ*/
#g_navi {
	margin-left:5px;
    clear: both;
	height:35px;
	width: 890px;
	background:url(../images/elegancia/header/g_navi.jpg) no-repeat;
	
}

#g_navi ul {
	margin: 0 0 1em;
    padding: 0;
    list-style: none;
	}
#g_navi li {
	display:inline;
	list-style-type:none;
}
#g_navi li a {
	height:35px;
	display:block;
	float:left;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
}
/*------off*/
#g_navi li.g_navi01 a {
	background:url(../images/elegancia/header/g_navi.jpg) no-repeat 0px 0px;
	width:178px;
}
#g_navi li.g_navi02 a {
	background:url(../images/elegancia/header/g_navi.jpg) no-repeat -178px 0px;
	width:178px;
}
#g_navi li.g_navi03 a {
	background:url(../images/elegancia/header/g_navi.jpg) no-repeat -356px 0px;
	width:178px;
}
#g_navi li.g_navi04 a {
	background:url(../images/elegancia/header/g_navi.jpg) no-repeat -534px 0px;
	width:178px;
}
#g_navi li.g_navi05 a {
	background:url(../images/elegancia/header/g_navi.jpg) no-repeat -712px 0px;
	width:178px;
}


/*------hover*/
#g_navi li.g_navi01 a:hover {
	background:url(../images/elegancia/header/g_navi.jpg) no-repeat 0px -35px;
}
#g_navi li.g_navi02 a:hover {
	background:url(../images/elegancia/header/g_navi.jpg) no-repeat -178px -35px;
}
#g_navi li.g_navi03 a:hover {
	background:url(../images/elegancia/header/g_navi.jpg) no-repeat -356px -35px;
}
#g_navi li.g_navi04 a:hover {
	background:url(../images/elegancia/header/g_navi.jpg) no-repeat -534px -35px;
}
#g_navi li.g_navi05 a:hover {
	background:url(../images/elegancia/header/g_navi.jpg) no-repeat -712px -35px;
}

/*グローバルナビここまで*/




/*------------------------------------------------------------------------------------------
	コンテンツ
	default	通常はこのスタイルが適用される
	eye-c = グローバルナビの下にアイキャッチが入りる時に読み込まれるスタイル
	multi-l = 3カラムでメニューが左の時に読み込まれるスタイル
	multi-r = 3カラムでメニューが右の時に読み込まれるスタイル
	eye-c = ヘッダーの部分にアイキャッチがきます。
------------------------------------------------------------------------------------------*/
/*
#contents_all{
position:absolute;
top:-20px;
_top:0px;
}
*/

/* IE 7用 */
*:first-child+html #contents_all{
position:relateve;
top:0px;
}

/* default */
div#contents {
	text-align: left;
	margin-top: 80px;	/*ここ50pxにしたため、nbとcで隙間ができる*/
	_margin-top:50px;
}

/* 3カラムでメニューが左の時のレイアウト */
body.multi-l div#contents div#main{
	margin-right:0px;
	position:relative;
	right:13px;
}

/* eye-h = ヘッダーの部分にアイキャッチがきます。 */
body.eye-h div#contents{
	_margin-top:50px;
}

/* eye-hb = アイキャッチが上部に入り、ヘッダーが下に来ます。 */
body.eye-hb div#contents div#eyeCatch{
	margin-top:0px;
	_margin-top:0px;
}

*:first-child+html body.eye-hb div#contents div#eyeCatch{
	margin-top:0px;
}

/* eye-c = ヘッダーの部分にアイキャッチがきます。 */
body.eye-c div#contents div#eyeCatch{
	margin:0 0 40px 0;
}




/*------------------------------------------------------------------------------------------
	ブロック(ナビゲーション)
	body.multi-l div#navi = 3カラムでメニューが左の時に読み込まれるスタイル
	body.multi-r div#navi = 3カラムでメニューが右の時に読み込まれるスタイル
------------------------------------------------------------------------------------------*/
/* default */
div#main .block,
div#navi .block,
div#utilities .block
{
	margin-bottom: 30px;

}


/* 3カラムでメニューが左の時に読み込まれるスタイル */
body.multi-l div#navi .block
{
	position:relative;
	right:12px;
}

/* 3カラムでメニューが右の時に読み込まれるスタイル */
body.multi-r div#navi .block
{
	position:relative;
	left:12px;
}

/*------------------------------------------------------------------------------------------
	見出し(サイト名)
	eye-h = ヘッダー部分にアイキャッチが入る時に読み込まれるスタイル 
	eye-c gt = ナビゲーションが上にくる時に読み込まれるスタイル
------------------------------------------------------------------------------------------*/

/* default */
#header h1#header_image{
	float: left;
	text-indent:-1000em;
	background: #000 url(../images/elegancia/header/header.jpg) center top no-repeat;
}
/* 3カラムでメニューが左の時のレイアウト */
body.multi-l div#contents div#main{
	margin-right:0px;
	position:relative;
	right:13px;
}

/* 3カラムでメニューが右の時のレイアウト */
body.multi-r div#contents div#main{
	margin-right:0px;
	position:relative;
	left:13px;
}

/* ヘッダー部分にアイキャッチが入る時に読み込まれるスタイル */
body.eye-h #header h1#header_image{
	position:absolute;
	top:0px;
}

/* ナビを上に */
body.eye-c.gt div#header h1#header_image {
	position:absolute;
	top:0px;
}

/* default */
body div#header p#description {
	margin:0px;
	text-indent:-1000em;
}



/*------------------------------------------------------------------------------------------
	コンテンツ名
	default = 3カラム(multi)の時のスタイル
	double-r = 2カラムでメニューが右の時に読み込まれるスタイル 
	double-l = 2カラムでメニューが左の時に読み込まれるスタイル 
	single = 1カラムの時に読み込まれるスタイル 
------------------------------------------------------------------------------------------*/

/* default */
div#main div.entory h2 {
	margin: 0;
	padding-top:0.5em;
	background-image:url(../images/elegancia/title/common/title_shop.jpg);
	background-repeat:no-repeat;
	height:36px;
	text-indent:5em;
	color:#fff;
}

/* 
double-r = 2カラムでメニューが右の時に読み込まれるスタイル 
double-l = 2カラムでメニューが左の時に読み込まれるスタイル 
*/
body.double-r div#main div.entory h2,
body.double-l div#main div.entory h2 {
	margin-right:15px;
	margin-left:15px;
	background-image:url(../images/elegancia/title/common/title_shop.jpg);
	background-repeat:no-repeat;
	height:36px;
	text-indent:5em;
}

/* 1カラムの時に読み込まれるスタイル */
body.single div#main div.entory h2 {
	margin-right:15px;
	margin-left:15px;
	background-image:url(../images/elegancia/title/common/title_shop.jpg);
	background-repeat:no-repeat;
	height:36px;
	text-indent:5em;
}


/* ブロックタイトル */
div.block h3 {
	margin:0;
	height:23px;
	text-indent:-1000em;

}

/* ブロック内タイトル */
div.block .block_body h4,
div.block .block_body h5,
div.block .block_body h6 {
	line-height: 1.2;
	margin: 0;
	padding-top: 1em;
}

/*------------------------------------------------------------------------------------------
	新着商品
	default = 3カラム(multi)の時のスタイル
	double-r = 2カラムでメニューが右の時に読み込まれるスタイル 
	double-l = 2カラムでメニューが左の時に読み込まれるスタイル 
	single = 1カラムの時に読み込まれるスタイル 
------------------------------------------------------------------------------------------*/

/* default */
div#main div#new_goods h3 {
	background-image:url(../images/elegancia/title/common/title_new_goods.jpg);
	background-repeat:no-repeat;
	clear:both;
	height:36px;
}
div#navi div#new_goods h3,
div#utilities div#new_goods h3
{
	margin: 0 13px 0px;
	background-image:url(../images/elegancia/box/common/new_goods.jpg);
	background-repeat:no-repeat;
	height:54px;
}
/* 
double-r = 2カラムでメニューが右の時に読み込まれるスタイル 
double-l = 2カラムでメニューが左の時に読み込まれるスタイル 
*/

body.double-r div#main div#new_goods h3,
body.double-l div#main div#new_goods h3 {
	margin:0 15px;
	background-image:url(../images/elegancia/title/common/title_new_goods.jpg);
	background-repeat:no-repeat;
	clear:both;
	height:36px;

}
body.double-r div#navi div#new_goods h3,
body.double-r div#utilities div#new_goods h3,
body.double-l div#navi div#new_goods h3,
body.double-l div#utilities div#new_goods h3
{
	margin: 0 13px 0px;
	background-image:url(../images/elegancia/box/common/new_goods.jpg);
	background-repeat:no-repeat;
	height:54px;
}

/* 1カラムの時に読み込まれるスタイル  */
body.single div#main div#new_goods h3 {
	margin:0px 15px;
	background-image:url(../images/elegancia/title/common/title_new_goods.jpg);
	background-repeat:no-repeat;
	clear:both;
	height:36px;
}

body.single div#navi div#new_goods h3,
body.single div#utilities div#new_goods h3
{
	background-image:url(../images/elegancia/box/common/new_goods.jpg);
	background-repeat:no-repeat;
	height:54px;
}


/*------------------------------------------------------------------------------------------
	オススメ商品
	default = 3カラム(multi)の時のスタイル
	double-r = 2カラムでメニューが右の時に読み込まれるスタイル 
	double-l = 2カラムでメニューが左の時に読み込まれるスタイル 
	single = 1カラムの時に読み込まれるスタイル 
------------------------------------------------------------------------------------------*/

/* default */
div#main div#pickup_goods h3 {
	background-image:url(../images/elegancia/title/common/title_recommended.jpg);
	background-repeat:no-repeat;
	clear:both;
	height:36px;
}
div#navi div#pickup_goods h3,
div#utilities div#pickup_goods h3
{
	margin: 0 13px 0px;
	background-image:url(../images/elegancia/box/common/pick_up.jpg);
	background-repeat:no-repeat;
	height:54px;
}

/* 
double-r = 2カラムでメニューが右の時に読み込まれるスタイル 
double-l = 2カラムでメニューが左の時に読み込まれるスタイル 
*/
body.double-r div#main div#pickup_goods h3,
body.double-l div#main div#pickup_goods h3 {
	margin:0 15px;
	background-image:url(../images/elegancia/title/common/title_recommended.jpg);
	background-repeat:no-repeat;
	clear:both;
	height:36px;
}
body.double-r div#navi div#pickup_goods h3,
body.double-r div#utilities div#pickup_goods h3,
body.double-l div#navi div#pickup_goods h3,
body.double-l div#utilities div#pickup_goods h3
{
	margin: 0 13px 0px;
	background-image:url(../images/elegancia/box/common/pick_up.jpg);
	background-repeat:no-repeat;
	height:54px;
}

/* 1カラムの時に読み込まれるスタイル */
body.single div#main div#pickup_goods h3 {
	margin-right:15px;
	margin-left:15px;
	background-image:url(../images/elegancia/title/common/title_recommended.jpg);
	background-repeat:no-repeat;
	clear:both;
	height:36px;
}

body.single div#navi div#pickup_goods h3,
body.single div#utilities div#pickup_goods h3
{
	background-image:url(../images/elegancia/box/common/pick_up.jpg);
	background-repeat:no-repeat;
	height:54px;
}


/*------------------------------------------------------------------------------------------
	商品カテゴリ
	default = 3カラム(multi)の時のスタイル
	double-r = 2カラムでメニューが右の時に読み込まれるスタイル 
	double-l = 2カラムでメニューが左の時に読み込まれるスタイル 
	single = 1カラムの時に読み込まれるスタイル 
------------------------------------------------------------------------------------------*/

/* default */
div#main div#category h3 {

}
div#navi div#category h3,
div#utilities div#category h3
{
	margin: 0 13px 0px;
	background-image:url(../images/elegancia/box/common/category.jpg);
	background-repeat:no-repeat;
	height:54px;
}

body.multi-l div#navi div#category h3,
body.multi-l div#utilities div#category h3
{
	margin: 0 12px 0px;
	background-image:url(../images/elegancia/box/common/category.jpg);
	background-repeat:no-repeat;
}

/* 
double-r = 2カラムでメニューが右の時に読み込まれるスタイル 
double-l = 2カラムでメニューが左の時に読み込まれるスタイル 
*/
body.double-r div#navi div#category h3,
body.double-r div#utilities div#category h3,
body.double-l div#navi div#category h3,
body.double-l div#utilities div#category h3
{
	margin: 0 13px 0px;
	background-image:url(../images/elegancia/box/common/category.jpg);
	background-repeat:no-repeat;
	height:54px;
}

/* 1カラムの時に読み込まれるスタイル */
body.single div#navi div#category h3,
body.single div#utilities div#category h3
{
	margin: 0 13px 0px;
	background-image:url(../images/elegancia/box/common/category.jpg);
	background-repeat:no-repeat;
	height:54px;
}


/*------------------------------------------------------------------------------------------
	サイト内検索
	default = 3カラム(multi)の時のスタイル
	double-r = 2カラムでメニューが右の時に読み込まれるスタイル 
	double-l = 2カラムでメニューが左の時に読み込まれるスタイル 
	single = 1カラムの時に読み込まれるスタイル 
------------------------------------------------------------------------------------------*/

/* default */
div#main div#search h3 {
}
div#navi div#search h3,
div#utilities div#search h3
{

	margin: 0 13px 0px;
	background-image:url(../images/elegancia/box/common/search_head.jpg);
	background-repeat:no-repeat;
	height:30px;

}
body.multi-l div#navi div#search h3,
body.multi-ldiv#utilities div#search h3
{
	margin: 0 12px 0px;
	background-image:url(../images/elegancia/box/common/search_head.jpg);
	background-repeat:no-repeat;
	height:30px;

}

/* 
double-r = 2カラムでメニューが右の時に読み込まれるスタイル 
double-l = 2カラムでメニューが左の時に読み込まれるスタイル 
*/
body.double-r div#navi div#search h3,
body.double-r div#utilities div#search h3,
body.double-l div#navi div#search h3,
body.double-l div#utilities div#search h3
{
	background-image:url(../images/elegancia/box/common/search_head.jpg);
	background-repeat:no-repeat;
	clear:both;
	height:30px;
}

/* 1カラムの時に読み込まれるスタイル */
body.single div#navi div#search h3,
body.single div#utilities div#search h3{
	background-image:url(../images/elegancia/box/common/search_head.jpg);
	background-repeat:no-repeat;
	height:30px;
}

/*------------------------------------------------------------------------------------------
	ショッピングカート
	default = 3カラム(multi)の時のスタイル
	double-r = 2カラムでメニューが右の時に読み込まれるスタイル 
	double-l = 2カラムでメニューが左の時に読み込まれるスタイル 
	single = 1カラムの時に読み込まれるスタイル 
------------------------------------------------------------------------------------------*/
/* default */
div#main div#cart h3 {
}
div#navi div#cart h3,
div#utilities div#cart h3
{
	margin: 0 13px 0px;
	background-image:url(../images/elegancia/box/common/cart.jpg);
	background-repeat:no-repeat;
	height:54px;
}

/* 
double-r = 2カラムでメニューが右の時に読み込まれるスタイル 
double-l = 2カラムでメニューが左の時に読み込まれるスタイル 
*/
body.double-r div#main div#cart h3,
body.double-l div#main div#cart h3 {
}
body.double-r div#navi div#cart h3,
body.double-r div#utilities div#cart h3,
body.double-l div#navi div#cart h3,
body.double-l div#utilities div#cart h3
{
	margin: 0 13px 0px;
	background-image:url(../images/elegancia/box/common/cart.jpg);
	background-repeat:no-repeat;
	height:54px;
}

/* 1カラムの時に読み込まれるスタイル */
body.single div#navi div#cart h3,
body.single div#utilities div#cart h3
{
	margin: 0 13px 0px;
	background-image:url(../images/elegancia/box/common/cart.jpg);
	background-repeat:no-repeat;
	height:54px;
}

/* トピックス */
/*------------------------------------------------------------------------------------------
	default = 3カラム(multi)の時のスタイル
	multi-l = 3カラムでメニューが左の時に読み込まれるスタイル
	double-r = 2カラムでメニューが右の時に読み込まれるスタイル 
	double-l = 2カラムでメニューが左の時に読み込まれるスタイル 
	single = 1カラムの時に読み込まれるスタイル 
------------------------------------------------------------------------------------------*/

/* default */
div#main div#topics h3 {
	background-image:url(../images/elegancia/title/common/title_topics.jpg);
	background-repeat:no-repeat;
	height:36px;

}
div#navi div#topics h3,
div#utilities div#topics h3
{
	margin: 0 13px 0px;
	background-image:url(../images/elegancia/box/common/topics.jpg);
	background-repeat:no-repeat;
	height:54px;
}

/* 3カラムでメニューが左の時に読み込まれるスタイル */
body.multi-l div#navi div#topics h3,
body.multi-l div#utilities div#topics h3
{
	margin: 0 12px 0px;
	background-image:url(../images/elegancia/box/common/topics.jpg);
	background-repeat:no-repeat;
	height:54px;
}

/* 
double-r = 2カラムでメニューが右の時に読み込まれるスタイル 
double-l = 2カラムでメニューが左の時に読み込まれるスタイル 
*/
body.double-r div#main div#topics h3,
body.double-l div#main div#topics h3{
	margin:0 15px;
	background-image:url(../images/elegancia/title/common/title_topics.jpg);
	background-repeat:no-repeat;
	height:36px;
}
body.double-r div#navi div#topics h3,
body.double-r div#utilities div#topics h3,
body.double-l div#navi div#topics h3,
body.double-l div#utilities div#topics h3
{
	margin: 0 13px 0px;
	background-image:url(../images/elegancia/box/common/topics.jpg);
	background-repeat:no-repeat;
	height:54px;
}

/* 1カラムの時に読み込まれるスタイル */
body.single div#main div#topics h3{
	margin:0 15px;
	background-image:url(../images/elegancia/title/common/title_topics.jpg);
	background-repeat:no-repeat;
	height:36px;
}

body.single div#navi div#topics h3,
body.single div#utilities div#topics h3
{
	margin: 0 13px 0px;
	background-image:url(../images/elegancia/box/common/topics.jpg);
	background-repeat:no-repeat;
	height:54px;
}

/* 商品一覧 */
/*------------------------------------------------------------------------------------------
	default = 3カラム(multi)の時のスタイル
	double-r = 2カラムでメニューが右の時に読み込まれるスタイル 
	double-l = 2カラムでメニューが左の時に読み込まれるスタイル 
	single = 1カラムの時に読み込まれるスタイル 
------------------------------------------------------------------------------------------*/
/* default */
body.multi div#main div#goods h3 {
	text-indent:2em;

}
body.multi div#navi div#goods h3,
body.multi div#utilities div#goods h3
{

}

/* 
double-r = 2カラムでメニューが右の時に読み込まれるスタイル 
double-l = 2カラムでメニューが左の時に読み込まれるスタイル 
*/
body.double-r div#main div#goods h3,
body.double-l div#main div#goods h3 {
	margin:0 15px;
	text-indent:2em;

}
body.double-r div#navi div#goods h3,
body.double-l div#utilities div#goods h3
{

}

/* 1カラムの時に読み込まれるスタイル */
body.single div#main div#goods h3 {
margin:0px 15px;

}
body.single div#navi div#goods h3,
body.single div#utilities div#goods h3
{
}


/*------------------------------------------------------------------------------------------
	本文
	default = 3カラム(multi)の時のスタイル
	double-r = 2カラムでメニューが右の時に読み込まれるスタイル 
	double-l = 2カラムでメニューが左の時に読み込まれるスタイル 
	single = 1カラムの時に読み込まれるスタイル 

------------------------------------------------------------------------------------------*/

/* default */
div#main div.entory .body {
	margin-bottom: 30px;
	padding: 2em 3em;

}

div#main div.entory .body h3{
	margin-bottom: 30px;

}

/* 
double-r = 2カラムでメニューが右の時に読み込まれるスタイル 
double-l = 2カラムでメニューが左の時に読み込まれるスタイル 
*/
body.double-r div#main div.entory .body,
body.double-l div#main div.entory .body {
	margin-bottom:30px;
	margin-left:15px;
	margin-right:15px;
	padding: 2em 3em;
}

/* 1カラムの時に読み込まれるスタイル */
body.single div#main div.entory .body {
	margin-bottom:30px;
	margin-right:15px;
	margin-left:15px;
	padding: 2em 3em;
}


/*------------------------------------------------------------------------------------------
	ブロック本文
	default = 3カラム(multi)の時のスタイル
	multi-l = 3カラムでメニューが左の時に読み込まれるスタイル
	double-r = 2カラムでメニューが右の時に読み込まれるスタイル 
	double-l = 2カラムでメニューが左の時に読み込まれるスタイル 
	single = 1カラムの時に読み込まれるスタイル 

------------------------------------------------------------------------------------------*/

/* default */
div#main .block .block_body {
	margin: 0;
	padding: 2em 1em;
	border:solid 1px #cccccc;
	border-top: none;
}

div#navi .block .block_body,
div#utilities .block .block_body
{
	margin: 0 13px 20px;
	padding: 1em 3em;
	border:solid 1px #CCD00A;	
	border-top: none;
	padding: 16px 8px;
}

/* 3カラムでメニューが左の時に読み込まれるスタイル */
body.multi-l div#navi .block .block_body
{
	margin: 0 13px 20px 12px;
	padding: 1em 1em;
/*	border:solid 1px #63672c;*/
	border-top: none;
	padding: 16px 8px;
}

/* 
double-r = 2カラムでメニューが右の時に読み込まれるスタイル 
double-l = 2カラムでメニューが左の時に読み込まれるスタイル 
*/
body.double-r div#main .block .block_body,
body.double-l div#main .block .block_body {
	margin-right:15px;
	margin-left:15px;
	padding: 2em 3em;
	border:solid 1px #63672c;
	border-top: none;
}

/* 1カラムの時に読み込まれるスタイル */
body.single div#main .block .block_body {
	margin-right:15px;
	margin-left:15px;
	padding: 2em 3em;
	border:solid 1px #63672c;
	border-top: none;
}


/*------------------------------------------------------------------------------------------
	新着商品（ブロック）
	default	通常のスタイル
	multi = 3カラム(通常)の時に読み込まれるスタイル
	multi-l = 3カラムでメニューが左の時に読み込まれるスタイル
	multi-r = 3カラムでメニューが右の時に読み込まれるスタイル
------------------------------------------------------------------------------------------*/
/* default */
div#main div#new_goods .block_body {
	padding: 0;
	clear:both;
	overflow: hidden;	/* IE7にてボーダーを表示 */
	border:none;
}
div#main div#new_goods .block_body li {
	padding-left:1em;
	float: left;
	display:inline;
	margin-right: 2px;	
	width:150px;
	overflow: hidden;	/* IE7にてボーダーを表示 */
	height:260px;

}

div#main div#new_goods .block_body h4{
height:60px;
}
/* 
マルチカラムの場合、IE6だけレイアウトが崩れるので、マルチカラムの場合はスクロールバーを表示 
	multi = 3カラム(通常)の時に読み込まれるスタイル
	multi-l = 3カラムでメニューが左の時に読み込まれるスタイル
	multi-r = 3カラムでメニューが右の時に読み込まれるスタイル
*/
body.multi div#new_goods .block_body li,
body.multi-r div#new_goods .block_body li,
body.multi-l div#new_goods .block_body li{
	width: 130px;
	list-style-type: none;
	margin-bottom: 10px;
	overflow:hidden;
}

div#utilities div#new_goods .block_body{
}

div#new_goods .block_body li {
	list-style-type: none;
	margin-bottom: 10px;
}
div#new_goods .block_body li.new_icon {
}
div#new_goods .block_body li div.price {
	text-align: right;
}


/* オススメ商品（ブロック）
---------------------------------------------*/

div#main div#pickup_goods .block_body {
	padding: 0;
	padding-left: 20px;
	padding-right: 20px;
	overflow: hidden;	/* IE7にてボーダーを表示 */
	border:none;
}

div#pickup_goods .block_body{
	border:solid 1px #cccccc;
}

div#main div#pickup_goods .block_body li {
	width:100%;
}

div#pickup_goods .block_body li {
	list-style-type: none;
	margin-bottom: 10px;
}
div#pickup_goods .block_body li h4,
div#pickup_goods .block_body li h5 {
	padding: 0;
}
div#pickup_goods .block_body li h4 {
	padding-top: 10px;
}
div#pickup_goods .block_body li img {
	float: right;
	display:inline;
	margin-left: 5px;
}
div#pickup_goods .block_body li div.price {
	text-align: right;
}
div#pickup_goods .block_body li p {
	line-height: 1.2em;
}

/* 
マルチカラムの場合、IE6だけレイアウトが崩れるので、マルチカラムの場合はサイドにスクロールバーを表示 
	multi = 3カラム(通常)の時に読み込まれるスタイル
	multi-l = 3カラムでメニューが左の時に読み込まれるスタイル
	multi-r = 3カラムでメニューが右の時に読み込まれるスタイル
*/
body.multi div#utilities div#pickup_goods .block_body li,
body.multi-r div#utilities div#pickup_goods .block_body li,
body.multi-l div#utilities div#pickup_goods .block_body li{
	width: 130px;
	list-style-type: none;
	margin-bottom: 10px;
	overflow:hidden;
}

body.double-r div#utilities div#pickup_goods .block_body li,
body.double-l div#utilities div#pickup_goods .block_body li{
	width: 150px;
	list-style-type: none;
	margin-bottom: 10px;
}

/* 商品カテゴリ（本文）
---------------------------------------------*/

div#main div#category .body {
	padding: 1em;
}
div#main div#category .body ul {
	border-left: 1px solid #c66;
	margin: 0.3em 0;
	padding: 0;
	font-size: 85%;
	text-indent: none;
}
div#main div#category .body ul li{
	display: inline;
	padding: 0 15px;
	border-right: 1px solid #c66;
}


/* 商品カテゴリ（ブロック）
---------------------------------------------*/

div#category dl.block_body {
border:solid 1px #cccccc;
}
div#category dl.block_body dt {
	font-weight: bold;
}
div#category dl.block_body dd a {
	padding-left:1.1em;
	background-image:url(../images/elegancia/icon/icon_left_arrow.jpg);
	background-repeat:no-repeat;
	background-position:center left;
	display:block;
}
div#category dl.block_body dd {
	margin: 0 0 1em 1em;
}


/* サイト内検索（ブロック）
---------------------------------------------*/

div#search .block_body {
	background-image:url(../images/elegancia/box/multi/search.jpg);
	background-repeat:no-repeat;
	height:100px;
}

/* 2カラム */
body.double-l div#search .block_body,
body.double-r div#search .block_body {
	background-image:url(../images/elegancia/box/double/search.jpg);
	background-repeat:no-repeat;
	height:100px;
}

/* シングル */
body.single div#search .block_body {
	background-image:url(../images/elegancia/box/single/search.jpg);
	background-repeat:no-repeat;
	height:100px;
}

div#search .block_body form {
}
div#search .block_body form input {
}



/* カート（ブロック）
---------------------------------------------*/
div#cart .block_body{
border:solid 1px #cccccc;
}

div#cart .block_body li {
	list-style-type: none;
}
div#cart .block_body li.cart_goods {
}
div#cart .block_body li.cart_regi {
	margin-top: 5px;
	padding-top: 5px;
	border-top: 1px dotted #000;
}



/* トピックス（ブロック）
---------------------------------------------*/
div#main div#topics dl.block_body {
	border:none;	/* メインボックスではボーダーは非表示 */
}

div#topics dl.block_body {
	border:solid 1px #cccccc;
}
div#topics dl.block_body dt {
	font-weight: bold;
}
div#topics dl.block_body dt a {
}
div#topics dl.block_body dd {
	margin: 0 0 1em;
}
div#topics dl.block_body dd.new_icon {
}


/* 商品一覧（ブロック）商品一覧のページ
---------------------------------------------*/

div#main ul#goods {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
div#main ul#goods li{
	margin-bottom:1em;
	border-style:solid;
	border-width:1px;
	border-color:#98C84F;
	float:left;
}


#goods .block_body{
	background-color:#fff;	
}

div#main #goods .body{
margin-bottom:1em;
}

#goods .block_body .description {
	line-height: 1.5em;
	font-size: 87%;
	clear: left;
}

#goods .block_body h3,
#goods .block_body h4 {
	padding: 0;
	margin: 0;
	margin-bottom: 0.5em;
	line-height: 1.3em;
}
#goods .block_body img {
	float: right;
	display:block;
	margin-left: 5px;
}
/*詳細ページのスタイル*/
#main #goods .catchcopy{
	padding:1em 0;
	border-top: none;
	border-bottom:none;
	padding-left:2em;
}

#goods .block_body .catchcopy {
	margin:0px;
	font-size: 130%;
}
/* 
商品ページのスタイル。
詳細ページのスタイルを継承しているので、リセットをし、ネガティブマージンで元に戻す
 */
div#main ul#goods li.block_body .catchcopy{
	padding:0;
	border:none;
/*	margin-left:-2em;	*/
}

#goods .block_body p {
	line-height: 1.2em;
}

#main #goods .body{
	border:solid 1px #cccccc;
}


/* インフォメーション
---------------------------------------------*/


div#main div#info table
{
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-collapse: separate;
	border-spacing: 1px;
	width: 420px;
}
div#main div#info table td,
div#main div#info table th
{
	border-bottom: 1px solid #333;
	border-right: 1px solid #333;
	padding: 3px 7px;
}

div#main div#info h3 {
	border-left: 4px solid #c3a;
	border-bottom: 1px dotted #c3a;
	padding-left: 7px;
}

div#main div#info dl dt {
	font-weight: bold;
}


/* カート
---------------------------------------------*/


table#table_cart
{
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-collapse: separate;
	border-spacing: 1px;
	width: 790px;
}
table#table_cart td,
table#table_cart th
{
	border-bottom: 1px solid #333;
	border-right: 1px solid #333;
	padding: 3px 7px;
}

table#table_cart .submit {
}


/* 注文フォーム／お問い合わせフォーム
---------------------------------------------*/


table#table_inquiry
{
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-collapse: separate;
	border-spacing: 1px;
	width: 420px;
}
table#table_inquiry td,
table#table_inquiry th
{
	border-bottom: 1px solid #333;
	border-right: 1px solid #333;
	padding: 3px 7px;
}

table#table_inquiry .submit {
}



/*------------------------------------------------------------------------------------------
	ログインフォーム
------------------------------------------------------------------------------------------*/
table#table_login
{
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-collapse: separate;
	border-spacing: 1px;
	width: 420px;
}
table#table_login td,
table#table_login th
{
	border-bottom: 1px solid #333;
	border-right: 1px solid #333;
	padding: 3px 7px;
}

table#table_login .submit {
}




/*	フッター
-----------------------------*/

div#footer{
	width:890px;
	text-align: center;
}


div#footer ul.globalNavi2 {
	margin-left:5px;
	padding-bottom:8px;
	background: url(../images/elegancia/footer/footer.gif) left bottom no-repeat; 
}

div#footer ul.globalNavi2 li {
	margin-left:0.5em;
	padding:0px;
	text-align: center;
	font-size:90%;
	display:inline;
	position:relative;

}

/*div#footer ul li a{
	color: #ddd;
}
*/
div#footer address {
	margin:0px;
	padding:0;
	font-size:85%;
	height:35px;
	position:relative;
	top:1em;
}



/*	ページャー
-----------------------------*/

ul.pager {
	text-align: center;
	margin: 0;
	padding: 0;
}

ul.pager li {
	display: inline;
}

ul.pager li.older:before {
	content: "<< ";
}

ul.pager li.newer:after {
	content: " >>";
}

/* 現在選択中の数字 */
li.current a{
color:#FF0000;
}

/*	注意事項
-----------------------------*/

.attention-area {
	border: 2px solid #a69abd;
	padding: 0.5em 1em;
	margin: 1em 0;
}



/*	強調したい文字
-----------------------------*/

/* キャッチコピー */
/*
ボーダーをつけることで、h2とh3のキャッチの間をつなげている。これがないとh2とh3のキャッチの間で隙間ができてしまう。
*/
.catchcopy,
.catchcopy a
 {
	color: #ff0000;


}

/* 価格表示 */

.price, /* 単価 */
.amount	/* 合計 */
 {
	color: #EC0975;
	text-align: right;
}

.amount
 {
	font-weight: bold;
}

/* エラーなど */

.txt-attention
 {
	color: red;
	font-weight: bold;
}

/* エラーメッセージ */
.error{
	color: red;
	font-weight: bold;
}

/*	フォーム要素
-----------------------------*/


input,
textarea {
}

input.id			{ width: 80px;	ime-mode: disabled; }
input.label			{ width: 120px;	ime-mode: active; }
input.email			{ width: 250px;	ime-mode: disabled; }
input.url			{ width: 400px;	ime-mode: disabled; }
input.tel			{ width: 120px;	ime-mode: disabled; }
input.zip			{ width: 50px;	ime-mode: disabled; }
input.date			{ width: 80px;	ime-mode: disabled; }
input.datetime		{ width: 150px;	ime-mode: disabled; }
input.password		{ width: 80px;	ime-mode: disabled; }
input.address		{ width: 300px;	ime-mode: active; }
input.title			{ width: 240px;	ime-mode: active; }
input.discription	{ width: 300px;	ime-mode: active; }
input.number		{ width: 50px;	ime-mode: disabled; }
input.money			{ width: 80px;	ime-mode: disabled; }
input.code			{ width: 120px;	ime-mode: disabled; }

textarea.note		{ width: 420px;	height: 80px;	ime-mode: active; }
textarea.text		{ width: 420px;	height: 200px;	ime-mode: active; }
textarea.body		{ width: 420px;	height: 500px;	ime-mode: active; }



/*	アイコン
-----------------------------*/
/* newアイコン表示 */

li.new_icon {
}
span.new{
	background-image:url(../images/elegancia/icon/new.gif);
	background-repeat:no-repeat;
	background-position:left top;
	text-indent: -9999em;
	display: block;
	float:left;
	width: 24px;
	height: 5px;
	margin-bottom:1em;
}

span.pickup{
	background-image:url(../images/elegancia/icon/pickup.gif);
	background-repeat:no-repeat;
	background-position:left top;
	text-indent: -9999em;
	display: block;
	float:left;
	width: 36px;
	height: 16px;
	margin-right: 3px;
	margin-bottom:1em;
}



/*さらに詳しくにアイコン表示(商品一覧のページにて使用)*/

a.more{
	padding-left:1.2em;
	background-image:url(../images/elegancia/icon/right-arrow.gif);
	background-repeat:no-repeat;
	background-position:left 50%;

}

/* カートの中のエラーメッセージ */
ul.error_list li{
	color:#FF0000;
	list-style-type:none;
	font-weight:bold;
}

.attention-area ul li{
	list-style-type:none;
}
/* カートページの買い物を続ける、レジへ進むのテキストの変更 */
ul#cart_navi li{
	list-style-type:none;
	display:inline;
}

/* 入力画面のラジオボタンの修正 */
ul.radio_list{
	list-style-type:none;
}