@charset "Shift_JIS";

/*共通*/

@import "default.css";



/* ▼ページ全体▼ */
body { font-size:90%; }

#index { width:520px; margin:0 auto; }



/* ▼見出し▼ */

h1.title { background: url(../common/bg.gif) repeat-x left bottom; padding:10px; font-size:130%;}
h2 { padding: 5px;
	margin:20px 0; 
	border-top:solid #0000CC 1px;
	border-right :solid #0000CC 1px;
	border-bottom :solid #0000CC 1px;
	border-left:solid #0000CC 10px;
	font-size: 130%;
	font-weight: bold; 
	text-align: left; 
	background:#eaeaea url(../common/bg.gif) left bottom repeat-x;}




h3 {FONT-WEIGHT: bold;	FONT-SIZE: 105%; border-left:15px #0000CC solid; border-bottom: 2px #0000CC dotted; LINE-HEIGHT: 130%;	padding: 3px 5px; text-align: left;	clear: left;}
h4 {FONT-WEIGHT: bold;	FONT-SIZE: 100%; text-align:left; margin:1em 0px;}
h5 { font-weight:bold; font-size:80%;  text-align:left; border-left:10px solid #000000; padding:0 0 0 5px; }




/* ▼リンク▼ */

.tolink{ font-size: 100%; font-weight:bold; background: url(../common/btn_link.gif) no-repeat right 3px; padding-right: 15px; margin-top:15px; margin-bottom:15px; text-align: right; height:25px;}

.tolink2 { font-size: 100%; font-weight:bold; background: url(../common/btn_link.gif) no-repeat left top; padding:0px 0px 0px 15px; margin:10px 0; text-align: left; min-height:20px; _height:20px}

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

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

}



/* ▼パンくず▼ */
div#headnavi { text-align: left; margin:10px 0px; font-size:90%; }

/* ▼プライス・ポイント▼ */
.price 		{ COLOR : #FF0000; FONT-SIZE: 120%; FONT-WEIGHT:bold; }
.tax 		{ COLOR : #FF0000;  }
.point 		{ COLOR : #FF0000; FONT-SIZE: 105%; FONT-WEIGHT:bold; }
.pointblock{ font-size:90%; color:#996600;}
.item { font-size:120%; font-weight:bold;}

/* ページ内メニュー用 */

.pagemenu {
	width:100%;
	text-align:center;
	font-size:110%;
	font-weight:bold;
	margin-top: 15px;
	margin-bottom: 15px;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #999999;
	border-bottom-color: #999999;
	padding-top: 8px;
	padding-bottom: 8px;
}

.pagemenu a.none { text-decoration:none;}

/* ▼メーカー▼ */
.maker	{ FONT-SIZE:  90%; COLOR: #CC6600;}


/* ▼商品紹介▼ */
div.item	{ border-bottom:2px #999999 dotted; padding:5px 0px; font-weight:normal; min-height:130px; _height:130px; }
div.itemimg { float:left; width:140px; text-align:left;}
div.itemdetail	{ text-align:left; margin-left:130px; font-size:80%;}
div.item ul { font-size:90%;}



/* ▼テキスト▼ */
p {text-align:left; line-height:1.3;}
ul li,ol li {text-align:left;}
.b{ font-weight:bold;}
.fontS	{ FONT-SIZE:  80%; }
.fontSS	{ FONT-SIZE:  70%; }
.fontM2	{ FONT-SIZE:  100%; }
.redb { color:#ff0000; font-weight:bold;}
.fontL { font-size:120%;}
.comment { font-size:100%; text-align:left;}
.commentl { font-size:120%; text-align:left;}


/* ▼キャンペーン対象店舗▼ */
.campaignshop { border-bottom : dotted 2px #666666; padding:3px 0; margin:2px 0px; font-size:80%; text-align:left; min-height:80px;}
.syousai-tenpo{
	color:#FFF;
	background-color:#000000;
	padding:3px;
	font-weight:bold;
	font-size:90%;
}


/* ▼ケータイメルマガPR ▼ */
div.keitaimlmg { border:2px solid #000099; padding:5px; background:#efefff; zoom: 100%;}
div.keitaimlmg:after { content: " "; clear: both; height: 0; display: block; visibility: hidden;}
p.qr { float:right; width:130px; text-align:center; font-weight:bold;}


/* ▼日付一般▼ */

.date{ color: #006600; font-weight:bold; margin-top:0.5em;}

/* ▼キャンペーン概要日時、場所▼ */
table.gaiyou {  border-collapse: collapse;  border: 1px #999999 solid;  font-size: 80%; 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;}



/* ▼こちらのイベント、キャンペーンは終了致しました▼ */
.end { background-color:#FF0000; text-align:cwnter; font-weight:bold; color:#FFFFFF; padding:3px; margin:5px 0px;}


/* ▼画像▼ */
.imgleft { float:left; margin:0 5px 2px 0;}
.imgright { float:right; margin:0 0 2px 5px;}


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

/* 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%; marign:0; float:left; }


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

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


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

.contentleft33 { float:left; width:33%; }
.contentright33 { margin-left:67%;}


/* ▼回り込み解除▼ */
.clear { clear:both;}


/* ▼特価用テーブル▼ */
table.kakaku{ font-size:80%; text-align:left; }
table.kakaku td { padding:2px; border:1px solid #CCCCCC; }
table.kakaku td.maker { font-size:90%; text-align:right; width:10%;} 
table.kakaku td.tokprice { font-size:100%; text-align:left; width:30%;}
.pointS { font-size:80%; color:#FF0000; }
.tax {font-size:70%; color:#000000;}


/* ▼ボーダー▼ */
div.line{ background-image: url(../common/line.gif); background-repeat: repeat-x; background-position: left top; margin:5px 0px 10px 0px; }


/* ▼店舗イベント▼ */
h1.event { background-color:#EFEFFF; padding:5px; color:#000066; font-weight:bold; font-size:100%; border:double 3px #0000FF;}
div.event { padding-bottom:15px; margin:5px 0px 0px 0px; font-size:80%;}
div.event h2 {margin:5px 0; border-top:solid #0000CC 1px; border-right :solid #0000CC 1px; border-bottom :solid #0000CC 1px; border-left:10px solid #0000CC; font-weight: bold; text-align: left; padding:5px; font-size:130%;}
div.event h3 {margin:10px 0; border-top:solid #0000CC 0px; border-right :solid #0000CC 0px; border-bottom :solid #0000CC 0px; border-left:5px solid #000000; font-weight: bold; text-align: left; padding:3px 3px 3px 13px; font-size:110%; background-color:#EEEEEE; }
div.event h4 { color:#FF6600; font-size:110%; font-weight:bold; padding:0px; margin:5px 0 2px 0; }


div.event p { margin:0;}
div.event table.event { text-align:left;  border-collapse:collapse; margin:5px 0 10px 0;} 
div.event table.event th { background-color:#F3F3F3; padding:3px; border:1px solid #999999; font-weight:mormal;}
div.event table.event td { background-color:#FFFFFF; padding:3px; border:1px solid #999999;}
div.event dl { margin:0;}
div.event dl dt { font-weight:bold;}
div.event dl dd { margin:0 0 0 1em;} 

div.event hr { margin:10px 0px; border-bottom:2px dotted #CCCCCC;  }


/* ▼店舗キャンペーン▼ */
h1.campaign { background-color:#FFFFCC; padding:5px; color:#000000; font-weight:bold; font-size:100%; border:solid 1px #CCCCCC;}

h1.campaign  p { background-color:#FF0000; padding:2px; color:#FFFFFF; font-weight:normal; font-size:70%; text-align:center; margin:0px;}

div.campaign { padding-bottom:15px; margin:5px 0px 0px 0px; font-size:80%;}
div.campaign h2 {margin:20px 0; border-top:solid #0000CC 1px; border-right :solid #0000CC 1px; border-bottom :solid #0000CC 1px; border-left:10px solid #0000CC; font-weight: bold; text-align: left; padding:5px; font-size:110%;}
div.campaign h3 {margin:5px 0; border-top:solid #0000CC 0px; border-right :solid #0000CC 0px; border-bottom :solid #0000CC 0px; border-left:5px solid #000000; font-weight: bold; text-align: left; padding:0 0 0 13px; font-size:100%; background-color:#EEEEEE; }
div.campaign table.campaign { text-align:left;  border-collapse:collapse; width:80%;} 
div.campaign table.campaign th { background-color:#F3F3F3; padding:3px; border:1px solid #999999; font-weight:mormal;}
div.campaign table.campaign td { background-color:#FFFFFF; padding:3px; border:1px solid #999999;}
div.campaign hr { margin:15px 0px; border-bottom:1px dotted #999999;  }
div.campaign p.caution {font-size:80%; color:#0000CC;}

/* ▼店舗サービス▼ */
h1.service { background-color:#EFEFFF; padding:5px; color:#FF0000; font-weight:bold; font-size:100%; border:double 3px #0000FF;}
div.service { padding-bottom:15px; margin:0px 0px 0px 0px; font-size:80%;}
div.service h2 {margin:20px 0; border-top:solid #FF0000 1px; border-right :solid #FF0000 1px; border-bottom :solid #FF0000 1px; border-left:10px solid #FF0000; font-weight: bold; text-align: left; padding:5px; font-size:110%;}
div.service h3 {margin:5px 0; border-top:solid #FF0000 0px; border-right :solid #FF0000 0px; border-bottom :solid #FF0000 0px; border-left:5px solid #FF0000; font-weight: bold; text-align: left; padding:0 0 0 13px; font-size:100%; background-color:#EEEEEE; }
div.service table.event { text-align:left;  border-collapse:collapse; } 
div.service table.event th { background-color:#F3F3F3; padding:3px; border:1px solid #999999; font-weight:mormal;}
div.service table.event td { background-color:#FFFFFF; padding:3px; border:1px solid #999999;}
div.service dl { margin:0;}
div.service dl dt { font-weight:bold;}
div.service dl dd { margin:0 0 0 1em;} 

div.service hr { margin:15px 0px; border-bottom:1px dotted #999999;  }


/* ▼特別枠▼ */

#specialwaku { padding:5px;}


/* ▼80x80用バナー1列▼ */
#shop80bn { padding:5px 0;margin:5px 0 0 0; zoom:100%;}
#shop80bn:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
#shop80bn .shop80 { border-bottom:dotted 2px #ff0000;zoom:100%; text-align:left; padding:5px 0 5px 0; margin:0 0 5px 0;}
#shop80bn .shop80:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#shop80bn .shop80 img { float:left; margin:0 2px 0 0; }
#shop80bn .shop80 span { font-size:75%;}
#shop80bn .shop80 a { display:block; font-weight:bold; margin:0 0 0 5px;}

/* ▼80x80用バナー2列▼ */
#shop80bn2 { padding:5px 0;margin:5px 0 0 0; zoom:100%;}
#shop80bn2:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
#shop80bn2 div.shop80 { width:49%; float:left;}
#shop80bn2 .shop80 { zoom:100%; text-align:left; padding:5px 0 5px 0; margin:0 0 5px 0;border-top: dotted 2px #ff0000; border-bottom:dotted 2px #ff0000; }
#shop80bn2 .shop80:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#shop80bn2 .shop80 img { float:left; margin:0 2px 0 0; }
#shop80bn2 .shop80 span { font-size:75%;}
#shop80bn2 .shop80 a { display:block; font-weight:bold; margin:0 0 0 5px;}


/* ▼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;}



/* event/store/menu 用*/

#shoplistmenu { margin:10px 2px 0 2px; padding:30px 0 0 10px; background:url(../event/store/images/info.gif) center top no-repeat #ffffff; border:1px solid #000000; font-size:80%;}
#shoplistmenu ul { padding:0; margin:0;}
#shoplistmenu li { list-style:none; margin:0.4em 0; margin-left:10px; padding-left:10px; }

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