div#mainBox a.navFB {
  margin-top: 10px;
  clear: both;
  height: 42px;
  display: block; }
div#mainBox aside#sideBar .sideBarBottom {
  width: 235px; }
div#mainBox section#detail section.coffeelist12 {
  margin-top: -10px; 
  z-index: 1;
}
div#mainBox section#detail nav#typeMenubox {
  width: 624px; }
  div#mainBox section#detail nav#typeMenubox ul#typeMenu {
    width: 624px;
    height: 111px;
    display: block;
    margin-top: -7px;
    margin-left: 6px; }
    div#mainBox section#detail nav#typeMenubox ul#typeMenu li {
      display: inline-block;
      margin-right: 1px;
      width: 103px; }
      div#mainBox section#detail nav#typeMenubox ul#typeMenu li a {
        width: 103px;
        height: 81px;
        display: block; }
div#mainBox section#detail div.beanGraph {
  width: 243px;
  height: 69px;
  background-image: url(../img/bg_graph.png);
  background-repeat: no-repeat; }
  div#mainBox section#detail div.beanGraph span {
    display: block;
    height: 21px;
    margin-bottom: 3px;
    padding-left: 42px;
    width: 201px; }
    div#mainBox section#detail div.beanGraph span.graphacidity img.graphacid_0 {
      margin-left: 0px; }
    div#mainBox section#detail div.beanGraph span.graphacidity img.graphacid_0_5 {
      margin-left: 7px; }
    div#mainBox section#detail div.beanGraph span.graphacidity img.graphacid_1 {
      margin-left: 14px; }
    div#mainBox section#detail div.beanGraph span.graphacidity img.graphacid_1_5 {
      margin-left: 21px; }
    div#mainBox section#detail div.beanGraph span.graphacidity img.graphacid_2 {
      margin-left: 28px; }
    div#mainBox section#detail div.beanGraph span.graphacidity img.graphacid_2_5 {
      margin-left: 35px; }
    div#mainBox section#detail div.beanGraph span.graphacidity img.graphacid_3 {
      margin-left: 42px; }
    div#mainBox section#detail div.beanGraph span.graphacidity img.graphacid_3_5 {
      margin-left: 49px; }
    div#mainBox section#detail div.beanGraph span.graphacidity img.graphacid_4 {
      margin-left: 56px; }
    div#mainBox section#detail div.beanGraph span.graphacidity img.graphacid_4_5 {
      margin-left: 63px; }
    div#mainBox section#detail div.beanGraph span.graphacidity img.graphacid_5 {
      margin-left: 70px; }
    div#mainBox section#detail div.beanGraph span.graphacidity img.graphacid_5_5 {
      margin-left: 77px; }
    div#mainBox section#detail div.beanGraph span.graphacidity img.graphacid_6 {
      margin-left: 84px; }
    div#mainBox section#detail div.beanGraph span.graphacidity img.graphacid_6_5 {
      margin-left: 91px; }
    div#mainBox section#detail div.beanGraph span.graphacidity img.graphacid_7 {
      margin-left: 98px; }
    div#mainBox section#detail div.beanGraph span.graphacidity img.graphacid_7_5 {
      margin-left: 105px; }
    div#mainBox section#detail div.beanGraph span.graphacidity img.graphacid_8 {
      margin-left: 112px; }
    div#mainBox section#detail div.beanGraph span.graphacidity img.graphacid_8_5 {
      margin-left: 119px; }
    div#mainBox section#detail div.beanGraph span.graphacidity img.graphacid_9 {
      margin-left: 126px; }
    div#mainBox section#detail div.beanGraph span.graphacidity img.graphacid_9_5 {
      margin-left: 133px; }
    div#mainBox section#detail div.beanGraph span.graphacidity img.graphacid_10 {
      margin-left: 140px; }
       div#mainBox section#detail div.beanGraph span.graphacidity img.graphacid_9_9 {
      margin-left: 140px; }
    div#mainBox section#detail div.beanGraph span.graphbody img.graphbody_0_5 {
      margin-left: 17.5px; }
    div#mainBox section#detail div.beanGraph span.graphbody img.graphbody_1 {
      margin-left: 35px; }
    div#mainBox section#detail div.beanGraph span.graphbody img.graphbody_1_5 {
      margin-left: 52.5px; }
    div#mainBox section#detail div.beanGraph span.graphbody img.graphbody_2 {
      margin-left: 70px; }
    div#mainBox section#detail div.beanGraph span.graphbody img.graphbody_2_5 {
      margin-left: 87.5px; }
    div#mainBox section#detail div.beanGraph span.graphbody img.graphbody_3 {
      margin-left: 105px; }
    div#mainBox section#detail div.beanGraph span.graphbody img.graphbody_3_5 {
      margin-left: 122.5px; }
    div#mainBox section#detail div.beanGraph span.graphbody img.graphbody_4 {
      margin-left: 140px; }
    div#mainBox section#detail div.beanGraph span.graphroast {
      margin-bottom: 0; }
      div#mainBox section#detail div.beanGraph span.graphroast img.graphroast_0 {
        margin-left: 0px; }
      div#mainBox section#detail div.beanGraph span.graphroast img.graphroast_0_5 {
        margin-left: 10px; }
      div#mainBox section#detail div.beanGraph span.graphroast img.graphroast_1 {
        margin-left: 20px; }
      div#mainBox section#detail div.beanGraph span.graphroast img.graphroast_1_5 {
        margin-left: 30px; }
      div#mainBox section#detail div.beanGraph span.graphroast img.graphroast_2 {
        margin-left: 40px; }
      div#mainBox section#detail div.beanGraph span.graphroast img.graphroast_2_5 {
        margin-left: 50px; }
      div#mainBox section#detail div.beanGraph span.graphroast img.graphroast_3 {
        margin-left: 60px; }
      div#mainBox section#detail div.beanGraph span.graphroast img.graphroast_3_5 {
        margin-left: 70px; }
      div#mainBox section#detail div.beanGraph span.graphroast img.graphroast_4 {
        margin-left: 80px; }
      div#mainBox section#detail div.beanGraph span.graphroast img.graphroast_4_5 {
        margin-left: 90px; }
      div#mainBox section#detail div.beanGraph span.graphroast img.graphroast_5 {
        margin-left: 100px; }
      div#mainBox section#detail div.beanGraph span.graphroast img.graphroast_5_5 {
        margin-left: 110px; }
      div#mainBox section#detail div.beanGraph span.graphroast img.graphroast_6 {
        margin-left: 120px; }
      div#mainBox section#detail div.beanGraph span.graphroast img.graphroast_6_5 {
        margin-left: 130px; }
      div#mainBox section#detail div.beanGraph span.graphroast img.graphroast_7 {
        margin-left: 140px; }
div#mainBox section#detail div.coffeeListbox12 {
  position: relative;
  width: 604px;
  height: 140px;
  margin-right: 8px;
  margin-bottom: 8px;
  background-image: url(../img/bg_coffeeListbox12_off.png);
  background-repeat: no-repeat; }
  div#mainBox section#detail div.coffeeListbox12:hover {
    background-image: url(../img/bg_coffeeListbox12_on.png); }
  div#mainBox section#detail div.coffeeListbox12 img.coffeeListNewMark {
    position: absolute;
    left: -6px;
    top: -11px;
    z-index: 2; }
  div#mainBox section#detail div.coffeeListbox12 img.rankingIcon {
    position: absolute;
    left: -12px;
    top: -17px;
    z-index: 2; }
  div#mainBox section#detail div.coffeeListbox12 h2 {
    color: #471900;
    position: absolute;
    font-weight: 100;
    left: 141px;
    top: 13px;
    font-size: 16px; }
    div#mainBox section#detail div.coffeeListbox12 h2 span {
      color: #725233;
      font-size: 9px; }
  div#mainBox section#detail div.coffeeListbox12 div.beanListIcon {
    top: 5px;
    right: 5px; }
  div#mainBox section#detail div.coffeeListbox12 ul.beanListMark {
    top: 28px;
    left: 544px;
    width: 60px; }
    div#mainBox section#detail div.coffeeListbox12 ul.beanListMark li {
      margin-right: -7px; }
  div#mainBox section#detail div.coffeeListbox12 img.beanListThumb {
    width: 120px;
    height: 120px;
    position: absolute;
    left: 10px;
    top: 10px;
    box-shadow: 0px 0px 3px #666;
    z-index: 1; }
  div#mainBox section#detail div.coffeeListbox12 p.beanListExp {
    left: 403px;
    top: 63px;
    width: 192px;
    line-height: 1.5;
    color: #471900; }
  div#mainBox section#detail div.coffeeListbox12 div.beanGraph {
    position: absolute;
    top: 63px;
    left: 140px;
    padding-right: 10px;
    border-right: 1px dotted #a28639; }
  div#mainBox section#detail div.coffeeListbox12 span.detailButton {
    text-indent: -9999px;
    position: absolute; }
div#mainBox section#detail div.beansD {
  background-image: url(/coffee/images/bg_Illust.png);
  background-repeat: no-repeat;
  background-position: right 70px; }
  div#mainBox section#detail div.beansD div.beansMarkWrap {
    height: 30px; }
  div#mainBox section#detail div.beansD div.graphWrap {
    width: 604px;
    border-top: 1px dotted #A38731;
    border-bottom: 1px dotted #A38731;
    padding: 15px 0 13px;
    margin-bottom: 10px; }
    div#mainBox section#detail div.beansD div.graphWrap div.beanGraph {
      margin: 0 auto; }
  div#mainBox section#detail div.beansD div.origin {
    font-size: 11px; }
div#mainBox section#detail div.beansgotoonline,
div#mainBox section#detail div.beansgotoonlin {
  text-align: center;
  width: 100%;
  clear: both;
  height: 53px;
  padding-top: 12px;
  background-image: url(/coffee/images/bg_goshop2014.png);
  background-repeat: repeat-x; }

/* Dropdown Button */
.dropbtn {
    background-color: #efe2c4;
    color: #7f530d;
    padding: 16px;
    font-size: 15px;
    font-weight: 700;
    border: 2px double #dccba5;
    cursor: pointer;
    border-radius: 10px;
    width:598px;
}

/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
    background-color: #f3d99e;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
    z-index: 900;
    margin-bottom: 20px;
    margin-left: 20px;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9efda;
    min-width: 256px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;width:598px;}