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

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

.erase{display:none;}

.readmore{
    position: relative;
    box-sizing: border-box;}

.readmore-content{
    position: relative;
    overflow: hidden;
    /*以下お好み*/
    /*高さの初期値*/
    height: 200px;
}
.readmore-content::before {
    display: block;
    position: absolute;
    bottom: 0;
    left: 15%;
    width: 70%;
    content: "";
    /*以下お好み グラデーションの色と高さ 高さはreadmoreのheight以下にすること*/
    height: 50px;
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0.8) 50%, #fff 100%);
    background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0.8) 50%, #fff 100%);}

/* 続きを読むボタン */
.readmore-label{
    display: table;
    bottom: 5px;
    position: absolute;
    bottom: 5px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    margin: 0 auto;
    z-index: 2;
    padding: 0 10px;
    background-color: #00cc00;
    border-radius: 10px;
    color: #FFF;}

.readmore-check{
    display: none;
}
/*チェック時にボタンを非表示*/
.readmore-check:checked ~ .readmore-label{
    position: static;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    /* 「続きを読む」を押した後、元に戻す必要がない場合は、上のオプションを消してこの1行だけにする */
    /* display: none; */
}

/*チェック時に高さを自動に戻す*/
.readmore-check:checked ~ .readmore-content{
    height: auto;
}
/*チェック時グラデーション等を削除*/
.readmore-check:checked ~ .readmore-content::before {
    display: none;}

h1{color: white;font-size: 25px;}
h2{color: yellow;font-size: 21px;}

#main{background-color: #004080;
padding: 5px 0px 5px 0px;width: 96%;}

#time_publish, #time_modify{font-size: 10px;text-align: right;width: 96%;}
#time_publish2{background-color: black; color: white;font-weight: bold;padding: 1px 5px 1px 5px;}
#time_modify{text-align: right;}

#box{width: 80%;
border-left: solid 50px #004080;
border-right: solid 50px #004080;
padding: 20px 10px 20px 10px;}

#box2{width: 88%;}

#title_logo{float: right;height: auto;margin-right: 7%;margin-top: 7%;width: 34%;}

#beginning{font-size: 15px;float: left;line-height: 2.0em;margin: 5% 0px 5% 0px; text-align: left;width: 48%;}
.space0{clear: both;}
.space1{clear: both; height: 5.0em;}
.space40{height: 2.0em;}

.back_blue{background-color: #00ffff;font-weight: bold;padding: 2px 20px 2px 20px;}
.back_yellow{background-color: #ffff00;font-weight: bold;padding: 2px 20px 2px 20px;}

hr{margin-bottom: 7%;
margin-top: 7%;width: 90%;}

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

#logo2{margin-right: 1%;height: auto;width: 3%;vertical-align: middle;}

.paragraph{line-height: 2.0em; text-align: left;width: 88%;}
.explain{font-size: 15px;text-align: left;margin-top: 1.0em;}

.title0, .title1{color: #0080ff;
font-size: 17px;
font-weight: bold;
margin-left: 25px;
text-decoration: underline;}

.title0, .title1{margin-top: 3em;}

.center, #miller, .williams1, .williams2, .williams3{margin-left: 0px;text-align: center;}

.brown{color: #cc0000;}

.cage, .cage_left40, .cage_right40{margin-bottom: em;width: 40%;text-align: center;}
.cage2{margin-bottom: 4.0em;width: 48%;}
.cage, .cage2, .cage_left40, .cage_right40, .cage_right45{margin-top: 2em;}
.cage_right45{margin-left: 2%;width: 45%;}
.cage_left40, .williams1, .williams2, .williams3{float: left;}
.cage_right40, .cage_right45{float: right;}

#jordan1{float: left;width: 35%;margin-top: 1.5em;margin-left: 10%;}
#jordan2{float: right;width: 35%;margin-top: 1.5em;margin-right: 10%;}
.jordan3{width: 45%;height: auto;}
.rodman{width: 38.4%;height: auto;vertical-align: middle;}
#rodman3, #tabuse{width: 32.6%;height: auto;}
#tabuse{margin-right: 15px;}
#miller, #williams{margin: 3% 0px 10% 5%;width: 80%;}
.miller, #miller2{height: auto;width: 18.6%;}
.miller{margin-right: 2%;}
.williams1{width: 18%;}
.williams2{width: 5%;padding-top: 6%;}
.williams3{width: 36%;}

.williams4{width: 91%;height: auto;}
.williams5{width: 44.4%;height: auto;}

#bird1{width: 30%;margin-bottom: 5%;margin-top: 2.0em;}
#bird2{width: 49.5%;height: auto;}

#pippen1{height: auto;width: 40%;}
#pippen2{height: auto;width: 43.4%;}
.pippen3{height: auto;width: 57%;}

.carter, .mcgrady, .finley, .webber, .nowitzki, .rasheed{height: auto;vertical-align: middle;width: 37.6%;}
.artest{height: auto;width: 34%;vertical-align: middle;}

.grizzlies{height: auto;width: 37.6%;vertical-align: middle;}
#hornets1{height: auto;width: 30.2%;vertical-align: middle;}
#hornets2{height: auto;width: 38.4%;vertical-align: middle;}

.cage, .cage2, #jordan1, #jordan2, .cage_left40, .cage_right40, .cage_right45, #miller, #williams, #bird1{border: 1px solid #c0c0c0;font-size: 14px;padding: 5px;text-align: center;vertical-align: middle;}

#menu{margin-bottom: 3%;width: 23.2%;height: auto;}
.menu{margin-right: 5%;}
.menu, #menu2{width: 15.8%;height: auto;}

#left{float: left;padding-top: 1.0em;width: 50%;}
#right2{float: right;text-align: center;margin-left: 5%;width: 38%;}
#right{margin-top: 3em;text-align: right;}

#replisome{width: 19.2%;height: auto;}

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



#top{
background: rgba(204,204,204,0.5);
border: 1px solid #999999;

font-weight: bold;
padding: 5px;
display: block;
height: auto;
position: fixed;
padding: 3px;
bottom: 2%;
right: 1%;
text-align: center;
width: 10%;}

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

#close{
font-size: 20px;
font-weight: bold;
margin-bottom: 10%;
margin-left: 0px;
margin-top: 5%;
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 ;}