@charset "utf-8";
body { font: 13px/1.3em "Meiryo UI", "ＭＳ Ｐゴシック", "osaka"; background: url(../images/home/bg.jpg) repeat-x left 98px; }

#header { height: 98px; margin-right: auto; margin-left: auto; background: #000; position: relative; }
.logo { background: #000 url(../images/home/header.png) no-repeat; margin-right: auto; margin-left: auto; width: 882px; position: relative; height: 98px; }
.logo h1 { color: #F00; position: absolute; height: 12px; width: 165px; left: 45px; top: 43px; }

ul#headNavi { list-style: none; float: right; width: 23em; margin-right: 110px; padding-top: 44px; font-size: 8px; }

#headNavi li { display: inline; }

#headNavi li a { display: block; float: left; text-decoration: none; padding-right: 7px; border-right: 1px solid #FFF; padding-left: 7px; color: #FFF; font-size: 9px; line-height: 1.3em; text-align: center; }
#headNavi li a:hover { display: block; float: left; text-decoration: none; padding-right: 7px; border-right: 1px solid #FFF; padding-left: 7px; color: #F00; }

#headNavi li:first-child a,.lung li:first-child a { display: block; float: left; text-decoration: none; padding-left: 7px; border-left: 1px solid #FFF; }
#wrapper {  }


#mainImg { margin-right: auto; margin-left: auto; background: #898a8a url(../images/home/bg.gif) repeat-y center top; overflow: hidden; height: 313px; }

#mainImg .slid { width: 882px; margin-right: auto; margin-left: auto; -webkit-box-shadow: 0px 0px 15px 0px #777; /* Safari, Chrome用 */ -moz-box-shadow: 0px 0px 15px 0px #777; /* Firefox用 */ box-shadow: 0px 0px 15px 0px #777; background: url(../images/home/slider1.jpg) no-repeat; height: 313px; }
ul.lung { list-style: none; padding-top: 1em; float: right; margin-right: 1em; }

.lung li { display: inline; }

.lung li a { text-decoration: none; display: block; float: left; padding-right: 7px; border-right: 1px solid #FFF; padding-left: 7px; letter-spacing: 0.1em; color: #FFF; }
.lung li a:hover { text-decoration: none; display: block; float: left; padding-right: 7px; border-right: 1px solid #FFF; padding-left: 7px; letter-spacing: 0.1em; color: #F00; }

/*.lung li:first-child a { text-decoration: none; display: block; float: left; padding-right: 7px; padding-left: 7px; letter-spacing: .1em; color: #FFF; border-left: 1px solid #FFF; }*/

/*#topMenu { background: #898a8a url(../images/home/bg.gif) repeat-y center top; margin-right: auto; margin-left: auto; height: 38px; margin-bottom: 28px; overflow: hidden; }


ul#TopNavi { width: 882px; margin-right: auto; margin-left: auto; clear: both; height: 38px; }

#TopNavi li { display: inline; }

#TopNavi li a { display: block; float: left; width: 147px; text-decoration: none; padding-top: 10px; text-align: center; color: #FFF; background: #000; padding-bottom: 10px; }
#TopNavi li a:hover { display: block; float: left; width: 147px; text-decoration: none; padding-top: 10px; text-align: center; color: #FFF; background: #666; padding-bottom: 10px; }
#TopNavi .bt1 a.current { background: #666; }*/
#topMenu { background: #898a8a url(../images/home/bg.gif) repeat-y center top; margin-right: auto; margin-left: auto; height: 38px; margin-bottom: 28px; overflow: hidden; }


ul#TopNavi { width: 882px; margin-right: auto; margin-left: auto; clear: both; height: 38px; }

#TopNavi li { display: inline; }

#TopNavi li a { display: block; float: left; width: 147px; height: 38px; text-decoration: none; }

#TopNavi li.bt1 a { background: url(../images/home/topnavi-bt.png) no-repeat 0px 0px; }
#TopNavi li.bt1 a:hover { background: url(../images/home/topnavi-bt.png) no-repeat 0px -38px; }
#TopNavi li.bt1 a.current { background: url(../images/home/topnavi-bt.png) no-repeat 0px -38px; }

#TopNavi li.bt2 a { background: url(../images/home/topnavi-bt.png) no-repeat -147px 0px; }
#TopNavi li.bt2 a:hover { background: url(../images/home/topnavi-bt.png) no-repeat -147px -38px; }
#TopNavi li.bt2 a.current { background: url(../images/home/topnavi-bt.png) no-repeat -147px -38px; }

#TopNavi li.bt3 a { background: url(../images/home/topnavi-bt.png) no-repeat -294px 0px; }
#TopNavi li.bt3 a:hover { background: url(../images/home/topnavi-bt.png) no-repeat -294px -38px; }
#TopNavi li.bt3 a.current { background: url(../images/home/topnavi-bt.png) no-repeat -294px -38px; }

#TopNavi li.bt4 a { background: url(../images/home/topnavi-bt.png) no-repeat -441px 0px; }
#TopNavi li.bt4 a:hover { background: url(../images/home/topnavi-bt.png) no-repeat -441px -38px; }
#TopNavi li.bt4 a.current { background: url(../images/home/topnavi-bt.png) no-repeat -441px -38px; }

#TopNavi li.bt5 a { background: url(../images/home/topnavi-bt.png) no-repeat -588px 0px; }
#TopNavi li.bt5 a:hover { background: url(../images/home/topnavi-bt.png) no-repeat -588px -38px; }
#TopNavi li.bt5 a.current { background: url(../images/home/topnavi-bt.png) no-repeat -588px -38px; }

#TopNavi li.bt6 a { background: url(../images/home/topnavi-bt.png) no-repeat -735px 0px; }
#TopNavi li.bt6 a:hover { background: url(../images/home/topnavi-bt.png) no-repeat -735px -38px; }
#TopNavi li.bt6 a.current { background: url(../images/home/topnavi-bt.png) no-repeat -735px -38px; }



.bt1 em,.bt2 em,.bt3 em,.bt4 em,.bt5 em,.bt6 em { font-size: 5px; line-height: 1.3em; visibility: hidden; }

#container { width: 882px; margin-right: auto; margin-left: auto; clear: left; }
#main { width: 406px; float: left; margin-right: 22px; }
p.mainlead { font-size: 11px; line-height: 1.3em; border-bottom: 1px solid #D3D3D6; padding-bottom: 1em; margin-bottom: 1em; }

.news { height: 570px; }
.line { height: 1px; border-top: 1px dashed #808080; border-right: none; border-bottom: none; border-left: none; padding-bottom: 13px; clear: both; width: 99%; }


.leftArea { float: left; width: 239px; margin-right: 22px; margin-bottom: 2em; margin-left: 1em; }
h2.category_LE,h2.category_center { height: 19px; padding-bottom: 10px; }

p.cate_comment { font-size: 11px; line-height: 166%; padding-left: 1.3em; margin-bottom: 18px; }
.pro_wrapp { clear: both; margin-left: 10px; margin-bottom: 22px; }


.product1 ,.product2 ,.product3,.product4,.product5{ width: 75px; float: left; margin-right: 10px; height: 75px;text-indent: 100%;
white-space: nowrap;
overflow: hidden; }
.product1 a { background: url(../images/home/spitits_bn.jpg) no-repeat 0px 0px; float: left; height: 75px; width: 75px; }
.product1 a:hover { background: url(../images/home/spitits_bn_ov.jpg) no-repeat 0px 0px; float: left; height: 75px; width: 75px; }

.product2 a { background: url(../images/home/joraku_bn.jpg) no-repeat 0px 0px; float: left; height: 75px; width: 75px; }
.product2 a:hover { background: url(../images/home/joraku_bn_ov.jpg) no-repeat 0px 0px; float: left; height: 75px; width: 75px; }

.product3 a { background: url(../images/home/rosbacher_bn.jpg) no-repeat 0px 0px; float: left; height: 75px; width: 75px; }
.product3 a:hover { background: url(../images/home/rosbacher_bn_ov.jpg) no-repeat 0px 0px; float: left; height: 75px; width: 75px; }

.product4 a { background: url(../images/home/officeoasis_bn.jpg) no-repeat 0px 0px; float: left; height: 75px; width: 75px; }
.product4 a:hover { background: url(../images/home/officeoasis_bn_ov.jpg) no-repeat 0px 0px; float: left; height: 75px; width: 75px; }

.product5 a { background: url(../images/home/drinkya_bn.jpg) no-repeat 0px 0px; float: left; height: 75px; width: 75px; }
.product5 a:hover { background: url(../images/home/drinkya_bn_ov.jpg) no-repeat 0px 0px; float: left; height: 75px; width: 75px; }

.product_name,.product_nameJOR { float: left; padding-bottom: 3px; }
img.uline { margin-bottom: 0em; }
.product_name a:hover,.product_nameJOR a:hover { border-bottom: 1px solid #D40000; background: #E8E8E8; }

p.produck_lead { float: left; width: 142px; font-size: 9px; line-height: 1.3em; }

.link_bn { float: right; margin-bottom: 10px; margin-top: 2px; }



.rightArea { float: left; width: 167px; }
h2.category_RI  { }
.group_bn { float: left; width: 159px; margin-bottom: 1.5em; }

ul.groupLink { list-style: none; }
.groupLink li{ display: inline; }

.groupLink li a { display: block; float: left; width: 75px; height: 89px; margin-right: 14px; text-decoration: none; }
/*.groupLink li.end a { margin-right: 0px; }*/

.groupLink .sw1 a { background: url(../images/home/group_navi-bt.jpg) no-repeat 0px 0px; }
.groupLink .sw1 a:hover{ background: url(../images/home/group_navi-bt.jpg) no-repeat -178px 0px; }

.groupLink .sw2 a{ background: url(../images/home/group_navi-bt.jpg) no-repeat -88px 0px; margin-right: 0px; }
.groupLink .sw2 a:hover{ background: url(../images/home/group_navi-bt.jpg) no-repeat -266px 0px; }

.groupLink .sw3 a { background: url(../images/home/group_navi-bt.jpg) no-repeat -0px -89px; margin-right: 14px; }
.groupLink .sw3 a:hover{ background: url(../images/home/group_navi-bt.jpg) no-repeat -178px -89px; }

.groupLink .sw4 a { background: url(../images/home/group_navi-bt.jpg) no-repeat -88px -89px; margin-right: 0px; float: left; width: 74px; }
.groupLink .sw4 a:hover { background: url(../images/home/group_navi-bt.jpg) no-repeat -266px -89px; }

.groupLink .sw5 a { background: url(../images/home/group_navi-bt.jpg) no-repeat -0px -179px; margin-right: 0px; float: left; width: 74px; }
.sw5.end a { padding-bottom: 1em; }

.groupLink .sw5 a:hover { background: url(../images/home/group_navi-bt.jpg) no-repeat -178px -179px; }

.sw1 a em,.sw2 a em,.sw3 a em,.sw4 a em,.sw5 a em,.sw6 a em ,.sw7 a em ,.sw8 a em ,.sw9 a em  { font-size: 5px; line-height: 1.3em; visibility: hidden; }
/*グループ酒造*/
ul.kuraLink { list-style: none; }
.kuraLink li { display: inline; float: left; }
.kuraLink li a { float: left; width: 75px; height: 89px; display: block; margin-right: 14px; background: #FF3FAA; text-decoration: none; }
.kuraLink .sw6 a  { background: url(../images/home/kura_navi-bt.jpg) no-repeat 0px 0px; }
.kuraLink .sw6 a:hover  { background: url(../images/home/kura_navi-bt.jpg) no-repeat -174px 0px; }
.kuraLink .sw7 a  { background: url(../images/home/kura_navi-bt.jpg) no-repeat -86px 0px; }
.kuraLink .sw7 a:hover { background: url(../images/home/kura_navi-bt.jpg) no-repeat -260px 0px; }
.kuraLink .sw8 a  { background: url(../images/home/kura_navi-bt.jpg) no-repeat 0px -89px; }
.kuraLink .sw8 a:hover  { background: url(../images/home/kura_navi-bt.jpg) no-repeat -174px -89px; }
.kuraLink .sw9 a  { background: url(../images/home/kura_navi-bt.jpg) no-repeat -86px -89px; }
.kuraLink .sw9 a:hover  { background: url(../images/home/kura_navi-bt.jpg) no-repeat -260px -89px; }
.sw7.end a,.sw9.end a{ margin-right: 0px; }

h2.category_center { height: 14px; width: 414px; margin-right: auto; margin-left: auto; }
.footnavi { width: 882px; margin-right: auto; margin-left: auto; clear: both; }


#footer { clear: both; margin-right: auto; margin-left: auto; background: #000; height: 108px; }
ul#footNavi{ padding:0; margin:0 auto 1.5em; list-style-type:none; float:left; position:relative; left:50%; font-size: 11px; line-height: 1.3em; }
#footNavi li{
  float:left; position:relative; right:50%;
}
#footNavi a{ width:auto; display:block; color:#000; text-decoration:none; padding-right: 0.5em; padding-left: 0.5em; border-right: 1px solid #808080; }
#footNavi li:first-child a{ width:auto; display:block; color:#000; text-decoration:none; padding-left: 0.5em; border-left: 1px solid #808080; }

#footNavi a:hover{ color: #F00; }
#footer h5 { width: 882px; margin-right: auto; margin-left: auto; }
.news1 { margin-bottom: 3em; }


.new img { margin-bottom: 10px; }

h2.newline { text-align: center; border-bottom: 1px solid #A0A0A4; margin-bottom: .2em; padding: 0px; margin-top: 0px; }
#main_spjp { width: 650px; margin-right: auto; margin-left: auto; }

ul.spJP { list-style: none; }

.spJP li { margin-bottom: 17px; }
.spJP li a { display: block; border: 1px solid #D9D9DB; }

.spJP li p { margin-top: .5em; font-size: 90%; line-height: 1.3em; }



a:link { color: #A0A0A4; }
a:visited { color: #747474; }
a:hover { color: red; }*/
a:active { color: yellow; }
#main_eGaiyo { width: 600px; margin-right: auto; margin-left: auto; padding-bottom: 0em; border-bottom: 1px solid #A0A0A4; margin-bottom: 2em; }

h2.category_Name { background: url(../images/gaiyo/e_gaiyo-ttl.jpg) no-repeat; height: 22px; text-indent: 100%; white-space: nowrap; overflow: hidden; margin-right: auto; margin-left: auto; width: 586px; }

.mac.webkit body{ letter-spacing: -0.1em; }
.mac.webkit ul#headNavi { list-style: none; float: right; width: 20em; margin-right: 110px; padding-top: 44px; font-size: 8px; }