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

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

#box2{width: 90%;
padding: 20px;}

nav{color: gray;font-size: 17px; font-weight: bold;margin: 2% 0px 0px 5%;padding: 0px;text-align: left;width: 95.6%;}

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

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

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

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

h1, h2{background-color: #004080;
width: 90%;}

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

h2{
color: yellow;
font-size: 21px;
margin-top: 0px;}

#beginning, .paragraph{width: 88%;}
#left_beginning{float: left;font-size: 15px;line-height: 2.0em;margin-left: 5px;text-align: left;width: 60%;}
#right_beginning{float: right;font-size: 15px;margin-left: 5%;width: 30%;}

#left_voting{color: blue;float: left;font-size: 15px;font-weight: bold;margin-top: 7%;width: 50%;}
#right_voting{float: right;font-weight: bold;margin-top: 5%;width: 30%;}

.left_players-list{float: left;font-size: 15px;line-height: 2.0em;text-align: left;width: 52%;}
.right_players-list{float: right;font-size: 15px;text-align: center;width: 38%;}

#left_personal{float: left;width: 48%;}
#right_personal{float: right;width: 48%;margin-right: 2%;}

.left_side{float: left;width: 55%;margin-left: 2%;margin-bottom: 7%;}
.right_side{float: right;text-align: center;width: 40%;margin-right: 2%;margin-bottom: 7%;}

#left_side2, #right_side2{float: left;font-size: 15px;text-align: center;width: 40%;margin-bottom: 1.0em;margin-top: 25%;}
#right_side2{margin-left: 0px;}

#east, #west{float: left;font-size: 15px;margin-left: 3%;width: 30%;}
#column{float: right;width: 30%;}
#east, #west, #column{margin-top: 4%;}

.center, .center_east, .center_west{margin-left: 0px;
text-align: center;}

.center_east{color: #0080ff;}
.center_west{color: #ff0000;}
.center_east, .center_west{font-weight: bold;margin-bottom: 0.5em;margin-top: 3.0em;}

#right{margin-top: 5%;text-align: right;width: 98%;}

#list_east{float: left;border: 2px solid #0080ff;margin-left: 1%;}
#list_west{float: right;border: 2px solid #ff0000;margin-right: 1%;}
#list_east, #list_west{width: 48%;padding: 0px 0px 30px 0px;}

.list1, .list2{
font-size: 13px;
line-height: 3.5em;
margin-left: 10px;
text-align: left;
width: 45%;}

.list1{float: left;margin-left: 4%;}
.list2{float: right;margin-right: ;}

.space0{clear: both;}

.space2{height: 2%;}
.space5{height: 5%;}
.space10{height: 10%;}

.title{font-weight: bold;margin-bottom: 1.0em;margin-top: 4.0em;text-align: left;}
.explain{font-size: 15px;line-height: 2.0em;text-align: left;}

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

#picture_biginning{width: 61.6%;height: auto;}
#picture_allstar{width: 14%;height: auto;}

.picture_logo-heat{width: 10%;}
#picture_logo-wizards{width: 10%;}
#picture_logo-cavs{width: 10%;}
#picture_logo-raptors{width: 10%;}
#picture_logo-lakers{width: 10%;}
.picture_logo-rockets{width: 10%;}
#picture_logo-wolves{width: 10%;}
#picture_logo-spurs{width: 12%;}

.picture_logo-heat, #picture_logo-wizards, #picture_logo-cavs, #picture_logo-raptors, #picture_logo-lakers, .picture_logo-rockets, #picture_logo-wolves, #picture_logo-spurs{height: auto;margin-left: 3%;vertical-align: middle;}

.picture_logo-conference{width: 10.6%;height: auto;margin-bottom: 1%;}

.picture_logo-bobcats2{width: 13%;margin-right: 4%;}
.picture_logo-bucks2{width: 11.6%;margin-right: 4%;}
.picture_logo-bulls2{width: 11.2%;margin-right: 4.5%;}
.picture_logo-cavs2{width: 13.2%;margin-right: 3%;}
.picture_logo-celtics2{width: 10.4%;margin-right: 6%;}
.picture_logo-hawks2{width: 12.5%;margin-right: 5%;}
.picture_logo-heat2{width: 11.8%;margin-right: 5%;}
.picture_logo-knicks2{width: 13%;margin-right: 3.5%;}
.picture_logo-magic2{width: 13%;margin-right: 2.5%;}
.picture_logo-nets2{width: 10.2%;margin-right: 4%;}
.picture_logo-pacers2{width: 11.6%;margin-right: 3.5%;}
.picture_logo-pistons2{width: 11%;margin-right: 4.3%;}
.picture_logo-raptors2{width: 13.5%;margin-right: 3%;}
.picture_logo-sixers2{width: 13%;margin-right: 4%;}
.picture_logo-wizards2{width: 13%;margin-right: 3.6%;}

.picture_logo-blazers2{width: 13.4%;margin-right: 4%;}
.picture_logo-clippers2{width: 12.4%;margin-right: 3.5%;}
.picture_logo-grizzlies2{width: 12.4%;margin-left: 0.8%;margin-right: 3.2%;}
.picture_logo-hornets2{width: 10.5%;margin-right: 6%;}
.picture_logo-jazz2{width: 12.2%;margin-right: 3%;margin-left: 0.6%;}
.picture_logo-kings2{width: 10.5%;margin-right: 4.4%;margin-left: 0.4%;}
.picture_logo-lakers2{width: 13.55%;margin-right: 3.4%;}
.picture_logo-mavericks2{width: 10.65%;margin-right: 4.6%;margin-left: 1.5%;}
.picture_logo-nuggets2{width: 12.4%;margin-right: 5%;}
.picture_logo-rockets2{width: 13%;margin-right: 4%;}
.picture_logo-sonics2{width: 10.2%;margin-right: 4.4%;margin-left: 1.2%;}
.picture_logo-spurs2{width: 13.2%;margin-right: 3.6%;}
.picture_logo-suns2{width: 9.5%;margin-right: 5.6%;margin-left: 1.4%;}
.picture_logo-warriors2{width: 12.4%;margin-right: 4%;}
.picture_logo-wolves2{width: 13%;margin-right: 4%;}

.picture_logo-bobcats2, .picture_logo-bucks2, .picture_logo-bulls2, .picture_logo-cavs2, .picture_logo-celtics2, .picture_logo-hawks2, .picture_logo-heat2, .picture_logo-knicks2, .picture_logo-magic2, .picture_logo-nets2, .picture_logo-pacers2, .picture_logo-pistons2, .picture_logo-sixers2, .picture_logo-raptors2, .picture_logo-wizards2, .picture_logo-blazers2, .picture_logo-clippers2, .picture_logo-grizzlies2, .picture_logo-hornets2, .picture_logo-jazz2, .picture_logo-kings2, .picture_logo-lakers2, .picture_logo-mavericks2, .picture_logo-nuggets2, .picture_logo-rockets2, .picture_logo-sonics2, .picture_logo-spurs2, .picture_logo-suns2, .picture_logo-warriors2, .picture_logo-wolves2{height: auto;vertical-align: middle;}

.picture_allstar-paper1{width: 18.4%;height: auto;}
.picture_allstar-paper2{width: 18.4%;height: auto;margin-left: 5%;}

#picture_voting-map{margin-bottom: 1.0em;width: 88%;height: auto;}
#picture_voting{width: 52%;height: auto;}
#picture_map-link{width: 80%;height: auto;margin-top: 12%;}
#picture_map-link2{width: 26.2%;height: auto;margin-top: 5%;}

#picture_players-list1{width: 50%;height: auto;margin-top: 5%;}
#picture_players-list2, #picture_players-list3{width: 91.5%;height: auto;}
#picture_players-list3{margin-top: 10%;}
#picture_players-list4{margin-top: 10%;width: 97.4%;height: auto;}

.picture_personal{width: 63.5%;height: auto;margin-top: 3%;}

.picture_paper1{width: 69.5%;height: auto;}
#picture_paper2{width: 26.2%;height: auto;margin-right: 4%;}
#picture_paper3{width: 27.4%;height: auto;}

.logo2{height: auto;margin-right: 12px;width: 12%;vertical-align: middle;}
.logo3{margin-left: 15px;vertical-align: middle;}
#replisome{width: 14.6%;height: auto;}

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

#read{margin-top: 10%;width: 70%;}

.conference{font-size: 17px;font-weight: bold;line-height: 2.0em;margin-left: 0px;text-align: center;}
.player{font-size: 13px;line-height: 3.0em;margin-left: 25px;text-align: left;padding-top: 10px;vertical-align: middle;}

.east, .west{color: white;
font-weight: bold;
margin-left: 0px;
margin-top: 20px;
padding: 3px 0px 3px 15px;
text-align: left;}

.east{background-color: #0080ff;}
.west{background-color: #ff0000;}

#blue{color: #0080ff;}
#red{color: #ff0000;}
#nominate{font-size: 20px;font-weight: bold;}

#back{margin: 3% 0px 5% 0px;width: 33%;}


#add{border: 1px solid #999999;font-size: 15px;text-align: left;margin-bottom: 50px;margin-top: 80px;padding: 0px 0px 5px 0px;width: 90%;}
#addition{background-color: black;color: white;font-weight: bold;padding: 1px;}

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

.correct{color: #ff0000;
font-size: 14px;
font-weight: bold;
vertical-align: super;}




#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: #ffffff;  background-color: #ff0000;text-decoration:none ;}





.horizon{margin-left: 0px;
text-align: center;}

hr{margin-bottom: 5%;
margin-top: 5%;}







.left{
float: left;
font-size: 15px;
text-align: center;}



.left_text{text-align: left;}

.right{text-align: right;}

.right0, .right1, .right2, right3, .right_list, .right4{float: right;}

.right1{margin-right: 40px;}

.title0, .title6{
font-size: 17px;
font-weight: bold;
padding: 3px;}

.title0{background-color: #00ffff;}
.title6{background-color: #ffff00;}

.title7{font-weight: bold;
font-size: 20px;
line-height: 1.8em;
margin-left: 0px;
text-align: center;}