body{
  margin:0;
  padding:0 0 300px 0;
  font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  font-size:14px;
}
h1{
  margin:0;
}
#body-user #wrapper{
  width:913px;
  margin:0 auto;
}
#body-user #header:after{
  content:".";
  visibility:hidden;
  line-height:0px;
  height:0px;
  display:block;
  clear:both;
}
#body-user #header-left{
  float:left;
  width:600px;
  height:250px;
}
#body-user #header-left h1{
  float:left;
  width:300px;
  height:150px;
  background:#44c;
}
#body-user #header-left h1 a{
  color:#fff;
  text-decoration:inherit;
  display:block;
  height:100%;
  position:relative;
}
#body-user #header-left h1 a span{
  width:100%;
  text-align:center;
  position:absolute;
  bottom:0;
}
#body-user #header-left #jump-form-container{
  margin-top:114px;
  float:right;
  width:282px;
}
#body-user #header-leftupper{
  height:180px;
}
#body-user #header-right{
  float:right;
  width:300px;
  height:250px;
}
#body-user #header h2{
  border:1px black solid;
  border-width:1px 15px;
  line-height:48px;
  height:50px;
  padding:9px 0;
  margin:0;
  text-align:center;
}
#body-user #header h2 a{
  color:#04f;
  text-decoration:inherit;
}
#body-user #header h2 a:hover{
  color:#08f;
}

.app-message{
  background:#ffc;
  padding:5px;
  text-align:center;
  font-weight:bold;
}
.app-movebutton{
  background:#444;
  font-weight:bold;
  color:#fff;
  text-align:center;
  padding:10px 0;
  display:block;
  margin:5px 0;
  text-decoration:inherit;
}
.app-movebutton:hover{
  background:#888;
}
.fade-enter-active, .fade-leave-active {
  transition: height 0.5s ease-in-out;
}
.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
}

.rowtransition-enter-active, .rowtransition-leave-active {
  transition: height 0.5s ease-in-out;
  overflow: hidden;
}
.rowtransition-enter, .rowtransition-leave-to{
  overflow: hidden;
}

.twirow-date{
  border:1px #ccc solid;
}

.twicoltransition-enter-active, .twicoltransition-leave-active {
  transition:opacity 1s ease-in-out;
}
.twicoltransition-enter, .twicoltransition-leave-to{
  opacity:0;
}

.twicol-wrapper{
  padding:0 0 0 1px;
  background:#c0c0c0;
  width:912px;
  height:102px;
  position:relative;
}
.twicol-wrapper:after{
  content:".";
  visibility:hidden;
  line-height:0px;
  height:0px;
  display:block;
  clear:both;
}
.twicol-leftspacer{
  height:102px;
  float:left;
}
.twicol{
  background:#eeeeff;
  border:1px #a0a0f0 solid;
  margin:0 0 0 -1px;
  width:37px;
  height:100px;
  float:left;
  position:relative;
  z-index:1;
  top:0;
}
.twicol:hover{
  background:#fff8f8;
}
.twicol-hour{
  text-align:center;
  font-size:10px;
}
.twicol-hour .num{
  font-size:12px;
}
.twicol-bar{
  background:#404080;
  width:37px;
  bottom:0px;
  position:absolute;
  transition: height 0.5s ease-in-out;
  text-align:center;
}
.twicol-bar-count{
  height:16px;
  line-height:16px;
  margin-top:-16px;
  color:#000;
}
.twicol-bar-count.innercount{
  padding-top:2px;
  margin-top:0;
  color:#fff;
}
.twicol-empty{
  border:1px #a0a0a0 solid;
  background:#f8f8f8;
  z-index:0;
}
.twicol-selected{
  background:#ffeeee;
  border:1px #f0a0a0 solid;
  z-index:2;
}
.twicol-selected .twicol-bar{
  background:#804040;
}

.tweetsview-inner{
  border:1px #c0c0c0 solid;
  padding:5px;
}
.tweetsview-header{
  color:#fff;
  background-color:#909090;
  border:1px #404040 solid;
  font-size:24px;
  padding:3px 0;
  text-align:center;
  font-weight:bold;
  position:relative;
}
.tweetsview-header:after{
  content:".";
  visibility:hidden;
  line-height:0px;
  height:0px;
  display:block;
  clear:both;
}
.tweetsview-time{
  float:left;
  margin-left:24px;
  height:36px;
  width:830px;
}
.tweetsview-closebutton{
  float:left;
  width:32px;height:32px;
  border:2px #fff solid;
  text-align:center;
  color:#fff;
  text-decoration:inherit;
}

.tweetlist:after{
}
.tweetbox{
  width:198px;
  height:298px;
  float:left;
  border:1px #80f080 solid;
  border-radius:5px;
  margin:10px;
  overflow:hidden;
}
.tweetbox-header{
  display:block;
  text-decoration:inherit;
  color:inherit;
}
.tweetbox-header:hover{
  background:#fff8f8;
}
.tweetbox-type{
  background:#4c4;
  color:#fff;
  text-align:center;
  height:12px;
  padding:5px;
  font-weight:bold;
  font-size:12px;
}
.tweetbox-date{
  border-bottom:1px #444 dotted;
  padding:2px 5px;
  font-size:12px;
}
.tweetbox-date em{
  font-size:20px;
  font-weight:bold;
}
.tweetbox-retweet{
  border-color:#f0e080;
  background-color:#fff0e0;
}
.tweetbox-retweet .tweetbox-type{
  background:#ca4;
}
.tweetbox-retweetinfo{
  text-align:right;
  padding:3px;
  border-top:1px #f0e080 dotted;
  font-size:12px;
}
.tweetbox-retweetinfo a{
  text-decoration:inherit;
  color:#44f;
}
.tweetbox-text{
  word-wrap:break-word;
  padding:5px;
}

.loadingbutton{
  width:903px;
  height:30px;
  font-size:18px;
  line-height:30px;
  text-align:center;
  text-decoration:none;
  display:block;
  margin: 20px 0;
  border:5px #7ca solid;
  color:#7ca;
}
.loadingbutton img{
  vertical-align:middle;
}

.jump-form{
  border:1px black solid;
  padding:5px;
  width:270px;
  background:#ccc;
}
.jump-form-inner:before{
  content:"@";
  display:block;
  float:left;
  width:20px;
  font-size:20px;
  font-weight:bold;
  line-height:24px;
  height:24px;
  text-align:center;
}
.jump-form-inner:after{
  content:".";
  visibility:hidden;
  line-height:0px;
  height:0px;
  display:block;
  clear:both;
}
.jump-form-text{
  font-size:20px;
  height:24px;
  width:210px;
  border:0;
  background:#fff;
  padding:0;
  margin:0;
  display:block;
  float:left;
}
.jump-form-button{
  display:block;
  float:left;
  width:40px;
  line-height:24px;
  height:24px;
  padding:5px 3px 5px 2px;
  margin:-5px -5px -5px 0;
  text-align:center;
  text-decoration:none;
  font-size:16px;
  color:#fff;
  background:#444;
}
.jump-form-button:hover{
  background:#888;
}
.jump-form-illegal{
  background:#fcc;
}
.jump-form-message{
  padding:2px;
  background:#ffc;
  font-size:12px;
  height:18px;
  border:1px black dashed;
  margin-bottom:-24px;
  opacity:0.8;
}

#body-top{
  text-align:center;
}
#body-top #header{
  height:200px;
  text-align:center;
  border-bottom:1px #444 solid;
  background:#44c;
  color:#fff;
  position:relative;
}
#body-top #header h1{
  position:absolute;
  bottom:10px;
  width:100%;
  text-align:center;
}

#body-main-logined{
  text-align:center;
}
#body-main-logined #header{
  height:200px;
  text-align:center;
  border-bottom:1px #444 solid;
  background:#44c;
  color:#fff;
  position:relative;
}
#body-main-logined #header h1{
  position:absolute;
  bottom:10px;
  width:100%;
  text-align:center;
}
#app-startpage{
  margin-top:20px;
  text-align:center;
}
#app-startpage .jump-form{
  margin:0 auto;
}

#ad-bottom{
  margin-top:10px;
}

.twitter-auth-button{
  background-image:url(/static/twitter_buttonicon_30x30.png);
  background-repeat:no-repeat;
  background-size:30px 30px;
  padding:20px 20px 20px 50px;
  border-radius:10px;
  background-color:#048;
  height:30px;
  font-size:20px;
  font-weight:20px;
  display:inline-block;
  color:#fff;
  text-decoration:inherit;
  background-position:20px 20px;
  line-height:30px;
}

.loading-text{
  font-size:20px;
  text-align:center;
  width:300px;
  border-radius:10px;
  border:3px #888 solid;
  margin:10px auto;
}
.loading-text img{
  vertical-align:middle;
}
.screenshotbox{
  background:#ccc;
  padding:10px;
}