@charset "Shift_JIS";

A {COLOR: #0000FF; TEXT-DECORATION: underline;}
A:visited {COLOR: #880088; TEXT-DECORATION: underline;}
A:hover{ COLOR: #FF3333; text-decoration:underline;}
A:active{text-decoration:underline; }


.shop {FONT-WEIGHT: bold; FONT-SIZE: 105%; COLOR: #0378a5; LINE-HEIGHT: 130%}
.warranty {FONT-SIZE: 105%; LINE-HEIGHT: 130%}
.textblue {PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-SIZE: 105%; PADDING-BOTTOM: 2px; COLOR: #000099; LINE-HEIGHT: 130%; PADDING-TOP: 2px}
.textgreen {PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-SIZE: 105%; PADDING-BOTTOM: 2px; COLOR: #006600; LINE-HEIGHT: 130%; PADDING-TOP: 2px}
.textgreenB {	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-WEIGHT: bold; FONT-SIZE: 105%; PADDING-BOTTOM: 2px; COLOR: #006600; LINE-HEIGHT: 130%; PADDING-TOP: 2px}
.textblueB {PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-WEIGHT: bold; FONT-SIZE: 105%; PADDING-BOTTOM: 2px; COLOR: #000099; LINE-HEIGHT: 130%; PADDING-TOP: 2px}
.11 {PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-SIZE: 105%; PADDING-BOTTOM: 2px; LINE-HEIGHT: 130%; PADDING-TOP: 2px}
.textnormal {PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-SIZE: 105%; PADDING-BOTTOM: 2px; LINE-HEIGHT: 130%; PADDING-TOP: 2px}
.text2 {PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-SIZE: 80%; PADDING-BOTTOM: 2px; LINE-HEIGHT: 130%; PADDING-TOP: 2px}
.font8 {PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-SIZE: 8pt; PADDING-BOTTOM: 2px; PADDING-TOP: 2px
}
.a_title {PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-SIZE: 9pt; PADDING-BOTTOM: 2px; COLOR: #fbcc30; LINE-HEIGHT: 130%; PADDING-TOP: 2px ;FONT-WEIGHT:bold ;}
.textred {PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-SIZE: 105%; PADDING-BOTTOM: 2px; COLOR: #ff0000; PADDING-TOP: 2px}
.textredB {PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-WEIGHT: bold; FONT-SIZE: 105%; PADDING-BOTTOM: 2px; COLOR: #ff0000; LINE-HEIGHT: 130%; PADDING-TOP: 2px}
.textwhB {PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-WEIGHT: bold; FONT-SIZE: 105%; PADDING-BOTTOM: 2px; COLOR: #ffffff; LINE-HEIGHT: 130%; PADDING-TOP: 2px}
.whb {PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-WEIGHT: bold; FONT-SIZE: 105%; PADDING-BOTTOM: 2px; COLOR: #ffffff; LINE-HEIGHT: 130%; PADDING-TOP: 2px}
.textB {PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-WEIGHT: bold; FONT-SIZE: 105%; PADDING-BOTTOM: 2px; LINE-HEIGHT: 130%; PADDING-TOP: 2px}
.textBrown {	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-SIZE: 105%; PADDING-BOTTOM: 2px; COLOR: #996600; PADDING-TOP: 2px}
.textBrownB {	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-WEIGHT: bold; FONT-SIZE: 105%; PADDING-BOTTOM: 2px; COLOR: #996600; LINE-HEIGHT: 130%; PADDING-TOP: 2px}
.fontwh {PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-SIZE: 10pt; PADDING-BOTTOM: 2px; COLOR: #ffffff; LINE-HEIGHT: 130%; PADDING-TOP: 2px}
.fontwhb {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-WEIGHT: bold; FONT-SIZE: 10pt; PADDING-BOTTOM: 2px; COLOR: #ffffff; LINE-HEIGHT: 130%; PADDING-TOP: 2px
}
.menutitle {PADDING-RIGHT: 1px; PADDING-LEFT: 1px; FONT-SIZE: 9pt; PADDING-BOTTOM: 1px; COLOR: #ffffff; LINE-HEIGHT: 130%; PADDING-TOP: 2px}
.td {FONT-SIZE: 100%;PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px}
.td2 {FONT-SIZE: 100%; PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px}
.small{ FONT-SIZE: 80%; }
.10{ FONT-SIZE: 100%; }
.a_title {PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-SIZE: 9pt; PADDING-BOTTOM: 2px; COLOR: #fbcc30; LINE-HEIGHT: 130%; PADDING-TOP: 2px ;FONT-WEIGHT:bold ;}
.textsred {FONT-SIZE: 10pt;color: #FF0000;}
.textsredB {FONT-SIZE: 10pt;color: #FF0000; FONT-WEIGHT:bold ;}
.textlbrownB {	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-WEIGHT: bold; FONT-SIZE: 120%; PADDING-BOTTOM: 2px; COLOR: #996600; LINE-HEIGHT: 130%; PADDING-TOP: 2px}
.textl {PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-SIZE: 120%; PADDING-BOTTOM: 2px; LINE-HEIGHT: 130%; PADDING-TOP: 2px;}
.textlB {
	PADDING-RIGHT: 2px;
	PADDING-LEFT: 2px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 100%;
	PADDING-BOTTOM: 2px;
	LINE-HEIGHT: 110%;
	PADDING-TOP: 2px;
	background-position: left;
	text-align: left;

}
.textlbrownredB {PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-WEIGHT: bold; FONT-SIZE: 120%; PADDING-BOTTOM: 2px; COLOR: #990000; LINE-HEIGHT: 130%; PADDING-TOP: 2px;}
.txt {PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-WEIGHT: bold; FONT-SIZE: 120%; PADDING-BOTTOM: 2px; COLOR: #333399; LINE-HEIGHT: 130%; PADDING-TOP: 2px;}
.textlredB {
PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-WEIGHT: bold; FONT-SIZE: 120%; PADDING-BOTTOM: 2px; COLOR: #FF0000; LINE-HEIGHT: 130%; PADDING-TOP: 2px
}
.textlblueB {	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-WEIGHT: bold; FONT-SIZE: 120%; PADDING-BOTTOM: 2px; COLOR: #000099; LINE-HEIGHT: 130%; PADDING-TOP: 2px}
.textlblue {	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-SIZE: 120%; PADDING-BOTTOM: 2px; COLOR: #000099; LINE-HEIGHT: 130%; PADDING-TOP: 2px}
.textlwhB {PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-WEIGHT: bold; FONT-SIZE: 120%; PADDING-BOTTOM: 2px; COLOR: #FFFFFF; LINE-HEIGHT: 130%; PADDING-TOP: 2px}
.textsgreen {
FONT-SIZE: 10pt;color: #006600;
}
.textswhite {
	FONT-SIZE: 10pt;
	color: #FFFFFF;
	padding: 3px;

}
.textBrownredB {
PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-WEIGHT: bold; FONT-SIZE: 105%; PADDING-BOTTOM: 2px; COLOR: #990000; LINE-HEIGHT: 130%; PADDING-TOP: 2px;
}
.textBrownred {

PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-WEIGHT: normal; FONT-SIZE: 105%; PADDING-BOTTOM: 2px; COLOR: #990000; LINE-HEIGHT: 130%; PADDING-TOP: 2px;
}
.textlgreenB {	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-WEIGHT: bold; FONT-SIZE: 120%; PADDING-BOTTOM: 2px; COLOR: #006600; LINE-HEIGHT: 130%; PADDING-TOP: 2px}
.img3space { margin: 3px;}
.img5space { margin: 5px;}
.vimg5space {
	margin-top: 5px;
	margin-bottom: 5px;
}
.imgright {
	position: static;
	float: right;
	margin-left: 5px;
}
.imgleft {
	position: static;
	float: left;
	margin-top: 3px;
	margin-right:3px;
	margin-bottom: 3px;
	text-align: center;

}
.right {
	float: none;
	text-align: right;

}
.dot { background-image: url(images/dot.gif);}
.imgcenter {
	position: static;
	align:center;
	margin: 3px;
	text-align: center;


}
.centering{
	margin-left:auto;
	margin-right:auto;
	display : block;
	text-align: center;
	font-size: 100%;


}
.header {
	font-size: 120%;
	font-weight: bold;
	color: #CC0000;
	padding: 3px;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #CC0000;
	border-bottom-color: #CC0000;
}
.topimages {
	margin-top: 3px;

}
.textright {
	PADDING-RIGHT: 2px;
	PADDING-LEFT: 2px;
	FONT-SIZE: 105%;
	PADDING-BOTTOM: 2px;
	LINE-HEIGHT: 130%;
	PADDING-TOP: 2px;
	text-align: right;

}
.menu {
	PADDING-RIGHT: 2px;
	PADDING-LEFT: 2px;
	FONT-SIZE: 100%;
	PADDING-BOTTOM: 2px;
	LINE-HEIGHT: 130%;
	PADDING-TOP: 2px;
	white-space: nowrap;

}
.menuon {
	PADDING-RIGHT: 2px;
	PADDING-LEFT: 2px;
	PADDING-BOTTOM: 2px;
	LINE-HEIGHT: 130%;
	PADDING-TOP: 2px;
	white-space: nowrap;
	color: #CC0000;
	font-weight: bold;


}
.header2 {

	font-size: 120%;http://136.195.10.200/bicbic/jsp/w/bicshuhan/index.html
	font-weight: bold;
	color: #0033CC;
	background-color: #DEEFFF;
	padding: 3px;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #0000CC;
	border-bottom-color: #0000CC;
}


/* ▼レイアウト関連▼ */
BODY {text-align: center;}
#index{ width:680px; MARGIN:AUTO;}
#main{ width:520px; vertical-align:top;}
.maintd{ vertical-align:top;}

/* ▼第2階層用▼ */
#secbn { padding:10px 0; margin:0 0 10px 0;}
#seccontent { padding:10px 0; margin:0 0 10px 0;} 
#seccontent div.secmenu { float:left; width:50%; padding:10px 0; min-height:100px; _height:100px; text-align:left; border-bottom:#999999 2px dotted;}
#seccontent div.secmenu img { float:left; margin:0 5px 0 0;}

/* ▼フッター▼ */
div#footer { width:680px; padding:10px 0px; clear:both; border-top:#CC0000 2px solid;border-bottom:#CC0000 2px solid; text-align:center; font-size:100%; margin-top:40px;clear:both; } 

/* ▼関連会社バナー▼ */
div#kanrenbanner{ text-align:center; margin:1em 0;}
div#kanrenbanner img{ margin:0px 4px; }

/* ▼ページ用　2列▼ */
DIV.pageleft{ width:250px; float:left; text-align:center;}
DIV.pageright{ margin-left:260px; border-left:2px dotted #999999; padding-left:10px; text-align:center;}

img.bn80{ float:right; margin:0px 0px 5px 5px;}

.topics2 { font-size: 90%; line-height:1.2; padding: 1px 0 2px 25px;background-image: url(images/topics2.gif); background-repeat: no-repeat;	background-position: left 10%;	text-align: left; margin: 10px 0; border-bottom:2px #999999 dotted; }


/* パンくず */
div#headnavi { text-align: left; margin:15 0 0 0; font-size:85%; padding:0 0 20px 0; font-size:85%; border-bottom:#CC0000 2px solid;}
a.underline{ text-decoration:underline;}
div#headnavi A {COLOR: #0000FF; TEXT-DECORATION: underline; }
a.underline{ text-decoration:underline;}
.totop { font-size: 100%;text-align: right; margin:25 0; clear:both;}

/* ▼見出し▼ */
h1{ font-size:140%; color:#000000; border-left:#CC0000 15px solid; border-bottom:#CC0000 1px solid; padding:5px; margin:5px 0px 8px 0; background-image:url("images/bg.gif"); background-repeat: repeat-x; background-position: left bottom; }
h2{ font-size:120%; border-left:#CC0000 15px solid; border-bottom:#CC0000 2px solid; padding:0px 3px 0px 7px; margin:20px 0; text-align:left;}
h3{ font-size:100%; border-left:#CC0000 15px solid; padding:0px 3px 0px 7px;margin:20px 0px;text-align:left;}
h4{ font-size:100%; font-weight:bold; margin:0px; background-color:#EFEFEF; padding:3px; margin:0.5em 0;}

/* ▼ベスト3▼ */
.noone { font-weight:bold; color:#FF0000; margin:0px; }
.notwo { font-weight:bold; color:#000099;  margin:0px;}
.nothree { font-weight:bold; color:#006600;  margin:0px;}


/* ▼TOPのトピックス、左メニュー▼ */
.topics { font-size: 90%; line-height:1.2; padding: 1px 2px 2px 25px;background-image: url(images/arrow.gif); background-repeat: no-repeat;	background-position: left 10%;	text-align: left; margin: 10px 0; border-bottom:2px #999999 dotted; }
.submenu { font-size:90%; background-color:#CC0000; font-weight:bold; color:#FFFFFF;padding:2;text-align:left;}

/* ▼ページ内メニュー▼ */
.pagemenu { text-align:center; border-top:#999999 2px dotted; border-bottom:#999999 2px dotted; margin:25px 0; padding:15 0; background-color:#FFFFFF;}

/* ▼メニューリンク▼ */
a.blocklink { display: block; padding:3px; text-decoration: none; }
a.blocklink:hover { background-color: #FFFFCC; padding:3px; text-decoration: underline; }

/* ▼リンク▼ */

.link{ line-height:1.2; padding: 1px 0 2px 25px; background-image: url(images/arrow.gif); background-repeat: no-repeat; background-position: left 10%;	text-align: left; margin: 2px 0; }

/* ▼右寄せ画像（イラスト、イメージなど）▼ */
.imgright{float:right; margin:3px 0 3 3px;}

/* ▼商品テーブル▼ */
.item { margin:15px 0;}
.details { border-bottom:#CC0000 1px solid; padding:3px;font-size:90%; margin-bottom:15px;}/* best3の1位 */
.detailsex{ text-align:left; padding:3px;font-size:100%;}
.details250{ border-bottom:#CC0000 2px solid; padding:8px 0px;margin:25px 0; font-size:90%; min-height:250px; _height:250px;}
.details250 div.ex,
.details div.ex,
.detailsex div.ex{ padding:0; margin-left: 280px;}

img.flag { margin-right:0.5em; vertical-align:center;}

/* 商品画像 */
div.itemimg{ float:left;width:250px;text-align:center;margin:0 30px 0 0;}

/* ワンポイントコメント */
div.onepointcomment { font-size:90%; font-weight:bold; margin:3px 0px;}

/* ▼アイテム2列▼ */
div.itemleft{  float:left; width:250px; }
div.itemright { margin-left:265px;}
div.itemleft div.ex,
div.itemright div.ex{ padding:0; margin: 0px; font-size:90%;}

div.item2 { zoom:100%;}
div.item2:after { content: " "; clear: both; height: 0; display: block; visibility: hidden;}
div.item2block { float:left; width:48%; padding:1%; _width:48%;}

div.item2block h3,
div.itemleft h3,
div.itemright h3
 { margin:0px 0px;}

div.img-2 { text-align:center;}
div.img-2 img{ margin:5px 0px;}
hr.bottom{ border-bottom:solid 2px #CC0000; border-top:none;}

/* ▼表全般▼ */
table.table{ padding:3px; border-collapse: collapse;  border: 2px #CC0000 solid; font-size: 100%;}
table.table th { font-weight: bold; background-color:#FFF0F0; padding: 0.3em; border-style: solid dashed;  border-color: #CCCCCC;  border-width: 1px;  font-size:90%; line-height:1.3;}

table.table td { padding: 0.3em; border-style: solid dashed;  border-color: #CCCCCC;  border-width: 1px;  font-size:90%; line-height:1.3;}

table.table td.center { text-align:center;}

/* ▼ビール価格表▼ */
table.beertable{ padding:3; border-collapse: collapse; font-size: 100%; margin-bottom:2px;}
table.beertable th { font-weight: normal; padding: 0.3em; border-style: solid;  border-color: #CCCCCC;  border-width: 1px;  font-size:95%; line-height:1.3; text-align:right;}
table.beertable th.size{ font-weight: bold; padding: 0.3em; border-style: solid;  border-color: #CC0000;  border-width: 1px;  font-size:95%; line-height:1.3; text-align:left;}
table.beertable td { padding: 0.3em; border-style: solid dashed;  border-color: #CCCCCC;  border-width: 1px;  font-size:95%; }



/* ▼店舗案内用▼ */
.shop-ex{ margin-left:180px;}
.shopdetail { font-size:80%; }
.shopitem { font-size:80%; padding:5px; border:#999999 1px solid; background-color:#FFFFCC; text-align:left;}

/* ▼テキスト▼ */
p { font-size:90%; line-height:1.6; text-align:left; }
p.lead{ line-height:1.6; text-align:left; border-left:10px solid #CC0000; padding:0 5;}
ul, ol { font-size:90%; line-height:1.4; }

p.comment{ line-height:1.6; text-align:left; margin:15 0;}
.text{line-height;1.3; text-align:left; }
.price { color:#FF0000; font-weight:bold; line-height:1.3; font-size:1.4em;}
.point { color:#006600; line-height:1.2; }
.b { font-weight:bold;}
.redb { color:#ff0000; font-weight:bold;}
.item {font-weight:bold; line-height:1.2; font-size:100%;}
.fontS { font-size:80%;}
.fontSS { font-size:60%;}
.gentei { text-align:center; font-size:80%; font-weight:bold; padding:2; margin:5 0; border:#FF0000 1px solid; background-color:#F0CCFA; margin:5 0;}
strong{ color:#CC0000;}
.date { color:#006600; font-size:90%;}


/* ▼当イベントは終了▼ */
.end{ text-align:center; font-weight:bold; background-color:#FF0000; padding:3px; color:#FFFFFF;}

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

/* ▼ひとことtips▼ */
div.tips{ border:#CC0000 solid 2px; padding:1em; background-color:#FFFFCC;}


/* ▼ご注意▼ */
.caution { border:1px solid #666666; padding:5px; background-color:#EFEFEF; font-size:90%; margin:10px 0px;}


/* ▼ネットショップへのリンク▼ */
.netshop { text-align:left; font-size:90%; margin:0px; font-weight:bold; }

/*
.netshop { text-align:left; font-size:90%; margin:10px auto; padding:5px; border:2px solid #cc0000; background:#fff0f0; width:500px; }
*/