/* CSS Document */
*{
margin:0;
padding:0;
font-family:'Lucida Grande',
 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
 Meiryo, メイリオ, sans-serif;
}

body{
background-color:#ffffff;
background-image:url(img/bg-white.gif);
background-repeat:repeat-y;
background-position:center;

}

#box{
width:930px;
margin:0 auto;
}

#main{
width:760px;
float:right;
}

li{
list-style:none;
}

h1{
font-size:11px;
background-color:#000000;
color:#ffffff;
margin:0px;
width:900px;
padding:3px 5px;
}

h2{
background-image:url(img/bacchusdo-topimage.jpg);
background-repeat:no-repeat;
width:930px;
height:130px;
margin:0px;
text-indent:-9999px;
}

h3{
font-size:13px;
background-image:url(img/h3bg.jpg);
padding:5px 0 5px 15px;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#999999;
color:#333333;
letter-spacing:0.5px;
}

.title h3{
width:550px;
font-size:15px;
background-image:url();
padding:5px 0 5px 15px;
margin-left:30px;
border-width:1px;
border-style:solid;
border-color:#666666;
margin-bottom:20px;
color:#333333;
letter-spacing:0.5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}

h4{
width:550px;
margin:5px 0 10px 35px;
padding:5px 0 5px 10px;
font-size:13px;
color:#333333;
border-left-style:solid;
border-left-color:#333333;
border-left-width:3px;
border-bottom-style:solid;
border-bottom-color:#333333;
border-bottom-width:1px;
}

h5{
width:575px;
background-color:#dddddd;
font-size:13px;
color:#333333;
padding:5px 0 5px 15px;
margin-bottom:7px;
border-width:1px;
border-style:solid;
border-color:#cccccc;
}

a{
color:#0066ff;
}

#eng_navi{
text-align:right;
font-size:12px;
margin-right:20px;
color:#ffffff;
margin-bottom:3px;
background-image:url(img/english-icon.png);
background-repeat:no-repeat;
background-position:right;
padding-right:17px;
}

#eng_navi a{
color:#ffffff;
text-decoration:none;
}

#header{
	background-color:#000000;
}

nav {
	width: 100%;
	display: flex;
	align-content: space-between;
	justify-content: center;
}

.sns {
	display: flex;
	align-content: space-around;
	justify-content: center;

}
.sns img {
	width: 28px;
	padding: 0 10px 5px;
	vertical-align: bottom;
}

#mainmenue{
/*width:879px;*/
padding:5px 20px;
background-color:#000000;
color:#ffffff;
}

#mainmenue a, #mainmenue a:visited{
color:#ffffff;
}

#mainmenue li{
font-size:12px;
display:inline;
margin-right:15px;

}

#sidemenue{
width:170px;
background-color:#ffffff;
font-size:12px;
line-height:25px;
float:left;
}

#sidemenue li{
background-color:#eeeeee;
background-image:url(img/root2.gif);
background-repeat:no-repeat;
padding-left:25px;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#bbbbbb;
color:#333333;
letter-spacing:0.5px;
}

#sidemenue li a{
text-decoration:none;
color:#0066ff;
}

#sidemenue li a:hover{
text-decoration:underline;
color:#0000cc;
}

#maincontents{
width:630px;
float:left;
}

#maincontents p{
width:560px;
margin-left:20px;
margin-bottom:10px;
padding-left:15px;
font-size:13px;
line-height:23px;
}

#maincontents table{
width:590px;
margin-left:20px;
margin-bottom:30px;
border-width:0px;
}

td{
text-align:center;
width:147px;
font-size:11px;
}

#handmade{
background-image:url(img/handmade3.jpg);
background-repeat:no-repeat;
text-indent:-9999px;
width:590px;
height:200px;
margin-bottom:0px;
margin-left:20px;
}

#entry{
background-image:url(img/400bnr.jpg);
background-repeat:no-repeat;
text-indent:-9999px;
width:590px;
height:150px;
margin-bottom:0px;
margin-left:20px;
}

#hazimete{
background-image:url(img/entry.gif);
background-repeat:no-repeat;
text-indent:-9999px;
width:590px;
height:200px;
margin-bottom:0px;
margin-left:20px;
}

#news1{
background-image:url(img/07wl-ltd.jpg);
background-repeat:no-repeat;
text-indent:-9999px;
width:590px;
height:200px;
margin-bottom:0px;
margin-left:20px;
}

#law{
background-image:url(img/law.gif);
background-repeat:no-repeat;
text-indent:-9999px;
width:590px;
height:440px;
margin-bottom:10px;
margin-left:20px;
}


#new, #type, #text, #news{
margin-left:20px;
margin-bottom:10px;
}

#type ul{
padding-left:10px;
}

#type li{
width:575px;
font-size:11px;
line-height:25px;
margin-right:15px;
display:inline;
}

#new li,#news li{
width:575px;
font-size:11px;
line-height:20px;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#dddddd;
border-left-width:5px;
border-left-style:double;
border-left-color:#cccccc;
margin-bottom:7px;
padding-left:10px;
}

#topics{
font-size:11px;
width:578px;
border:1px solid #333333;
margin:3px 0 3px 20px;
padding:23px 5px 5px 5px;
background-image:url(img/topic-bg.jpg);
background-repeat:no-repeat;
}

#topics li{
width:575px;
display:inline;
}

.main-image{
margin-left:20px;
margin-bottom:3px;
}

input{
border-width:1px;
border-style:solid;
border-color:#333333;
background-color:#efefef;
font-size:10px;
color:#333333;
}

#orico input{
border-width:1px;
border-style:solid;
border-color:#ff3a00;
background-color:#f8eebb;
font-size:11px;
width:120px;
}

#week{
margin-left:20px;
}

#week img{
margin-right:3px;
}

.cart{
padding:2px 2px 2px 18px;
background-image:url(img/cart-icon.gif);
background-repeat:no-repeat;
border:1px solid #333333;
}

address{
font-style:normal;
font-size:11px;
width:790px;
float:left;
background-color:#000000;
color:#ffffff;
padding:5px;
}

address a{
color:#ffffff;
}

address a:visited{
color:#ffffff;
}

h4 a{
color:#333333;
}


#right-navi{
width:130px;
float:right;
}

#right-navi img, #right-navi form{
margin-top:3px;
margin-left:10px;
}

#newsbox {width:578px; height:192px; overflow:hidden; position:relative;  background:url(img/news/130221d.jpg) no-repeat; -moz-border-radius:15px; margin:0px auto 0px auto; font-size:12px; padding-right:10px; border:1px solid #666666;}
#newsbox strong{margin-bottom:5px;}
#newsbox a {outline:none; text-decoration:none;}
#newsbox a span {position:absolute; z-index:1; width:224px; height:55px;  padding:5px 15px; color:#efefef; left:346px; background:#f5f5f5; background:-moz-linear-gradient(top,#333333,#000000); background:-webkit-linear-gradient(top,#333333,#000000);}
#newsbox a strong {text-transform:uppercase; display:block;}
#newsbox a.b1 span {margin-top:0px;}
#newsbox a.b2 span {margin-top:65px;}
#newsbox a.b3 span {margin-top:130px;}
#newsbox a img {display:none; position:absolute; border:none;}
#newsbox a:hover img, #newsbox a:focus img {display:block;}
#newsbox a:hover span, #newsbox a:focus span {background:#666666; background:-moz-linear-gradient(top,#666666,#333333); background:-webkit-linear-gradient(top,#666666,#333333); left:320px; width:230px; padding:5px 25px 5px 25px; color:#fff; border-top-left-radius:1500px; border-bottom-left-radius:1500px;}

#goodsman{
height:350px;
margin-bottom:30px;
}

#goods-shelf p{
width:100px;
height:100px;
display:inline-block;
}

#goods-shelf img{
width:100px;
height:100px;
}

.showcase{
margin-left:30px;
margin-bottom:30px;
}

.case{
border:1px solid #cccccc;
padding:7px;
display:inline-block;
margin-bottom:10px;
}

.case h3{
border:0;
font-size:15px;
background-color:#FFFFFF;
background-image:none;
padding:0;
margin:3px 0;
}

.tag{
width:570px;
margin-top:16px;
margin-left:25px;
margin-bottom:20px;
}

.tag a{
color:#333333;
border:2px solid #999999;
padding:5px 7px;
margin-left:10px;
margin-bottom:7px;
text-decoration:none;
display:inline-block;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}

.sprice{
width:210px;
color:#ffffff;
background-color:#990000;
padding:5px 7px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
font-size:15px;
font-weight:bold;
margin-left:35px;
margin-bottom:10px;
}

.midashi{
font-size:25px;
font-weight:bold;
margin-left:35px;
margin-bottom:10px;
}

#topics_list{
width:590px;
margin-left:20px;
}

#topics_list li{
display:inline-block;
width:275px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
border:1px dotted #666666;
padding:5px;
}

.right{
text-align:right;
}

.tag{
width:570px;
margin-left:25px;
margin-bottom:20px;
}

.tag a{
color:#333333;
border:2px solid #999999;
padding:5px 7px;
margin-left:10px;
margin-bottom:7px;
text-decoration:none;
display:inline-block;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}

.komidashi{
border-bottom-width:1px;
border-bottom-style:dotted;
border-bottom-color:#666666;
font-weight:bold;
}

.top_message{
width:550px;
margin:0 0 0 20px;
box-sizing: border-box;
}

.top_message h2{
font-size:15px;
width:100%;
background-color:#333333;
color:#ffffff;
padding:8px 16px;
background-image:none;
height:auto;
margin:8px 0;
text-indent:inherit;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}

.top_message h3{
width:100%;
background-image:none;
background-color:#efefef;
padding:16px;
margin:0;
border:0;
color:#333333;
letter-spacing:normal;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}

.top_message img{
padding:0 16px 0 0;
float:left;
}

.top_message p{
float:right;
width:100%;
margin:0;
padding:0;
font-size:15px;
line-height:23px;
box-sizing: border-box;
}

.clear{
clear:both;
}

.topic{
color:#990000;
font-weight:bold;
}

.cp30th {
	width: 418px;
	margin-left: 30px;
	background: url("img/bcs30thcp/cpimg01.jpg") 5px 40px / 175px auto no-repeat;
	padding-left: 155px;
	position: relative;
}

.cp30th span {
	font-weight: bold;
}

#spkr30th {
	display: block;
	width: 40px;
	position: absolute;
	bottom: 0;
	right: 40px;
}