@charset "utf-8";

/*------------------------------------------------*/
/*  ver--  */
/*------------------------------------------------*/
/*  templatename [layout]  */
/*  update [--]  */
/*  ID [--]  */
/*------------------------------------------------*/


/*　import css　*/
/* -----------------------------------------------*/
@import url("/common_css/layout/Header.css");
@import url("/common_css/layout/Gnavi.css");
@import url("/common_css/layout/Container.css");
@import url("/common_css/layout/Footer.css");


/*　レイアウト要素 共通　*/
/* -----------------------------------------------*/
.fl_L { float:left; }
.fl_R { float:right; }

/*　Wrapper　*/
/* -----------------------------------------------*/
div#Wrapper {
width:100%;
text-align:center;
}

/*　Header　*/
/* -----------------------------------------------*/
div#Header {
margin:0 auto;
width:950px;
height:83px;
text-align:left;
position:relative;
}

/*　Gnavi　*/
/* -----------------------------------------------*/
div#Gnavi {
width:580px;
height:13px;
text-align:left;
}

/*　Pan　*/
/* -----------------------------------------------*/
div#Pan {
}

/*　Footer　*/
/* -----------------------------------------------*/
div#Footer {
margin-top:30px;
width:710px;
text-align:left;
}

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

#headerBGGroup{
width:100%;
font-size:75%;
background:url("../img/bgglink/bgg_bg2.gif") 0 0 repeat-x;
height:26px;
/*padding-bottom:1px;*//*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:"ヒラギノ角ゴ Pro W3","メイリオ", "Hiragino Kaku Gothic Pro",  "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", 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:#e65a5a; }
#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; }

#BGGnav01  {
width: 80px;
}
#BGGnav01 a,
#BGGnav01 a:link,
#BGGnav01 a:visited  {
width: 79px;
}
#BGGnav02  {
width: 65px;
}
#BGGnav02 a,
#BGGnav02 a:link,
#BGGnav02 a:visited  {
width: 64px;
}
#BGGnav03  {
width: 40px;
}
#BGGnav03 a,
#BGGnav03 a:link,
#BGGnav03 a:visited  {
width: 39px;
}
#BGGnav04  {
width: 45px;
}
#BGGnav04 a,
#BGGnav04 a:link,
#BGGnav04 a:visited  {
width: 44px;
}
#BGGnav05  {
width: 65px;
}
#BGGnav05 a,
#BGGnav05 a:link,
#BGGnav05 a:visited  {
width: 64px;
}
#BGGnav06  {
width: 40px;
}
#BGGnav06 a,
#BGGnav06 a:link,
#BGGnav06 a:visited  {
width: 39px;
}
#BGGnav08  {
width: 57px;
}
#BGGnav08 a,
#BGGnav08 a:link,
#BGGnav08 a:visited  {
width: 56px;
}
#BGGnav09 {
width: 40px;
}
#BGGnav09 a,
#BGGnav09 a:link,
#BGGnav09 a:visited  {
width: 39px;
}
#BGGnav10  {
width: 45px;
}
#BGGnav10 a,
#BGGnav10 a:link,
#BGGnav10 a:visited  {
width: 44px;
}
#BGGnav11{
width: 40px;
}
#BGGnav11 a,
#BGGnav11 a:link,
#BGGnav11 a:visited  {
width: 39px;
}
#BGGnav12  {
width: 65px;
}
#BGGnav12 a,
#BGGnav12 a:link,
#BGGnav12 a:visited  {
width: 64px;
}
#BGGnav13{
width: 40px;
}
#BGGnav13 a,
#BGGnav13 a:link,
#BGGnav13 a:visited{
width: 39px;
}
#BGGnav14{
width: 75px;
}
#BGGnav14 a,
#BGGnav14 a:link,
#BGGnav14 a:visited{
width: 74px;
}
#BGGnav15{
width: 40px;
}
#BGGnav15 a,
#BGGnav15 a:link,
#BGGnav15 a:visited{
width: 39px;
}