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


.erase2, .right_box3, .space10a, .left_box2d, .table, #menu{display: 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;}

img{border: none;webkit-backface-visibility: hidden;}

#box{background-color: white;
border-top: solid 10px #ffe7cb;
padding: 5px;
width: 98%;}

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

#menu2{width: 100%;}

.contents_box{font-size: 18px;
width: 94%;}

.contents{font-size: 18px;line-height: 1.7em;}

#left_box{margin-left: 0px;float: left;}
#right_box{margin-left: 0px;float: right;}
.right_box4{margin: 2.0em 0px 3.0em 0px;width: 100%;}

.left_box1, .horizon10, .space10, .left_box2a, .left_box2d, .left_box6{width: 100%;margin-left: 0px;}

.left_box2, .left_box2d{float: left;}

.left_box2, .left_box2a, .left_box2d, .erase3, .left_box4{font-size: 18px;text-align: left;line-height: 1.7em;}

.left_box3, .right_box1, .right_box2, .left_box5, .right_box5, .right_box6{margin-left: 0px;text-align: left;line-height: 1.7em;}

.left_box5, .right_box5{width: 96%;}

.left_box3{font-weight: bold;}

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

#logo_title{
height: auto;
margin-top: 8%;
width: 100%;}

.erase3{font-size: 22px;}

.title{font-size: 20px;font-weight: bold;text-align: left;width: 100%;}

#picture, #picture3{width: 100%;height: auto;margin-bottom: 10%;}
#picture2{width: 44%;height: auto;}
#picture_title2{width: 94%;height: auto;margin-bottom: 5%;}
.picture, .picture2, .picture3{border: solid 5px #ff80c0;
height: auto;width: 92%;}

.space0, .space10a{clear: both;margin-left: 0px;}
.space05, .space05a{height: 5%;}
.space10{height: 10%;}
.space0h5{clear: both;margin-left: 0px;height: 5%;}

.center{margin-left: 0px;text-align: center;}
.center2{line-height: 1.8em;margin-left: 0px;text-align: left;}
.right{text-align: right;}
.left, .left2, .contents{margin-left: 0px; text-align: left;}
.left2{line-height: 2.0em;width: 98%;}

.horizon10{margin: 10% 0px 10% 0px;}
.horizon{margin: 2.0em 0px 2.0em 0px;}

.horizon_smp{
background-color: #ffe8cc;
border: 0;
height: 2px;
margin: 10% 0px 10% 0px;width: 80%;}

.list_box1{
border: solid 1px #ff80c0;
margin-left: 0px;
padding: 10px 10px 10px 20px;
text-align: left;}

.list_box2{margin-top: 3.0em;width: 100%;}
.list_box2a, .list_box2b{border: solid 1px #ff80c0;font-size: 17px;margin-bottom: 2.5em;padding: 10px 0px 10px 0px;width: 90%;}
.list_box2c{line-height: 2.0em;margin-left: 3%;text-align: left;}


.list_player{text-align: left;width: %;}
.player, .player2{margin-bottom: 1.0em;margin-left: 5%;margin-top: 8%;}
.song{line-height: 2.0em;margin-left: 10%;}
.player2{font-weight: bold;}

.blue{color: #0000ff;}
.pink{color: #ff80c0;}
.red{color: #ff0000;}

.font12{font-size: 12px;}

.width385{width: 98%;height: auto;}


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

#back{background-color: #ff80c0;
padding: 5px;
font-weight: bold;}

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

#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 ;}