body {
font-family: Verdana, Roboto, 'Droid Sans', Meiryo, 'ＭＳ Ｐゴシック', 'Hiragino Kaku Gothic ProN', sans-serif;
background: url(images/line_like.jpg);
            background-size: cover;
            background-attachment: fixed;
            background-position: center center;  
}
div {
overflow: hidden;
}
body, p, div{
margin:0px;
padding:0px;
}
.square>img {
width: 40px;
height: 40px;
}
p.comment {
display: inline-block;
         max-width: 70%;
padding: 5px 10px 5px 10px;
         margin-bottom: 10px;
         -moz-border-radius:20px;
         -webkit-border-radius:20px;
         box-shadow:
           -2px -2px 2px rgba(0, 0, 0, 0.2) inset,
           1px 1px 4px rgba(0, 0, 0, 0.6);
}
.comment-self{
float: right;
       background-color: #9F9;
}
.comment-other{
  background-color: #EEE;
}
p.time{
  text-shadow:
    1px 1px 1px rgba(0, 0, 0, 0.6);
color: #fff;
       font-size: 0.8em;
       margin-bottom: 5px;
}
p.time-self{
  text-align: right;
}
td.square{
width: 30px;
padding: 5px;
}
table.chat{
width: 100%;
vertical-align: top;
       margin-bottom: 50px;
}
table tr td {
  vertical-align: top;
}
#input{
position: fixed;
left: 0px;
bottom: 0px;
width: 100%;
height: 50px;
        background-color: #FFF;
        text-align: right;
}
#input input{
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 10px;
padding: 8px;
width: 200px;
border: 1px #CCCCCC solid;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
}
#input span.submit{
  margin-top: 10px;
  margin-right: 10px;
padding: 8px;
width: 40px;
height: 20px;
border: 1px #CCCCCC solid;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
}
#input a{
  font-weight: bold;
  text-decoration: none;
color: #000000;
}
.hide {
display: none;
}
.invite {
  text-align: center;
width: 80%;
margin: auto;
        margin-top: 20px;
        margin-bottom: 20px;
        background-color: rgba(50,50,50,0.3);
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
color: white;
padding: 5px 10px 5px 10px;
         font-size: 0.8em;
}

div#scene2 {
display: none;
         text-align: center;
}
div#scene2 img {
width: 10%;
opacity: 0;
}
div#scene3 {
display: none;
opacity: 0;
}
div#scene3 p.sorry {
  text-align: center;
}
div.myvoice {
margin: 40px 20px 40px 20px;
padding: 10px;
         -webkit-border-radius: 5px;
         -moz-border-radius: 5px;
         border-radius: 5px;
         background-color: white;
         box-shadow: 10px 10px 10px rgba(0,0,0,0.4);
}
div.sns {
  margin-top: 20px;
  border-top: 1px solid #ccc;
  text-align: center;
}
div.sns p {
margin: 10px;
}
div.sns img {
width: 40%;
}
.button {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
padding: 10px;
display: block;
         background-color: #ccc;
         text-decoration: none;
color: #000;
}
div.parts {
  display: none;
}