.cred{color:red;}
#varea,#vhtml,#vcss{
    height:500px;
}
#iarea,#ia{
    width:100%;
    position:relative;
    margin:0;padding:0;
    box-sizing:border-box;
}
#input_text,#varea,#vhtml,#vcss {
    border: 2px solid #4c3022;
    border-radius: 0.67em;
    padding: 0.5em;
    background-color: snow;
    width: 100%;
    box-sizing: border-box;
    position:relative;
    overflow:auto;
}
#input_text {height:50px;}
#input_text{background: url(../../img/hatiruke.png) no-repeat 50% 50%;}
.bp{position: relative;margin: 2em 0 10px 0;}
.btn_t{position: absolute;left:0;}
.btn_w{color:#fff;position: absolute;right:0;display: inline-block;}
.btn_w2{color:#fff;position: absolute;right:150px;display: inline-block;}
.btn_w3{color:#fff;position: absolute;right:250px;display: inline-block;}
.btn_w4{position: absolute;right:0;display: inline-block;}