* { padding: 0; margin: 0; }

/* 全体的なリンク */

a:link,
a:visited,
a:hover,
a:active { text-decoration: underline; }

a:link { color: #DF7F05; }

a:visited { color: #DF7F05; }

a:hover { color: #DF7F05; }

a:active { color: #DF7F05; }

body {
 font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
 font-size: 15px;
 color: #DF7F05;
 line-height: 1.7em;
}

p {
 line-height: 1.7em;
}

#wrapper { 
 margin: 0 auto;
 width: 1010px;
}

#leftdiv {
 margin: 0;
 float: left;
 text-align: center;
 padding-top: 30px
}

#leftnavi {
 margin-top: 120px;
 width: 181px;
border-bottom: 1px solid #FFF;
}


#leftnavi img{
 clear: both;
 margin-top:22px;
}

#leftnavi img.m18{
 clear: both;
 margin-top:18px;
}

#leftnavi ul{ 
margin: 0; 
padding: 0; 
list-style: none; 
}
#leftnavi li{ 
display: inline;
padding: 0; 
margin: 0;
}
#leftnavi li a{
display: block; 
border-top: 1px solid #FFF;
text-decoration: none;
width: 181px;
height:56px;
text-align: center;
vertical-align:middle;
}

#leftnavi li a:hover{
border-top: 1px solid #FFF;
}




.fade {  
    -webkit-transition: 0.3s ease-in-out;  
       -moz-transition: 0.3s ease-in-out;  
         -o-transition: 0.3s ease-in-out;  
            transition: 0.3s ease-in-out;  
}  
.fade:hover {  
    opacity: 0.4;  
    filter: alpha(opacity=30);  
} 


#topmain {
 margin: 0;
 float: right;
}


#message { 
 margin: 0 auto;
 padding-top: 160px;
 padding-bottom: 48px;
 width: 1000px;
 clear: both;
}
#info { 
 margin: 0 auto;
 padding-top: 160px;
 padding-bottom: 48px;
 width: 1000px;
 clear: both;
}
#message-left {
 width: 405px;
 float: left;
}

#message-left img {
 margin-bottom: 30px;
}



#message-left p {
 margin-bottom: 48px;
}



#message-right {
 margin: 0;
 float: left;
}

#message-right img {
 margin-bottom: 48px;
}





#brew { 
 margin: 0 auto;
 padding-top: 100px;
 padding-bottom: 48px;
 width: 1000px;
 clear: both;
}

#brew-left {
 width: 405px;
 float: left;
}

#brew-left img {
 margin-bottom: 30px;
}



#brew-left p {
 margin-bottom: 48px;
}



#brew-right {
 margin: 0;
 float: left;
}

#brew-right img {
 margin-bottom: 48px;
}


#beerandfood { 
 margin: 0 auto;
 padding-top: 100px;
 padding-bottom: 48px;
 width: 1000px;
 clear: both;
}

#beerandfood-left {
 width: 405px;
 float: left;
}

#beerandfood-left img {
 margin-bottom: 30px;
}



#beerandfood-left p {
 margin-bottom: 48px;
}



#beerandfood-right {
 margin: 0;
 float: left;
}

#beerandfood-right img {
 margin-bottom: 48px;
}

#sugie { 
 margin: 0 auto;
 padding-top: 10px;
 padding-bottom: 48px;
 width: 1000px;
 clear: both;
 font-size:13px;
 line-height: 1.6em;
}

#sugie img { 
 margin-right: 30px;
 padding-bottom: 10px;
}


#info { 
 margin: 0 auto;
 padding-top: 100px;
 padding-bottom: 48px;
 width: 1000px;
 clear: both;
}

.m30 {
 margin-bottom: 30px;
}




#info-text {
 padding-top: 48px;
 text-align: left;
 clear: both;
}

.shopname {
 margin-bottom: 5px;
}

#copyright{
 width: 100%;
 height: 28px;
 background-color: #FFF;
 font-size: 13px;
 font-weight: bold;
 color: #080404;
 text-align: center;
 margin-top: 200px;
}




