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

/* ------------------------------------------------------------------------------
topPage
------------------------------------------------------------------------------ */ 

#topMenu {
width: 900px;
margin-bottom: 10px;
}
#topMenu li {
float: left;
margin-right: 25px;
}
#topMenu li a {
display: block;
}
#topMenu .topMenu01 {
height: 30px;
width: 67px;
background: url(../img/top_menu01r.gif) no-repeat;
}
#topMenu .topMenu02 {
height: 30px;
width: 69px;
background: url(../img/top_menu02r.gif) no-repeat;
}
#topMenu .topMenu03 {
height: 30px;
width: 92px;
background: url(../img/top_menu03r.gif) no-repeat;
}
#topMenu .topMenu04 {
height: 30px;
width: 89px;
background: url(../img/top_menu04r.gif) no-repeat;
}
#topMenu .topMenu05 {
height: 30px;
width: 89px;
background: url(../img/top_menu05r.gif) no-repeat;
}
#topMenu .topMenu06 {
height: 30px;
width: 131px;
background: url(../img/top_menu06r.gif) no-repeat;
}
#topMenu .topMenu07 {
height: 30px;
width: 67px;
background: url(../img/top_menu07r.gif) no-repeat;
}
#topMenu .topMenu08 {
height: 30px;
width: 92px;
background: url(../img/top_menu08r.gif) no-repeat;
}
#topMenu .topMenu01 a {
height: 30px;
width: 67px;
}
#topMenu .topMenu02 a {
height: 30px;
width: 69px;
}
#topMenu .topMenu03 a {
height: 30px;
width: 92px;
}
#topMenu .topMenu04 a {
height: 30px;
width: 89px;
}
#topMenu .topMenu05 a {
height: 30px;
width: 89px;
}
#topMenu .topMenu06 a {
height: 30px;
width: 131px;
}
#topMenu .topMenu07 a {
height: 30px;
width: 67px;
}
#topMenu .topMenu08 a {
height: 30px;
width: 67px;
}
#topMenu li a:hover {
background-color: transparent;
}
#topMenu li a:hover img {
visibility: hidden;
}

#topFlash {
/*background: url(../img/no_flash.jpg) no-repeat;*/
height: 307px;
width: 900px;
margin-bottom: 5px;
}

#topFlash p {
height: 33px;
width: 112px;
position: relative;
top: 200px;
left: 490px;
}
#topInformation {
margin-bottom: 5px;
background-image: url(../img/top_info_frame_bg.gif);
background-repeat: repeat-y;
}
#topInformation ul {
color: #333;
font-size: 108.3%;
}
#topInformation ul li {
line-height: 24px;
background-image: url(../img/top_info_icon.gif);
background-repeat: no-repeat;
background-position: 97px 7px;
padding-left: 110px;
}
#topInformation ul .topInfomationFirst {
background-image: url(../img/top_info_tit.gif);
background-repeat: no-repeat;
background-position: 10px center;
}
#topMainMenu {
width: 900px;
border-left: 1px dotted #CCC;
margin-bottom: 20px;
}
#topMainMenu li {
float: left;
width: 178px;
height: 220px;
border-right: 1px dotted #CCC;
}
#topMainMenu li h3 {
width: 176px;
margin-right: auto;
margin-left: auto;
}
#topMainMenu li h3 a {
display: block;
}
#topMainMenu li h3 .mainBt01 {
height: 150px;
width: 176px;
background: url(../img/bt01r.jpg) no-repeat;
}
#topMainMenu li h3 .mainBt02 {
height: 150px;
width: 176px;
background: url(../img/bt02r.jpg) no-repeat;
}
#topMainMenu li h3 .mainBt03 {
height: 150px;
width: 176px;
background: url(../img/bt03r.jpg) no-repeat;
}
#topMainMenu li h3 .mainBt04 {
height: 160px;
width: 176px;
background: url(../img/bt04r.jpg) no-repeat;
}
#topMainMenu li h3 .mainBt05 {
height: 160px;
width: 176px;
background: url(../img/bt05r.jpg) no-repeat;
}
#topMainMenu li h3 .mainBt01 a {
height: 150px;
width: 176px;
}
#topMainMenu li h3 .mainBt02 a {
height: 150px;
width: 176px;
}
#topMainMenu li h3 .mainBt03 a {
height: 150px;
width: 176px;
}
#topMainMenu li h3 .mainBt04 a {
height: 160px;
width: 176px;
}
#topMainMenu li h3 .mainBt05 a {
height: 160px;
width: 176px;
}
#topMainMenu li h3 a:hover {
background-color: transparent;
}
#topMainMenu li h3 a:hover img {
visibility: hidden;
}
#topMainMenu li p {
width: 150px;
margin-right: auto;
margin-left: auto;
padding-top: 10px;
}
#topMainBanner {
width: 900px;
margin-bottom: 40px;
}
#topMainBanner .topLeftBan {
background: url(../img/bn01_bg.jpg) no-repeat;
width: 310px;
float: left;
padding-top: 90px;
}
#topMainBanner .topCenterBan {
float: left;
width: 200px;
padding-top: 13px;
}
#topMainBanner .topRightBan {
float: right;
padding-top: 33px;
width: 380px;
}
#topMainBanner .topLeftBan p {
margin-left: 20px;
margin-bottom: 5px;
width: 140px;
}
#topMainBanner li a {
display: block;
}
#topMainBanner .btn01 {
height: 38px;
width: 100px;
background: url(../img/btn01r.jpg) no-repeat;
}
#topMainBanner .btn02 {
height: 140px;
width: 380px;
background: url(../img/bn02r.jpg) no-repeat;
}
#topMainBanner .btn03 {
height: 160px;
width: 200px;
background: url(../img/bn03r.jpg) no-repeat;
}
#topMainBanner .btn04 {
height: 160px;
width: 200px;
background: url(../img/bn04r.jpg) no-repeat;
}
#topMainBanner .btn01 a {
height: 38px;
width: 100px;
}
#topMainBanner .btn02 a {
height: 140px;
width: 380px;
}
#topMainBanner .btn03 a {
height: 160px;
width: 200px;
}
#topMainBanner li a:hover {
background-color: transparent;
}
#topMainBanner li a:hover img {
visibility: hidden;
}
/*2011追加分*/
#topMenuBottom{
margin-bottom: 50px;
}
#topMenuCont{
padding-bottom: 30px;
margin-right: -20px;
}
#topMenuCont li{
float: left;
padding-right: 20px;
width: 210px;
}
#topLine{
margin-bottom: 30px;
margin-right: auto;
margin-left: auto;
}
#topMenuLeft{
float: left;
width: 610px;
}
#topMenuNewsList{
width: 610px;
}
#topMenuNewsList li{
float: left;
width: 305px;
border-bottom: 1px dotted #999;
height: 110px;
}
.topMenuListRight{
padding: 20px;
float: left;
width: 195px;
height: 70px;
}
.topMenuListLeft{
float: left;
padding-top: 20px;
padding-bottom: 20px;
height: 69px;
width: 69px;
}
#topMenuRight{
width: 250px;
float: right;
}
.topBan01{
background-image: url(../img/bn01_bg.jpg);
background-repeat: no-repeat;
background-position: left top;
padding-top: 101px;
padding-left: 165px;
padding-bottom: 6px;
margin-bottom: 15px;
}
.topBan02{
margin-bottom: 11px;
}
.topBan03{
margin-bottom: 5px;
}
.topBan04{
margin-bottom: 14px;
}
.topBan07{
margin-bottom: 15px;
}
#topMenuCont li a {
display: block;
}
#topMenuCont .topTit01{
height: 140px;
width: 210px;
background-image: url(../img/tit01r.jpg);
background-repeat: no-repeat;
}
#topMenuCont .topTit02{
height: 140px;
width: 210px;
background: url(../img/tit02r.jpg) no-repeat;
}
#topMenuCont .topTit03{
height: 140px;
width: 210px;
background: url(../img/tit03r.jpg) no-repeat;
}
#topMenuCont .topTit04{
height: 140px;
width: 210px;
background: url(../img/tit04r.jpg) no-repeat;
}

#topMenuCont li .topTit01 a {
height: 140px;
width: 210px;
}
#topMenuCont li a:hover {
background-color: transparent;
}
#topMenuCont li a:hover img {
visibility: hidden;
}
#topMenuRight li a {
display: block;
}
#topMenuRight .bn01{
background-image: url(../img/btn01r.jpg);
background-repeat: no-repeat;
}
#topMenuRight .bn02{
height: 100px;
width: 250px;
background: url(../img/bn02r.jpg) no-repeat;
}
#topMenuRight .bn03{
height: 100px;
width: 250px;
background: url(../img/bn03r.jpg) no-repeat;
}
#topMenuRight .bn04{
height: 93px;
width: 250px;
background: url(../img/bn04r.jpg) no-repeat;
}
#topMenuRight .bn05{
height: 89px;
width: 250px;
background: url(../img/bn05r.jpg) no-repeat;
}
#topMenuRight .bn06{
height: 50px;
width: 250px;
background: url(../img/bn06r.jpg) no-repeat;
}
#topMenuRight .bn07{
height: 100px;
width: 250px;
background: url(../img/bn07r.jpg) no-repeat;
}
#topMenuRight .apple{
height: 73px;
width: 177px;
background: url(../img/appler.jpg) no-repeat;
}
#topMenuRight li a:hover {
background-color: transparent;
}
#topMenuRight li a:hover img {
visibility: hidden;
}
.topGSL{
padding-top: 10px;
}
#topMenuRight .topGSL a {
display: inline;
}
#topMenuRight .topGSL a:hover {
background-color: #FFF;
}
#topMenuRight .topGSL a:hover img {
visibility: visible;
}
.topGakkaIcon{
width: 195px;
height: 18px;
text-align: left;
}
.topGakkaIcon img{
padding-right: 5px;
}
.topGSLeft{
float: left;
width: 60px;
}
.topApple{
float: right;
width: 177px;
}
#topInformation ul li span {
font-size: 92.3%;
}