@charset "utf-8";

/* TOPPAGE settings */

div#toppage {
width: 960px;
height: 570px;
position:absolute;
top:50%;
left:50%;
margin-top: -280px;
margin-left: -480px;
overflow: hidden;
background: url(http://dartscase.jp/img_toppage/topimage.jpg) no-repeat 0 0;
}
div#add a {
text-indent: -9999px;
display: block;
float: left;
width: 242px;
height: 236px;
margin-top: 277px;
margin-left: 57px;
*margin-left: 28px; /* IE */
}
div#add h2 {
display: none;
}
div#add ul li.news a {
background-image: none;
}
div#add ul li.news a:hover {
background: url(http://dartscase.jp/img_toppage/news_h.jpg) no-repeat 0 0 ;
}
div#dartscase_menu {
float: right;
margin-top: 128px;
margin-right: 81px;
width: 500px;
height: 250px;
}
*html body div#dartscase_menu {
line-height: 0px;
margin-top: 114px;
margin-right: 40px;
}
*:first-child+html div#dartscase_menu {
line-height: 0px;
margin-top: 114px;
margin-right: 81px;
}
div#dartscase_menu h2 {
display: none;
}
div#dartscase_menu ul li a {
text-indent: -9999px;
float: left;
overflow: hidden;
}
div#dartscase_menu ul.above {
width: 500px;
height: 118px;
overflow: hidden;
}
div#dartscase_menu ul.bottom {
width: 500px;
height: 132px;
overflow: hidden;
}
*html body div#dartscase_menu ul.bottom {
margin-top: -5px;
}

div#dartscase_menu ul li.dartscase01 a { display: block; width: 100px; height: 118px; background-image: none;}
div#dartscase_menu ul li.dartscase02 a { display: block; width: 100px; height: 94px; margin-top: 24px; background-image: none;}
div#dartscase_menu ul li.dartscase03 a { display: block; width: 100px; height: 100px; background-image: none;}
div#dartscase_menu ul li.dartscase04 a { display: block; width: 100px; height: 100px; margin-top: 18px; background-image: none;}
div#dartscase_menu ul li.dartscase05 a { display: block; width: 100px; height: 100px; background-image: none;}
div#dartscase_menu ul li.dartscase06 a { display: block; width: 100px; height: 104px; background-image: none;}
div#dartscase_menu ul li.dartscase07 a { display: block; width: 100px; height: 104px; margin-top: 28px; background-image: none;}
div#dartscase_menu ul li.dartscase08 a { display: block; width: 100px; height: 106px; background-image: none;}
div#dartscase_menu ul li.dartscase09 a { display: block; width: 100px; height: 106px; background-image: none;}
div#dartscase_menu ul li.dartscase10 a { display: block; width: 100px; height: 192px; margin-top: 32px; background-image: none;}
/* dartscase menu hover */
div#dartscase_menu ul li.dartscase01 a:hover { background: url(http://dartscase.jp/img_toppage/01.jpg) no-repeat 0 0; }
div#dartscase_menu ul li.dartscase02 a:hover { background: url(http://dartscase.jp/img_toppage/02.jpg) no-repeat 0 0; }
div#dartscase_menu ul li.dartscase03 a:hover { background: url(http://dartscase.jp/img_toppage/03.jpg) no-repeat 0 0; }
div#dartscase_menu ul li.dartscase04 a:hover { background: url(http://dartscase.jp/img_toppage/04.jpg) no-repeat 0 0; }
div#dartscase_menu ul li.dartscase05 a:hover { background: url(http://dartscase.jp/img_toppage/05.jpg) no-repeat 0 0; }
div#dartscase_menu ul li.dartscase06 a:hover { background: url(http://dartscase.jp/img_toppage/06.jpg) no-repeat 0 0; }
div#dartscase_menu ul li.dartscase07 a:hover { background: url(http://dartscase.jp/img_toppage/07.jpg) no-repeat 0 0; }
div#dartscase_menu ul li.dartscase08 a:hover { background: url(http://dartscase.jp/img_toppage/08.jpg) no-repeat 0 0; }
div#dartscase_menu ul li.dartscase09 a:hover { background: url(http://dartscase.jp/img_toppage/09.jpg) no-repeat 0 0; }
div#dartscase_menu ul li.dartscase10 a:hover { background: url(http://dartscase.jp/img_toppage/10.jpg) no-repeat 0 0; }

div#accessory_menu {
display: block;
float: right;
width: 358px;
height: 99px;
margin-top: 30px;
margin-right: 223px;
}
*html body div#accessory_menu {
line-height: 0px;
margin-top: 25px;
margin-right: 112px;
}

div#accessory_menu h2 {
display: none;
}
div#accessory_menu ul li a {
text-indent: -9999px;
float: left;
overflow: hidden;
}
div#accessory_menu ul li.acce01 a { display: block; width: 100px; height: 99px; background-image: none; }
div#accessory_menu ul li.acce02 a { display: block; width: 113px; height: 73px; margin-top: 26px; background-image: none; }
div#accessory_menu ul li.acce03 a { display: block; width: 143px; height: 72px; background-image: none; }

div#accessory_menu ul li.acce01 a:hover { background: url(http://dartscase.jp/img_toppage/acce01.jpg) no-repeat 0 0; }
div#accessory_menu ul li.acce02 a:hover { background: url(http://dartscase.jp/img_toppage/acce02.jpg) no-repeat 0 0; }
div#accessory_menu ul li.acce03 a:hover { background: url(http://dartscase.jp/img_toppage/acce03.jpg) no-repeat 0 0; }

div#message {
float: right;
}
div#message p {
text-indent: -9999px;
}