body{
background-color:#111;
}

a{
color: #fff;
text-decoration:none;
}

a:hover{
color:#ccc;
text-decoration:underline;
}

span img{
border:none;
}

.copyright{
color:#fff;
font-size:0.6em;
text-align:center;
margin-top:20px;
position:relative;
}

.hh1{
font-family:Arial, Helvetica, sans-serif;
font-size:35px;
color:#f8f8f8;
margin-top:40px;
z-index:100;
position:absolute;
}

.hh2{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
margin-top:75px;
margin-left:162px;
color:#f8f8f8;
z-index:100;
position:absolute;
}

.mbi{
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:100;
color:#f1f1f1;
}

h1{
line-height:1.8em;
font-size:1.6em;
color:#333;
font-family: "HG明朝E", "ヒラギノ明朝 Pro", serif;
margin-left:20px;
}

h2{
font-size:2.5em;
color:#555;
font-family: "HG明朝E", "ヒラギノ明朝 Pro", serif;
margin: 10px 20px auto 20px;
text-align:right;
font-weight:100;
line-height:1.5em;
}

h3{
font-size:1em;
color:#222;
font-family: Arial, Helvetica, sans-serif;
margin: 10px 20px auto 30px;
font-weight:100;
text-align:right;
line-height: 15px;
}

.sty1{
font-size:0.8em;
color:#333;
letter-spacing:0.3em;
font-weight:300;
text-align:justify;
}

.sty2{
width:340px;
font-size:0.8em;
color:#333;
letter-spacing:0.3em;
text-align:justify;
margin:10px 15px auto 20px;
}

.sty3{
font-size:1em;
color:#666;
letter-spacing:0.2em;
font-weight:6;
text-align:right;
}

.sty3:hover{
text-decoration:underline;
}

.sty4{
font-size:1em;
color:#666;
letter-spacing:0.2em;
font-weight:6;
text-align:center;
}

.popup{
float:right;
width:80px;
}

.cost{
position:relative;
display:none;
position:absolute;
margin-left:-5px;
}

.popup:hover .cost{
display:block;
background-color:#555;
padding:3px;
color:#fff;
}