html{
width:100%;
background-color:#c5ccd3;
}

body{
width:100%;
-webkit-text-size-adjust:none;
font-family:HiraKakuProN-W3;
line-height:1.25;
}

.body{
width:100%;
min-height:100%;
background-color:#cccccc;
overflow:hidden;
}

.head{
padding:5px 0px;
border-top:1px solid #cccccc;
border-bottom:1px solid #000000;
background-image:-webkit-gradient(linear, left top, left bottom, from(#333333), to(#666666));
background-color:#000000;
}

.head h1{
font-family:HiraKakuProN-W6,sans-serif;
font-size:120%;
color:#fff;
text-align:center;
text-shadow:rgba(0, 0, 0, 0.6) 0 -1px 0;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
font-weight:bold;
}

.footer{
padding:5px 0px;
border-top:1px solid #cccccc;
border-bottom:1px solid #000000;
background-image:-webkit-gradient(linear, left top, left bottom, from(#333333), to(#666666));
background-color:#000000;
}

.footer p{
font-family:HiraKakuProN-W6,sans-serif;
font-size:100%;
color:#fff;
text-align:center;
text-shadow:rgba(0, 0, 0, 0.6) 0 -1px 0;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
font-weight:bold;
}

.listTitle{
height:30px;
line-height:30px;
padding:0px 10px;
font-family:HiraKakuProN-W6,sans-serif;
font-size:110%;
color:#fff;
text-shadow:rgba(0, 0, 0, 0.6) 0 -1px 0;
border-top:1px solid #fff;
border-bottom:1px solid #000000;
background-image:-webkit-gradient(linear, left top, left bottom, from(#666), to(#333));
background-color:#333333;
text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;
}

.text01{
padding-bottom:1%;
border-bottom: 5%;
}

.text02{
padding-bottom:2%;
}

.text03{
padding-top:3%;
}

dd{
padding-bottom:2%;
}

name{
font-weight:bold;
}

dd{
font-size:120%;
}

strong{
color:#C00;
font-weight:bold;
font-size:110%;
}