@charset "UTF-8";

html, body{
margin: 0;
padding: 0;
color: #000000;
font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

h1 .domain{
color:#FF0000;
font-style:normal;
}

h2 .domain{
color:#FFFFFF;
font-style:normal;
}

.messageArea b{font-size:115%;}

#footer{
width:100%;
font-size:13px;
text-align:center;
color:#FFFFFF;
background:#000000;
padding:12px 0;
bottom:0;
position:absolute;
}

#footer a{color:#FF0000;}
#footer a:hover{color:#DC143C; text-decoration:none;}


/*----------tokyo1 スカイツリー----------*/
.tokyo1{
background: url("tokyo_sky_tree.jpg") no-repeat #000000;
-moz-background-size:cover;
background-size: cover;
}

.tokyo1 .congratulation{margin:40px 0 0 70px;}

.tokyo1 h1{
font-size:54px;
font-family:Corbel, Verdana, Geneva, sans-serif;
line-height:1.6;
color:#FFFFFF;
}

.tokyo1 .messageArea{
margin:70px 0 0 70px;
}

.tokyo1 .messageArea p{
font-size:18px;
line-height:2;
color:#FFFFFF;
text-shadow: 1px 1px 1px #666666;
}


/*----------tokyo2 メッセージカード----------*/
.tokyo2{background: url("message_card.jpg") no-repeat left top #FFFFFF;}

.tokyo2 .congratulation{
width: 410px;
height:240px;
font-family:Constantia, "Times New Roman", Times, serif;
text-align:center;
margin: 150px 0 0 370px;
}

.tokyo2 h1{
font-size: 34px;
font-style:italic;
line-height:2;
text-shadow: 2px 2px 3px #CCCCCC;
}

.tokyo2 h1 .domain{
font-size: 90%;
font-family:Cordia New, Verdana, Geneva, sans-serif;
color: #DC143C;
}

.tokyo2 .messageArea{
line-height:1.6;
background:#FFFFFF;
margin:180px 0 0 0;
filter:alpha(opacity=75);
-moz-opacity: 0.75;
opacity: 0.75;
padding:1px 0;
}

.tokyo2 .messageArea p{
width:840px;
text-align: right;
text-shadow: 1px 1px 1px #FFFFFF;
}


/*----------tokyo3 東京タワー----------*/
.tokyo3{
background: url("tokyo_tower.jpg") no-repeat;
-moz-background-size:cover;
background-size: cover;
}

.tokyo3 .congratulation{
font-family:Constantia, "Times New Roman", Times, serif;
text-align:center;
margin: 75px 0 0 0;
}

.tokyo3 h1{
font-size:47px;
text-shadow: 0px 0px 2px #FFFFFF;
line-height:1.8;
}

.tokyo3 .messageArea{
text-align:center;
margin-top:140px;
}

.tokyo3 .messageArea p{
font-size:18px;
line-height:2.4;
color:#FFFFFF;
text-shadow: 0px 0px 2px #000000;
}