body {
       background-color: #F6CEF5;
       font-size: 2em
}

#room {
       background-image: url(room.png);
       background-position: left 200px;
       background-size: 100%;
       background-repeat: no-repeat;
}

#message {
       /*じゃんけんぽい!*/
       font-size: 1em;
       position: fixed;
       left: 10px;
       top: 100px;
       background-color: #f6cdf5
}

#message2 {
       /*彼女*/
       font-size: 1.5em;

       position: fixed;
       left: 180px;
       top: 280px;
       background-color: #FFCACA
}

#message3 {
       /*君*/
       font-size: 1.5em;
       position: fixed;
       left: 10px;
       top: 280px;
       background-color: #FFCACA
}

form[name="slide"] {
       position: fixed;
       left: 700px;
       top: 20px
}

form[name="tolk"] {
       font-size: 0.9em;
       position: fixed;
       left: 10px;
       top: 120px
}

form[name="mars"] {
       position: fixed;
       left: 200px;
       top: 200px
}

form[name="RPS"] {
       position: fixed;
       left: 200px;
       top: 300px
}

form[name="IJH"] {
       position: fixed;
       left: 200px;
       top: 400px
}

form[name="DT"] {
       position: fixed;
       left: 200px;
       top: 500px
}


/* twitter画像をホバーした */
img.dress_button:hover {

       /* 透明度を上げることで、画像の色を薄く見せる。*/
       opacity: 1;

       /* リンクをホバーしたときのカーソルにする。*/
       cursor: pointer;
}

/* twitter画像をクリックした瞬間 */
img.dress_button:active {

       /* 要素を若干下に下げることで、押した感じを出す。*/

       /* 今いる位置から相対的に3px下に配置する。*/
       position: relative;
       top: 3px;

}

.dress_button {
       position: fixed;
       left: 700px;
       top: 10px
}


#gazo {
       background-image: url(room.png);
       background-position: left 0px;
       background-size: 100%;
       background-repeat: no-repeat;
       position: absolute;
       top: 200px;
       left: 0px;
       

}

#sd {

       background-image: url(room.png);
       background-position: left 0px;
       background-size: 100%;
       background-repeat: no-repeat;
       position: absolute;
       top: 200px;
       /* 垂直方向の中央 */
       left: 0px;
       /* 水平方向の中央 */
       

}

#sd:active {
       transform: scale(1.02);
       /* クリック時に拡大 */
       transition: transform 0.2s ease-in-out;
}