/* CSS Document */
/* 全面的に書き換え '08.07.04 Koshi */

/*-- リンク --*/
a:link {
	color: #425abd;
}
a:visited {
	color: #293385;
}
a:hover {
	color: #c40000;
}
a:active {
	color: #550000;
}

/* ############## レイアウト ############## */
body {
	text-align: center;
}
/*-- コンテンツ全体 --*/
.main_content_area {
	padding: 0 0 10px;
}
/*-- メインエリア --*/
.ask_body{
	float: right;
	margin-bottom: 10px;
	padding-bottom: 10px;
	width: 550px;
	border-left: 2px solid #6ca690;
}
/*-- メニューカラム --*/
.ask_menu{
	width: 205px;
	float: right;
	text-align: center;
	margin-bottom:20px;
}
/* テーブル */
table {
	empty-cells: show;
	border-collapse: collapse;
}

/* ############## 共通 ############## */
strong,
.red {
	color: #B22;
}
.right {
	text-align: right;
}
.float_left {
	float: left;
}
.float_right {
	float: right;
}
br.clear {
	clear: both;
	font-size: 1px;
	line-height:1px;
}
/*-- ボタンエリア --*/
.btn_area {
	width: 530px;
	text-align: center;
	margin: 15px auto 10px auto;
	letter-spacing: 15px;
}
/*===== トップ画像 =====*/
#top_area{
	width: 550px;
	position: relative;
}
h1#top{
	position: absolute;
	left: 10px;
	bottom: 5px;
	color: #346801;
	font-size: 11pt;
	font-family: "ＭＳ Ｐゴシック"; 
	margin: 0;
}
/*===== にゃんでもQ&Aとは =====*/
#intro {
	width: 530px;
	margin: 10px auto;
	background: url('/ask/img/intro_bg.gif');
}
#intro img {
	background: #FFF;
}
#intro h2 {
	margin: 0;
	color: #F60 ;
	font-size: 11pt ;
	background: #FC0;
	padding: 5px 10px 0;
	text-align: right;
}
#intro p {
	margin: 3px 20px 0;
	color: #792E26;
	font-size: 11pt;
	font-weight: bold;
	text-align: left;
	background: url('/ask/img/intro_md.gif') right center no-repeat;
	line-height: 14pt;
}

/* ############## メインエリア ############## */

/* ========== トップ(検索)ページ ========== */
/*-- 検索BOX --*/
.BBSearchArea {
	text-align: center;
	margin: 10px;
	padding: 12px 10px;
	background: #d2ffd3 url('/ask/img/BBSearchArea.gif') bottom repeat-x;
	border: 2px solid #696;
	font:12px;
}
.BBSearchArea .form {
	width: 280px;
}
.BBSearchArea p {
	color: #B22;
	margin-top: 5px;
	font-size: 8pt;
}
.BBSearchArea img.search {
	float: right;
	vertical-align: middle;
}
/*-- 検索結果 ページング --*/
.paging {
	padding-top: 10px;
	text-align: center;
	font-size: 10pt;
}
/*-- トップ 相談・使い方ボタン --*/

#ques_btn_box {
	text-align: center;
}
/* ===== 質問リスト欄 ===== */
div.list_box{
	width: 530px;
	margin: 0 10px;
	font-size: 9pt;
}
.list_box h2 {
	margin: 1em auto 0;
	background: #58a572;
	color: #FFF;
}
/* カテゴリリスト */
.category {
	text-align: right;
	line-height: 150%;
	background: #ffffe6 url('/ask/img/ctgr_icon_bg.gif');
	margin-top:10px;
}
.category span {
	white-space: nowrap;
	margin-right: 7px;
}
.category span img {
	margin-right: 3px;
	vertical-align: middle;
}
/*-- 質問リストテーブル --*/
table.ask_list,
table.ask_list th,
table.ask_list td {
	font-size: 9pt;
	border: 1px solid #58a572;
}
table.ask_list {
	width: 530px;
	border-collapse: collapse;
	empty-cells: show;
	font-size: 100%;
}
table.ask_list th {
	color: #7c2c0e;
	background: #fbffa5;
	padding: 4px 6px;
}
table.ask_list td{
	padding: 4px 6px;
}
table.ask_list td h3{
	font-size: 10pt;
	font-weight: normal;
	margin: 0;
}
/* ========== 質問詳細 ========== */
/*-- 質問 --*/
table#thread_list,
table#thread_list th,
table#thread_list td {
	border: 1px solid #58a572;
	line-height: 130%;
}
#thread_list{
	width: 530px;
	margin: 5px auto;
}
#thread_list td{
	padding: 0.5em;
	background: #FFF;
}
/* 質問タイトル */
#thread_list th{
	color: #19662f;
	font-size: 10pt;
	padding: 5px;
	background: #d0f9b5;
}
#thread_list th h2{
	margin: 0;
	text-align: left;
	float: left;
	font-size: 11pt;
}
#thread_list th img{
	vertical-align: middle;
}
#thread_list th span{
	float: right;
}
/* 質問データ・締切りボタン */
#thread_list td.thread_data {
	padding: 5px;
	background: #F6F6F6;
}
#thread_list td.thread_data .float_left span,
#thread_list td.thread_data .float_left a {
	font-weight: bold;
}
#thread_list td.thread_data .float_left span {
	color: #ac2d49;
}
#thread_list td.shimekiri{
	text-align: right;
}

/*-- 回答 --*/
table#ask_info{
	width: 520px;
	margin: 15px auto 5px auto;
}


table#ask_info, table#ask_info th, table#ask_info td {
	border: 1px solid #F4A460;
	padding: 4px 6px;
}

table#ask_info th {
	color: #8a361e;
	background: #ffefab;
	padding: 4px 6px;
}
/*-- お礼 --*/
table.ask_info2, td.ask_info2, th.ask_info2{
	width: 520px;
	margin: 0 auto;
	border:1px solid #f08080;
}
th.ask_info2{
	background: #ffc0cb;
	padding: 4px 6px;
	color: #dc143c;
}
td.ask_info2{
	padding: 4px 6px;
}

/* ========== フォーム (質問/回答/通報) ========== */
#user_input .title {
	text-align: center;
	position: relative;
	width: 530px;
	height: 35px;
	margin: 10px auto 0;
}
#user_input .title span {
	position : absolute ;
	left: 40px;
	bottom: 7px;
	font-weight: bold;
	font-size: 120%;
	color: #630;
}
.error_box {
	margin: 10px;
}
/* table */
#user_input table,
#user_input th,
#user_input td {
	border: 1px solid #841;
}
#user_input table {
	width: 530px;
	margin: 0 auto;
}
#user_input th {
	width: 30%;
	background: #FFC;
	padding: 4px 6px;
	color: #8a361e;
	text-align:left;
}
#user_input th img {
	vertical-align: middle;
}
#user_input td {
	background : #f4f9f9;
	padding: 4px 6px;
}
/*-- 通報完了 --*/
.report_finish {
	margin: 20px;
	background: #FFFBD9;
	border: 2px solid #F90;
	padding: 15px;
	line-height: 180%;
}
.report_finish p {
	display: block;
	font-size: 120%;
	font-weight: bold;
	color: #267;
}
.report_finish img {
	margin: 12px;
}
/* ========== 使い方・ルール ========== */
#rule_box {
	text-align: left;
}
#rule_box h2 {
	margin: 1ex auto;
	text-align: center;
}
#rule_box h3 {
	margin: 10px 0 0 20px;
}
/*-- テキスト欄 --*/
#rule_box div {
	padding: 7px 12px;
	margin: 0 15px;
	font-size: 9pt;
	line-height: 150%;
}
#rule_box div img {
	margin: 5px 10px 4px 0;
}
#rule_box li {
	list-style: url('/ask/img/niku.png');
}
/*-- テキスト欄 色 --*/
#rule_box .pink {
	color: #301;
	background: #f5ebf5;
}
#rule_box .blue {
	color: #013;
	background: #e4f1f1;
}
#rule_box .orange {
	color: #310;
	background: #f2f2e3;
}

/* ############## メニューカラム ############## */
/*-- Q&Aメニュー --*/
table.contents_menu {
	width: 180px;
	border: solid 2px #FC0;
	margin: 10px auto 0;
	border-collapse: collapse ;
	empty-cells: show ;
	font-size: 90% ;
	background: #FFFFE6;
}
table.contents_menu th.contents_menu_top{
	background: #FD6;
	text-align: left;
	padding: 8px;
}
table.contents_menu td{
	font-size: 10pt;
	padding: 6px 4px 3px;
}
table.contents_menu td.now{
	background: #d2f3be;
}
table.contents_menu td img {
	margin-right: 3px;
	vertical-align: middle;
}
/*-- ねこ市場アイテム--*/
#item {
	margin-top: 10px;
}
#item table,
#item td,
#item th {
	margin: 0 auto;
	text-align: center;
	border: 1px solid #4E8890;
}
#item table {
	width: 180px;
}
#item th {
	color: #8a361e;
	background: #bedfbd;
	padding: 3px;
	font-weight: normal;
}
#item td {
	border: 0;
	padding: 5px;
}