body{margin-left: auto;
margin-right: auto;
width: 100%;}

img{border: none;}

.erase2, #play, #cd3{display: none;}

#logo{
width: 100%;
height: auto;}

.contents_box{
text-align: left;
width: 100%;}

#box{width: 98%;
border-top: solid 10px #ffe7cb;
padding: 5px 0px 20px 0px;}

#left_box{float: left;margin-left: 0px;}
#right_box{float: right;margin-left: 0px;}

h1{color: blue;
font-size: 18px;
font-weight: bold;
margin-bottom: 5%;
margin-left: 0px;
text-align: center;}

#head1{margin-left: 3%;}
#head5{margin-left: 0px;}
#head1, #head5{padding-top: 18%;vertical-align: bottom;width: 10%;}
#head2{font-size: 13px;line-height: 1.5em;margin-left:0px;width: 44%;text-align: left;}
#head3{background: url('xmas05-01a.jpg')center / cover no-repeat;
margin-left: 0px;
vertical-align: bottom;

background-size: 100% auto;
padding-top: 14%;
padding-bottom: 0px;
text-align: right;
width: 16%;}
#head4{background-color: #ff0000;margin-left: 1%;width: 11.5%;}

#head1, #head2, #head3, #head4, #head5{float: left;}

#picture_head1, #picture_head5{vertical-align: bottom;width: 91%;}
#picture_head2{width: 94%;}
#picture_head3{width: 50%;}
#picture_head4{width: 80%;}
#picture_head1, #picture_head2, #picture_head3, #picture_head4, #picture_head5{height: auto;}

#play{width: 94%;}

#xmas{background-color: red;padding-bottom: 30px;padding-top: 30px;}
#xmas, #head, #cd{width: 100%;}
.center_white{color: white;font-size: 23px;font-weight: bold;margin-left: 0px;text-align: center;}

#player1, #player2, .player3, #player4{color: white;font-size: 16px;font-weight: bold;width: 90%;font-size: 18px;margin-bottom: 10%;margin-left: 0px;margin-top: 5%;}

#picture1, #picture2, .picture3{width: 98%;height: auto;border: solid 6px #009b9b;margin-bottom: 3%;}
#picture4{width: 94%;height: auto;border: solid 6px #009b9b;margin-bottom: 3%;}
#picture5{border: solid 6px red;margin-bottom: 5%;margin-top: 8%;width: 98%;height: auto;}
#picture_cd{margin-top: 3%;width: 99.6%;height: auto;}

#cd2, #cd3{font-size: 15px;line-height: 2.0em;margin-top: 8%;text-align: left;}
#cd1{margin-left: 0px;width: 100%;}
#cd2{float: left;margin-left: 4%;width: 90%;}

#horizon{margin-bottom: 15%;margin-top: 15%;width: 90%;}

.space0{clear: both;}
.space10{height: 5%;}
.center{margin-left: 0px;text-align: center;}

.blue{color: #0000ff;}

#close{
font-size: 20px;
font-weight: bold;
margin-bottom: 5%;
margin-left: 0px;
margin-top: 10%;
text-align: center;}

#close A:link {color:#000000 ;  text-decoration:underline ;display: block;width: 100%;}
#close A:visited {color:#800000 ;  text-decoration:underline ;}
#close A:active {color:#ff0000 ;  text-decoration:none ;}
#close A:hover {color:#00ffff ;  text-decoration:none ;}

A:link {color:#000000 ; text-decoration:under-line;}
A:visited {color:#000000 ;  text-decoration:under-line;}
A:active {color:#ff0000 ;  text-decoration:under-line;}
A:hover {color:#00ffff ;  text-decoration:under-line;}


#top{
background: rgba(204,204,204,0.5);
border: 1px solid #999999;
font-weight: bold;
padding: 5px;
width: 40%;
height: auto;
position: fixed;
bottom: 2%;
right: 1%;
display: block;}

#top A:link {color:#000000 ; text-decoration:none;}
#top A:hover {color:#00ffff ;  text-decoration:under-line;}
#top A:visited {color:#000000 ;  text-decoration:under-line;}
#top A:active {color:#ff0000 ;  text-decoration:under-line;}