* {
margin: 0px;
padding: 0px;
border: 0px;
font-family: HiraKakuProN-W6;
font-size: 17px;
}

body {
-webkit-text-size-adjust: none;
background-color: #C5CCD3;
}

h1 {
height: 44px;
background: url("../img/header_h1.png") repeat-x gray;
font-family: HiraKakuProN-W6;
font-size: 20px;
color: white;
text-align: center;
line-height: 44px;
text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

h2 {
height: 22px;
padding 0px 10px;
font-family: HiraKakuProN-W6;
font-size: 16px;
color: #FFF;
text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0px;
background: url("../img/header_h2.png") repeat-x gray;
line-height: 22px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}

ul {
margin: 9px 9px 16px;
border: solid 1px #A9ABAE;
-webkit-border-radius: 8px;
background-color: white;
}

li {
list-style-type: none;
height: 43px;
border-bottom: solid 1px #A9ABAE;
line-height: 43px;
}

li:last-child {
border-bottom-width: 0px;
}

.guide a {
display: block;
padding-left: 10px;
text-decoration: none;
color: black;
background-image: url("../img/listArrow.png");
background-repeat: no-repeat;
background-position: right;
}

#genre li {
height: 43px;
font-family: HiraKakuProN-W6;
font-size: 20px;
border-bottom: solid 1px #D9D9D9;
line-height: 44px;
}

#genre li a {
display: block;
height: 43px;
padding: 0px 26px 0px 10px;
background-image: url("../img/listArrow.png");
background-repeat: no-repeat;
background-positon: right;
text-decoration: none;
color: black;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}