@charset "utf-8";

/*twitterコンテンツ*/
#twi {
  font-family: Meiryo,'Hiragino Maru Gothic ProN',sans-serif;
}

#twi h3 {
  color:#ffffff;
  font-size:16px;
  font-weight:normal;
  background:#00a0e8;
  text-align:center;
  line-height:1.6;
  height:26px;
  width:95%;
  margin:0 auto;
  padding:3px 0;
  border-radius: 4px;
}

#twi h4 {
  font-size:14px;
  font-weight:normal;
  text-align:center;
  line-height:1.35;
  width:260px;
  margin:0 auto;
  padding:10px 0;
}

#twi p {
  margin:15px auto 24px;
  line-height:2;
  font-size:13px;
  width:88%;
}

#twi p .kome {
  display:block;
  line-height:1.5;
  font-size:12px;
  color:#666;
  margin-top:5px;
}

#twi em {
  background:#ffccdd;
  color:#ff3399;
}

/*イメージ*/
#topimg {
  width:100%;
  text-align:center;
  padding:0;
  margin:20px 0 0;
}

#topimg img {
  width:100%;
  max-width:800px;
  max-height:180px;
}

#btmimg {
  width:100%;
  text-align:center;
  padding:0;
  margin-top:-32px;
  position:relative;
  z-index:1;
}

#btmimg img {
  width:100%;
  max-width:800px;
  max-height:80px;
}

/*アカウント*/
#aco {
  width:550px;
  margin:0 auto;
  padding:0;
/*  height:640px;*/
  overflow:auto;
  position:relative;
  z-index:2;
}

.tenpo_account {
  width:270px;
  float:left;
}

.grp_account {
  width:270px;
  float:right;
}

#aco .tenpo_account,#aco .grp_account {
  height:600px;
}

.tenpo_account h4 {
  color:#00a0e8;
  background:#b2dff8;
  border:1px dashed #33aaff;
}

.grp_account h4 {
  color:#ff33aa;
  background:#ffddee;
  border:1px dashed #ff33aa;
}

.tweet {
  border:1px solid #ccc;
  border-top:0;
  width:268px;
  margin:0 auto;
  padding:0;
  border-radius: 0 0 5px 5px;
}

.a_button {
  color:#fff;
  background:#4AB3F4;
  margin:0 5px;
  padding:4px 30px;
  border:1px solid #4AB3F4;
  border-radius: 12px;
  position:relative;
  top:-2px;
}

.f_button {
  color:#00a0e8;
  background:#fff;
  margin:0 5px;
  padding:7px 12px;
  border:1px solid #00a0e8;
  border-radius: 13px;
  position:relative;
  top:-3px;
}

#acc {
  margin:0;
  padding:0;
  overflow:auto;
  width:550px;
  margin:0 auto;
  padding:0;
}

#tejun {
  margin-top:24px !important;
}

#twi p.ac_text {
  margin:10px auto 0;
  line-height:1.5;
  width:260px;
  font-size:12px;
}

.hand_yaji {
  width:100%;
  max-width:470px;
  font-size:11px;
  color:#c99;
  width:100%;
  text-align:center;
  margin:0;
  position:relative;
  top:-3px;
}

.hand_yaji span {
  font-size:25px;
  line-height:1.5em;
}

.accounts {
  /*width:302px;*/
  margin:0 auto;
  padding:8px 0 0;
  font-size:20px;
  font-weight:bold;
  text-align:center;
  border-radius: 4px;
  width:270px;
}

.accounts a:link,.accounts a:visited {
  display:block;
  text-decoration:none;
}

.ac_tenpo,.ac_harekei{
  background:#e7e7e7;
}

.ac_harekei span,.ac_tenpo span{
  display:block;
  color:#fff;
  font-size:10px;
  font-weight:normal;
  width:100%;
  margin:0;
  padding:3px 0;
}

#acc .ac_harekei span,#acc .ac_tenpo span{
  border-radius: 0 0 5px 5px;
}

.ac_harekei span{
  background:#e4007e;
}

.ac_tenpo span{
  background:#00a0e8;
}

.ac_harekei a:link,.ac_harekei a:visited { color:#e4007e; }
.ac_harekei a:hover { color:#ff2299; }

.ac_tenpo a:link,.ac_tenpo a:visited { color:#00a0e8; }
.ac_tenpo a:hover { color:#22bbff; }

#chuui {
  margin-top:30px;
}

#chuui h3 {
  color:#ffffcc;
  background:#666;
  font-size:0.9em !important;
  width:90%;
  max-width:600px;
  height:18px;
  line-height:2;
}

#chuui p {
  font-size:0.95em !important;
  line-height:1.5;
  margin-top:10px;
  width:90%;
  max-width:580px;
}

/*--------グループ------------------*/

#twit {
  width:550px;
  font-size:12px;
}

#twimg_top img {
  width:100%;
}

#twimg_btm img {
  width:100%;
}

#twiset {
  width:482px;
  margin:0 auto;
  height:600px;
}

.set_accounts {
  width:100%;
  padding:8px 0 0;
  font-size:20px;
  font-weight:bold;
  text-align:center;
  border-radius: 4px;
  background:#e7e7e7;
}

.set_accounts span {
  display:block;
  color:#fff;
  font-size:10px;
  font-weight:normal;
  width:100%;
  margin:0;
  padding:3px 0;
}

.set_accounts span{
  background:#e4007e;
}

.set_accounts a:link,.set_accounts a:visited { color:#e4007e; }
.set_accounts a:hover { color:#ff2299; }

#twiset .tweet {
  border:1px solid #ccc;
  border-top:0;
  width:480px;
  margin:0 auto 10px;
  padding:0;
  border-radius: 0 0 5px 5px;
}

#aco_link {
  width:500px;
  margin:10px 0 10px 30px;
}

#aco_link .set_accounts {
  width:144px;
  float:left;
  margin:8px;
  font-size:14px;
}

#aco_link .set_accounts span {
  border-radius: 0 0 5px 5px;
}


.ac_cute span { background:#33cccc; }
.ac_itazura span { background:#33bbff; }
.ac_matto span { background:#3399ff; }
.ac_harejo span { background:#339933; }
.ac_esthe span { background:#ff9900; }
.ac_suteki span { background:#ff3366; }
.ac_okusama span { background:#6633cc; }

.ac_cute a:link,.ac_cute a:visited { color:#33cccc; }
.ac_itazura a:link,.ac_itazura a:visited { color:#33bbff; }
.ac_matto a:link,.ac_matto a:visited { color:#3399ff; }
.ac_harejo a:link,.ac_harejo a:visited { color:#339933; }
.ac_esthe a:link,.ac_esthe a:visited { color:#ff9900; }
.ac_suteki a:link,.ac_suteki a:visited { color:#ff3366; }
.ac_okusama a:link,.ac_okusama a:visited { color:#6633cc; }

.ac_cute a:hover { color:#7FDBB6; }
.ac_itazura a:hover { color:#33bbff; }
.ac_matto a:hover { color:#91D2FA; }
.ac_harejo a:hover { color:#19CF86; }
.ac_esthe a:hover { color:#FAB81E; }
.ac_suteki a:hover { color:#E81C4F; }
.ac_okusama a:hover { color:#981CEB; }