@charset "UTF-8";
/*
Theme Name: つぶやきボタン
Theme URI: http://2bu.in/
Description: Template for <a href="http://2bu.in/">つぶやきボタン</a>.
Author: SPOOKIEE
Author URI: http://spookiee.com/
*/

/************************************/
/* GLOBAL */
/************************************/
html {
 overflow-y: scroll;
}
* {
 font-size: 100%;
 line-height: 1.4;
 padding: 0px;
 margin: 0px;
}
body{
 color: #333333;
 font-size: 14px;
 font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
 text-align: center;
 background: url(http://qa-now.org/2bu/images/background_logo.png) no-repeat #FFFFFF;
 background-position: right top;
 background-attachment: fixed;
}
img {
 vertical-align: middle;
 border: none;
}
/************************************/
/* LINK */
/************************************/
a{ color: #0000CC; outline: none;}
a:link{ color: #0000CC; text-decoration: none;}
a:visited{ color: #0000CC; text-decoration: none;}
a:hover{ color: #0000CC; text-decoration: underline;}
/************************************/
/* HEADER BLOCK */
/************************************/
#header_block {
 text-align: center;
 background: #0099FF;
 margin: 0px 0px 20px 0px;
}
#header_box {
 text-align: left;
 width: 900px;
 padding: 5px 0px;
 margin: 0px auto;
}
#header_title {
 float: left;
 color: #FFFFFF;
 width: 490px;
}
#header_title a { color: #FFFFFF;}
#header_menu {
 float: right;
 text-align: right;
 width: 400px;
}
#header_menu a { color: #FFFFFF;}
#logo_block {
 text-align: left;
 width: 900px;
 padding: 0px 0px;
 margin: 0px auto 20px auto;
}

/************************************/
/* BLOCK */
/************************************/
#whole {
 text-align: center;
 width: 900px;
 margin: 5px auto;
}
#pr_block {
 width: 900px;
 border-top: 1px dotted #0099FF;
 border-bottom: 1px dotted #0099FF;
 padding: 10px 0px;
 margin: 0px auto 20px auto;
}
#pr_block p {
 padding: 0px 10px;
}
/************************************/
/* CONTENTS */
/************************************/
#contents_block {
 text-align: center;
 width: 900px;
 margin: 0px auto;
}
.contents_subtitle {
 text-align: left;
 font-size: 18px;
 font-weight: bold;
 border-left: 3px solid #0099FF;
 padding: 0px 0px 0px 10px;
 margin: 0px 0px 10px 0px;
}
.contents_body {
 text-align: left;
 padding: 0px 0px 10px 0px;
}
#site_nav_block {
 height: 300px;
 background: url(http://qa-now.org/2bu/images/site_nav_bk.png) no-repeat;
 margin: 0px 0px 10px 0px;
}
#site_nav_block p {
 font-size: 20px;
 font-weight: bold;
 padding: 23px 0px 0px 35px;
}
#user_counter {
 padding: 10px 0px;
}
.gray_box {
 border: 1px solid #DDDDDD;
 border-radius: 3px;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 background: #EEEEEE;
 padding: 3px 0px;
 behavior: url(ie-css3.htc);
}
.gray_box b { color: #FF3333;}
#contents_box {
 text-align: center;
 margin: 0px auto;
}
.blue_block {
 background-color: #0099FF;
 padding: 0px;
 margin: 0px 0px 10px 0px;
}
.blue_box {
 margin: 0px 27px 0px 27px;
}
.blue_box_f {
 background-color: #FFFFFF;
 border-radius: 10px;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 padding: 10px 5px 0px 5px;
 margin: 0px 27px 0px 27px;
}
.blue_block_title {
 height: 60px;
 background: url(http://qa-now.org/2bu/images/contents_box_top.gif) no-repeat;
}
.blue_block_title h3 {
 font-size: 20px;
 font-weight: bold;
 padding: 18px 0px 0px 0px;
}
.site_banner img {
 margin: 0px 0px 5px 0px;
}
.color_fff {
 color: #FFFFFF;
}
.color_f33 {
 color: #FF3333;
}
.font_s18 {
 font-size: 18px;
}
.margin_b5 {
 margin: 0px 0px 5px 0px;
}
.margin_b10 {
 margin: 0px 0px 10px 0px;
}
.margin_b20 {
 margin: 0px 0px 20px 0px;
}

/************************************/
/* USER */
/************************************/
.user_block {
 width: 900px;
 margin: 0px auto 20px auto;
}
.user_img {
 float: left;
 text-align: center;
 width: 120px;
}
.user_text {
 float: right;
 text-align: left;
 width: 770px;
}
.user_text_title a {
 color: #0099FF;
 font-size: 20px;
 font-weight: bold;
}
.user_text_data {}

.tsubuyaki_block {
 margin: 0px 0px 20px 0px;
}
.tsubuyaki_img {
 float: left;
 text-align: center;
 width: 48px;
}
.tsubuyaki_text {
 float: right;
 text-align: left;
 width: 850px;
 background: url(http://qa-now.org/2bu/images/tsubuyaki_bg.png) no-repeat;
}
.tsubuyaki_text p {
 padding: 5px 15px 5px 50px;
}
.tsubuyaki_data {
 text-align: right;
 color: #999999;
 font-size: 11px;
 padding: 0px 15px 0px 0px;
}

/************************************/
/* LIST */
/************************************/
.contents_list {
 text-align: left;
 padding: 0px 0px 10px 20px;
}

/************************************/
/* FORM */
/************************************/
#get_code {
 margin: 0px 0px 0px 0px;
}
#get_code fieldset {
 border: none;
}
.get_code_text {
 color: #000000;
 font-size: 20px;
 font-weight: bold;
 width: 500px;
 border: 3px solid #333333;
 padding: 5px;
 margin: 5px 4px 0px 0px;
}

#issue_code {
 margin: 0px 0px 20px 0px;
}
#issue_code textarea {
 border: 3px solid #FF3333;
}
#issue_code p {
 font-size: 16px;
 font-weight: bold;
}

/************************************/
/* FOOTER */
/************************************/
#footer {
 border-top: 1px solid #cccccc;
 padding: 10px 0px 30px 0px;
 margin: 0px 5px;
}
#footer_link {
 padding: 0px 0px 5px 0px;
}
#footer_copy {
 color: #666666;
 font-size: 12px;
}

/************************************/
/* CLEAR FIX */
/************************************/
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
/************************************/

/* SPOOKIEE.COM */

/************************************/