/* CSS Document */

#topFlash { width: 880px; height: 340px;}
#topBtmBg { width: 880px; height: 450px; background: url(../images/topBg.jpg) no-repeat;}
#topGlossBox { width: 291px; margin: 0px 21px 40px 0px; padding-top: 51px; float: left;}
#topNawoBox { width: 291px; padding-top: 51px; float: left;}

#vTopGloss { width: 92px; height: 182px; background: url(../images/vTopGloss.jpg) no-repeat; float: left;}
.topMenuBox { width: 199px; float: left;}
#hTopGloss { width: 199px; height: 68px; margin-top: 32px; background: url(../images/hTopGloss.gif) no-repeat; text-indent: -1000em;}

#vTopNawo { width: 92px; height: 100px; background: url(../images/vTopNawo.jpg) no-repeat; float: left;}
#hTopNawo { width: 199px; height: 68px; margin-top: 32px; background: url(../images/hTopNawo.gif) no-repeat; text-indent: -1000em;}


/*グロスメニュー*/
#glossMenu { width: 199px; margin-top: 10px;}
#glossMenu ul { margin: 0px; padding: 0px;}
#glossMenu li { list-style-type: none; margin-bottom: 8px; line-height: 1em;}
#glossMenu li a.g01 { display: block; width: 85px; height: 16px; margin: 0px; background-image: url(../images/topGlossBtn01.gif); background-repeat: no-repeat; text-indent: -1000em;}
#glossMenu li a.g02 { display: block; width: 76px; height: 16px; margin: 0px; background-image: url(../images/topGlossBtn02.gif); background-repeat: no-repeat; text-indent: -1000em;}
#glossMenu li a.g03 { display: block; width: 71px; height: 16px; margin: 0px; background-image: url(../images/topGlossBtn03.gif); background-repeat: no-repeat; text-indent: -1000em;}
#glossMenu li a.g04 { display: block; width: 62px; height: 16px; margin: 0px; background-image: url(../images/topGlossBtn04.gif); background-repeat: no-repeat; text-indent: -1000em;}
#glossMenu li a.g05 { display: block; width: 76px; height: 16px; margin: 0px; background-image: url(../images/topGlossBtn05.gif); background-repeat: no-repeat; text-indent: -1000em;}
#glossMenu li a.g06 { display: block; width: 85px; height: 16px; margin: 0px; background-image: url(../images/topGlossBtn06.gif); background-repeat: no-repeat; text-indent: -1000em;}
#glossMenu li a:hover { background-position: 0px -16px;}

/*Nawoメニュー*/
#nawoMenu { width: 199px; margin-top: 10px;}
#nawoMenu ul { margin: 0px; padding: 0px;}
#nawoMenu li { list-style-type: none; margin-bottom: 8px; line-height: 1em;}
#nawoMenu li a.n01 { display: block; width: 97px; height: 16px; margin: 0px; background-image: url(../images/topNawoBtn01.gif); background-repeat: no-repeat; text-indent: -1000em;}
#nawoMenu li a.n02 { display: block; width: 139px; height: 16px; margin: 0px; background-image: url(../images/topNawoBtn02.gif); background-repeat: no-repeat; text-indent: -1000em;}
#nawoMenu li a.n03 { display: block; width: 71px; height: 16px; margin: 0px; background-image: url(../images/topNawoBtn03.gif); background-repeat: no-repeat; text-indent: -1000em;}
#nawoMenu li a.n04 { display: block; width: 186px; height: 16px; margin: 0px; background-image: url(../images/topNawoBtn04.gif); background-repeat: no-repeat; text-indent: -1000em;}
#nawoMenu li a:hover { background-position: 0px -16px;}

/*What's New*/
.h3whatsNew { width: 100px; height: 18px; margin-bottom: 10px; background: url(../images/hTopWhatsnew.gif) no-repeat; text-indent: -1000em;}
.hWhatsNew { width: 163px; height: 58px; margin-bottom: 20px; background: url(../images/hNew.jpg) no-repeat; text-indent: -1000em;}

/*ブログ*/
.hBlog { width: 358px; height: 58px; margin-bottom: 20px; background: url(../images/hBlog.jpg) no-repeat; text-indent: -1000em;}