body{
  margin: 0 auto;
  font-family: Helvetica,Arial,'Segoe UI','Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',"游ゴシック体", "Yu Gothic", YuGothic,Meiryo, メイリオ, sans-serif;
  font-size:13px;
  line-height:1.6em;
  background-color: #fff;
  color:#3f3f3f;
  -webkit-font-smoothing:antialiased
  overflow: hidden;
}
#main{
  position: relative;
  margin-top: 20px;
  margin-left: 50px;
  float: right;
  text-align: left;
  border-width: 2px;
}
#wrapper{  
text-align: left;
width: 95%;  
margin: 0 auto;  
}  
  
#header{  
height: 30px;  
}  
  
#container{  
width: 100%;  
float: right;  
margin-left: -180px;  
}  
  
#contents{  
position: relative;  
margin: 0 0px 0 210px;  
padding: 4em 0;  
}  

#form{
margin-bottom: 50px;
width:100%;
}
  
#side{  
width: 180px;
padding: 4em 0;  
float: left;  
} 

/*#container{
  margin-right:300px;
}
#side{
  float: left;
  text-align: left;
  margin-left: 30px;
  margin-top: 30px;
  width: 200px;
}*/

#sideupper{
  margin-bottom:20px;
}
#sidebottom{
  overflow: scroll;
  height: 300px;
  text-align: justify;
  text-justify: distribute-all-lines;
}
#current{
  padding-top:2px;
  padding-bottom: 2px;
  width:100%;
}

div#side div#sidebottom div{
  font-family: Helvetica,Arial,'Segoe UI','Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',"游ゴシック体", "Yu Gothic", YuGothic,Meiryo, メイリオ, sans-serif;
  font-size:12px;
  line-height:1.3em;
  color:#3f3f3f;
  -webkit-font-smoothing:antialiased;
}

#plot{
  width:100%;
  overflow: scroll;
}
div.discrimination{
  margin-bottom:20px;
}
div#wheel{
  width:100%;
  /* height:500px; */
  /* overflow: scroll; */
}
div#snake{
  width:100%;
  height:500px;
  overflow:hidden;
}
#sequence{
  width:100%;
  word-break: break-all;
  font-family: FontAwesome,'Segoe UI Mono','Courier New',sans-serif;
}

.tm{
  background-color: #cccc66;
}
.signal{
  background-color: #99ccff;
}

.form-group{
    margin-bottom:20px;
}

/* リンク */
a{
  color:#3f3f3f;
  text-decoration:none
}

/* 見出し */
h4{
  margin-top: 2px;
  margin-bottom :2px;
}
/* リスト */
ul{
  padding:0;
  margin:0;
  margin-bottom: 5px;
}
li {
  list-style-type: none;
  line-height: 13px;
}

/* 箱のエフェクト */
.box h3{
    text-align:center;
    position:relative;
    top:80px;
}
.box {
    background:#FFF;
    margin:20px auto;
    padding:20px;
}

.paper{
    position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.paper:before, .paper:after{
    content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:50%;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
.paper:after{
    right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
         -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);
}