@charset "Shift_JIS";
@import "/bicbic/jsp/inc/sitebase.css";
@import "/bicbic/jsp/inc/header.css";
@import "/bicbic/jsp/inc/liquor.css";

/*************************************/
/* === CATEGORY LIST BASE CONTENT == */
/*************************************/

/* BODY */
#CtgCom body      { margin:0 0 0px; background-color:#FFFFFF; color:#333333; }
#CtgCom a:link    {  }
#CtgCom a:hover   { color:#FF0000; }
#CtgCom a:visited {  }
#CtgSK body       { margin:0 0 0px; background-color:#FFFFFF; color:#333333; }
#CtgSK a:link     { color:#114499; }
#CtgSK a:visited  { color:#525883; }
#CtgSK a:hover    { color:#FF0000; }

/* List Title Section */
#CtgBase      { width:970px; }
/* List Title Section */
#CtgBaseTT    { width:100%; font-size:80%; text-align:left; }
/* List Body Section */
#CtgBaseBD { width:100%; }
/* List Body Menu Section */
#CtgBaseMN { width:210px; float:left; font-size: 80%; text-align:left; margin-right:5px; }
/* List Body Main Section */
#CtgBaseMain { width:720px; float:left; font-size:80%; text-align:left;  margin-left:16px; }
/* List Body Recommend Section */
#CtgBaseRD { width:150px; float:right; font-size:80%; text-align:left; }

/* List Footer Section */
#CtgBaseFT { width: 100%; clear:both; font-size:80%; }


/***********************************/
/* === CATEGORY LIST CONTENT ===== */
/***********************************/

/* Category Title */
#CtgTitle { width: 100%; padding: 1px 0px; }
.sectitleleft	{ float: left; 	width: 50%; }
.sectitleleft img{ float: left; }
.sectitleright{ float: right; width: 50%; }
.sectitleright img{ float: right; }

/*ぱんくず*/
#CtgPan { padding-bottom:5px;padding-left:20px; }

/*カテゴリ名称*/
.CtgName    { font-size:14pt; margin-top:8px; text-align:left; }
.CtgName hr { color:#003399; width:100%; margin-bottom:0px; }

/* SORT */
#CtgSort { text-align:right; margin-top:4px; font-size:9pt; }

/* PAGE NUM */
#CtgPgNum { margin: 5px 0 0 0;}
#CtgPgNum td { font-size:80%; }
#CtgPgNum b  { font-size:1.2em; }

/* 納期表 */
#CtgNouki       { width:580px; background-color:#FFFFFF; padding:4px; border-style:solid; border-width:1px; border-color:#999999; }
#CtgNouki table { margin-top:7px; }
#CtgNouki td    { font-size:9pt; padding-top:2px; padding-bottom:2px; }
#CtgNouki img   { margin-bottom:2px; }
#CtgNoukiSum    { background-color:ivory; border-style:dashed; border-width:1px; border-color:#444444; padding:4px; width:570px; margin-bottom:7px; }

/* Category Object */
#CtgObj td { vertical-align:top; font-size:80%; }
#CtgObj b  { font-size:1.3em; }
.CtgObj_mb { margin-bottom:6px; }
.CtgObj_sp { display:block;clear:both;width:auto;height:8px; border-top:1px solid #D7D7D7; }
#CtgObj font.OffRate { color:#FF6600; font-size:9pt; font-weight:bold; font-family:Arial; }
#CtgObj font.OffRate font.off_rate_big { font-size:11pt; }

/* NewItem Category Object */
#CtgNindex td { font-size:80%; }
#CtgNiiObj td { font-size:90%; }
#CtgNiObj td  { font-size:70%; }
#CtgNiObj p   { font-size:1.2em; }
#CtgNiObj b   { font-size:1.3em; }
#CtgNisObj td { font-size:70%; }
#CtgNihObj td { color:#ffffff; font-size:70%; }
#CtgNicObj 		{ width: 590px; vertical-align:top; font-size:80%; padding:4px; margin:2px; border-style:solid; border-width:1px; border-color:#666666; background-color: #ffffff; }
#CtgNicObj ul { line-height:1.4; margin:8px 20px; }
.CtgNinote		{ font-size:110%; padding:4px; margin-top:2px; line-height:1.2; }
.CtgNihead		{ font-size:1.1em; line-height:1.8; }
.CtgNihead	b { font-size:1.1em; }

/* 商品紹介分(一覧) */
#CtgCmt   { width:auto !important; background-color:#E6E6E6; line-height:1.2em; padding:4px 4px 3px; border-style:solid; border-width:1px; border-color:#999999; }
#CtgCmt b { font-size:1.1em; }

/* 特別コメント(一覧) */
#CtgSpCmt table { width:495px; border-style:none; border-width:0px; padding:0px; }
#CtgSpCmt th    { width:30px; vertical-align:top; }
#CtgSpCmt td    { width:465px; vertical-align:middle; }
#CtgSpCmt b     { font-size:1.0em; }
#CtgSpCmt td.cm1 { color:#FF0000; font-weight:bold; }

/* SPEC SEARCH */
#CTGSrchPls        { font-size:9pt; margin:4px 0 4px; }
#CTGSrchPls table  { font-size:9pt; margin:4px 0 0; }
#CTGSrchPls table.word { clear:both; }

/* SPEC SEARCH bp000001 */
#Ctgbp000001L             { width:360px; float:left; }
#Ctgbp000001L table       { background-color:#999999; font-size:9pt; width:100%; border-style:solid; border-width:1px; border-color:#FFFFFF;}
#Ctgbp000001L td.ssmtitle { width:70px; background-color:#003399; color:#FFFFFF; text-align:center; padding-top:4px; padding-bottom:3px;  }
#Ctgbp000001L td.ssmdata  { background-color:#EFEFEF; color:#000000; text-align:left; }
#Ctgbp000001L select      { margin-top:4px; margin-bottom:3px; margin-left:2px; }

#Ctgbp000001R             { width:360px; float:left; }
#Ctgbp000001R table       { background-color:#999999; font-size:9pt; width:100%; border-style:solid; border-width:1px; border-color:#FFFFFF;}
#Ctgbp000001R td.ssmtitle { width:70px; background-color:#003399; color:#FFFFFF; text-align:center; padding-top:4px; padding-bottom:3px;  }
#Ctgbp000001R td.ssmdata  { background-color:#EFEFEF; color:#000000; text-align:left; }
#Ctgbp000001R select      { margin-top:4px; margin-bottom:3px; margin-left:2px; }

/* rank */
.CtgRanktitle { font-weight:bold; margin-top:4px; margin-bottom:3px; text-align:left; }
#CtgRank { width:208px; margin:4px 0 0 4px; text-align:left; border:solid 1px #ffcc66; background-color:#FFFFFF; }
/*
#CtgRank { width: 207px; padding: 1px; margin-bottom: 2px; border-style: solid; border-width: 1px; border-color: #ffcc66; background-color: #ffffff; text-align:left; }
*/
#CtgRank ol { margin-top:4px; margin-bottom:6px; margin-right:5px; line-height:1.2em; list-style-type:decimal; fon-weight:bold; }
#CtgRank li { margin-top:8px; margin-bottom:7px; margin-left:-10px; text-align:left; }
#CtgRank font.price { color:#FF0000; font-size:1.2em; font-weight:bold; }
#CtgRank font.tax { font-size:80%; }
#CtgRank ul { margin-top:4px; margin-bottom:3px; margin-right:5px; list-style-type:square; list-style-image: url('/images/images/i_crown.gif'); color:#CC6633; }

/* bottom */
.CtgBtmtitle { font-weight:bold; margin-top:4px; margin-bottom:3px; text-align:left; }
#CtgBtm      { width: 210px; padding: 1px; margin-bottom: 20px; border-style: solid; border-width: 1px; border-color: #FF6666; background-color: #ffffff; text-align:left; }
#CtgBtm ul   { list-style-type:none; margin:0px 0px 0px; padding:0px; }
#CtgBtm li   { padding:6px 5px 5px; }
#CtgBtm li.BtmImg   { text-align:center; }
#CtgBtm li.BtmPrice { text-align:center; }
#CtgBtm font.price { color:#FF0000; font-size:1.2em; font-weight:bold; }
#CtgBtm font.point { color:#FF0000; font-size:1.2em; font-weight:bold; }
#CtgBtm font.tax   { font-size:80%; }

/* reconize */
/*
#listPopular { width:208px; }
#listPopular dl, dt, dd { margin:0; padding:0; }
#listPopular dl.htl_reconize_list { margin-top:4px; padding-bottom:5px; border:2px solid #FF9999; margin-bottom:20px; background-color:#FFFFFF; text-align:left; }
#listPopular dl.htl_reconize_list dt.htl_reconize_header { margin:0 0 8px 0; padding:7px 0 7px 7px; background:url(/images/images/2008/bg.gif) repeat-x left bottom; border-left:solid 8px #0000CC; line-height:1.2; font-weight:bold; text-align:left; }
#listPopular dl.htl_reconize_list dd.htl_reconize_item 	{ padding:0px 7px 10px 7px; }
#listPopular dl.htl_reconize_list dd.htl_reconize_item span.htl_reconize_rank { display:inline-block; width:22px; color:#FF6666; font-family:Impact,Charcoal; font-size:20px; font-weight:bold; vertical-align:bottom; padding-left:2px; text-align:center; float:left; background:url(/images/images/i_rank.gif) no-repeat 3px 0px; }
#listPopular dl.htl_reconize_list dd.htl_reconize_item span.htl_reconize_image 	{ display:inline-block; width:160px; text-align:left; }
#listPopular dl.htl_reconize_list dd.htl_reconize_item span.htl_reconize_image img { border-style:none; width:80px; height:80px; margin:2px 0 2px 30px; }
#listPopular dl.htl_reconize_list dd.htl_reconize_item dl.htl_reconize_attributes {  }
#listPopular dl.htl_reconize_list dd.htl_reconize_item dl.htl_reconize_attributes dd.htl_reconize_genre { display:none; }
#listPopular dl.htl_reconize_list dd.htl_reconize_item dl.htl_reconize_attributes dd.htl_reconize_maker { margin:0; padding:0; color:#CC6600; font-size:80%; font-weight:normal; }
#listPopular dl.htl_reconize_list dd.htl_reconize_item span.htl_reconize_link { display:inline-block; font-weight:normal; line-height:1.2; }
#listPopular dl.htl_reconize_list dd.htl_reconize_item span.htl_reconize_link a:hover { color:#FF0000; }
#listPopular dl.htl_reconize_list dd.htl_reconize_item span.htl_reconize_description { display:none; }
*/
#listPopular { width:208px; margin:4px 0 0 0px; padding: 0 0 5px 0; border:1px solid #FF9999; margin-bottom:20px; background-color:#FFFFFF; }
#listPopular .htl_reconize_list   { text-align:left; }
#listPopular .htl_reconize_header { margin:0 0 8px 0; padding:7px 0 7px 7px; background:url(/images/images/2008/bg.gif) repeat-x left bottom; border-left:solid 8px #0000CC; line-height:1.2; font-weight:bold; }
#listPopular .htl_reconize_item 	{ padding:0px 7px 10px 7px; }
#listPopular .htl_reconize_rank 	{ width:36px; color:#FF6666; font-size:8pt; vertical-align:bottom; padding-left:2px; text-align:center; float:left; background:url(/images/images/i_rank.gif) no-repeat 3px 0px; }
#listPopular .htl_reconize_rank .rank { font-weight:bold; font-size:20px; font-family:Impact,Charcoal; color:#FF6666; }
#listPopular .htl_reconize_image 	{ text-align:left; }
#listPopular .htl_reconize_image img { border-style:none; width:80px; height:80px; margin:2px 18px; }
#listPopular .htl_reconize_attributes {}
#listPopular .htl_reconize_maker  { margin:0; padding:0; color:#CC6600; font-size:80%; font-weight:normal; }
#listPopular .htl_reconize_link 	{ font-weight:normal; line-height:1.2; }
#listPopular .htl_reconize_link a:hover { color:#FF0000; }
#listPopular .htl_reconize_description,
#listPopular .htl_reconize_weight,
#listPopular .htl_reconize_genre,
#listPopular br { display:none; }

/* deqwas */
#dqRanking { width:208px; margin:4px 0 0 0px; padding: 0 0 5px 0; border:1px solid #0423CE; margin-bottom:20px; background-color:#FFFFFF; }
#dqRanking .deqwas_list   { text-align:left; }
#dqRanking .deqwas_header { margin:0 0 8px 0; padding:7px 0 7px 7px; background:url(/images/images/2008/bg.gif) repeat-x left bottom; border-left:solid 8px #0000CC; line-height:1.2; font-weight:bold; }
#dqRanking .deqwas_item 	{ padding:0px 7px 10px 7px; }
#dqRanking .deqwas_rank 	{ width:36px; color:#FF6666; font-size:8pt; vertical-align:bottom; padding-left:2px; text-align:center; float:left; background:url(/images/images/i_rank.gif) no-repeat 3px 0px; }
#dqRanking .deqwas_rank .rank { font-weight:bold; font-size:20px; font-family:Impact,Charcoal; color:#FF6666; }
#dqRanking .deqwas_image 	{ text-align:left; }
#dqRanking .deqwas_image img { border-style:none; width:80px; height:80px; margin:2px 18px; }
#dqRanking .deqwas_attributes {}
#dqRanking .deqwas_maker  { margin:0; padding:0; color:#CC6600; font-size:80%; font-weight:normal; }
#dqRanking .deqwas_link 	{ font-weight:normal; line-height:1.2; }
#dqRanking .deqwas_link a:hover { color:#FF0000; }
#dqRanking .deqwas_description,
#dqRanking .deqwas_weight,
#dqRanking .deqwas_genre,
#dqRanking br { display:none; }

/* csv ranking */
#listPopular10 	{ margin:4px 0 0 0; padding: 0px; border:1px solid #FF9999; background-color:#FFFFFF; }
/*#listPopular10 	{ padding: 0px; line-height: 1.2; border:1px solid #FF9999; background-color:#FFFFFF; }*/
#listPopular10 .htl_reconize_list   { text-align:left; }
#listPopular10 .htl_reconize_header { margin:0 0 8px 0; padding:7px 0 7px 7px; background:url(/images/images/2008/bg.gif) repeat-x left bottom; border-left:solid 8px #0000CC; line-height:1.2; font-weight:bold; }
#listPopular10 .htl_reconize_item 	{ padding:0px 7px 10px 7px; }
#listPopular10 .htl_reconize_rank 	{ width:36px; color:#FF6666; font-size:8pt; vertical-align:bottom; padding-left:2px; text-align:center; float:left; }
#listPopular10 .htl_reconize_rank .rank { font-weight:bold; font-size:20px; font-family:Impact,Charcoal; color:#FF6666; }
#listPopular10 .htl_reconize_image 	{ text-align:left; }
#listPopular10 .htl_reconize_image img { border-style:none; width:80px; height:80px; margin:2px 18px; }
#listPopular10 .htl_reconize_attributes {}
#listPopular10 .htl_reconize_maker  { margin:0; padding:0; color:#CC6600; font-size:80%; font-weight:normal; }
#listPopular10 .htl_reconize_link 	{ font-weight:normal; line-height:1.2; }
#listPopular10 .htl_reconize_link a:hover { color:#FF0000; }
#listPopular10 .htl_reconize_description,
#listPopular10 .htl_reconize_weight,
#listPopular10 .htl_reconize_genre,
#listPopular10 .htl_reconize_price  { margin:1px 1px 1px 6px; }
#listPopular10 .htl_reconize_price .price { color:#FF0000; font-weight:bold; font-size:120%; }
#listPopular10 .htl_reconize_hdate  { margin:1px 1px 1px 6px; }
#listPopular10 .htl_reconize_hdate .hdate { font-weight:bold; }
#listPopular10 br { display:none; clear:both; }

/* eco ranking */
#listPopular10eco 	{ margin:4px 0 0 0; padding: 0px; border:1px solid #006600; background-color:#FFFFFF; }
#listPopular10eco .htl_reconize_list   { text-align:left; }
#listPopular10eco .htl_reconize_header { margin:0 0 8px 0; padding:7px 0 7px 7px; background:url(/images/images/2008/bg.gif) repeat-x left bottom; border-left:solid 8px #006600; line-height:1.2; font-weight:bold; }
#listPopular10eco .htl_reconize_item 	{ padding:0px 7px 10px 7px; }
#listPopular10eco .htl_reconize_rank 	{ width:36px; color:#006600; font-size:8pt; vertical-align:bottom; padding-left:2px; text-align:center; float:left; }
#listPopular10eco .htl_reconize_rank .rank { font-weight:bold; font-size:20px; font-family:Impact,Charcoal; color:#006600; }
#listPopular10eco .htl_reconize_image 	{ text-align:left; }
#listPopular10eco .htl_reconize_image img { border-style:none; width:80px; height:80px; margin:2px 18px; }
#listPopular10eco .htl_reconize_attributes {}
#listPopular10eco .htl_reconize_maker  { margin:0; padding:0; color:#CC6600; font-size:80%; font-weight:normal; }
#listPopular10eco .htl_reconize_link 	{ font-weight:normal; line-height:1.2; }
#listPopular10eco .htl_reconize_link a:hover { color:#FF0000; }
#listPopular10eco .htl_reconize_description,
#listPopular10eco .htl_reconize_weight,
#listPopular10eco .htl_reconize_genre,
#listPopular10eco .htl_reconize_price  { margin:1px 1px 1px 6px; }
#listPopular10eco .htl_reconize_price .price { color:#FF0000; font-weight:bold; font-size:120%; }
#listPopular10eco .htl_reconize_hdate  { margin:1px 1px 1px 6px; }
#listPopular10eco .htl_reconize_hdate .hdate { font-weight:bold; }
#listPopular10eco br { display:none; clear:both; }


/***********************************/
/* === バナー管理用 ===== */
/***********************************/

/* バナー管理全体枠 */
.bnkanri { margin:10px auto; padding:10px; font-size:80%; width:660px; border:1px solid #e6e6e6; background:#f9f9f9; zoom:100%;}
.bnkanri:after { content: " "; clear: both; height: 0; display: block; visibility: hidden;}
/* バナー管理 タイトル部分 */
.bnkanrititle { text-align:left; font-weight: bold;font-size:150%; color:#990000}

/* バナー管理 コメント部分 */
.bnkanri p { text-align:left;}
.comment { text-align:left;}
.b { font-weight:bold;}


/* バナー管理用205バナー 1つ */
.bn205x1 img { float:left; margin:5px; }

/* バナー管理用205バナー 2つ */
.bn205x2 { float:left; width:50%; margin:0; padding:0; }
.bn205x2 .bn205in { padding:3px;}
.bn205x2 img { margin:0;}
.bn205x2 p { margin:2px 0 0 0;}

/* バナー管理用205バナー 3つ */
.bn205x3 { float:left; width:33%; margin:0; padding:0; }
.bn205x3 .bn205in { padding:3px;}
.bn205x3 img { margin:0;}
.bn205x3 p { margin:2px 0 0 0;}


/*バナー管理用対応表*/
.taiouwaku { margin:10px 0 0 0; font-size:80%;}
.taiouwaku table.taiou { margin:10px 0 0 0; table-layout:fixed; border:1px solid #666666; }
.taiouwaku table.taiou th,
.taiouwaku table.taiou td {  font-size:80%; border:1px solid #333333; border-collapse:collapse; padding:5px; text-align:center;}

.taiouwaku table.taiou thead th { background:#999999; padding:5px; color:#ffffff;}
.taiouwaku table.taiou tbody th { background:#cccccc; padding:5px;}

.newlink { margin:4px; padding:4px; text-align:left; font-weight:bold; }
.newlink p { background :url(/images/images/2008/arrow_red.gif) left 5px no-repeat; padding:0px 0px 0px 10px; margin: 2px 0px 0px 5px; text-align:left; line-height:1.3; }


