@charset "utf-8";
/* CSS Document */

/* ===== BGGroupLink ===== */

#headerBGGroup{
width:100%;
font-size:75%;
background:url("../img/bgglink/bgg_bg2.gif") 0 0 repeat-x;
height:26px;
margin-bottom:1px;
}
#BGGroup{
width:950px;
height:25px;
margin:0 auto;
padding-top:1px;
}
#BGGroup *{
margin:0;
padding:0;
vertical-align:top;
border:none;
}
#BGGroup p{
margin-top:6px;
float:left;
}
#BGGroup ul{
margin-right:1px;
float:right;
}
#BGGroup ul li{
float: left;
display: block;
height: 25px;
text-align:center;
overflow: hidden;
background:url("../img/bgglink/bgg_line.gif") right 0 no-repeat;
}
#BGGroup ul li a{
overflow: hidden;
height: 22px;
line-height:22px;
text-align:center;
display: block;
text-decoration:none !important;
color:#FFF;
font-size:10px;
font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}
/* iPhone / mobile webkit */
@media screen and (max-width: 768px) {
	#BGGroup ul li a {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
	}
}
#BGGnav01 a:hover,#BGGnav01 a.here{ background-color:#3864aa; }
#BGGnav02 a:hover,#BGGnav02 a.here{ background-color:#ac0706; }
#BGGnav03 a:hover,#BGGnav03 a.here{ background-color:#d74e46; }
#BGGnav04 a:hover,#BGGnav04 a.here{ background-color:#fa7f26; }
#BGGnav05 a:hover,#BGGnav05 a.here{ background-color:#775d53; }
#BGGnav06 a:hover,#BGGnav06 a.here{ background-color:#52b6ec; }
#BGGnav08 a:hover,#BGGnav08 a.here{ background-color:#3274a2; }
#BGGnav09 a:hover,#BGGnav09 a.here{ background-color:#87192b; }
#BGGnav10 a:hover,#BGGnav10 a.here{ background-color:#5da1be; }
#BGGnav11 a:hover,#BGGnav11 a.here{ background-color:#bb337c; }
#BGGnav12 a:hover,#BGGnav12 a.here{ background-color:#9e7e59; }
#BGGnav13 a:hover,#BGGnav13 a.here{ background-color:#f27faa; }
#BGGnav14 a:hover,#BGGnav14 a.here{ background-color:#77c0b3; }
#BGGnav15 a:hover,#BGGnav15 a.here{ background-color:#cc0000; }
#BGGnav16 a:hover,#BGGnav16 a.here{ background-color:#d83980; }

#BGGnav01  {
width: 80px;
}
#BGGnav01 a,
#BGGnav01 a:link,
#BGGnav01 a:visited  {
width: 79px;
border-left:1px solid #767676;
}
#BGGnav02,
#BGGnav02 a,
#BGGnav02 a:link,
#BGGnav02 a:visited  {
width: 60px;
}
#BGGnav03,
#BGGnav03 a,
#BGGnav03 a:link,
#BGGnav03 a:visited  {
width: 40px;
}
#BGGnav04,
#BGGnav04 a,
#BGGnav04 a:link,
#BGGnav04 a:visited  {
width: 45px;
}
#BGGnav05,
#BGGnav05 a,
#BGGnav05 a:link,
#BGGnav05 a:visited  {
width: 56px;
}
#BGGnav06,
#BGGnav06 a,
#BGGnav06 a:link,
#BGGnav06 a:visited  {
width: 40px;
}
#BGGnav08,
#BGGnav08 a,
#BGGnav08 a:link,
#BGGnav08 a:visited  {
width: 56px;
}
#BGGnav09,
#BGGnav09 a,
#BGGnav09 a:link,
#BGGnav09 a:visited  {
width: 40px;
}
#BGGnav10,
#BGGnav10 a,
#BGGnav10 a:link,
#BGGnav10 a:visited  {
width: 56px;
}
#BGGnav11,
#BGGnav11 a,
#BGGnav11 a:link,
#BGGnav11 a:visited  {
width: 40px;
}
#BGGnav12,
#BGGnav12 a,
#BGGnav12 a:link,
#BGGnav12 a:visited  {
width: 54px;
}
#BGGnav13,
#BGGnav13 a,
#BGGnav13 a:link,
#BGGnav13 a:visited{
width: 36px;
}
#BGGnav14,
#BGGnav14 a,
#BGGnav14 a:link,
#BGGnav14 a:visited{
width: 56px;
}
#BGGnav15,
#BGGnav15 a,
#BGGnav15 a:link,
#BGGnav15 a:visited{
width: 40px;
}
#BGGnav16,
#BGGnav16 a,
#BGGnav16 a:link,
#BGGnav16 a:visited{
width: 56px;
}