@charset "Shift_JIS";

/*共通*/
@import "rayout.css";
@import "header.css";
@import "footer.css";




/*******************************リンク *******************************/

a {text-decoration:none;  }
a:link{color:#000099; text-decoration:underline;}
a:visited{color:#880088; text-decoration:underline;}
a:hover{color:#ff0000; text-decoration:none;}
a:active{color:#990000;}


/*******************************見出し *******************************/

h1 { font-size:150%; text-align:left; background:url(../common/h1back.gif) left bottom no-repeat; padding:20px 0 10px 60px; margin: 0 0 10px 0; line-height:1.4; font-weight:bold;  }
h2 { text-align:left; background: #ffffff url(../common/bg.gif) left bottom repeat-x; margin:20px 0; padding:5px; border-width:1px 1px 1px 10px; border-style: solid;border-color: #000099; font-size:140%;}

h3  { text-align:left; background: #eaeaea; margin:10px 0; padding:5px; border-left:10px solid #666666; font-size:120%;}
h4 { font-weight:bold; padding:0 0 0 5px; text-align: left;  border-left: solid #000000 7px;font-size:110%;}

h2.top,
h3.top{ margin-top:0px;}

/* 左側メニューに使用するする際のフォントサイズ*/
#shopmenu h2 { font-size:100%; }

/*******************************パンくず *******************************/
div#headnavi { margin:0; padding:10px 0; border-bottom:1px solid #999999; text-align:left; }
div#headnavi a { background:url(../common/arrow_02.gif) right center no-repeat; padding:0 15px 0 0; margin:0 0.3em;}
div#headnavi span { font-weight:bold;}


/*******************************テキスト関連 *******************************/

p { line-height:1.5;}
.fontS	{ FONT-SIZE:  80%; }
.fontSS	{ FONT-SIZE:  70%; }
/* 太字 */
.b {font-weight:bold;}
.boldL { font-weight:bold; font-size:130%;}
.boldLL { font-weight:bold;font-size:150%;}


/* 太赤字 */
.redb { font-weight:bold; color:#ff0000; }


/* new mark */
.newmark{
font-size:90%;
color:#FF0000;
font-weight:bold;
}
.upmark{
font-size:90%;
color:#006600;
font-weight:bold;
}

img {border-width:0;}

/* アイテム紹介・メーカー名・価格・ポイント */
.maker	{  COLOR: #CC6600; }
.item  		{ FONT-WEIGHT:bold; }
.price 		{ COLOR : #FF0000; FONT-SIZE: 120%; FONT-WEIGHT:bold; white-space:nowrap; }
.orgprice { FONT-WEIGHT:bold; margin-top:5px;}
.point 		{ COLOR : #FF0000; FONT-WEIGHT:bold; }
.pointblock{ font-size:85%; color:#FF0000;}
.gentei { font-weight:bold; color:#006600;}

/* 完売表記など */
.end { COLOR : #FFFFFF; FONT-WEIGHT:bold; background:#FF0000; padding:2px; text-align:center;}

/* ご不明な点は店頭販売員までお気軽にお問い合わせください。 */
.tenpo_syousai { COLOR : #FFFFFF; FONT-WEIGHT:bold; background:#000099; padding:2px; text-align:center; margin:10px 0;}


/* ▼このページのトップへ▼ */
.totop{ text-align: right; margin:10px 0; clear:both;}

/* ▼リード文▼ */
.lead {
	line-height : 1.3;
	padding:0 0 0 10px;
	border-left:8px solid #000099;
	text-align: left;
	margin:20px 0;
	font-size:130%;

}

.lead_s {
	line-height : 1.3;
	padding:0 0 0 10px;
	border-left:8px solid #0000CC;
	text-align: left;
	margin:20px 0;

}

/* ▼ページメニュー▼ */
.pagemenu,
.pagemenul { border-top:#999999 2px dotted; border-bottom:#999999 2px dotted; font-weight:bold; margin:10px 0px; padding:5px 0; line-height:1.2; text-align:center;}
.pagemenul { font-size:140%; }
.pagemenu a,
.pagemenul a { white-space:nowrap; }
.pagemenu ul,
.pagemenul ul { display:inline; padding:0 0 0 0.5em; border-left:1px solid #666666; }
.pagemenu ul,
.pagemenul li { display:inline; padding:0 1em 0 0.5em; border-right:1px solid #666666; }

.on { color:#696969; font-weight:bold;}

/* ▼キャンペーン期間など▼ */
.date { color:#006600; font-weight:bold; }

/*******************************見出し追加コメント*******************************/

/* 見出し下部コメント */
.comment { text-align:left; line-height : 1.3; margin:0.3em 0;}
.commentinfo { text-align:left; font-size:90%; line-height : 1.8; margin:0.3em 0;}
.commentinfos { text-align:left; font-size:80%; line-height : 1.8; margin:0.3em 0;}
/* 見出し下部コメント内リンク */
.comment span.tolink { font-weight:bold; background-image: url(../common/btn_link.gif); background-repeat: no-repeat; background-position: left center; padding-left: 15px; margin:0px; text-align: left; height:1px; line-height:1.5; }

/* 見出し下部コメント大サイズ */
.commentl { text-align:left; line-height : 1.3; font-size:120%; margin:0.3em 0;}

ul.comment,ul.commentl,
ol.comment,ol.commentl { margin:0.3em 0 0.3em 1em; padding:0 0 0 1em; }



/*******************************商品紹介テーブル関連*******************************/
.osusumetable{ border:#696969 1px solid; vertical-align:top; padding:2px;}
.tablemargin { margin:15px auto 20px auto; padding:2px; width:100%; table-layout:fixed; font-size:90%;}
.tbline { border-bottom:#999999 solid 1px; vertical-align:top; padding:0px 5px;}
.img{ text-align:center; padding:5px 0px; border-bottom:#999999 dotted 1px;}
.maker	{  COLOR: #CC6600; }
.item  		{ FONT-WEIGHT:bold; }
.price 		{ COLOR : #FF0000; FONT-SIZE: 120%; FONT-WEIGHT:bold; white-space:nowrap; }
.orgprice { FONT-WEIGHT:bold; margin-top:5px;}
.point 		{ COLOR : #FF0000; FONT-WEIGHT:bold; }
.pointblock{ font-size:85%; color:#FF0000;}

.extra	{ FONT-SIZE:  100%; font-weight:bold; line-height:1.3;}
.border { border:1px solid #cccccc;}

/* ワンポイントコメント  */
.onepointcomment { min-height:3.5em; font-weight:bold; margin:2px 0px;}
* html .onepointcomment { height:3.2em;}
.onepointcommentred { min-height:3em; font-weight:bold; margin:2px 0px; color:#FF0000;}
* html .onepointcommentred { height:3em;}
.osusume{ color:#FFFFFF; font-weight:bold; padding:2px; background-color:#696969;}

/* 商品2列及び3列tableのメーカー・型番・売価ブロック */
div.detail { padding:5px; vertical-align:top;}

/*商品一列L画像 */
div.iteml { float:left; width:260px; text-align:center; padding:0 0 5px 0;}
div.iteml a { text-decoration:none; }
/*商品一列M画像 */
div.itemm { float:left; width:130px;  text-align:center; padding:0 0 5px 0;}



img.pic1 { margin:5px 0; float:left; }
 
/*商品一列画像Lの右側 */
div.itempicl { margin-left:280px;} 
div.itempicl table.seinou { width:100%; _width:auto;}

/*商品一列画像Mの右側  */
div.itempicm { margin-left:130px;} 
div.itempicm table.seinou { width:100%; _width:auto;}




td.detail { padding:5px; vertical-align:top;}

/* 商品紹介コメント用  */
div.itemdetail,
p.itemdetail,
dl.itemdetail { text-align:left; padding:5px; background:#EFEFEF;  min-height:5em; _height:5em;}
div.itemdetail ul{ text-align:left; margin:0 0 0 1em; padding:0px; list-style-type: square;}
div.itemdetail ul li { margin:0 0 0 1em; padding:2px; }
ul.itemdetail { text-align:left;}


/* dl.itemdetail:after { content: " "; clear: both; height: 0; display: block; visibility: hidden;} */

dl.itemdetail { background:#f9f9f9; margin:0 0 2px 0;}
dl.itemdetail dt { margin:0 0 0 0; padding: 6px 0 6px 0px; width:9em; font-weight:bold; text-align:left; }
dl.itemdetail dd { margin:-2em 0 -1px 0; padding: 6px 0 6px 10em; line-height: 1.4em;  border-bottom:1px solid #999999;}





/* 商品詳細使用画像を表記  */
.kinoumark { margin:0; text-align:center;}
.kinoumark img { margin:0 2px;}

/* 省エネポイント  */
.ecopoint { color:#006600; font-weight:bold; text-align:left; border:#006600 1px solid; padding:5px 5px 5px 18px; margin:0 0 5px 0; background:url(/images/images/mrk_ecomark.gif) 3px 8px no-repeat #EDFFED;}

/* 発売日・プレゼント */
.date{ COLOR : #FF0000; FONT-WEIGHT:bold; }
.present{ COLOR : #FF0000; FONT-WEIGHT:bold; }

/* 完売表記など */
div.end,p.end { COLOR : #FFFFFF; FONT-WEIGHT:bold; background:#FF0000; padding:2px; text-align:center;}

/* 商品紹介テーブルのチェックボックス */
.tbline input,
div.img input {  margin:0px; float:left;}

/* .tbline input {  margin:0px; float:left;} */


/* テレビCMでご紹介中の商品です！ */
.cm { font-weight:bold; background:#ffffcc; border:1px solid #ff6600; padding:2px; text-align:center; margin:0 0 2px 0;}


/* 別色（色違い） */
div.coloritem { padding:2px; border-top:1px dotted #999999; zoom:100%;}
div.coloritem:after { content: " "; clear: both; height: 0; display: block; visibility: hidden;}
.coloritem2 { float:left; width:50%;}
.coloritem3 { float:left; width:33%;}
.coloritem4 { float:left; width:25%;}

div.coloritem table.coloritem { padding:2px; text-align:center;}
div.coloritem table.coloritem img { border:1px solid #999999; margin-top:0.1em;}
div.coloritem table.coloritem input { margin:0; float:left;}


/*オプション*/
div.option { padding:2px; border-top:1px dotted #999999;  font-size:80%;}
div.option div.optionitem { padding:2px; clear:left; min-height:65px; _height:65px;}
div.option div.optionitem img { float:left; margin:0 2px 0 0; border:1px solid #999999;}
div.option div.optiondetail { margin-left:63px;}


td.detail ul{ margin-top:-1px; margin-bottom:-2px; list-style-type: square;}
td.detail ul li{ margin-left:-25px;}
div.detail ul{ margin-top:-1px; margin-bottom:-2px; list-style-type: square;}
.mrk { color:#696969;}
.nobr{ white-space:nowrap;}

/*******************************コンテンツ 左寄せ　右寄せ*******************************/

.left { text-align:left;}
.center { text-align:center;}
.right { text-align:right;}

/* float 内包 */
.commentblock { zoom:100%; margin:0; padding:0;}
.commentblock:after { content: " "; clear: both; height: 0; display: block; visibility: hidden;}

/* 2列用 */
.block2 { width:46%; padding:2%; margin:0; float:left; _width:49.5%;}


/* 3列用 */
.block3 { width:29%; padding:2%; margin:0; float:left; _width:33%;}

/* 4列用 */
.block4 { width:21%; padding:2%; margin:0; float:left; _width:25%;}

/* 5列用 */
.block5 { width:17%; padding:2%; margin:0; float:left; _width:20%;}

.contentleft50 { float:left; width:50%; }
.contentright50 { margin-left:50%; }

.contentleft33 { float:left; width:33%; }
.contentright33 { margin-left:67%; }
/*******************************画像 左寄せ　右寄せ*******************************/

.imgleft { float:left; margin:0 5px 2px 0;}
.imgright { float:right; margin:0 0 2px 5px; }





/*******************************リンクスタイル*******************************/


/*リンクスタイル大文字*/
.tolinkl,
.tolinkl2  { font-size:150%;}

/*リンクスタイル右寄せ*/
.tolink,
.tolinkl{ font-weight:bold; background: url(../common/btn_link.gif) no-repeat right center; padding-right: 24px; margin:3px 0px; text-align: right;  min-height:19px; _height:19px;}

span.tolink,
span.tolinkl  { font-weight:bold; background-image: url(../common/btn_link.gif); background-repeat: no-repeat; background-position: right center; padding-right: 20px; margin:3px 0px; text-align: right;  min-height:19px; _height:19px;}
span.tolinkl { font-size:150%;}

/*リンクスタイル左寄せ*/
.tolink2,
.tolinkl2{ font-weight:bold; background-image: url(../common/btn_link.gif); background-repeat: no-repeat; background-position: left center; padding:0px 0px 0px 20px; text-align:left; margin:3px 0px; min-height:19px; _height:19px;}

span.tolink2,
span.tolinkl2 { font-weight:bold; background-image: url(../common/btn_link.gif); background-repeat: no-repeat; background-position: left center; padding-left: 15px; margin:0px; text-align: left; height:1px; line-height:1.5; }


/*リンクスタイルバナー状*/

.tolinkbn{ font-weight:bold; text-align:center; margin:3px 0px; border:1px solid #FF0000; font-size:130%;}
.tolinkbn a { display:block; background-color:#FFFFFF; padding:5px; text-decoration:none; background-color:#FFEEEE; }
.tolinkbn a:hover { display:block;  background-color:#FFFFCC; padding:5px; text-decoration:none; }

/*リンクスタイルバナー状*/
/*
.tolinkbn{ font-weight:bold; text-align:center; margin:3px 0px; border:2px solid #000099; font-size:130%;}
.tolinkbn a { display:block; padding:5px; text-decoration:none; background:url(/images/images/2008/bluegrade.gif) left top repeat-x; }
.tolinkbn a:hover { display:block; padding:5px; text-decoration:none; background:url(/images/images/2008/orangebg.gif) left bottom repeat-x; }



/*******************************セールタイトル*******************************/
#saletitle { padding:20px 0;}

/*******************************レイアウト関連*******************************/

.clear { clear:both;} 
.step { padding:10px; border:#ddd 10px solid; margin:10px 0;}

/******************************* line *******************************/

.line{ border-color:#999999;color:#999999; border-width:2px; height:2px; border-style:dotted none none none; margin:10px 0;}
.line2{ border-color:#999999;color:#999999; border-width:2px; height:2px; border-style:dotted none none none; margin:4px 0;}

/**********************************
 店舗最新情報
**********************************/


/* top中央 ワイドバナー */
#topbn { margin:0; }
#topbn img{ margin:0 0 5px 0; }

/* top中央 テキスト */
#topservice { margin:0 0 10px 0; padding:5px; }
#topservice ul { margin:0 0 0 5px; padding:0 0 0 5px;}
#topservice li { margin:0 0 0 5px; padding:0 0 5px 5px; list-style-image:url(../common/arrow_01.gif) }

/* 80x80バナー */
#shop80bn,
#shop80bn2,
#shop80bn3 { margin:5px 0 0 0; zoom:100%; }

#shop80bn2:after,
#shop80bn3:after,
#shop80bn4:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#shop80bn .shop80,
#shop80bn2 .shop80,
#shop80bn3 .shop80,
#shop80bn4 .shop80 { line-height:1.2; text-align:left; padding:0 0 2px 0; margin:0 0 5px 0;border-bottom:dotted 2px #999999; zoom:100%; min-height:83px; _height:83px;}

#shop80bn2 .shop80:after,
#shop80bn3 .shop80:after,
#shop80bn4 .shop80:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#shop80bn .shop80 img,
#shop80bn2 .shop80 img,
#shop80bn3 .shop80 img,
#shop80bn4 .shop80 img { float:left; margin:0 2px 0 0; }
#shop80bn .shop80 span,
#shop80bn2 .shop80 span,
#shop80bn3 .shop80 span,
#shop80bn4 .shop80 span { font-size:75%;}
#shop80bn .shop80 a,
#shop80bn2 .shop80 a,
#shop80bn3 .shop80 a,
#shop80bn4 .shop80 a { display:block; /* font-weight:bold; */ margin:0 0 0 5px;}


/* 80x80バナー 1列*/
#shop80bn .shop80 { margin:5px 0; border:1px solid #cccccc;}

/* 80x80バナー 2列 */
#shop80bn2 .shop80 { width:50%; float:left; _width:49.5%;}

/* 80x80バナー 3列 */
#shop80bn3 .shop80 { width:33%; float:left; }

/* 80x80バナー 4列 */
#shop80bn4 .shop80 { width:25%; float:left; _width:24.5%;}




/* 30x30バナー 1列 */

/* 30x30バナーコーナー 枠 */
div#shop30bn,
div.shop30bn { border:#000099 1px solid; background-color:#FFFFFF; margin:5px 0 0 0; padding:2px; zoom:100%;}
/*
div#shop30bn:after,
div.shop30bn:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
*/
.shop30 { text-align:left; padding:0; margin:5; border-bottom:solid 1px #cccccc; min-height:33px; _height:33px;}
.shop30 img { float:left; margin:2px 2px 0 0; }
.shop30 a span.bntitle { display:block; text-decoration:underline; font-weight:normal; margin:0 0 0 5px;}
.shop30 a { display:block; text-decoration:none; }
.shop30 a:hover { background:#ffffcc; }
.shop30 a:vlink { text-decoration:none; }
.shop30 span.bndetail { font-size:90%;display:block; margin:0 0 0 33px; color:#000000; line-height:110%; text-decoration:none;}


.shop30bn div.title { border-left:#FFCC00 8px solid; }
.shop30bn { text-align:left; margin:0px; border-bottom:1px solid #CCCCCC;  min-height:63px; _height:63px;}
.shop30bn div.list  { text-align:left; margin:0px; border-bottom:1px solid #CCCCCC;  min-height:33px; _height:33px;}
.shop30bn div.list img { margin:0px 2px 2px 1px; float:left; }
/*
.shop30bn div.list:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
*/
.shop30bn div.list a.blocklink { display:block; padding:2px; text-decoration:none; line-height:1.2; min-height:33px; _height:33px;}
.shop30bn div.list a.blocklink:hover { background-color: #FFFFCC; padding:2px; min-height:33px; _height:33px;}

.shop30bn div.list a.blocklink span.content { text-decoration:none; color:#000000; font-size:75%;}
.shop30bn div.list a span { text-decoration: underline; color:blue;}


/* 205バナー　左寄せ▼ */
.shop205bn { padding:5px 0;margin:5px 0; border:1px solid #ff0000; text-align:left; background:#fff0f0; zoom:100%; }
.shop205bn:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.shop205bn img { float:left; margin:0 5px 0 0;}
.shop205bn a { display:block; font-weight:bold; margin:0 0 0 5px;}

/* メニュー用左バナー menuleftbn */
#menuleftbn { padding:0;}
#menuleftbn img { margin:5px 0; }

/* top中央 テキスト */
#shopnewstxt { margin:0; }
#shopnewstxt .content { color:#ff0000; }
#shopnewstxt .date { color:#ff0000; }
#shopnewstxt ul li { background:url(../images/mark.gif) left top no-repeat; list-style:none; padding:5px 5px 5px 40px; border-bottom:2px dotted #999999;}


/******************************** 各案内左メニュー *******************************/

#linkmenu h2 { margin:0; }
#linkmenu ul { margin:0 0 10px 0; padding:0; list-style:none; }
#linkmenu ul li { margin:0; padding:0; border: 1px solid #000099;}
#linkmenu ul li a { display:block; padding:5px; background:#efefff;}
#linkmenu ul li a:hover { display:block; padding:5px; background:#dfdfff;}

/******************************** event/storeリンク インクルード部分 *******************************/


/* information/index.html使用*/


#informationmenu { margin:10px 0 0 10px; padding:10px 0; zoom:100%;}
#informationmenu:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }

#informationmenu li.open11_21,
#informationmenu li.close22,
#informationmenu li.close21,
#informationmenu li.close20 { float:left; margin:0.2em 0; width:30%; list-style:none; padding:0 0 0 20px; }

#informationmenu .eigyoujikan { clear:both; padding:10px; background:#ffffcc; zoom:100%;}
#informationmenu .eigyoujikan:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

#campaignitem { margin:10px 0 0 10px; padding:30px 0 0 10px; zoom:100%;}
#campaignitem:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
#campaignitem li { float:left; margin:0.2em 0; width:30%; list-style:none; padding:0 0 0 20px; }


/* event/store/各店html使用*/
#eventstoremenu { margin:10px 0 0 0; padding:30px 0 0 0px; background:url(../common/info.gif) center top no-repeat #ffffff; border:1px solid #000000;}
#eventstoremenu ul li { list-style:none; margin:0.2em 0; margin-left:10px; padding-left:10px; }



li.open11_21 { background:url(../../shoplist/images4/square07.gif) left center no-repeat; }
li.close22 { background:url(../../shoplist/images4/square06.gif) left center no-repeat; }
li.close21 { background:url(../../shoplist/images4/square01.gif) left center no-repeat; }
li.close20 { background:url(../../shoplist/images4/square03.gif) left center no-repeat; }


/* campaign/index.html使用*/

#campaignmenu { margin:0 0 10px 0; padding:30px 0 0 10px; background:url( ../campaign/images/ichiran.gif) center top no-repeat #ffffff; border:1px solid #000000; }

li.campaign { list-style:none; margin:0.2em 0; margin-left:10px; padding-left:10px; background:url(../../shoplist/images4/square06.gif) left center no-repeat; }


/* shoplist/●●.html使用*/

#listmenu { margin:10px 0 0 0; padding:30px 0 0 0; background:url(../../shoplist/images4/mn_shoplist.gif) center top no-repeat #ffffff; border:1px solid #000000;}
#listmenu ul li { list-style:none; margin:0.2em 0; margin-left:10px; padding-left:10px; }

/* イベント情報・キャンペーン情報 */
div.event { padding:10px 0 0 0; }
div.event p { margin:0; line-height:1.3;}
table.event { width:80%; text-align:left;  border-collapse:collapse; margin:10px auto; font-size:100%;} 

table.event thead th { background:#484848; padding:3px; border:1px solid #000000; color:#ffffff; }
table.event th,
table.event tbody th { background:#F3F3F3; padding:3px; border:1px solid #e6e6e6; }
table.event td { background-color:#fcfcfc; padding:3px; border:1px solid #e6e6e6;}
div.event ul,
div.event ol { margin:0 0 0 2em; }

div.event .caution { width:80%; margin:5px auto;}


dl.event { margin:10px auto; padding:5px; background:#EFEFEF; width:80%; }
dl.event dt { padding: 5px 0 5px 0px; font-weight:bold; text-align:left; }
dl.event dd { padding: 5px 0 5px 5em; line-height: 1.4em;  text-align:left; border-bottom:1px solid #999999;}

dl.event50 { margin:10px auto; padding:5px; background:#EFEFEF; width:80%; }
dl.event50 dt { padding: 5px 0 5px 0px; font-weight:bold; text-align:left; width:50%;}
dl.event50 dd { margin-top:-1.4em; padding: 0 0 5px 50%; line-height: 1.4em;  text-align:left; border-bottom:1px solid #999999;}



/* 特価情報table */
table.tokka { border-bottom:#999999 2px dotted; font-size:100%; table-layout:fixed;}
table.tokka td { padding:3px;text-align:left;}
table.tokka td img { float:left;}
table.tokka td .detail_m{ padding:40px 0 0px 0; margin:0 0 0 125px; }
table.tokka td .detail { margin:0 0 0 125px; padding-top: 3px; padding-bottom: 3px;}

/* ▼キャンペーン概要日時、場所▼ */
table.gaiyou {  font-size:100%; border-collapse: collapse;  border: 1px #999999 solid;  margin:15px auto;}
table.gaiyou td.gaiyoulist{  border-collapse: collapse;  border: 1px solid #999999; background-color:#F3F3F3; font-weight:normal; padding:5px; text-align:left;}
table.gaiyou td.gaiyoucontent{ border-collapse: collapse;  border: 1px #999999 solid;padding:5px; text-align:left;}
table.gaiyou th {  border-collapse: collapse;  border: 1px solid #999999; background-color:#F3F3F3; font-weight:normal; padding:5px; text-align:left;}
table.gaiyou td { border-collapse: collapse;  border: 1px #999999 solid;padding:5px; text-align:left;}

table.gaiyou td.gaiyoucontent ul li{ margin-left:-1em; line-height:1.2;}



/******************************* 対応表など *******************************/
table.taiou { background:#EFEFEF; border:1px solid #696969;  border-collapse: collapse;margin:3px 0px; }

table.taiou caption { text-align:left; background:#696969; color:#ffffff; font-weight:bold; padding:5px; margin:0; font-size:100%;}
table.taiou thead th{ background:#999999; text-align:center; font-weight:bold; padding:4px; border:1px solid #696969; color:#FFFFFF;}
table.taiou th{ background-color:#EFEFEF; text-align:center; font-weight:normal; padding:4px; border:1px solid #696969; }
table.taiou td{ background-color:#FFFFFF; text-align:center; padding:4px; border:1px solid #696969; }
table.taiou td.left,
table.taiou th.left { text-align:left;}
table.taiou td.right,
table.taiou th.right { text-align:right;}

/************************* 商品紹介 *************************/
.itemguide { text-align:left; border:#cccccc 1px solid; padding:10px; zoom:100%;}
.itemguide:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
/*商品一列L画像 */
div.iteml { float:left; width:260px; text-align:center; padding:0 0 5px 0;}
div.iteml a { text-decoration:none; }
/*商品一列M画像 */
div.itemm { float:left; width:130px;  text-align:center; padding:0 0 5px 0;}

 
/*商品一列画像Lの右側 */
div.itempicl { margin-left:280px;} 

/*商品一列画像Mの右側  */
div.itempicm { margin-left:130px;} 


/* 注意事項 */
.caution { background:url(../common/mk_follow.gif) 5px 5px no-repeat #ffeecc; padding:5px 5px 5px 40px; text-align:left; min-height:30px; _height:40px}
div.caution p { margin:0;}
div.caution ul { padding:0 0 0 1em; }
div.caution ul li { font-size:100%;  }


/* ▼キャンペーン対象店舗▼ */
.campaignshop { border : solid 2px #000099; padding:5px; margin:0px; text-align:left; min-height:80px;}
.campaignshop span { font-size:120%; font-weight:bold;}
.campaignshop dl { clear:left; margin:0; list-style:none; background:#ffffcc; padding:3px;}
.campaignshop dd { font-weight:bold;} 
.campaignshop dt { font-weight:normal;}




/**********************************
各種サービスメニュー
**********************************/


/* 店舗案内、各店最新情報 */

div.box { border:1px solid #0000ff; text-align:left; background:#ffffff; margin:0 0 1em 0; padding:5px; }
div.box h2 {margin:5px 0;}
div.box p { padding:3px; }


/* ビックカメラ 便利なサービス */
/*
div#service { border:#000099 1px solid; background-color:#FFFFFF; margin:5px 0 0 0; padding:0 0 2px 0; }
#service { text-align:left; margin:0px; border-bottom:1px solid #CCCCCC;  min-height:63px; _height:63px;}
*/
#service div.list  { text-align:left; margin:0px; border-bottom:1px solid #CCCCCC;  min-height:33px; _height:33px;}
#service div.list img { margin:0px 2px 2px 1px; float:left; }
/*
#service div.list:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
*/
#service div.list a.blocklink { display:block; padding:2px; text-decoration:none; line-height:1.2; min-height:33px; _height:33px;}
#service div.list a.blocklink:hover { background-color: #FFFFCC; padding:2px; min-height:33px; _height:33px;}

#service div.list a.blocklink span.content { text-decoration:none; color:#000000; font-size:75%;}
#service div.list a span { text-decoration: underline; color:blue;}





/* top右 こだわりの専門店 */
div#kanren { border:#000099 1px solid; background-color:#FFFFFF; margin:5px 0 0 0; padding:0 0 2px 0; }
#kanren div.title { border-left:#FFCC00 8px solid; }
#kanren { text-align:left; margin:0px; border-bottom:1px solid #CCCCCC;  min-height:63px; _height:63px;}
#kanren div.list  { text-align:left; margin:0px; border-bottom:1px solid #CCCCCC;  min-height:33px; _height:33px;}
#kanren div.list img { margin:0px 2px 2px 1px; float:left; }
/*
#kanren div.list:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
*/
#kanren div.list a.blocklink { display:block; padding:2px; text-decoration:none; line-height:1.2; min-height:33px; _height:33px;}
#kanren div.list a.blocklink:hover { background-color: #FFFFCC; padding:2px; min-height:33px; _height:33px;}

#kanren div.list a.blocklink span.content { text-decoration:none; color:#000000; font-size:75%;}
#kanren div.list a span { text-decoration: underline; color:blue;}





/*該当店舗表示　event/store 左メニュー用用*/

#shopmenu .tenpo { border:1px solid #000099; padding:3px; margin:2px 0 5px 0;text-align:left;background: #ffffff;
 /* background: #fcf0b9; */ }
/*
#shopmenu .tenpo:after { content:""; display:block; height:0; clear:both; visibility:hidden; }
*/
#shopmenu .tenpo a { font-weight:bold; display:block; }
#shopmenu .tenpo a img { float:left; margin:0 2px;}
#shopmenu .tenpo div.icon { margin:0 0 0 70px;}
#shopmenu .tenpo div.icon a img { float:none;}
#shopmenu .tenpo dl { margin:3px 0 0 0;}
#shopmenu .tenpo dt {  font-weight:bold; }
#shopmenu .tenpo dd { margin: 0 0 0 0;}


/*該当店舗表示3列及び4列　一般ページ 用*/
#taisyoutenpo3,
#taisyoutenpo4 { margin:10px 0; zoom:100%;}

#taisyoutenpo3:after,
#taisyoutenpo3:after { content:""; display:block; height:0; clear:both; visibility:hidden; }
#taisyoutenpo3 .tenpo,
#taisyoutenpo4 .tenpo { border:1px solid #000099; padding:3px; margin:2px 0 5px 0;text-align:left;background: #ffffff; float:left;  }

#taisyoutenpo3 .tenpo { width:32%; }
#taisyoutenpo4 .tenpo { width:23%; _width:25%; }


#taisyoutenpo3 .tenpo:after, 
#taisyoutenpo4 .tenpo:after { content:""; display:block; height:0; clear:both; visibility:hidden; }

#taisyoutenpo3 .tenpo a,
#taisyoutenpo4 .tenpo a { font-weight:bold; display:block; }
#taisyoutenpo3 .tenpo a img,
#taisyoutenpo4 .tenpo a img { float:left; margin:0 2px;}
#taisyoutenpo3 .tenpo div.icon,
#taisyoutenpo4 .tenpo div.icon { margin:0 0 0 70px;}
#taisyoutenpo3 .tenpo div.icon a img,
#taisyoutenpo4 .tenpo div.icon a img { float:none;}
#taisyoutenpo3 .tenpo dl,
#taisyoutenpo4 .tenpo dl { margin:3px 0 0 0;}
#taisyoutenpo3 .tenpo dt,
#taisyoutenpo4 .tenpo dt {  font-weight:bold; }
#taisyoutenpo3 .tenpo dd,
#taisyoutenpo4 .tenpo dd { margin: 0 0 0 0;}




/*該当店舗表示　event/store 用 古いバージョン*/
.campaignshop { border-bottom : dotted 2px #666666; padding:3px 0; margin:2px 0px; font-size:80%; text-align:left; min-height:80px;}

/**********************************
専門職販売員
**********************************/



/**********************************
ケータイメルマガ案内
**********************************/
.keitaimlmg { background:#dedeff; padding:5px; zoom:100%;}
.keitaimlmg:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.keitaimlmg p { margin:0 0 0 260px;}



/**********************************
ツイッター、facebook案内
**********************************/
.newinfo { background:#dedeff; padding:5px; zoom:100%;}
.newinfo:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.newinfo p { margin:0 0 0 220px;}
.newinfoimage { float:left; width:200px; text-align:center; }

/**********************************
Q & A
**********************************/

.qa { padding:20px 0; border-bottom: #cccccc 1px dotted; }

/**********************************
掲載終了
**********************************/

.keisaiend { background:#ffcc00; margin:50px; padding:50px; text-align:center;}



/*******************************枠定義 *******************************/

.border { border:1px solid #cccccc;}
.border2 { border:2px solid #cccccc;}
.border3 { border:2px solid #cccccc;}
.border5 { border:5px solid #cccccc;}
.border10 { border:5px solid #cccccc;}



/*******************************マージン系定義 *******************************/

.margin10 { margin:10px;}
.margint10 { margin:10px 0;}
.margin20 { margin:20px;}
.margint20 { margin:20px 0;}
.margin30 { margin:30px;}
.margint30 { margin:30px 0;}


/*******************************padding系定義 *******************************/

.padding10 { padding:10px;}
.paddingt10 { padding:10px 0;}
.padding20 { padding:20px;}
.paddingt20 { padding:20px 0;}
.padding30 { padding:30px;}
.paddingt30 { padding:30px 0;}



/************************************** Basic jQuery Slider essential styles 2012.4.10 *************************************/

ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{display:none;position:absolute;}

ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}

ol.bjqs-markers{list-style:none;margin:0;padding:0;z-index:9999;}
ol.bjqs-markers li{float:left;}
p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}


/* demo styles */


#container{
  width:950px;
  padding:10px 0;
  margin:0 auto 30px auto;
  text-align:center;
  overflow:hidden;
  border:2px solid #d9d9d9;
}
#banner {
  width:950px;
  margin:0 auto;
  position:relative;
  background:#fff;
}
ul.bjqs-controls li a{
  display:block;
  padding:0px;
  position:absolute;
  background:#fff;
}


/*   205x130 バナー用定義   */
.sliderbn205x130 #container {  _height:186px; /* for ie  */}
.sliderbn205x130 #banner { height:160px;}
.sliderbn205x130 ul.bjqs-controls li a{
  width:29px; /*  for chrome,safari */
  height:190px;/*  for chrome,safari */
}


ul.bjqs-controls li a.bjqs-prev{
  left:0;
  color:#fff;
  background:#009;
 /* width:80px;*/
  padding:10px;
}

ul.bjqs-controls li a.bjqs-next{
  right:0;
  color:#fff;
  background:#009;
  /*width:80px;*/
  text-align:right;
  padding:10px;
}

p.bjqs-caption{
  background:rgba(0,0,0,0.7);
  color:#fff;
  text-align:center;
}

ol.bjqs-markers{
  position:absolute;
  bottom:0px; 
  _bottom:20px;
}

ol.bjqs-markers li{
  float:left;
  margin:0 10px;
}


ol.bjqs-markers li a{
  display:block;
  height:10px;
  width:10px;
  border:4px solid #fff;
  overflow:hidden;
  text-indent:-9999px;
  background:#000;
  _width:20px;
  _height:20px;
}


ol.bjqs-markers li a{
  display:block;
  height:20px;
  width:20px;
  overflow:hidden;
  text-indent:-9999px;
  background:url(http://www.biccamera.com/images/images/btn_circle_gray.gif) no-repeat center center;
  _width:40px;
  _height:40px;
}

ol.bjqs-markers li.active-marker a{
  background:url(http://www.biccamera.com/images/images/btn_circle_orange.gif) no-repeat center center;
}

/*
ol.bjqs-markers li.active-marker a{
  background:#fd0100;
}
*/