@charset "utf-8";

#Gnav li.nav04 a{background:url(../common/img/menuTXT.png) -560px -60px no-repeat;}

h2{background:url(../common/img/h2TXT.png) 0 -108px no-repeat;}


#Pnav ul {
width:984px;
margin:20px auto;
height:104px;
}
#Pnav ul li{
width:152px;
height:48px;
float:left;
text-indent:-9999px;
}
#Pnav ul li a{
display:block;
width:152px;
height:48px;
}
#Pnav ul li.nav05{
margin:10px 6px 0 334px;
}
#Pnav ul li.nav06{
margin:10px 6px 0 6px;
}

#Pnav .nav01 a{background:url(img/page_Nav.png) 0 top no-repeat;}
#Pnav .nav02 a{background:url(img/page_Nav.png) -152px top no-repeat;}
#Pnav .nav03 a{background:url(img/page_Nav.png) -304px top no-repeat;}
#Pnav .nav04 a{background:url(img/page_Nav.png) -456px top no-repeat;}
#Pnav .nav05 a{background:url(img/page_Nav.png) -608px top no-repeat;}
#Pnav .nav06 a{background:url(img/page_Nav.png) -760px top no-repeat;}
#Pnav .nav07 a{background:url(img/page_Nav.png) -912px top no-repeat;}
#Pnav .nav08 a{background:url(img/page_Nav.png) -1064px top no-repeat;}

#Pnav .nav01 a:hover{background:url(img/page_Nav.png) 0 bottom no-repeat;}
#Pnav .nav02 a:hover{background:url(img/page_Nav.png) -152px bottom no-repeat;}
#Pnav .nav03 a:hover{background:url(img/page_Nav.png) -304px bottom no-repeat;}
#Pnav .nav04 a:hover{background:url(img/page_Nav.png) -456px bottom no-repeat;}
#Pnav .nav05 a:hover{background:url(img/page_Nav.png) -608px bottom no-repeat;}
#Pnav .nav06 a:hover{background:url(img/page_Nav.png) -760px bottom no-repeat;}
#Pnav .nav07 a:hover{background:url(img/page_Nav.png) -912px bottom no-repeat;}
#Pnav .nav08 a:hover{background:url(img/page_Nav.png) -1064px bottom no-repeat;}


.mc_content{
height:840px;
margin-bottom:50px;
box-shadow: 2px 2px 4px #3E323E;
}
.mc_content h3{
margin:0;
padding:0;
height:780px;
}
#chara01{
background:url(img/chara01.jpg) 0 top no-repeat;
}
#chara02{
background:url(img/chara02.jpg) 0 top no-repeat;
}
#chara03{
background:url(img/chara03.jpg) 0 top no-repeat;
}
#chara04{
background:url(img/chara04.jpg) 0 top no-repeat;
}
#chara05.mc_content,
#chara06.mc_content{
height:600px;
margin-bottom:50px;
box-shadow: 2px 2px 4px #3E323E;
}
#chara05.mc_content h3,
#chara06.mc_content h3{
height:540px;
}
#chara05{
background:url(img/chara05.jpg) 0 top no-repeat;
}
#chara06{
background:url(img/chara06.jpg) 0 top no-repeat;
}
#chara07{
background:url(img/chara07.jpg) 0 top no-repeat;
}
#chara08{
background:url(img/chara08.jpg) 0 top no-repeat;
}