/* ちらし風トップページcss */


/*========================================
  サイト共通部分
-----------------------------------------*/
/* 文字色 */
.red{
	color: #F62015;
}
.hidetxt{
	display:none;
}

/* 画像ロールオーバー */
a:hover img {
-moz-opacity:0.5;
opacity:0.5;
filter: alpha(opacity=50);
} 
a:hover img {
-moz-opacity:0.5;
opacity:0.5;
filter: alpha(opacity=50);
} 
a:focus{
/**/
	overflow: hidden;
/**/
}
a:hover img#privm{
-moz-opacity:1.0;
opacity:1.0;
filter: alpha(opacity=100);
} 


/* 背景 */
* {
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif;
}

body{
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: bottom;
	background-position: center top;
}

div#body{
	width:830px;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	padding-bottom: 50px;
	text-align:left;
	background-repeat: no-repeat;
	background-position: center bottom;
}


/* --------------------------------------------------------------------
	common
-------------------------------------------------------------------- */

/* 共通エレメント */
body{
	font-size:12px;
	color:#666666;
	background-color:#FFF;
	margin:0px;
	text-align:center;
	line-height: 160%;
}
ul{
	list-style-type: none;
}
td, th{
	font-size:12px;
}

h1,h2,h3,h4,h5,h6,p,ul{
    margin-top:0;
    margin-left:0;
    margin-right:0;
    margin-bottom:0;
    padding:0px;
}

img{
 	border-width: 0; 
/* 	vertical-align:middle;*/
}

form{ 
	margin: 0; 
	padding: 0; 
}

hr
{ 
	height: 1px; 
	color: #E8E8E8; 
	margin: 8px auto;
/*	border-style: dotted;*/
	border-style: solid;
}

/*ベースフォントサイズ-winIE以外のブラウザへの設定*/
html>body #body, html>body td, html>body th{
	font-size:12px;
/*	line-height: 160%;*/
}


#body{
	width:800px;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	text-align:left;
}




table.baseframe_{
	width: 100%;
	padding:0px;
	margin:0px;
	border-collapse: collapse;
	float:left;
}


/* new 共通エレメント(リンク) */
a:link		{color:#000000; text-decoration: none;}
a:visited	{color:#000000; text-decoration: none;}
a:active	{color:#5C4033; text-decoration: underline;}
a:hover		{color:#5C4033; text-decoration: underline;}

/* 共通クラス(インライン汎用) */
.large_		{
	font-size:14px;
	line-height: 140%;
}
.normal_	{ font-size:12px; line-height:160%; }
.small_		{
	font-size:10px;
	line-height:130%;
	font-weight: normal;
	color: #666666;
}
.xsmall_	{ font-size:9px; line-height:130%; }

/* new 共通クラス(特定メッセージ インライン) */
.error_		{color:#CC0000; font-weight:bold; font-size:12px;}
.notice_	{color:#993300; font-weight:bold; font-size:12px;}
.info_		{color:#666666; font-weight:bold; font-size:12px;}

/* new 共通クラス(特定メッセージ ブロック) */
div.error_,	table.error_	{background-color:#efefef; border:solid 1px #FF0099; padding:8px; margin:4px auto; text-align:left; }
div.notice_,table.notice_	{background-color:#efefef; border:solid 1px #996666; padding:8px; margin:4px auto; text-align:left;}
div.info_,	table.info_		{background-color:#efefef; border:solid 1px #666666; padding:8px; margin:4px auto; text-align:left; }
ul.error_					{margin-left: 16px;}


/*
div.info_ ul	{ margin: 8px 32px; }
*/

/* new 共通クラス(ブロック) */
.submit_
	{ margin: 16px auto; text-align: center; }
.submit_ input, .submit_ img
	{ margin: 0px 16px; vertical-align: middle; }
.loginname_
	{ font-size: 12px; font-weight: bold; letter-spacing: 2px; margin-bottom: 8px; padding: 0 40px; }
.message_
	{
	font-size: 12px;
}
.mypoint_
	{ margin-bottom: 8px; padding: 0 40px; }

/* new 共通クラス(その他) */
.hidden_			{ visibility: hidden; }	/* spacer */
.nocell_			{ border:none ! important; background-color:transparent ! important;  }
table.spandual_		{ border:none; background-color:transparent; width:100%; }	/* table layout */
.hiddenEnter_		{ width:0; height:0; }

/* 価格表示 */
.price_pop_     {color:#CC0000; font-size:10px; }
.price_         {color:#CC3300; font-size:14px; font-weight:bold;}

/* 商品名・カテゴリ名タイトル */
h1.goods_name_      {
	margin:8px 0px 10px;
	color:#FFF;
	font-weight:bold;
	font-size:12px;
	background-image: url(../img/shop/t_bg.jpg);
	text-align: left;
	height: 25px;
	width: 580px;
	text-indent: 15px;
	line-height: 26px;
}

h1.category_name_   {
	margin:8px 0px 10px;
	color:#FFF;
	font-weight:bold;
	font-size:12px;
	background-image: url(../img/shop/t_bg.jpg);
	text-align: left;
	height: 25px;
	width: 580px;
	text-indent: 15px;
	line-height: 26px;
}
h1.event_name_      {
	margin:8px 0px 10px;
	color:#FFF;
	font-weight:bold;
	font-size:12px;
	background-image: url(../img/shop/t_bg.jpg);
	text-align: left;
	height: 25px;
	width: 580px;
	text-indent: 15px;
	line-height: 26px;
}
h1.genre_name_      {
	margin:8px 0px 10px;
	color:#9147B8;
	font-weight:bold;
	font-size:12px;
	background-image: url(../img/usr/t_bar_genre.png);
	text-align: left;
	height: 36px;
	width: 580px;
	text-indent: 15px;
	line-height: 34px;
}

h1.mag_name_      {
	margin:8px 0px 10px;
	color:#996699;
	font-weight:bold;
	font-size:12px;
	background-image: url(../img/usr/t_bar_700_r.png);
	text-align: left;
	height: 36px;
	width: 700px;
	text-indent: 15px;
	line-height: 34px;
}


/* イベントへのリンク */
.event_title_		{
	margin:8px 0px 10px;
	color:#FFF;
	font-weight:bold;
	font-size:12px;
	background-image: url(../img/shop/t_bg.jpg);
	text-align: left;
	height: 25px;
	width: 580px;
	text-indent: 15px;
	line-height: 26px;
}
.event_title_ span	{font-size: 12px;font-weight:bold}

/* --------------------------------------------------------------------
	category(common)
-------------------------------------------------------------------- */

/* カテゴリーツリー */
.category_tree_ 				{
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
	width: 168px;
	text-indent: 3px;
}
.category_tree_ a:link			{
	text-decoration:none;
}
.category_tree_ a:visited		{text-decoration:none;}
.category_tree_ a:hover			{text-decoration:none;}
.category_tree_ a:active		{text-decoration:none;}

.category_tree1_			{
	margin: 0px 0px 0px 20px;
	list-style-image: url(../img/usr/tree1.png);
	font-size:12px;
	height: 30px;
	line-height: 30px;
}
.category_tree2_			{
	margin: 0px 0px 0px 25px;
	list-style-image: url(../img/usr/tree2.png);
	font-size:12px;
	height: 30px;
	line-height: 30px;
}
.category_tree3_			{
	margin: 0px 0px 0px 30px;
	list-style-image: url(../img/usr/tree3.png);
	font-size:12px;
	height: 30px;
	line-height: 30px;
}
.category_tree4_			{
	margin: 0px 0px 0px 35px;
	list-style-image: url(../img/usr/tree4.png);
	font-size:12px;
	height: 30px;
	line-height: 30px;
}

.category_tree1_open_	{
	margin: 0px 0px 0px 20px;
	list-style-image: url(../img/usr/tree1_open.png);
	font-size:12px;
	font-weight:bold;
	height: 30px;
	line-height: 30px;
	color: #FF9900;
}
.category_tree2_open_	{
	margin: 0px 0px 0px 25px;
	list-style-image: url(../img/usr/tree2_open.png);
	font-size:12px;
	font-weight:bold;
	height: 30px;
	line-height: 30px;
	color: #FF9900;
}
.category_tree3_open_	{
	margin: 0px 0px 0px 30px;
	list-style-image: url(../img/usr/tree3_open.png);
	font-size:12px;
	font-weight:bold;
	height: 30px;
	line-height: 30px;
	color: #FF9900;
}
.category_tree4_open_	{
	margin: 0px 0px 0px 35px;
	list-style-image: url(../img/usr/tree4_open.png);
	font-size:12px;
	font-weight:bold;
	height: 30px;
	line-height: 30px;
	color: #FF9900;
}

.genre_tree_ 				{
	margin: 0px;
	padding: 0px;
}
.genre_tree_ a:link			{text-decoration:none;}
.genre_tree_ a:visited		{text-decoration:none;}
.genre_tree_ a:hover		{text-decoration:none;}
.genre_tree_ a:active		{text-decoration:none;}

.genre_tree_ li.genreclass_line_	{
	margin: 0px 0px 0px 20px;
	list-style-image: url(../img/usr/tree1.png);
	font-size:12px;
	height: 30px;
	line-height: 30px;
}
.genre_tree_ li.genre_line_            {

    margin: 0px 0px 0px 25px;
    list-style-image: url(../img/usr/tree2.png);
    font-size:12px;
    height: 30px;
    line-height: 30px;
}


/* --------------------------------------------------------------------
	navigation(common)
-------------------------------------------------------------------- */

.navigation_			{margin-bottom: 8px; font-size: 12px;}
.navigation_ a:link		{text-decoration:none;}
.navigation_ a:visited	{text-decoration:none;}
.navigation_ a:hover	{text-decoration:underline;}
.navigation_ a:active	{text-decoration:underline;}

/* パンくず */
.navitopicpath_				{margin-top:4px; margin-bottom: 6px; font-size: 12px;}
.navitopicpath_ a:link		{color:#666699;}
.navitopicpath_ a:visited	{color:#666699;}
.navitopicpath_ a:hover		{color:#6666FF; text-decoration:underline;}
.navitopicpath_ a:active	{color:#6666FF; text-decoration:underline;}

/* ページジャンプ */
.navipage_				{color:#666666; font-size:12px; text-align:right; padding:2px;}
.navipage_now_			{color:#CC0000; font-weight:bold; text-decoration:none; margin:2px 2px 2px 2px;}
.navipage_ a			{font-weight:bold; margin:2px 2px 2px 2px;}
.navipage_ a:link		{color:#666699;}
.navipage_ a:visited	{color:#666699;}
.navipage_ a:hover		{color:#6666FF; text-decoration:underline;}
.navipage_ a:active		{color:#6666FF; text-decoration:underline;}
.navipage_ img			{margin:auto;border:none;vertical-align:middle; }

/* 並び替え */
.navisort_				{color:#666666; font-size:10.5px; text-align:left; line-height:1.5; margin:4px 2px 4px 2px; border-bottom:dotted 1px #CCCCCC;}
.navisort_now_			{color:#CC0000; text-decoration:none; margin:2px 4px 2px 4px;}
.navisort_ a			{margin:2px 4px 2px 4px;}
.navisort_ a:link		{color:#666699; text-decoration:none;}
.navisort_ a:visited	{color:#666699; text-decoration:none;}
.navisort_ a:hover		{color:#6666FF; text-decoration:underline;}
.navisort_ a:active		{color:#6666FF; text-decoration:underline;}

/* 表示切替 */
.navistyle_				{color:#666666; font-size:10.5px; text-align:left; line-height:1.5; margin:4px 2px 4px 2px; border-bottom:dotted 1px #CCCCCC;}
.navistyle_now_			{color:#CC0000; text-decoration:none; margin:2px 2px 2px 2px;}
.navistyle_ a			{margin:2px 2px 2px 2px;}
.navistyle_ a:link		{color:#666699; text-decoration:none;}
.navistyle_ a:visited	{color:#666699; text-decoration:none;}
.navistyle_ a:hover		{color:#6666FF; text-decoration:underline;}
.navistyle_ a:active	{color:#6666FF; text-decoration:underline;}

/* --------------------------------------------------------------------
	trace
-------------------------------------------------------------------- */

/* for Trace */
.tracecontent  {text-align:left; background-color:#FFCCFF;}
#__asptrace  {text-align:left; background-color:#FFFFFF;}
span.tracecontent tr.subhead { background-color:#cccccc;}
span.tracecontent tr.alt { background-color:#eeeeee }



/*========================================
  トップページ固有の改編箇所
-----------------------------------------*/



/* 上部メニュー
------------------------------------------------ */
#headmenu {
	text-align:left;
	width: 578px;
	height: 24px;
	background-color: #D9E021;

}
#headmenu ul{
	text-align:left;
}

#headmenu li{
	float:left;
	margin-top:2px;
	margin-left:5px;
}
#headmenu li a{
	height: 23px;
	display:block;
	text-indent:-9999px;
}


#main_menu {
	text-align:left;
	width: 578px;
	height: 24px;
	background-color: #C7B299;

}
#main_menu ul{
	text-align:left;
}

#main_menu li{
	float:left;
}
#main_menu li a{
	height: 23px;
	display:block;
	text-indent:-9999px;
}
}


/* for win IE */
/* Hides from IE-mac \*/
*html body #headmenu ul{
	width: 600px;
}
*html body #head_01{
	margin-left:60px;
}
/* End for win IE */

#head_01 a{
	width: 86px;
	background-image: url(../img/shop/head_01.gif);
}
#head_02 a{
	width: 102px;
	background-image: url(../img/shop/head_02.gif);
}
#head_03 a{
	width: 101px;
	background-image: url(../img/shop/head_03.gif);
}
#head_04 a{
	width: 55px;
	background-image: url(../img/shop/head_04.gif);
}
#head_05 a{
	width: 91px;
	background-image: url(../img/shop/head_05.gif);
}
#head_06 a{
	width: 103px;
	background-image: url(../img/shop/head_06.gif);
}

#headmenu li a:hover{
	background-position: 0px -22px;
}

#menu1 a{
	width: 54px;
	background-image: url(../img/shop/menu_1.gif);
}
#menu2 a{
	width: 54px;
	background-image: url(../img/shop/menu_2.gif);
}
#menu3 a{
	width: 54px;
	background-image: url(../img/shop/menu_3.gif);
}
#menu4 a{
	width: 54px;
	background-image: url(../img/shop/menu_4.gif);
}
#menu5 a{
	width: 54px;
	background-image: url(../img/shop/menu_5.gif);
}
#menu6 a{
	width: 54px;
	background-image: url(../img/shop/menu_6.gif);
}

}
#menu7 a{
	width: 54px;
	background-image: url(../img/shop/menu_7.gif);
}

}
#menu8 a{
	width: 54px;
	background-image: url(../img/shop/menu_8.gif);
}

}
#menu9 a{
	width: 54px;
	background-image: url(../img/shop/menu_9.gif);
}
#headmenu li a:hover{
	background-position: 0px -22px;
}

/* ロゴ周り
------------------------------------------------ */
div#headmenu{
	margin-bottm: 15px;
}
#headmenu h1{
	float:left;
	width: 206px;
	height: 53px;
	background-image: url(../img/shop/logo.gif);
	background-repeat: no-repeat;
	text-indent:-9999px;
	margin-left: 40px;
	margin-top: 15px;
}
#headmenu h1 a{
	width: 206px;
	height: 53px;
	display:block;
/* Hides from IE-mac \*/
	overflow: hidden;
/* End hide from IE-mac */
}

#headmenu h2{
	float:left;
	width: 267px;
	height: 31px;
	background-image: url(../img/shop/head_t.gif);
	background-repeat: no-repeat;
	text-indent:-9999px;
	margin-left: 10px;
	margin-top: 25px;
}
#headmenu h3{
	float:right;
	width: 140px;
	height: 36px;
	background-image: url(../img/shop/cecile_logo.gif);
	background-repeat: no-repeat;
	text-indent:-9999px;
	margin-top: 25px;
	margin-right: 40px;
}
#headmenu h3 a{
	width: 140px;
	height: 36px;
	display:block;
/* Hides from IE-mac \*/
	overflow: hidden;
/* End hide from IE-mac */
}

/* for win IE */
/* Hides from IE-mac \*/
*html body #headmenu ul{margin-left: 230px;}
*html body #headmenu h1{margin-left: 20px;}
*html body #headmenu h3{margin-right: 20px;}
/* End for win IE */




/* 配送無料・お届け曜日
------------------------------------------------ */

}
h3#otodoke{
	width: 765px;
	height: 18px;
	background-image: url(../img/shop/ad_top/kuruma-tya.gif);
	background-repeat: no-repeat;
	text-indent:25px;
	margin-left: 15px;
	font-size: 12px;
	color: #534741;
	font-weight: normal;
}

/*メニュー
------------------------------------------------ */

/* メインメニュー */
div#menu {
	width: 166px;
	margin-left: 0px;
	margin-right: 10px;
	margin-bottom:15px;
}
div#menu ul li a p{
	display:none;
}

div#menu h3{
	font-size: 12px;
	line-height:25px;
	height: 25px;
	color:#534741;
	text-align: center;
	margin-bottom:10px;
	background-image: url(../img/shop/h3_bg.gif);
}
div#menu ul{
	margin-bottom:15px;
}


/* カテゴリーリスト */
div#menu ul.catelist li{
	border-left: 4px solid #2E9C15;
	line-height: 14px;
	text-indent: 5px;
	margin-top:6px;
	margin-left:6px;
}

/* 送料無料お試しセット */

div#menu ul.left_otameshi li{
	margin-bottom:6px;
}

/* ピックアップ */
div#menu ul#pickup li{
	border: 1px solid #666;
	font-size: 11px;
	line-height: 14px;
	margin-bottom: 5px;
	width:163px;
	height: 66px;
}
div#menu ul#pickup li a img{
	margin: 3px;
	width: 60px;
	float:left;
}

/* ログイン中 */
div.in_login{
	background-color:#CFF3BD;
	width:166px;
	text-align:center;
	padding-top:6px;
	padding-bottom:6px;
}


/*========================================
  メイン部分
-----------------------------------------*/






/*========================================
  下メニュー
-----------------------------------------*/
div #footer{
	clear: both;
}

}
div#otodoke{
	width: 765px;
	height: 18px;
	background-image: url(../img/shop/ad_top/kuruma-tya.gif);
	background-repeat: no-repeat;
	text-indent:25px;
	margin-left: 15px;
	font-size: 12px;
	color: #534741;
	font-weight: normal;
}

/* footer上側 */
ul#foot_menu{
	width: 790px;
	margin-left: 12px;
}
ul#foot_menu li{
	float:left;
	margin-right: 20px;
}
ul#foot_menu li#foot_3{
	margin-right: 0px;
}

ul#foot_menu li a{
	width: 230px;
	height: 25px;
	display:block;
	text-indent:-9999px;
	background-repeat: no-repeat;
}
li#foot_1 a{background-image: url(../img/shop/ad_top/tentyo-.gif);}
li#foot_2 a{background-image: url(../img/shop/ad_top/kyaku.gif);}

/*========================================
ul#foot_menu li a:hover{
	background-position: 0px -25px;
}


/* footer下側 */

ul#foot_menu2{
	width: 790px;
	margin-left: 12px;
	margin-top: 20px;
}
ul#foot_menu2 li{
	float:left;
	margin-right: 20px;
	border-left: 10px solid #534741;
	line-height: 14px;
	text-indent: 5px;
}
div#copy{
	background-color: #534741;
	width: 800px;
	height: 24px;
	font-size: 16px;
	font-color: #FFFFFF;
	text-align:right;
	padding:5px;

}