<style type="text/css">
body {background:#9000ff url('https://gigaplus.makeshop.jp/nerdy/img/bg_about.png') no-repeat 50% 50%; }
.about_bg { width: 100%; }
.about_box {width:584px; margin:0 auto; padding:250px 0 0; margin-bottom:0;  line-height:1.7; color:#fff; }
.about_box:after {content:""; display:block; clear:both;}
.about_box .about_contents {padding:0 0 0;}
.about_box .about_contents .about_conts {font-size: 16px; }
.about_box .about_contents .about_conts .atitle {font-weight: bold;  }
.about_box .about_contents .about_conts .atitle,
.about_box .about_contents .about_conts .rotate {transform: rotate(-5deg);}
td[width="50"] {
    display: none;
#contents_100 {
    padding-bottom: 201px;
table[width="570"] > tbody > tr:first-child td {
    display: none;
<div id="contents_100">
    <div class="about_bg">
        <div class="about_box">
            <div class="about_contents">
                <div class="about_conts"><br>
                    <div class="rotate">Not attractive and awkward or socially embarrassing :</div>
                    <div class="rotate">He's nice, but kind of nerdy.</div>
                    <div class="rotate">These glasses make me look/feel nerdy. </div>
                    <div class="rotate">extremely interested in one subject, </div>
                    <div class="rotate">especially computers, and knowing a lot of facts about it :</div>
                    <div class="rotate">There is a perception of IT people being nerdy </div>
                    <div class="rotate">geeks working in isolated backroom office jobs.</div>
                    <div class="rotate">The smart, nerdy kids weren't invited</div>
                    <div class="rotate">to eat lunch with the cool kids.</div>
    </div><!-- .about_bg -->