/*------------------------------------------------
   gNavigation
------------------------------------------------*/

#gnavigation {
height: 40px;
clear:both;
text-align:left;
background: url(/images2/g_navi.gif) no-repeat;
background-color:#FFF;
position:relative;
}
#gnavigation ul {
  margin: 0;
  padding: 0;
  list-style: none;

}
#gnavigation li {
	margin: 0;
	padding: 0;
	 height: 33px;
	text-indent: -9999px;
	position:absolute;
}
#gnavigation li a,#gnavigation strong {

  text-decoration: none;	
  display: block;

}

li#b01 a.menu ,li#b02 a.menu,li#b03 a.menu,li#b04 a.menu,li#b05 a.menu,li#b06 a.menu,li#b07 a.menu,li#b08 a.menu,li#b09 a.menu,li#b10 a.menu {
 height: 33px;
}
#gnavigation li#b01      {
 left:0;
 top:7px;
 width:92px;

}

#gnavigation li#b02     {
 left:91px;
 top:7px;
 width:94px;
}
#gnavigation li#b03      {
 left:188px;
 top:7px;
 width:92px;
}
#gnavigation li#b04     {
 left:285px;
 top:7px;
 width:92px;
}
#gnavigation li#b05     {
 left:379px;
 top:7px;
 width:92px;
}
#gnavigation li#b06     {
 left:475px;
 top:7px;
 width:92px;
}
#gnavigation li#b07    {
 left:570px;
 top:7px;
 width:92px;
}
#gnavigation li#b08    {
 left:687px;
 top:7px;
 width:92px;
}
#gnavigation li#b09    {
 left:779px;
 top:7px;
 width:92px;
}
#gnavigation li#b10   {
 left:870px;
 top:7px;
 width:92px;
}
/* saita add 20100903 start */
#gnavigation2 {
height: 40px;
clear:both;
text-align:left;
background: url(http://image.pia.jp/images2/g_navi2.gif) no-repeat;
background-color:#FFF;
position:relative;
}
#gnavigation2 ul {
  margin: 0;
  padding: 0;
  list-style: none;

}
#gnavigation2 li {
	margin: 0;
	padding: 0;
	 height: 33px;
	text-indent: -9999px;
	position:absolute;
}
#gnavigation2 li a,#gnavigation2 strong {

  text-decoration: none;	
  display: block;

}

li#b01 a.menu ,li#b02 a.menu,li#b03 a.menu,li#b04 a.menu,li#b05 a.menu,li#b06 a.menu,li#b07 a.menu,li#b08 a.menu,li#b09 a.menu,li#b10 a.menu {
 height: 33px;
}
#gnavigation2 li#b01      {
 left:0;
 top:7px;
 width:92px;

}

#gnavigation2 li#b02     {
 left:91px;
 top:7px;
 width:94px;
}
#gnavigation2 li#b03      {
 left:188px;
 top:7px;
 width:92px;
}
#gnavigation2 li#b04     {
 left:285px;
 top:7px;
 width:92px;
}
#gnavigation2 li#b05     {
 left:379px;
 top:7px;
 width:92px;
}
#gnavigation2 li#b06     {
 left:475px;
 top:7px;
 width:92px;
}
#gnavigation2 li#b07    {
 left:570px;
 top:7px;
 width:92px;
}
#gnavigation2 li#b08    {
 left:687px;
 top:7px;
 width:92px;
}
#gnavigation2 li#b09    {
 left:779px;
 top:7px;
 width:92px;
}
#gnavigation2 li#b10   {
 left:870px;
 top:7px;
 width:92px;
}
/* saita add 20100903 end */

li#b01 a:hover.menu   {
background: url(http://image.pia.jp/images2/g_navi.gif) no-repeat 0 -63px;
}
li#b01 strong a.menu  {
background: url(http://image.pia.jp/images2/g_navi.gif) no-repeat 0 -119px;
}

li#b02 a:hover.menu   {
background: url(http://image.pia.jp/images2/g_navi.gif) no-repeat -91px -63px;
}
li#b02 strong a.menu  {
background: url(http://image.pia.jp/images2/g_navi.gif) no-repeat -91px -119px;
}
li#b03 a:hover.menu   {
background: url(http://image.pia.jp/images2/g_navi.gif) no-repeat -188px -63px;
}
li#b03 strong a.menu    {
background: url(http://image.pia.jp/images2/g_navi.gif) no-repeat -188px -119px;
}
li#b04 a:hover.menu   {
background: url(http://image.pia.jp/images2/g_navi.gif) no-repeat -285px -63px;
}
li#b04 strong a.menu   {
background: url(http://image.pia.jp/images2/g_navi.gif) no-repeat -285px -119px;
}
li#b05 a:hover.menu   {
background: url(http://image.pia.jp/images2/g_navi.gif) no-repeat -379px -63px;
}
li#b05 strong a.menu    {
background: url(http://image.pia.jp/images2/g_navi.gif) no-repeat -379px -119px;
}
li#b06 a:hover.menu   {
background: url(http://image.pia.jp/images2/g_navi.gif) no-repeat -475px -63px;
}
li#b06 strong a.menu    {
background: url(http://image.pia.jp/images2/g_navi.gif) no-repeat -475px -119px;
}
li#b07 a:hover.menu   {
background: url(http://image.pia.jp/images2/g_navi.gif) no-repeat -570px -63px;
}
li#b07 strong a.menu     {
background: url(http://image.pia.jp/images2/g_navi.gif) no-repeat -570px -119px;
}
li#b08 a:hover.menu   {
background: url(http://image.pia.jp/images2/g_navi.gif) no-repeat -687px -63px;
}
li#b08 strong a.menu    {
background: url(http://image.pia.jp/images2/g_navi.gif) no-repeat -687px -63px;
}
li#b09 a:hover.menu   {
background: url(http://image.pia.jp/images2/g_navi.gif) no-repeat -779px -63px;
}
li#b09 strong a.menu    {
background: url(http://image.pia.jp/images2/g_navi.gif) no-repeat -779px -63px;
}
li#b10 a:hover.menu   {
background: url(http://image.pia.jp/images2/g_navi.gif) no-repeat -870px -63px;
}
li#b10 strong a.menu  {
background: url(http://image.pia.jp/images2/g_navi.gif) no-repeat -870px -63px;
}


.g_navi_left {
position: absolute;
top: 0;
left: -5px;
width: 5px;
height: 45px;
background: url(http://image.pia.jp/images2/g_navi_left.jpg) left top no-repeat;
}
.g_navi_right {
position: absolute;
top: 0;
left: 660px;
width: 5px;
height: 45px;
background: url(http://image.pia.jp/images2/g_navi_right.jpg) left top no-repeat;
}

 /*------------------------------------------------
  グロナビ色分け
------------------------------------------------*/
div.b01{
 background-color:#027aff !important;
 }
div.b02{
background-color:#e41c5b !important;
}
div.b03{
 background-color:#01a0c7 !important;
 }
div.b04{
 background-color:#ba0001 !important;
 }
div.b05{
 background-color:#d4ac16 !important;
 }
div.b06{
 background-color:#74b43a !important;
 }
div.b07{
/* modify y_ijiri
 background-color:#7cb0b1 !important;
*/
 background-color:#7c00b1 !important;
 }

  /*------------------------------------------------
  トップ用width
------------------------------------------------*/

.gnavigation_top {
width:660px;	
}
 
 /*------------------------------------------------
   g_area
------------------------------------------------*/

#g_area {
height: 40px;
clear:both;
text-align:left;
background: url(http://image.pia.jp/images2/g_area.gif) no-repeat 0 2px;
 position:static;

}

#g_area ul {
  margin: 0;
  padding: 0;
  list-style: none;
position:relative;
}
#g_area li {
	margin: 0;
	padding: 0;
	 height: 24px;
	text-indent: -9999px;
	position:absolute;
}
#g_area li a,#g_area strong {
 height: 24px;
  text-decoration: none;	
  display: block;

}

#g_area li#area01      {
 left:0;
 top:0;
 width:82px;

}

#g_area li#area02     {
 left:82px;
 top:0;
 width:82px;
}
#g_area li#area03      {
  left:163px;
 top:0;
 width:83px;
}
#g_area li#area04     {
 left:245px;
 top:0;
 width:83px;
}
#g_area li#area05     {
 left:327px;
 top:0;
 width:83px;
}
#g_area li#area06     {
 left:409px;
 top:0;
 width:83px;
}
#g_area li#area07    {
 left:491px;
 top:0;
 width:83px;
}
#g_area li#area08    {
 left:573px;
 top:0;
 width:87px;
}



li#area01 a:hover ,li#area01 strong,li#area01 .selected  {
background: url(http://image.pia.jp/images2/g_area.gif) no-repeat 0 -48px;
}

li#area02 a:hover ,li#area02 strong,li#area02 .selected  {
background: url(http://image.pia.jp/images2/g_area.gif) no-repeat -82px -48px;
}

li#area03 a:hover ,li#area03 strong,li#area03 .selected  {
background: url(http://image.pia.jp/images2/g_area.gif) no-repeat -163px -48px;
}

li#area04 a:hover ,li#area04 strong,li#area04 .selected  {
background: url(http://image.pia.jp/images2/g_area.gif) no-repeat -245px -48px;
}

li#area05 a:hover ,li#area05 strong,li#area05 .selected  {
background: url(http://image.pia.jp/images2/g_area.gif) no-repeat -327px -48px;
}

li#area06 a:hover ,li#area06 strong,li#area06 .selected  {
background: url(http://image.pia.jp/images2/g_area.gif) no-repeat -409px -48px;
}

li#area07 a:hover ,li#area07 strong,li#area07 .selected  {
background: url(http://image.pia.jp/images2/g_area.gif) no-repeat -491px -48px;
}

li#area08 a:hover ,li#area08 strong,li#area08 .selected  {
background: url(http://image.pia.jp/images2/g_area.gif) no-repeat -573px -48px;
}