@charset "utf-8";

body {
  background-color: #333;
  color: #333;
  font-family: Helvetica,Arial,sans-serif;
}

body,h2,h3,div,ul,li,p,a,form,input,button { margin: 0; padding: 0; }

h2 { font-size: 22px; font-weight: normal; }
h3 { font-size: 18px; font-weight: normal; }
hr { border: 0; height: 0; width: 0; margin: 0; padding: 0; }

a { text-decoration: none; }
a:link,a:visited { color: #004EAB; }
a:hover,a:active { color: #FF4E96; }

a.tree_link:link,a.tree_link:visited { color: #FF4E96; }
a.tree_link:hover { text-decoration: underline; }
span.tree_link { color: #FF4E96; font-weight: bold; font-size: 1.3em; }

img { border: 0; }

li { list-style: none outside none; }

strong { font-weight: bold; }

#wrapper { background-color: #FFF; width: 998px; margin: 0 auto; }
#header { position: relative; height: 61px; padding-top: 28px; }
#logo { float: left; width: 435px; height: 46px; overflow: hidden; }

#logo a {
  background: transparent url(/images/viratter-1.0.png) no-repeat scroll 29px 0;
  display: block;
  width: 435px;
  height: 46px;
  padding-top: 46px;
}

#bird { position: absolute; top: 76px; right: 194px; }
#follow_me { position: absolute; top: 104px; right: 29px; }
#bird a,#follow_me a { outline: none; }

#search_form { float: right; margin: 5px 44px 0 0; }
#search_form span.label { color: #999; font-size: 12px; margin-right: 5px; }

#search_name {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #BBB;
  font-size: 13px;
  width: 156px;
  margin-right: 6px;
  padding: 4px 5px;
}

#search_name:focus { border-color: #999; }

button {
  -moz-border-radius: 2.5px;
  -webkit-border-radius: 2.5px;
  border-radius: 2.5px;
  border: 1px solid #BBB;
  background: transparent url(/images/btn-1.0.png) repeat-x scroll 0 0;
  color: #666;
  font-size: 12px;
  cursor: pointer;
  padding: 4px 8px 3px;
}

button:hover,button:active,button:focus { background-position: 0px -26px; color: #444; }

#menu { background-color: #FF4E96; clear: both; height: 30px; }
#menu ul.left  { margin-right: 210px; }
#menu ul.right { float: right; width: 210px; }
#menu li { float: left; }

#menu li a {
  color: #FFF;
  float: left;
  display: block;
  outline: none;
  font-size: 15px;
  height: 23px;
  padding: 7px 12px 0 30px;
}

#content { clear: both; }

#sidebar { float: right; width: 363px; }
#sidebar div.item { border-bottom: 1px solid #E0E0E0; padding: 30px; }
#sidebar div.item.last { border-bottom: 0; }

#main {
  border-right: 1px solid #E0E0E0;
  min-height: 460px;
  margin-right: 363px;
  padding: 30px;
}

#main.nosidebar { border-right: 0; margin-right: 0; }

#footer { clear: both; }
#copyright { color: #666; font-size: 12px; text-align: center; padding: 14px 0; }

#emergency { border: 2px solid #F00; margin-bottom: 26px; padding: 12px 14px; }
#emergency p { font-size: 14px; line-height: 22px; }

div.heading { height: 28px; margin-bottom: 20px; }

h2.title {
  border-left: 7px solid #FF4E96;
  float: left;
  font-size: 17px;
  font-weight: bold;
  line-height: 28px;
  letter-spacing: 0.08em;
  padding-left: 13px;
}

h2.title span.user_name { margin-right: 5px; }

ul.heading_link { font-size: 13px; margin-left: 186px; }
ul.heading_link li { border-right: 1px dotted #999; float: left; padding: 0 12px; }
ul.heading_link li.last { border-right: 0; padding-right: 0; }
ul.heading_link li img { float: left; margin: -7px 7px 0 0; }

ul.heading_link li.tweet_link { padding-top: 6px; }
ul.heading_link li.tweet_link a:hover,ul.heading_link li.tweet_link a:active { color: #004EAB; }
ul.heading_link li.tweet_link a:hover { text-decoration: underline; }

div.pagination { margin-top: 40px; }

div.pagination a,div.pagination span {
  border: 1px solid #CCC;
  color: #666;
  display: inline-block;
  font-size: 13px;
  margin-right: 8px;
  padding: 3px 8px;
}

div.pagination a:visited { color: #666; }
div.pagination a:hover { background-color: #FF4E96; border: 1px solid #FF4E96; color: #FFF; }

div.message { border: 1px solid #E0E0E0; margin: 0 30px; padding: 32px; }
div.message p { font-size: 16px; font-weight: bold; letter-spacing: 0.08em; margin-bottom: 14px; }
div.message ul { margin-left: 12px; }
div.message li { list-style-type: disc; list-style-position: inside; font-size: 13px; line-height: 18px; }

span.attention { color: #F00; font-weight: bold; }

div.about_main {
  border: 1px solid #CCC;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.1em;
  margin: 0 30px;
  padding: 18px;
}

div.about { font-size: 13px; margin: 26px 50px 34px; line-height: 19px; letter-spacing: 0.08em; }
div.about h3 { font-size: 15px; font-weight: bold; margin-bottom: 8px; }

div.about_img { margin: 18px 20px 20px; }

div.rt_pattern_area { padding: 24px 0 0 68px; }
div.rt_pattern_area img { border: 1px solid #000; margin: 12px 0 30px; }
div.rt_pattern { color: #000; font-size: 16px; font-weight: bold; }

#sidebar div.item.third_links { padding: 26px; }

ul.third_link { background-color: #FFEAFF; padding: 18px 18px 8px; }
ul.third_link li { font-size: 15px; margin-bottom: 10px; }
ul.third_link a,ul.third_link a:visited,ul.third_link a:hover,ul.third_link a:active { color: #555; }
ul.third_link a:hover { text-decoration: underline; }

div.third_favicon { float: left; margin-right: 8px; }
div.third_favicon img { width: 16px; height: 16px; }

div.status_rt { clear: left; font-size: 13px; margin: -1px 0 28px; }

div.status {
  position: relative;
  background-color: #FFF;
  border: 1px solid #CCC;
  width: 522px;
  padding: 6px 6px 4px 6px;
}

span.thumb { position: absolute; display: block; top: 10px; left: 10px; }
div.status span.thumb img { width: 34px; height: 34px; }

div.status span.status_body {
  position: relative;
  display: block;
  width: 436px;
  min-height: 46px;
  margin-left: 52px;
  line-height: 18px;
}

div.status a.screen_name { font-size: 14px; margin-right: 10px; }

span.entry_content { word-wrap: break-word; }
span.entry_content span.org_content { color: #AAA; font-size: 12px; }

span.entry_meta { display: block; color: #BBB; font-size: 12px; margin-top: 12px; }
span.entry_meta a:hover { text-decoration: underline; }

a.entry_date { color: #666; margin-right: 25px; }
a.entry_date:visited,a.entry_date:hover,a.entry_date:active { color: #666; }

a.retweet { margin-right: 8px; }
a.retweet:hover,a.retweet:active { color: #004EAB; }
a.fav_link { color: #3FC710; margin-left: 8px; }
a.fav_link:visited,a.fav_link:hover,a.fav_link:active { color: #3FC710; }

div.status span.actions { position: absolute; right: 13px; bottom: 6px; font-size: 27px; }

div.status.current { background-color: #FFEFFF; padding: 9px 0 7px 9px; }
div.status.current span.thumb { top: 12px; left: 12px; }
div.status.current span.thumb img { width: 48px; height: 48px; }

div.status.current span.status_body { margin-left: 68px; min-height: 62px; }
div.status.current a.screen_name { font-size: 18px; margin-right: 12px; }
div.status.current span.entry_content { font-size: 17px; font-weight: bold; line-height: 22px; letter-spacing: 0.04em; }
div.status.current span.entry_content span.org_content { font-size: 14px; font-weight: normal; line-height: 17px; }

div.status.current span.entry_meta { margin-top: 12px; }
div.status.current span.actions { display: none; }

ul.rt { margin-left: 39px; }
ul.rt div.status_rt { margin-bottom: 0; }

/* IEでリストに隙間が生じるのを回避するための記述 */
ul.rt li { line-height: 0; font-size: 1%; }
ul.rt li div { line-height: normal; }

#sidebar div.item.hot { padding-left: 26px; padding-right: 26px; padding-bottom: 0 }

#hot_tweets li { border-top: 1px dashed #CCC; }

div.hot_status { position: relative; margin: 20px 0; }
div.hot_status span.thumb { top: 0; left: 5px; }
div.hot_status span.thumb img { width: 48px; height: 48px; }

div.hot_status div.status_header { height: 72px; margin-left: 68px; }

div.hot_status a.screen_name { font-size: 19px; }
div.hot_status span.entry_content { font-size: 18px; font-weight: bold; line-height: 23px; letter-spacing: 0.05em; }
div.hot_status span.entry_meta { margin-left: 0; margin-top: 10px; }
div.hot_status span.actions { position: absolute; top: 0; right: 4px; font-size: 36px;}