@charset "UTF-8";

/************************************/
/* サイト全体 */
/************************************/
html { overflow-y: scroll;}
* { padding: 0px; margin: 0px;}
body {
 color: #000000;
 font-size: 14px;
 font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
 line-height: 1.3;
 text-align: center;
 background: #FFFFFF;
 padding: 0px;
 margin: 0px;
}
img { border: none;}

.margin_b5 { margin: 0px 0px 5px 0px;}
.margin_b10 { margin: 0px 0px 10px 0px;}

/************************************/
/* リンク基本設定 */
/************************************/
a { color: #0000FF; outline: none;}
a:link { color: #0000FF; text-decoration: none;}
a:visited { color: #0000FF; text-decoration: none;}
a:hover { color: #0000FF; text-decoration: underline;}

/************************************/
/* ヘッダーブロック */
/************************************/
#header_data_block {
 text-align: center;
 position: relative;
 margin-bottom: 3px;
}
#header_data_box {
 text-align: left;
 color: #666666;
 font-size: 12px;
 width: 900px;
 padding: 6px 0px 0px 0px;
 margin: 0px auto;
}
#header_menu_sanka {
 background: url(http://qa-now.org/qanow_test/img/icon_header_menu_sanka.png) no-repeat;
 background-position: 0px 1px;
 padding: 0px 5px 0px 16px;
}
#header_menu_questions {
 background: url(http://qa-now.org/qanow_test/img/icon_header_menu_questions.png) no-repeat;
 background-position: 0px 1px;
 padding: 0px 5px 0px 16px;
}
#header_menu_answers {
 background: url(http://qa-now.org/qanow_test/img/icon_header_menu_answers.png) no-repeat;
 background-position: 0px 1px;
 padding: 0px 5px 0px 16px;
}
#header_menu_heikin {
 background: url(http://qa-now.org/qanow_test/img/icon_header_menu_heikin.png) no-repeat;
 background-position: 0px 1px;
 padding: 0px 5px 0px 16px;
}
#logout_link {
 color: #666666;
 font-size: 12px;
 position: absolute;
 top: 5px;
 right: 10px;
}

/************************************/
/* HTMLヘッダー領域 */
/************************************/
#header_block {
 text-align: center;
 margin: 0px 0px 5px 0px;
}
#header_box {
 text-align: left;
 width: 900px;
 padding: 10px 0px 5px 0px;
 margin: 0px auto;
}
#header_logo {
 float: left;
 width: 145px;
}
#header_search_block {
 float: right;
 text-align: right;
 width: 700px;
}
#header_search_box {
 color: #AAAAAA;
 padding: 10px 0px 0px 0px;
 margin: 0px 0px 5px 0px;
}
#header_search_box form {}
#header_search_box fieldset { border: none;}
.searchBox {
 font-size: 14px;
 vertical-align: middle;
 width: 300px;
}
.main_search_submit {
 vertical-align: middle;
}

/************************************/
/* メインナビゲーション */
/************************************/
#main_navi_block {
 height: 32px;
 border-bottom: 3px solid #33CCFF;
}
#main_navi_box {
 width: 900px;
 position: relative;
 margin: 0px auto;
}
#main_navi_menu {
 text-align: left;
}
#main_navi_box img{
 vertical-align:bottom;
}
#main_navi_link {
 text-align: right;
 font-size: 12px;
 width: 400px;
 position: absolute;
 top: 7px;
 right: 0px;
}
#main_navi_link a {
 color: #333333;
 padding: 0px 5px;
}
#main_navi_link a:hover {
 color: #33CCFF;
 padding: 0px 5px;
}

/************************************/
/* ヘッダーカテゴリー */
/************************************/
#header_category_block {
 height: 32px;
 background: url(http://qa-now.org/qanow_test/img/header_category_bg.png) repeat-x;
 margin: 0px 0px 10px 0px;
}
#header_category_box {
 width: 900px;
 position: relative;
 margin: 0px auto;
}
#header_category_list {
 width: 100%;
 list-style: none;
 border-right: 1px solid #AAAAAA;
 padding: 2px 0px;
}
#header_category_list li {
 float: left;
 width: 99px;
 height: 28px;
 border-left: 1px solid #AAAAAA;
}
#header_category_list li:hover {
 float: left;
 width: 99px;
 height: 28px;
 border-left: 1px solid #AAAAAA;
 background-color: #FFFFFF;
}
.header_category_list_view_0_on {
 text-indent: 20px;
 background: url(http://qa-now.org/qanow_test/img/icon_tv.png) no-repeat;
 background-color: #FFFFFF;
 background-position: 30% 45%;
}
.header_category_list_view_1_on {
 text-indent: 20px;
 background: url(http://qa-now.org/qanow_test/img/icon_game.png) no-repeat;
 background-color: #FFFFFF;
 background-position: 30% 45%;
}
.header_category_list_view_2_on {
 text-indent: 20px;
 background: url(http://qa-now.org/qanow_test/img/icon_pc.png) no-repeat;
 background-color: #FFFFFF;
 background-position: 30% 45%;
}
.header_category_list_view_3_on {
 text-indent: 20px;
 background: url(http://qa-now.org/qanow_test/img/icon_man.png) no-repeat;
 background-color: #FFFFFF;
 background-position: 30% 45%;
}
.header_category_list_view_4_on {
 text-indent: 20px;
 background: url(http://qa-now.org/qanow_test/img/icon_heart.png) no-repeat;
 background-color: #FFFFFF;
 background-position: 30% 45%;
}
.header_category_list_view_5_on {
 text-indent: 20px;
 background: url(http://qa-now.org/qanow_test/img/icon_house.png) no-repeat;
 background-color: #FFFFFF;
 background-position: 30% 45%;
}
.header_category_list_view_6_on {
 text-indent: 20px;
 background: url(http://qa-now.org/qanow_test/img/icon_earth.png) no-repeat;
 background-color: #FFFFFF;
 background-position: 30% 45%;
}
.header_category_list_view_7_on {
 text-indent: 20px;
 background: url(http://qa-now.org/qanow_test/img/icon_memo.png) no-repeat;
 background-color: #FFFFFF;
 background-position: 30% 45%;
}
.header_category_list_view_8_on {
 text-indent: 20px;
 background: url(http://qa-now.org/qanow_test/img/icon_person.png) no-repeat;
 background-color: #FFFFFF;
 background-position: 30% 45%;
}
.header_category_list_view_0 {
 float: left;
 width: 99px;
 height: 28px;
 text-indent: 20px;
 border-left: 1px solid #AAAAAA;
 background-color: #FFFFFF;
 background: url(http://qa-now.org/qanow_test/img/icon_tv.png) no-repeat;
 background-position: 30% 45%;
}
.header_category_list_view_1 {
 float: left;
 width: 79px;
 height: 28px;
 text-indent: 20px;
 border-left: 1px solid #AAAAAA;
 background-color: #FFFFFF;
 background: url(http://qa-now.org/qanow_test/img/icon_game.png) no-repeat;
 background-position: 30% 45%;
}
.header_category_list_view_2 {
 float: left;
 width: 79px;
 height: 28px;
 text-indent: 20px;
 border-left: 1px solid #AAAAAA;
 background-color: #FFFFFF;
 background: url(http://qa-now.org/qanow_test/img/icon_pc.png) no-repeat;
 background-position: 30% 45%;
}
.header_category_list_view_3 {
 float: left;
 width: 79px;
 height: 28px;
 text-indent: 20px;
 border-left: 1px solid #AAAAAA;
 background-color: #FFFFFF;
 background: url(http://qa-now.org/qanow_test/img/icon_man.png) no-repeat;
 background-position: 30% 45%;
}
.header_category_list_view_4 {
 float: left;
 width: 79px;
 height: 28px;
 text-indent: 20px;
 border-left: 1px solid #AAAAAA;
 background-color: #FFFFFF;
 background: url(http://qa-now.org/qanow_test/img/icon_heart.png) no-repeat;
 background-position: 30% 45%;
}
.header_category_list_view_5 {
 float: left;
 width: 79px;
 height: 28px;
 text-indent: 20px;
 border-left: 1px solid #AAAAAA;
 background-color: #FFFFFF;
 background: url(http://qa-now.org/qanow_test/img/icon_house.png) no-repeat;
 background-position: 30% 45%;
}
.header_category_list_view_6 {
 float: left;
 width: 79px;
 height: 28px;
 text-indent: 20px;
 border-left: 1px solid #AAAAAA;
 background-color: #FFFFFF;
 background: url(http://qa-now.org/qanow_test/img/icon_earth.png) no-repeat;
 background-position: 30% 45%;
}
.header_category_list_view_7 {
 float: left;
 width: 79px;
 height: 28px;
 text-indent: 20px;
 border-left: 1px solid #AAAAAA;
 background-color: #FFFFFF;
 background: url(http://qa-now.org/qanow_test/img/icon_memo.png) no-repeat;
 background-position: 30% 45%;
}
.header_category_list_view_8 {
 float: left;
 width: 79px;
 height: 28px;
 text-indent: 20px;
 border-left: 1px solid #AAAAAA;
 background-color: #FFFFFF;
 background: url(http://qa-now.org/qanow_test/img/icon_person.png) no-repeat;
 background-position: 30% 45%;
}
#header_category_list a {
 display: block;
 width: 100%;
 height: 100%;
 color: #333333;
 font-size: 12px;
 font-weight: bold;
 padding-top: 6px;
}


/************************************/
/* ブロック */
/************************************/
#whole {
 text-align: center;
 width: 900px;
 margin: 0px auto;
}
#main_block {
 text-align: center;
 min-height: 400px;
 margin: 0px 0px 10px 0px;
}
.follolin_block {
 border: 1px solid #CCCCCC;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 margin: 0px 0px 10px 0px;
}

/************************************/
/* 右ブロック全体 */
/************************************/
#right_block {
 float: right;
 text-align: left;
 word-wrap: break-word;
 width: 590px;
}
.contents_body {}

.contents_subtitle {
 height: 32px;
 background: url(http://qa-now.org/qanow_test/img/main_subtitle.png) no-repeat;
 margin: 0px 0px 10px 0px;
}
.contents_subtitle h3 {
 color: #FFFFFF;
 font-size: 14px;
 font-weight: bold;
 padding: 8px 0px 0px 20px;
}
.contents_body_p {
 color: #333333;
 padding: 0px 10px;
 margin: 0px 0px 20px 0px;
}
.faq_qbox {
 background-color: #EEEEEE;
 padding: 5px 10px;
 margin: 0px 0px 10px 0px;
}



/************************************/
/* 質問の種類タブ */
/************************************/
#question_tab {
 border-bottom: 1px #999999 solid;
 padding: 0px 0px 2px 0px;
 margin: 0px 0px 10px 0px;
}

/************************************/
/* 質問内容部分 */
/************************************/
.question_block {
 margin: 0px 0px 15px 0px;
}
.question_user {
 clear: both;
 float: left;
 text-align: center;
 font-size: 10px;
 width: 48px;
}
.question_text {
 float: right;
 font-size: 14px;
 width: 540px;
 background: url(http://qa-now.org/qanow_test/img/question_text_bg.gif) repeat-y;
 margin: 0px 0px 5px 0px;
}
.question_text_top {
 height: 30px;
 background: url(http://qa-now.org/qanow_test/img/question_text_top.gif) no-repeat;
 padding: 0px 10px 0px 40px;
}
.question_text_top_l {
 float: left;
 width: 220px;
 padding: 10px 0px 0px 0px;
}
.question_text_top_r {
 float: right;
 text-align: right;
 color: #666666;
 font-size: 12px;
 width: 220px;
 padding: 12px 0px 0px 0px;
}
.question_text_top_ls {
 color: #FF0000;
 font-weight:bold;
}
.question_text_body {
 padding: 5px 10px 0px 40px;
}
.question_text_body a { color: #000000;}
.question_text_body a:hover { color: #FF6600;}
.question_text_bottom {
 background: url(http://qa-now.org/qanow_test/img/question_text_bottom.gif) no-repeat;
 vertical-align: bottom;
 font-size: 1px;
 height: 18px;
}
.question_answerlink {
 clear: both;
 text-align: right;
 font-size: 12px;
}
.question_answerlink img {
 vertical-align: middle;
}
.question_answerlink_ari a {
 color: #FF3333;
 vertical-align: middle;
}
.question_answerlink_nashi {
 color: #666666;
}
.tag {
 font-weight: bold;
}
/************************************/
/* 回答内容部分 */
/************************************/
.answer_block {
 margin: 0px 0px 15px 0px;
}
.answer_user {
 clear: both;
 float: left;
 text-align: center;
 font-size: 10px;
 width: 48px;
}
.answer_text {
 float: right;
 font-size: 14px;
 width: 540px;
 background: url(http://qa-now.org/qanow_test/img/answer_text_bg.gif) repeat-y;
 margin: 0px 0px 5px 0px;
}
.answer_text_top {
 height: 30px;
 background: url(http://qa-now.org/qanow_test/img/answer_text_top.gif) no-repeat;
 padding: 0px 10px 0px 40px;
}
.answer_text_top_l {
 float: left;
 width: 220px;
 padding: 10px 0px 0px 0px;
}
.answer_text_top_r {
 float: right;
 text-align: right;
 color: #666666;
 font-size: 12px;
 width: 220px;
 padding: 12px 0px 0px 0px;
}
.answer_text_top_ls {
 color: #0000FF;
 font-weight:bold;
}
.answer_text_body {
 padding: 5px 10px 0px 40px;
}
.answer_text_body a { color: #000000;}
.answer_text_body a:hover { color: #FF6600;}
.answer_text_bottom {
 background: url(http://qa-now.org/qanow_test/img/answer_text_bottom.gif) no-repeat;
 vertical-align: bottom;
 font-size: 1px;
 height: 18px;
}
.answer_time {
 clear: both;
 text-align: right;
 font-size: 12px;
}

/************************************/
/* FAQのページ */
/************************************/
.contents_subtitle a { color: #000000;}
.contents_subtitle a:hover { color: #000000; text-decoration: none;}

/************************************/
/* Q&Aなう紹介する画像 */
/************************************/
#invite_qanow { margin: 0px 0px 10px 0px;}
#invite_qanow a {
 display:block;
 overflow:hidden;
 text-indent:-9999px;
 width: 300px;
 height: 238px;
 background: url(http://qa-now.org/qanow_test/img/invite_qanow01.png) no-repeat;
 margin: 0px auto;
}
#invite_qanow a:hover {
 width: 300px;
 height: 238px;
 background: url(http://qa-now.org/qanow_test/img/invite_qanow02.png) no-repeat;
 margin: 0px auto;
}

/************************************/
/* ページャーリンク */
/************************************/
.pager {
 font-size: 8px;
 text-align: center;
 font-weight: bold;
 margin: 20px 0px 10px 0px;
}
.nextprev {
 color: #AAAAAA;
 border: 1px solid #AAAAAA;
 padding: 5px;
}
.current {
 color: #FFFFFF;
 border: 1px solid #33CCFF;
 background: #33CCFF;
 padding: 5px;
}
.pager a {
 color: #33CCFF;
 border: 1px solid #33CCFF;
 padding: 5px;
}
.pager a:hover {
 color: #FFFFFF;
 border: 1px solid #33ccff;
 background: #33CCFF;
 padding: 5px;
}

/************************************/
/* MORE LINK */
/************************************/
#more_link {
 width: 590px;
 height: 40px;
 background: url(http://qa-now.org/qanow_test/img/contents_linkbar.png) no-repeat;
}
#more_link a {
 display: block;
 outline: none;
 text-align: center;
 font-size: 18px;
 font-weight: bold;
 padding: 10px 0px 0px 0px;
}

/************************************/
/* 投稿確認 */
/************************************/
#kakunin_block {
 text-align: center;
 width: 590px;
 height: 185px;
 background: url(http://qa-now.org/qanow_test/img/kakunin_top_bk.png) no-repeat;
 margin: 0px 0px 10px 0px;
}
.kakunin_title {
 font-size: 24px;
 font-weight: bold;
 padding: 15px 0px 0px 0px;
}
.kakunin_text {
 padding: 0px 0px 5px 0px;
}
.kakunin_back {
 margin: 0px 0px 20px 0px;
}
.kakunin_back a {
 color:#FFFFFF;
 font-size: 18px;
 font-weight: bold;
 text-decoration: none;
 border: 1px solid #DDDDDD;
 border-radius: 3px;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 background-color: #33CCFF;
 padding: 3px 0px;
}
.kakunin_back a:hover {
 color:#33CCFF;
 font-size: 18px;
 font-weight: bold;
 text-decoration: none;
 border: 1px solid #DDDDDD;
 border-radius: 3px;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 background-color: #CCFFFF;
 padding: 3px 0px;
}
.kakunin_pr {
 padding: 0px 0px 10px 0px;
}

/************************************/
/* LEFT BLOCK */
/************************************/
#left_block {
 float: left;
 text-align: left;
 word-wrap: break-word;
 width: 300px;
}
.left_box {
 border: 1px solid #CCCCCC;
 padding: 10px;
 margin: 0px 0px 10px 0px;
}
.left_subtitle {
 height: 32px;
 background: url(http://qa-now.org/qanow_test/img/side_subtitle.png) no-repeat;
}
.left_subtitle h3 {
 color: #FFFFFF;
 font-size: 14px;
 font-weight: bold;
 padding: 8px 0px 0px 20px;
}
#Keywords {
 text-align: left;
 margin: 0px 0px 10px 0px;
}
.side_ranking_block {
 padding: 5px 0px 0px 0px;
 margin: 0px 0px 10px 0px;
}
.side_ranking_box {
 border-bottom: 1px dotted #CCCCCC;
 padding: 0px 0px 5px 0px;
 margin: 0px 0px 5px 0px;
}
.side_ranking_img {
 float: left;
 text-align: left;
 width: 55px;
}
.side_ranking_text {
 text-align: left;
}
.side_ranking_text_n {
 background-color: #FFC0CB;
}
.side_ranking_text_n a {
 color: #FF3333;
}

.side_more_link {
 text-align: center;
}
.side_more_link a {
 display: block;
 border-radius: 3px;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 background-color: #F4F4F4;
 padding: 3px 0px;
}
.side_more_link a:hover {
 display: block;
 color: #0000FF;
 border-radius: 3px;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 background-color: #E1E1E1;
 padding: 3px 0px;
}


/************************************/
/* LEFT USER TABLE */
/************************************/
.user_t {
 text-align: center;
 width: 100%;
 border: 1px solid #CCCCCC;
 border-collapse: separete;
 border-spacing: 0px;
 margin: 0px 0px 10px 0px;
}
.user_t_nick {
 background: #EEEEEE;
 padding: 3px 0px;
}
.user_t_img {
 padding: 3px 0px;
}
.user_t_l {
 text-align: left;
 width: 40%;
 border-top: 1px dotted #CCCCCC;
 border-right: 1px solid #CCCCCC;
 background: #EEEEEE;
 padding: 3px 0px 3px 5px;
}
.user_t_r {
 text-align: left;
 width: 60%;
 border-top: 1px dotted #CCCCCC;
 padding: 3px 0px 3px 5px;
}

/************************************/
/* LIST */
/************************************/
.side_ranking_list {
 list-style: none url(http://qa-now.org/qanow_test/img/icon_star.png) outside;
 margin: 0px 0px 0px 20px;
}
.side_ranking_list li {
 border-bottom: 1px dotted #CCCCCC;
}
.side_ranking_list a {
 display: block;
 padding: 2px;
}
.side_ranking_list a:hover {
 display: block;
 background: #FFFFCC;
 padding: 2px;
}

.message_list {
 list-style: none outside;
 margin: 0px 0px 10px 0px;
}
.message_list li {
 border-bottom: 1px dotted #CCCCCC;
 padding: 2px 10px;
}



/************************************/
/* TABLE */
/************************************/

/************************************/
/* FORM */
/************************************/

/************************************/
/* コメントフォーム */
/************************************/
#comment {
 text-align: center;
 background: #33CCFF;
 padding: 0px 0px 5px 0px;
 margin: 0px 0px 10px 0px;
}
#comment_title {
 color: #FFFFFF;
 font-size: 18px;
 font-weight: bold;
 border-bottom: 1px dotted #FFFFFF;
 padding: 5px;
 margin: 0px 10px 5px 10px;
}
#inputlength {
 text-align: left;
 color: #333333;
 font-size: 16px;
 font-weight: bold;
 width: 400px;
 margin: 0px auto;
}
#comment form {
 width: 400px;
 margin: 0px auto;
}
#comment fieldset { border: none;}
#comment textarea {
 width: 400px;
 border: none;
 margin: 0px 0px 5px 0px;
}
.comment_submit {
 font-size: 16px;
 margin: 0px 0px 5px 0px;
}
.comment_copy {
 color: #FFFFFF;
 font-size: 12px;
}

/************************************/
/* FIXラベル */
/************************************/
.fixed_label01 {
 width: 35px;
 height: 80px;
 position: fixed;
 top: 164px;
 right: 0px;
}
.fixed_label02 {
 width: 35px;
 height: 80px;
 position: fixed;
 top: 250px;
 right: 0px;
}


/************************************/
/* FOOTER */
/************************************/
#footer {
 border-top: 1px solid #CCCCCC;
 padding: 10px 0px 30px 0px;
 margin: 0px 5px;
}
#footer_link {
 font-size: 80%;
 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;
  /**/
}
/************************************/

/* Q&Aなう */

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