/* 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-white2.gif);
background-repeat:repeat-y;
background-position:center;
}

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

#main{
float:left;
width:780px;
}

li{
list-style:none;
}

h1{
background-color:#000000;
color:#ffffff;
margin:0px;
width:790px;
padding:3px 5px;
}


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;
}

.voice li{
margin-bottom:20px;
padding-bottom:20px;
border-bottom:1px dotted #999999;
line-height:27px;
list-style-type: square;
}

.square_buttan{
text-align:center;
display:block;
width:100%;
padding:30px 0;
font-size:29px;
font-weight:bold;
border:1px solid #999999;
}

#maincontentsrp h4{
width:100%;
margin:5px 0 15px 0;
padding:5px 0 5px 15px;
font-size:13px;
color:#333333;
background-color:#eeeeee;
border-width:1px;
border-left-width:5px;
border-style:solid;
border-color:#333333;
box-sizing: border-box;
}

#maincontentsrp h5{
width:100%;
font-size:13px;
color:#333333;
padding:5px 0 5px 10px;
margin-top:5px;
margin-bottom:7px;
border-bottom-width:1px;
border-bottom-style:solid;
border-left-width:5px;
border-left-style:solid;
border-color:#dddddd;
box-sizing: border-box;
}

.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;
}

dt{
font-size:13px;
background-color:#efefef;
padding:10px;
margin-bottom:10px;
}

dd{
font-size:13px;
margin-bottom:20px;
}

.imgrp{
margin-bottom:10px;
}

#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;}

#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;
}

#maincontentsrp table{
width:570px;
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-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:#eeeeee;
font-size:10px;
}

#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;
}

.support_formarea{
border:1px dotted #cccccc;
padding:15px;
width:535px;
}

.support_text{
color:#990000;
font-size:12px;
margin:0 0 20px -10px;
}

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;
width:120px;
height:auto;
border:1px solid #666666;
}

#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;
}

.tag a{
color:#333333;
border:2px solid #999999;
padding:5px 7px;
margin-right: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;
}



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

/*---------------------グローバルナビ-----------------------*/

header{
	height:150px;
	color:#fff;
}


.inner {
    width: 100%;

}
.inner:after {
    content: "";
    clear: both;
    display: block;
}
 
/* header */


#top-head {
    top: -100px;
    position: absolute;
    width: 100%;
    margin: 100px auto 0;
    padding: 0;
    line-height: 1;
    z-index: 999;
	border-bottom:1px solid #333333;
}
#top-head a,
#top-head {
    width:100%;
    height:160px;
	background-color:#000;
    color: #fff;
    text-decoration: none;
	font-weight:bold;
}
#top-head .inner {
    position: relative;
}
#top-head .logo {
    width:100%;
	height:160px;
	margin-left:0;
	background:url(img/bnr/header2016.jpg) no-repeat;
	background-position:center top;
	background-color:#000000;
    float: left;
    text-indent:100%;
	display:block;
	white-space:nowrap;
	overflow:hidden;
}
#top-head .logo a:hover {
	opacity:0.6;
}
#global-nav ul {
    list-style: none;
    position: absolute;
	right:25%;
    bottom: 5px;
    font-size: 13px;
}

#global-nav ul li {
    float: left;
}
#global-nav ul li a {
    padding: 0 15px;
	line-height:21px;
}
 
/* Fixed */
#top-head.fixed {
    margin-top: 0;
    top: 0;
    position: fixed;
    padding-top: 0;
    height: 80px;
    background-color: #000;
    background: rgba(255,255,255,.7);
    transition: top 0.65s ease-in;
    -webkit-transition: top 0.65s ease-in;
    -moz-transition: top 0.65s ease-in;
}
#top-head.fixed .logo {
    font-size: 24px;
    color: #fff;
}
#top-head.fixed #global-nav ul li a {
    color: #fff;
    padding: 0 20px;
}
 
/* Toggle Button */
#nav-toggle {
    display: none;
    position: absolute;
    right: 20px;
    top: 32px;
    width: 84px;
    height: 50px;
    cursor: pointer;
    z-index: 101;
}
#nav-toggle div {
    position: relative;
}
#nav-toggle span {
    display: block;
    position: absolute;
    height: 10px;
    width: 100%;
    background: #000;
    left: 0;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) {
    top: 0;
}
#nav-toggle span:nth-child(2) {
    top: 30px;
}
#nav-toggle span:nth-child(3) {
    top: 60px;
}

/*---------------------製品一覧-----------------------*/

#maincontentsrp{
width:580px;
float:right;
margin-top:10px;
box-sizing: border-box;
}

#maincontentsrp h2{
background-image:none;
width:100%;
height:auto;
margin:5px 0 10px 0;
text-indent:0px;
font-size:23px;
background-color:#efefef;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
padding:10px;
box-sizing: border-box;
}

#maincontentsrp p{
width:100%;
margin-left:0px;
margin-bottom:10px;
padding-left:0;
font-size:15px;
line-height:40px;
box-sizing: border-box;
}



.itemrp{
width:49%;
border:1px solid #cccccc;
padding:10px;
margin-bottom:15px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
box-sizing: border-box;
display:inline-block;
}

.itemrp img{
width:112px;
height:auto;
}

.itemrp h3{
color:#ffffff;
margin-top:5px;
width:100%;
background-image:none;
font-size:13px;
background-color:#666666;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
border:none;
padding:3px 10px;
box-sizing: border-box;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

.itemrp p{
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

.itemrp .formspace{
height:30px;
}

.mbonly{
display:none;
}

.pconly img{
border:none;
}

.price{
color:#ff0000;
font-weight:bold;
}


.itemrp .nouki img{
height:16px;
width:auto;
}


{
border:1px solid #cccccc;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
padding:3px;
font-weight:bold;

}

/*---------------------フォーム関連-----------------------*/
.dotted_line{
padding:20px;
border:dotted 1px #333333;
margin-top:10px;
box-sizing: border-box;
margin-bottom:30px;
}

.grey{
background-color:#efefef;
padding:10px;
box-sizing: border-box;
}


.grey li{
margin-bottom:20px;
}

@media (max-width:750px){

body{
background:none;
}

#box{
width:100%;
margin:140px auto 0 auto;
}

#main{
width:100%;
float:none;
}

#sidemenue{
width:100%;
background-color:#ffffff;
font-size:35px;
line-height:40px;
float:none;
}

#sidemenue li{
background-color:#eeeeee;
background-image:none;
background-repeat:no-repeat;
padding:25px;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#bbbbbb;
color:#333333;
letter-spacing:0.5px;
}

#maincontents{
width:100%;
float:none;
}

#maincontent p{
width:100%;
margin-left:0px;
margin-bottom:10px;
padding-left:15px;
font-size:35px;
line-height:40px;
}

#maincontentsrp table{
width:100%;
margin-left:20px;
margin-bottom:30px;
border-width:0px;
}

#maincontentsrp li{
font-size:35px;
}

td{
text-align:center;
width:25%;
font-size:35px;
}

dt{
font-size:35px;
background-color:#efefef;
padding:15px;
margin-bottom:10px;
}

dd{
font-size:35px;
margin-bottom:30px;
}

#right-navi{
width:100%;
float:none;
}

#right-navi img{
margin-top:20px;
margin-left:10px;
width:48%;
height:auto;
border:1px solid #666666;
box-sizing: border-box;
}

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

#right-navi input{
width:730px;
padding:20px;
font-size:35px;
border:1px solid #666666;
box-sizing: border-box;
}

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

h3{
font-size:35px;
background-image:none;
padding:25px;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#999999;
color:#333333;
letter-spacing:0.5px;
}

h6{
font-size:35px;

}

.img100{
width:100%;
height:auto;
}

.frame100 iframe{
width:100%;
height:auto;
}

.itemrp h3{
font-size:35px;
}

#maincontentsrp h4{
width:100%;
margin:0 0 10px 0;
padding:10px;
font-size:35px;
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;
}

#maincontentsrp h5{
width:100%;
background-color:#dddddd;
font-size:35px;
color:#333333;
padding:5px 15px;
margin-bottom:7px;
border-width:1px;
border-style:solid;
border-color:#cccccc;
}

h4{
width:100%;
margin:10px;
padding:5px 0 5px 10px;
font-size:35px;
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:100%;
background-color:#dddddd;
font-size:35px;
color:#333333;
padding:5px 0 5px 15px;
margin-bottom:7px;
border-width:1px;
border-style:solid;
border-color:#cccccc;
}

#maincontents{
display:none;
}

address{
margin-top:20px;
font-style:normal;
font-size:25px;
width:100%;
float:none;
background-color:#000000;
color:#ffffff;
padding:20px 5px;
box-sizing: border-box;
}

address a{
display:block;
margin:10px 0 0 0;
text-decoration:none;
}

.pconly{
display:none;
}

.mbonly{
display:block;
}

.support_formarea{
border:1px dotted #cccccc;
padding:15px;
width:100%;
box-sizing: border-box;
}

.support_text{
color:#990000;
font-size:35px;
margin:0 0 20px -10px;
}

/*---------------------フォーム関連-----------------------*/
.dotted_line{
width:100%;
padding:10px;
border:dotted 1px #333333;
margin-top:10px;
}


/*---------------------製品一覧-----------------------*/

#maincontentsrp{
width:730px;
margin:10px;
margin:0 0 50px 0;
}

#maincontentsrp h2{
background-image:none;
width:100%;
height:auto;
margin:5px 0 10px 0;
text-indent:0px;
font-size:35px;
background-color:#efefef;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
padding:10px;
box-sizing: border-box;
}

#maincontentsrp p{
width:100%;
margin-left:0px;
margin-bottom:30px;
padding-left:0;
font-size:35px;
line-height:55px;
box-sizing: border-box;
}

.imgrp{
width:730px;
height:auto;
}

.itemrp{
width:362px;
border:1px solid #cccccc;
padding:10px;
margin-bottom:15px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
box-sizing: border-box;
display:inline-block;
}

.itemrp img{
width:112px;
height:auto;
}

.tag{
width:730px;
}

/*---------------------グローバルナビ-----------------------*/

#top-head,
    .inner {
        width: 100%;
        padding: 0;
    }
    #top-head {
        top: 0;
        position: fixed;
        margin-top: 0;
		}
		
		#top-head a,
#top-head {
	height:auto;
	background-color:#333;
    color: #fff;
    text-decoration: none;
	font-weight:bold;
}
    /* Fixed reset */
    #top-head.fixed {
        padding-top: 0;
        background: transparent;
    }
    #mobile-head {
        background: #fff;
        width: 100%;
        height: 130px;
        z-index: 999;
        position: relative;
    }
#top-head .logo{
	background:url(img/logo.gif) no-repeat;

}
	#top-head .logo a{
	width:500px;
	height:130px;
	margin-left:0;
	background:url(img/logos.jpg) no-repeat;
	float:left;
	text-indent:100%;
	display:block;
	white-space:nowrap;
	overflow:hidden;
}

#top-head .logo a:hover {
	opacity:0.8;
}
    #top-head.fixed .logo,
    #top-head .logo {
        position: absolute;
        left: 0px;
        top: 0px;
    }
    #global-nav {
        position: absolute;
        /* 開いてないときは画面外に配置 */
        top: -1000px;
        background: #333;
        width: 100%;
        text-align: center;
        padding: 10px 0;
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
    }
    #global-nav ul {
        list-style: none;
        position: static;
        right: 0;
        bottom: 0;
    }
    #global-nav ul li {
        float: none;
        position: static;
    }
    #top-head #global-nav ul li a,
    #top-head.fixed #global-nav ul li a {
        width: 100%;
        display: block;
        color: #fff;
        padding: 50px 0;
		font-size: 40px;
    }
    #nav-toggle {
        display: block;
    }
    /* #nav-toggle 切り替えアニメーション */
    .open #nav-toggle span:nth-child(1) {
        top: 21px;
        -webkit-transform: rotate(315deg);
        -moz-transform: rotate(315deg);
        transform: rotate(315deg);
    }
    .open #nav-toggle span:nth-child(2) {
        width: 0;
        left: 50%;
    }
    .open #nav-toggle span:nth-child(3) {
        top: 21px;
        -webkit-transform: rotate(-315deg);
        -moz-transform: rotate(-315deg);
        transform: rotate(-315deg);
    }
    /* #global-nav スライドアニメーション */
    .open #global-nav {
        /* #global-nav top + #mobile-head height */
        -moz-transform: translateY(1130px);
        -webkit-transform: translateY(1130px);
        transform: translateY(1130px);
		z-index:9999;
    }
	
	/*---------------------メインコンテンツ-----------------------*/
	
	#main{
	width:730px;
	margin:110px auto 0 auto;
	}
	
}

}