

.center_box {
    text-align: center;
}
.indent-left {
    text-align: left;
                                margin: 0 auto;
                                max-width:980px;
}
.indent-left p {
                                font-size: 90%
}
.retailer-main {
                                margin: 0 auto;
                                padding: 15px 0 !important;
    text-align: center;
}
.retailer-main h2 {
                                font-size: 18px !important;
                                margin: 0 auto;
}
.scroll-table {
  overflow: auto;
  white-space: nowrap;
}

#box-table-a
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 15px;
	margin: 0 15px;
	text-align: left;
	border-collapse: collapse;
                                color: #000;
                                background: #444;
                                table-layout: fixed;
	border: 3px solid #000;
}
#box-table-a th
{
	font-weight: normal;
	padding: 5px;
	border: 3px solid #000;
	border-width: 0 0 3px;
	color: #fff;
                                background: rgba(0,0,0,1)
}
th.mega {
	width: 25px;
                                border: 1px solid #fff;
}
th.th_link {
	width: 25px;
}
th.post_no {
                                width: 6em;
}

#box-table-a td
{
	padding: 3px;
	/*background: #fff9f6; */
	border-bottom: 1px solid #666;
	color: #fff;
	border-top: 1px solid transparent;
}
#box-table-a td:first-child
{
	font-weight: bold;
}
#box-table-a tr:hover td
{
	background: #999;
	color: #111111;
}
img.list_icon  {
                                width: 15px !important;
                                
}

ul.map_list {
                                margin: 0 auto 2em;
}
ul.map_list li {
                                display: inline-block;
                                padding: 3px 5px;
                                border-right: 1px solid;
                                line-height: 1em;
}
ul.map_list li:last-child {
                                border-right: none
}
ul.map_list li a {
                                line-height: 1em;
}


/***** Map *****/


@media screen and (min-width:980px){
.retailer-main h2 {
                                font-size: 32px !important;
}

#box-table-a
{
                                width: auto;
	margin: 0 auto;
}
#box-table-a td
{
	padding: 6px;
}


#mapmap {
  position: relative;
	margin: 0 auto 2em;
}
#japanmap {
  list-style: none;
  background: url(../images/map.png) no-repeat 0 0;
  position: relative;
  width: 545px;
  height: 305px;
  margin: 0 auto;
  padding: 0;
}
#japanmap li {
  position: absolute;
}
#fyre a {
  transition: all 0 ease;
  -webkit-transition: all 0 ease;
  -moz-transition: all 0 ease;
  -o-transition: all 0 ease;
}
#japanmap li a{
  display: block;
  height: 100%;
  text-indent: -9000px;
  transition: all 0 ease;
  -webkit-transition: all 0 ease;
  -moz-transition: all 0 ease;
  -o-transition: all 0 ease;
}
#hokkaidou {
  width: 104px;
  height: 73px;
  top: 20px;
  left: 395px;
}
#touhoku {
  width: 80px;
  height: 97px;
  top: 101px;
  left: 395px;
}  
#kantou {
  width: 80px;
  height: 48px;
  top: 208px;
  left: 395px;
}
#hokuriku {
  width: 96px;
  height: 49px;
  top: 138px;
  left: 290px;
}
#toukai {
  width: 96px;
  height: 62px;
  top: 194px;
  left: 290px;
}
#kansai {
  width: 55px;
  height: 118px;
  top: 138px;
  left: 225px;
}
#chugoku {
  width: 88px;
  height: 121px;
  top: 138px;
  left: 128px;
}
#kyushu {
  width: 80px;
  height: 149px;
  top: 138px;
  left: 39px;
}

#japanmap li a:hover, #japanmap li a.on {
	background: url(../images/map.png) no-repeat 0 0;	
}

#japanmap #hokkaidou a:hover, #japanmap #hokkaidou a.on {
	background-position: -395px -325px;
}

#japanmap #touhoku a:hover, #japanmap #touhoku a.on {
	background-position: -395px -407px;
}

#japanmap #kantou a:hover, #japanmap #kantou a.on {
	background-position: -395px -513px;
}

#japanmap #hokuriku a:hover, #japanmap #hokuriku a.on {
	background-position: -290px -443px;
}

#japanmap #toukai a:hover, #japanmap #toukai a.on {
	background-position: -290px -499px;
}

#japanmap #kansai a:hover, #japanmap #kansai a.on {
	background-position: -225px -443px;
}

#japanmap #chugoku a:hover, #japanmap #chugoku a.on {
	background-position: -128px -443px;
}

#japanmap #kyushu a:hover, #japanmap #kyushu a.on {
	background-position: -39px -443px;
}

}