@charset "utf-8";





/* Basic Styles
-------------------------------------------------------------*/

#gb-head,
#foot {
  font-family:  "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
  font-size: 13px;
  line-height: 1.1;
}





/* Layout Styles
-------------------------------------------------------------*/

#wrap {}

.inner {
  width: 950px;
  margin: 0 auto;
  text-align: left;
}

.hImg { display: none!important; }

#container {
  background: none!important;
  padding: 20px 0!important;
}





/* Navigation Styles
-------------------------------------------------------------*/

/*-- gb-head --*/

#gb-head {
  background: url(../images/bg_gbNav.png) no-repeat center top;
  height: 80px;
}

#gb-head .inner { position: relative; }


#gb-head .logo-title {
  position: absolute;
  right: 385px;
  left: 385px;
}

#gb-head .logo-title a {
  background: url(../images/logo_winekentei.png) no-repeat;
  width: 180px;
  height: 100px;
  text-indent: -9999px;
  display: block;
}

.gb-nav { overflow: hidden; }

.gb-nav li a {
  background: url(../images/main_menu.png) no-repeat;
  display: block;
  line-height: 80px;
  text-indent: -9999px;
}

@media screen and (min-width: 1025px) {
  .gb-nav   li#menu1 a       { background-position:    0px   0px; }
    .gb-nav li#menu1 a:hover { background-position:    0px -80px; }
  .gb-nav   li#menu2 a       { background-position: -140px   0px; }
    .gb-nav li#menu2 a:hover { background-position: -140px -80px; }
  .gb-nav   li#menu3 a       { background-position: -280px   0px; }
    .gb-nav li#menu3 a:hover { background-position: -280px -80px; }
  .gb-nav   li#menu4 a       { background-position: -420px   0px; }
    .gb-nav li#menu4 a:hover { background-position: -420px -80px; }

.gb-nav li {
  float: left;
  width: 140px;
}

.main-menu-left  { float:  left; margin-left:  80px; }
.main-menu-right { float: right; margin-right: 80px; }
}

@media screen and (max-width: 1024px) {
  .gb-nav   li#menu1 a       { background-position:    0px   0px; }
    .gb-nav li#menu1 a:hover { background-position:    0px -80px; }
  .gb-nav   li#menu2 a       { background-position: -145px   0px; }
    .gb-nav li#menu2 a:hover { background-position: -145px -80px; }
  .gb-nav   li#menu3 a       { background-position: -285px   0px; }
    .gb-nav li#menu3 a:hover { background-position: -285px -80px; }
  .gb-nav   li#menu4 a       { background-position: -425px   0px; }
    .gb-nav li#menu4 a:hover { background-position: -425px -80px; }

.gb-nav li {
  float: left;
  width: 130px;
}

.main-menu-left  { float:  left; margin-left:   80px; }
.main-menu-right { float: right; margin-right: 120px; }
}

#gb-head .login-button {
  position: absolute;
  right: 10px;
}

#gb-head .login-button .btn { margin: 6px 0; }



/*-- foot --*/

#foot {
  background: #b0aba1;
  border-top: 6px solid #dec273;
  padding: 20px 0;
  color: #fff;
  overflow: hidden;
}

#foot a { color: #fff; }

#foot ul {
  width: 100%;
  margin-bottom: 40px;
  display: block;
  overflow: hidden;
}

#foot ul + * { clear: both; }

#foot li {
  float: left;
  margin-right: 30px;
}

#foot .copy {
  width: 730px;
  float: left;
  font-size: 11px;
  line-height: 26px;
}

#foot .logo-foot { float: right; }

#foot .logo-foot a {
  background: url(../images/logo_foot.png) no-repeat;
  width: 212px;
  height: 26px;
  text-indent: -9999px;
  display: block;
}



/*-- btn --*/

.btn {
  background: url(../images/btn_nav.png) repeat-x center #eee;
  display: table;
  padding: 0 8px;
  line-height: 28px;
  border: 1px solid #aaa;
  color: #333;
  text-decoration: none;

  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}
  .btn:hover {
    background-image: none;
	background-color: #fff;
    border-color: #777;
  }

.btn span,
.icon-arrow {
  background: url(../images/icon_arrow1.png) no-repeat 0 center;
  padding-left: 20px;
}

.login-button a.btn span {
  color: #333;
  font-size: 13px;
}

#btn_area { display: table!important; }
  #btn_area a { text-decoration: none!important; }





/* IE Hack Styles
-------------------------------------------------------------*/

/*-- for IE8 --*/

html>/**/body,
html>/**/body ul,
html>/**/body dt,
html>/**/body dd {
  margin /***/: 0\9;
  padding /***/: 0\9;
}




/*-- for IE7 --*/

body,
body ul,
body dt,
body dd {
  *margin: 0;
  *padding: 0;
}

body li { *list-style: none; }