*{
margin:0;
padding:0;}

html{
margin:0;
padding:0;
width:500px;
overflow:hidden;
line-height:0px;
}
body{
margin:0;
padding:0;
background:url(../images/bg_middle.jpg) no-repeat -0px -0px;
}
/*-----------------------------------------------
    Browser Reset
-----------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td{
padding:0;
margin:0;
}
table{
border-collapse:collapse;
border-spacing:0;
}
fieldset,img{
border:0;
}
address,caption,cite,code,dfn,em,strong,th,var{
font-weight:normal;
font-style:normal;
}
ol,ul{
list-style:none;
}
caption,th{
text-align:left;
}
h1,h2,h3,h4,h5,h6{
font-weight:normal;
font-size:100%;
}
q:before,q:after{
content:'';
}
abbr,acronym{
border:0;
}  


.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

#index_btn{
width:500px;
height:63px;
padding:10px 0px;
}

#index_item{
width:500px;
height:177px;
text-align:left;
margin:0px;
_margin-top:-5px;
}
*:first-child+html #index_item{
width:500px;
height:177px;
text-align:left;
margin:0px;
margin-top:-5px;
}

#index_ss{
width:500px;
height:157px;
text-align:left;
margin:0px;
}

ul#btn{
padding:0;
margin:0;
clear:right;
}

ul#btn li a{
text-indent:-9999px;
float:left;
}

#btn_gacha a{
width:160px;
height:63px;
margin-right:10px;
display:block;
background-image: url(../images/index_btn.jpg);
background-repeat: no-repeat;
background-position: -0px -0px;
}

#btn_gacha a:active, #btn_gacha a:hover {
width:160px;
height:63px;
margin-right:10px;
display:block;
background-image: url(../images/index_btn.jpg);
background-repeat: no-repeat;
background-position: -0px -63px;
}

#btn_item a{
width:160px;
height:63px;
margin-right:10px;
display:block;
background-image: url(../images/index_btn.jpg);
background-repeat: no-repeat;
background-position: -160px -0px;
}

#btn_item a:active, #btn_item a:hover {
width:160px;
height:63px;
margin-right:10px;
display:block;
background-image: url(../images/index_btn.jpg);
background-repeat: no-repeat;
background-position: -160px -63px;
}

#btn_energy a{
width:160px;
height:63px;
margin-right:0;
display:block;
background-image: url(../images/index_btn.jpg);
background-repeat: no-repeat;
background-position: -320px -0px;
}

#btn_energy a:active, #btn_energy a:hover {
width:160px;
height:63px;
margin-right:0;
display:block;
background-image: url(../images/index_btn.jpg);
background-repeat: no-repeat;
background-position: -320px -63px;
}

.index_title{
height:30px;
width:430px;
float:left;
}
#t_item{
background:url(../images/title_item.gif) no-repeat top left;
}
#t_ss{
background:url(../images/title_ss.gif) no-repeat top left;
}

.index_more{
height:30px;
width:70px;
float:left;
display:block;
}
#m_item{
background:url(../images/btn_more_item.gif) no-repeat top left;
}
#m_ss{
background:url(../images/btn_more_ss.gif) no-repeat top left;
}

.itembox{
width:160px;
height:132px;
float:left;
padding-left:5px;
}
img.item_ic{
padding:9px 38px 0px 38px;
}
.item_name{
width:144px;
line-height:25px;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
color:#cfe434;
font-weight:bold;
padding:5px 8px 9px 8px;
text-align:center;
display:block;
font-size:14px;
}

img.ss_sn{
margin-left:5px;
float:left;
}