@charset "utf-8";


/*ノウハウ帯*/
.tips_item_details_title {
	background-image: url(/images/item/tips/tips_item_details_obi.gif);
	background-repeat: no-repeat;
	height: 26px;
	padding: 9px 10px 0 10px;
}
/*ニュース帯*/
.news_item_details_title {
	background-image: url(/images/item/news/news_item_details_obi.gif);
	background-repeat: no-repeat;
	height: 26px;
	padding: 9px 10px 0 10px;
}
/*qa帯*/
.question_item_details_title {
	background-image: url(/images/item/question/question_item_details_obi.gif);
	background-repeat: no-repeat;
	height: 26px;
	padding: 9px 10px 0 10px;
	}
	
.question_item_details_title .tool,
.news_item_details_title .tool,
.tips_item_details_title .tool {
	float: left;
	width: 18px;
}
.tips_item_details_title p,
.news_item_details_title p,
.question_item_details_title p {
	font-size: 17px;
	float: left;
	width: auto;
	color: #666666;
	font-weight: bold;
}

.tips_item_details_title a,
.news_item_details_title a,
.question_item_details_title a,
.tips_item_details_title a:hover,
.news_item_details_title a:hover,
.question_item_details_title a:hover {
    color: #666666;
    text-decoration:none;
}


p.guidance {
    font-size: 17px;
	float: left;
	width: 200px;
	color: #666666;
	font-weight: bold;
}
.content_item_details {
	border: 1px solid #D9D9D9;
	width: 678px;
	padding-bottom: 10px;
}

 
.title_text {
    margin-top: 8px;
	margin-bottom: 5px;
}

h2 .direct a {
	color: #444444;
	text-decoration:none;
}
.rating_item_details_box {
	width: 124px;
	background-image: url(/images/item/rating_box.gif);
	background-repeat: no-repeat;
	height: 22px;
	float: left;
}

.rates_img {
	float: left;
	height: 22px;
	width: 11px;
	background-image: url(/images/item/rating_box_right.gif);
	background-repeat: no-repeat;
}


/*////////////////////////////////////////////////////////////////////////*/
/* 詳細記事右のボックス */
/*////////////////////////////////////////////////////////////////////////*/

.text_title { margin-bottom: 8px;
}

h2 .direct a {
	color: #444444;
}

.text_title .question_text_title,
.text_title .tips_text_title,
.text_title h2 a {
	font-size: 20px;
	line-height: 1;
	font-weight: bold;
}
.text_title.question_text_title .direct,
.text_title .news_text_title,
.text_title .tips_text_title,
.text_title .question_text_title   {
	margin-left: 8px;
}

.content_item_details .details_box {
	float: left;
	width: 600px;
	/*margin-left: 8px;*/
	margin-top: 10px;
}
.details_box .content_quotation .text p {
	color: #888888;
	/*padding-left: 5px;*/
	line-height: 1.2;
	font-size: 12px;
	margin-left: 8px;
}
.details_box .content_quotation {
	margin-bottom: 10px;
}

.content_item_details .comment_head {
	background-color: #f2f2f2;
	padding: 2px 0 2px 5px;
	margin: 5px 8px 0 8px;
}

.content_item_details .comment_head li {
    display: inline;
}


/*本文抜粋サイトショット（ニュース、ノウハウページ）*/
.content_head {
	float:right;
	width:130px;
	margin-left: 5px;
}
/*ここまで*/





/*////////////////////////////////////////////////////////////////////////*/
/* 詳細記事左のボックス */
/*////////////////////////////////////////////////////////////////////////*/

.content_item_details .okyuu_rating_box {
	float: left;
	width: 53px;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 8px;
} 
.item_rating_bad_good .good,
.item_rating_bad_good .bad {
	background-image: url(/images/item/okyuu_point.gif);
	background-repeat: no-repeat;
	height: 38px;
	width: 53px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	text-align: center;
	color: #a70503;
	margin: 0px auto;
}
.item_rating_bad_good .bad {
   color: #517aad;

}


.item_rating_bad_good .good strong {
	line-height: 1.1em;
}

.okyuu_rating_box .evaluation_people {
	line-height: 1.2;
	color: #999999;
}

/*記事評価矢印の部分*/
.item_rating {
    list-style-type:none;
	position:relative;
	background-repeat: no-repeat;
	width: 35px;
	height: 56px;
	padding:0;
	margin: 5px auto 8px auto;
}

.item_rating li {
  cursor:pointer;
  text-indent:-999em;
}

.item_rating li a {
 list-style-type:none;
	background-image: url(/images/item/okyuu_rating.gif);
	background-repeat: no-repeat;
	position:absolute;
	left:0px;
	top:0px;
	width:35px;
	height:28px;
	text-decoration:none;
	/*z-index:200;*/
}


.item_rating li a:hover {
	/*z-index:2;*/
	width:35px;
	height:28px;
	overflow:hidden;
	left:0;
	background-image: url(/images/item/okyuu_rating.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

/*.item_rating .r_good a,
.item_rating .r_delete_good a {
    top:0px;
	overflow:hidden;
}
.item_rating .r_delete_good a {
   background-position:0px 0px;
}*/

.item_rating .r_bad a,
.item_rating .r_delete_bad a {
	top: 28px;
	overflow:hidden;
}
.no_rating .r_bad a,
.item_rating .r_delete_bad a {
    background-position:0 -28px;
	overflow:hidden;
}

.s_good .r_bad a {
    background-position:0 -196px;
    overflow:hidden;
}

.s_noitem_rating .r_bad a {
    background-position:0 -28px;
    overflow:hidden;
} 
.item_rating .r_good a:hover {
  background-position:0 -56px;
  overflow:hidden;
}
 
.item_rating .r_bad a:hover {
  background-position:0 -140px;
  overflow:hidden;
}

.s_good a {
  background-position:0 -168px;
  overflow:hidden;
}


.s_bad a {
  background-position:0 -224px;
  overflow:hidden;
}

.item_rating .r_delete_good a:hover{
  background-position:0 -448px;
  overflow:hidden;
}

.item_rating .r_delete_bad a:hover{
  background-position:0 -420px;
  overflow:hidden;
}
.s_disable {
  background-image: url(/images/item/okyuu_rating.gif);
  background-position:0 -504px;
}

/*.s_disable {
  background-position:0 0;
}*/
  

/*ここまで*/

/*時間切れ評価表示*/
div.s_good {
	background-repeat: no-repeat;
	width: 35px;
	height: 56px;
	padding:0;
	margin: 5px auto 8px auto;
	background-image: url(/images/item/okyuu_rating.gif);
	background-position:0 -280px;
}
div.s_bad {
	background-repeat: no-repeat;
	width: 35px;
	height: 56px;
	padding:0;
	margin: 5px auto 8px auto;
	background-image: url(/images/item/okyuu_rating.gif);
	background-position:0 -336px;
	cursor: pointer
}


/*////////////////////////////////////////////////////////////////////////*/
/* コメント右のボックス */
/*////////////////////////////////////////////////////////////////////////*/
.details_comment_box {
    float: left;
	width: 600px;
	margin-left: 8px;
	margin-top: 13px;
}
.details_comment_box .comment_head li {
	display: inline;
}
.details_comment_box .comment_head {
	background-color: #f2f2f2;
	padding-top: 2px;
	padding-left: 5px;
	/*margin-top: 5px;*/
}
.point strong {
	font-size: 113%;
	color: #a70503;
	font-family: Arial, Helvetica, sans-serif;
}
.cont_comment {
	padding: 7px 10px 7px 10px;
}
.cont_comment pre {
	line-height: 1.4;
	font-size: 13px;
}





/*////////////////////////////////////////////////////////////////////////*/
/* コメント左のボックス */
/*////////////////////////////////////////////////////////////////////////*/
.okyuu_comment_rating_box {
	float: left;
	width: 53px;
	text-align: center;
	margin-top: 13px;
	margin-left: 8px;
}
.okyuu_comment_rating_box .evaluation_people {
	line-height: 1.2;
	color: #999999;
} 
.comment_rating_bad_good .good,
.comment_rating_bad_good .bad {
	background-image: url(/images/item/okyuu_point.gif);
	background-repeat: no-repeat;
	height: 38px;
	width: 53px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	text-align: center;
	color: #a70503;
	margin: 0px auto;
}
.comment_rating_bad_good .good strong,
.comment_rating_bad_good .bad strong {
	line-height: 1.1em;
}

/*コメント評価矢印の部分*/
.comment_rating {
	width: 35px;
	height: 56px;
	list-style-type:none;
	position:relative;
	/*background-image: url(/images/item/okyuu_rating.gif);
	background-repeat: no-repeat;*/
	background-position: 0 0;
	margin: 5px auto 8px auto;
	padding:0;
}
.comment_rating li {
  cursor:pointer;
  text-indent:-999em;
}

.comment_rating li a {
	list-style-type:none;
	background-image: url(/images/item/okyuu_rating.gif);
	background-repeat: no-repeat;
	position:absolute;
	left:0px;
	top:0px;
	width:35px;
	height:28px;
	text-decoration:none;
	/*z-index:200;*/
}

.comment_rating a:hover {
	/*z-index:2;*/
	width:35px;
	height:28px;
	overflow:hidden;
	left:0;
	background-image: url(/images/item/okyuu_rating.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

/*.comment_rating .r_good a {
	top:0px;
}*/

.comment_rating .r_bad a,
.comment_rating .r_delete_bad a {
	top: 28px;
	overflow:hidden;
}
.nocomment_rating .r_bad a,
.comment_rating .r_delete_bad a {
    background-position:0 -28px;
	overflow:hidden;
}
.s_good .r_bad a {
    background-position:0 -196px;
    overflow:hidden;
}

.s_noitem_rating .r_bad a {
    background-position:0 -28px;
    overflow:hidden;
} 



.comment_rating .r_good a:hover {
  background-position:0 -56px;
  overflow:hidden;
}
 
.comment_rating .r_bad a:hover {
  background-position:0 -140px;
  overflow:hidden;
}

.s_good a {
  background-position:0 -168px;
}
.s_bad a {
  background-position:0 -224px;
}

.comment_rating .r_delete_good a:hover{
  background-position:0 -448px;
  overflow:hidden;
}

.comment_rating .r_delete_bad a:hover{
  background-position:0 -420px;
  overflow:hidden;
}
.s_disable {
  background-image: url(/images/item/okyuu_rating.gif);
  background-position:0 -504px;
}
/*時間切れ評価表示*/
.comment_not_rating_good {
	list-style-type:none;
	position:relative;
	background-repeat: no-repeat;
	width: 35px;
	height: 56px;
	padding:0;
	margin: 5px auto 8px auto;
	background-image: url(/images/item/okyuu_rating.gif);
	background-position:0 -280px;
	cursor: pointer
}
.comment_not_rating_bad {
	list-style-type:none;
	position:relative;
	background-repeat: no-repeat;
	width: 35px;
	height: 56px;
	padding:0;
	margin: 5px auto 8px auto;
	background-image: url(/images/item/okyuu_rating.gif);
	background-position:0 -336px;
	cursor: pointer
}
/*ここまで*/



/*////////////////////////////////////////////////////////////////////////*/
/* クリップ削除、追加ボタン */
/*////////////////////////////////////////////////////////////////////////*/
.clip_button {
	float: right;
	width: 300px;
	text-align: right;
	margin-top: -4px;
}
.clip_plus a {
	height: 20px;
	width: 122px;
	background-image: url(/images/item/clip_plus.gif);
	display: block;
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 5px;
	padding-left: 5px;
	text-decoration: underline;
}
.clip_plus {
	float: right;	
}
.clip_editing a {
	height: 20px;
	width: 121px;
	background-image: url(/images/item/editing_button.gif);
	display: block;
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 5px;
	padding-left: 9px;
    color:#444;
}
.clip_editing {	
    float: left;

}
.clip_minus a {
	height: 20px;
	width: 122px;
    background-image: url(/images/item/clip_minus.gif);
	display: block;
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 5px;
	padding-left: 5px;
    color:#444;
}
.clip_minus {
    float: right;
}

/*クリップ編集*/
.editing_button {
	float: right;
	width: 257px;
}
/*ここまで*/

/*カテゴリ、タグを編集ボタン*/
.tag_cate_editing a {
	height: 20px;
	width: 114px;
	display: block;
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 5px;
	padding-left: 13px;
	background-image: url(/images/item/editing_button.gif);
	margin-top: 5px;
	margin-right: 8px;
	color:#444;
	background-position: right;
	text-decoration: none;
	float: right;
}

.editing a {
	height: 20px;
	width: 114px;
	display: block;
	background-image: url(/images/item/editing_button.gif);
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 5px;
	padding-left: 13px;
	margin-left: 30px;
	margin-right: 8px;
	color:#444;
	float: right;
	text-decoration: none;	/*width: 156px;*/
}
/*ここまで*/




/*////////////////////////////////////////////////////////////////////////*/
/* 「コメントする」ボタン */
/*////////////////////////////////////////////////////////////////////////*/
.comment_button a,
.news_comment_button a,
.tips_comment_button a {
	background-image: url(/images/item/comment_button.gif);
	background-repeat: no-repeat;
	display: block;
	height: 31px;
	width: 114px;
	font-size: 15px;
	padding-top: 11px;
	padding-left: 60px;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0px auto;
}
.comment_button a:hover,
.news_comment_button a:hover,
.tips_comment_button a:hover {
	color: #FFFFFF;
	background-image: url(/images/item/comment_button_hover.gif);
	background-repeat: no-repeat;
	text-decoration: none;	
}

.comment_button {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #cccccc;
	padding-top: 10px;
	margin-top: 10px;
}

.tips_comment_button {
	background-image: url(/images/item/tips/tips_comment_bg.gif);
	background-repeat: repeat-x;
	padding-top: 13px;
	padding-bottom: 12px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #c9caca;
}
.news_comment_button{
	background-image: url(/images/item/news/news_comment_bg.gif);
	background-repeat: repeat-x;
	padding-top: 13px;
	padding-bottom: 12px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #c9caca;
}
.question_comment_button{
	background-image: url(/images/item/question/question_comment_bg.gif);
	background-repeat: repeat-x;
	padding-top: 13px;
	padding-bottom: 12px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #c9caca;
} 
.answer_button_box .answer {
	clear: left;
	margin: 0px auto;
	width: 174px;
}




/*////////////////////////////////////////////////////////////////////////*/
/* 「回答する]「回答締切」ボタン */
/*////////////////////////////////////////////////////////////////////////*/

.answer_button_box .login {
	clear: left;
	margin: 0px auto;
	width: 174px;
}
.answer_button_box .guest {
	width: 174px;
	margin: 0px auto;
}

.answer_button_box li {
	display: inline;
	float: left;
	width: 174px;
}

/*「回答する」ボタン*/

 .answer .answer_open a:hover,
 .owner .answer_open a:hover,
 .answer_button .answer_open a:hover {
	color: #FFFFFF;
	background-image: url(/images/item/answer_button_hover.gif);
	background-repeat: no-repeat;
	text-decoration: none;
}
		
 .answer .answer_open a,
 .owner .answer_open a,
 .answer_button .answer_open a  {
    background-image: url(/images/item/answer_button.gif);
	background-repeat: no-repeat;
	display: block;
	height: 31px;
	width: 114px;
	font-size: 15px;
	padding-top: 11px;
	padding-left: 60px;
	font-weight: bold;
	color: #FFFFFF;
}
.answer_open {
	width: 174px;
}
/*「回答締切」ボタン*/
.deadline a {
	background-image: url(/images/item/deadline_button.gif);
	background-repeat: no-repeat;
	display: block;
	height: 31px;
	width: 174px;
	font-size: 15px;
	padding-top: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	margin-left: 10px;
}
.deadline a:hover {
	background-image: url(/images/item/deadline_button_hover.gif);
	color: #FFFFFF;
	text-decoration: none;
}
.answer_button_box .owner {
	margin: 0px auto;
	width: 358px;
}
.answer_close {
	background-image: url(/images/item/answer_close_button.gif);
	background-repeat: no-repeat;
	height: 29px;
	width: 169px;
	text-align: center;
	padding-top: 13px;
	font-size: 15px;
	font-weight: bold;
	color: #B4B4B4;
}
/*ここまで*/



.attributes {
  /*
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
    */
	width: 480px;
	margin-left: 8px;
	float: left;
	font-size: 12px;
	color: #666666;
	margin-bottom: 3px;
}
.attributes li{
	display: inline;
}

.attributes img {
    vertical-align:bottom;
}

/*ここまで*/
.attributes .comment {
	background-image: url(/images/comments_count.gif);
}
.attributes .clip {
	background-image: url(/images/clips_count.gif);
}
.attributes .access {
	background-image: url(/images/access_count.gif);
}
.attributes .comment,
.attributes .clip,
.attributes .access {
    background-repeat: no-repeat;
	background-position: left;
	padding-left: 18px;   
}
.attributes select{
    border: 1px solid #CCCCCC;
}





/*////////////////////////////////////////////////////////////////////////*/
/* タブ部分 */
/*////////////////////////////////////////////////////////////////////////*/
.details_tab_box {
	margin-bottom: 10px;
} 



.details_tab {
	float: left;
	width: 680px;
	margin-bottom: -2px;
	height: 37px;
	background-image: url(/images/item/tab_line.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}
.tab {
	margin-top: 7px;
	width: 680px;
}
.tab  li {
	float: left;
	display: block;
	width: 123px;
	text-align: center;
	margin-left: 4px;
}
.details_tab .tab_on {
	height: 22px;
	background-image: url(/images/item/details_tab.gif);
	padding-top: 8px;
	background-repeat: no-repeat;
	font-weight: bold;
	color: #444444;
	}
.details_tab .tab_off a {
	display: block;
	height: 22px;
	width: 123px;
	background-image: url(/images/item/details_tab_a.gif);
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 8px;
	font-weight: bold;
	text-decoration: underline;
	font-size: 12px;
}


.tab li a:hover {
	background-image: url(/images/item/details_tab_hover.gif);
	background-repeat: no-repeat;
	color: #444444;
}
.speace{
	clear: both;
	height: 8px;
}

/*ここまで*/


/*////////////////////////////////////////////////////////////////////////*/
/* オキュウ記法 */
/*////////////////////////////////////////////////////////////////////////*/
.content_comment {
	margin-top: 10px;
}
.comment_form {
    width:660px;
    text-align:center;
    background-color:#EEE;
    margin:0 auto;
    padding:0;
}

.comment_form_edit {
	width:600px;
	text-align:center;
	background-color:#EEE;
	margin-left: 2px;
	margin-top: 8px;
}

.comment_form ul,
.comment_form_edit ul {
	list-style-type:none;
	padding:0;
	margin-left: 30px;
}

.comment_form .notation_navi li,
.comment_form_edit .notation_navi li {
    float:left;
    margin:15px 1px 5px 0;
    padding:0;
}

.comment_form li a span,
.comment_form_edit li a span
 {
    display:none;
}

.comment_form .notation_navi li a,
.comment_form_edit li a {
    display:block;
    width:30px;
    height:30px;
}

.comment_form li a.strong,
.comment_form_edit li a.strong {
    background:url(/images/commentform_strong.gif) no-repeat 0 0;
}

.comment_form li a.icon,
.comment_form_edit li a.icon {
    background:url(/images/commentform_icon.gif) no-repeat 0 0;
}

.comment_form li a.em,
.comment_form_edit li a.em {
    background:url(/images/commentform_em.gif) no-repeat 0 0;
}

.comment_form li a.del,
.comment_form_edit li a.del{
    background:url(/images/commentform_del.gif) no-repeat 0 0;
}

.comment_form li a.ulist,
.comment_form_edit a.ulist {
    background:url(/images/commentform_ulist.gif) no-repeat 0 0;
}

.comment_form li a.olist,
.comment_form_edit li a.olist {
    background:url(/images/commentform_olist.gif) no-repeat 0 0;
}

.comment_form li a.link,
.comment_form_edit li a.link {
    background:url(/images/commentform_link.gif) no-repeat 0 0;
}

.comment_form li a.code,
.comment_form_edit li a.code {
    background:url(/images/commentform_code.gif) no-repeat 0 0;
}

.comment_form li a.blockquote,
.comment_form_edit li a.blockquote {
background:url(/images/commentform_blockquote.gif) no-repeat 0 0;
}

.comment_form li a.youtube,
.comment_form_edit li a.youtube {
background:url(/images/commentform_youtube.gif) no-repeat 0 0;
}

.comment_form li a.nicovideo,
.comment_form_edit li a.nicovideo {
background:url(/images/commentform_nicovideo.gif) no-repeat 0 0;
}

.comment_form li a.slideshare,
.comment_form_edit a.slideshare {
background:url(/images/commentform_slideshare.gif) no-repeat 0 0;
}

.comment_form li a.kakaku,
.comment_form_edit li a.kakaku {
background:url(/images/commentform_kakaku.gif) no-repeat 0 0;
}

.comment_form li a.googledocs,
.comment_form_edit li a.googledocs {
background:url(/images/commentform_googledocs.gif) no-repeat 0 0;
}

.comment_form li a.h1,
.comment_form_edit li a.h1 {
background:url(/images/commentform_h1.gif) no-repeat 0 0;
}

.comment_form li a.h2,
.comment_form_edit li a.h2 {
background:url(/images/commentform_h2.gif) no-repeat 0 0;
}

.comment_form li a.h3,
.comment_form_edit li a.h3 {
background:url(/images/commentform_h3.gif) no-repeat 0 0;
}

.comment_form li a.hrule,
.comment_form_edit li a.hrule {
background:url(/images/commentform_hr.gif) no-repeat 0 0;
}

.comment_form li a:hover,
.comment_form_edit li a:hover {
background-position:0 -30px;
}

.comment_form li a:active,
.comment_form_edit li a:active {
background-position:0 -60px;
}

.comment_form .textarea {
	clear:both;
	width:600px;
	margin:0 auto;
	padding:0;
}
.comment_form_edit .textarea {
	clear:both;
	width:540px;
	margin:0 auto;
	padding:0;
}
.comment_form .comment {
	width:600px;
	height:300px;
	font-size:12px;
	border:1px solid #ccc;
	margin:0;
	padding:0;
	background-color: #FFFFFF;
}
.comment_form_edit .comment {
	width:540px;
	height:300px;
	font-size:12px;
	border:1px solid #ccc;
	margin:0;
	padding:0;
	background-color: #FFFFFF;
}
.content_comment .blocktitle {
	font-size: 15px;
	margin-top: 5px;
	margin-bottom: 5px;
	text-decoration: none;
}
.content_comment .blocktitle a {

}
.content_comment .blocktitle a:hover {
	color: #444444;
}
/*ここまで*/
.text_title #item_title {
	border: 1px solid #CCCCCC;
	height: 17px;
	width: 98%;
	padding: 3px 5px 3px 5px;
}
.attributes #item_tag_list {
	border: 1px solid #CCCCCC;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left: 3px;
	width:80%;

}

.attributes span.item_category {
	margin-top: 5px;
	margin-bottom: 5px;
}


/*コメントboxのテキストエリア可変部分とリアルタイムプレビュー部分*/


.textarea_expand {
	width:602px;
	background-color:#dcdbdb;
	height:15px;
	text-align: left;
	left:0;
	top:0;
	cursor: s-resize;
	position:relative;
	margin: 0px auto;
	background-image: url(/images/item/textarea_move_ber.gif);
	background-repeat: no-repeat;
	text-indent:-9999px;	
}

.comment_form .cont_comment_input,
.comment_form .cont_comment,
.comment_form_edit .cont_comment {
	width:596px;
	background-color: #d8e8f3;
	padding-right: 3px;
	padding-left: 3px;
	margin: 8px auto 0px auto;
	text-align: left;
}

.comment_form .cont_comment_input pre,
.comment_form .cont_comment pre {
	line-height: 1.4;
	font-size: 13px;
	text-align: left;
}



/*「編集」「タグ、カテゴリ編集」「コメント」部分のボタン*/
.btnarea {
	width: 168px;
	height: 30px;
	margin: 0 auto;
	padding: 15px 0;
}
.btnarea_edit {
	width: 225px;
	height: 30px;
	margin: 0 auto;
	padding: 15px 0;
	text-align: center;
	text-decoration: none;
}
.btnarea_edit a {
    text-decoration: none;
}
.btnarea_agreement {
	width: 290px;
	margin: 0 auto;
	padding: 20px 0;
	text-align: center;
}

#confirmation_button {
	background-image: url(/images/item/confirmation_button.gif);
	background-repeat: no-repeat;
	height: 35px;
	width: 168px;
	color: #444444;
	border: 0px solid #999999;
	font-size: 14px;
	cursor:pointer;
	display: block;
}

.confirmation_button_edit {
	float: left;
	width: 168px;
}

/*.btnarea .confirmation_button_edit {
	background-image: url(/images/item/confirmation_button.gif);
	background-repeat: no-repeat;
	height: 35px;
	width: 168px;
	color: #444444;
	border: 0px solid #999999;
	font-size: 14px;
	cursor:pointer;
}*/

.back_button_edit,
.back_button_comment {
	font-size: 14px;
	background-image: url(/images/item/back_button.gif);
	background-repeat: no-repeat;
	text-align: center;
	color: #444444;
	display: block;
	height: 30px;
	width: 48px;
	float: left;
	padding-top: 10px;
	margin-left: 5px;
}

/* Win版IE5および6対策 */
/** html .back_button_edit,*/
* html .back_button_comment {
	margin-top: -16px;
}

/*.btnarea .back_button_comment {
    font-size: 14px;
	background-image: url(/images/item/back_button.gif);
	background-repeat: no-repeat;
	text-align: center;
	color: #444444;
	padding: 11px;

}
*/

/*ここまで*/

/*確認画面ページのボタン*/
.agreement_button {
	background-image: url(/images/item/agreement_button.gif);
	background-repeat: no-repeat;
	height: 35px;
	width: 168px;
	color: #ffffff;
	border: 0px solid #999999;
	font-size: 15px;
	cursor:pointer;

}
.btnarea .back_button,
.btnarea_agreement .back_button {
	font-size: 14px;
	background-image: url(/images/item/back_button.gif);
	background-repeat: no-repeat;
	height: 35px;
	width: 48px;
	border: 0px solid #999999;
	cursor:pointer;
	margin-left: 3px;
}

.content_comment .commentlist li.item {
	margin:5px;
	padding:5px 0;
	border-top-width: 2px;
	border-top-style: dotted;
	border-top-color: #aeb3b7;
}

.content_comment .commentlist .info {
    font-size:10px;
}

.content_comment .commentlist .comment {
    border:#DDD 1px solid;
    margin:2px 0;
    padding:2px;
}


/*////////////////////////////////////////////////////////////////////////*/
/* オススメ記事 */
/*////////////////////////////////////////////////////////////////////////*/

.item_blocktitle  {
	background-image: url(/images/item/recommend_item_obi.gif);
	background-repeat: no-repeat;
	height: 20px;
	width: 650px;
	padding-top: 5px;
	padding-left: 20px;
	margin-bottom: 8px;
	padding-right: 10px;
}
.item_blocktitle h3 {
	float:left;
}


.item_blocktitle p {
	text-align: right;
}

.item_blocktitle p a {
	font-size: 98%;
	
}



.content_relation h3 {
    font-size:13px;
}
.content_relation .related {
  list-style-image:url(/images/item/content_relation_list.gif);
  padding-left:20px;
  color:#333;
}
.content_relation ul {
  list-style-type:disc;
  margin:0;
  padding:0 0 0 20px;
}

.content_relation li {
  margin:2px 0;
  padding:0;
}

.content_relation {
  padding-top:10px;
}



/*直投稿「本文」bg*/
.tips_direct_cont {
	background-image: url(/images/item/tips/tips_direct_cont_obi.gif);
	background-repeat: no-repeat;
	height: 17px;
	padding-top: 5px;
	padding-left: 25px;
	margin-top: 10px;
}
.text pre {
	/*margin-left: 23px;*/
	width: 640px;
	margin-bottom: 5px;
	margin-top: 3px;
}
.text {
	margin-top: 5px;
	margin-bottom: 5px;
}
/*////////////////////////////////////////////////////////////////////////*/
/* タブコンテンツ */
/*////////////////////////////////////////////////////////////////////////*/
#external_reputation_container {
    width:100%;
}

#external_reputation_container .external_reputation_tabs {
    width:95px;
    height:20px;
    margin-right:10px;
    text-align:center;
    float:left;
    cursor:pointer;
    border:1px solid #ccc;
    border-bottom:0;
    padding:4px;
}

#external_reputation_content {
    clear:both;
    border:1px solid #ccc;
    min-height:5px;
}

#external_reputation_content .external_reputation_blocktitle {
    font-size:small;
    font-weight:700;
    color:#333;
    margin:2px;
}

#external_reputation_load {
    position:absolute;
    left:0;
    top:0;
    width:100px;
    height:20px;
    background-color:#a70503;
    color:#FFF;
    display:none;
}

#external_reputation_list li.item {
	border-top:#DDD 1px dotted;
	margin:2px;
	padding:5px 0;
}
/*ここまで*/



/*pager*/
.pager {
	text-align: center;
	margin-top: 20px;
	margin-bottom: 15px;
}
.page_link a {
	border: 1px solid #C0C4C7;
	height: 20px;
	width: 23px;
	display: inline-block;
	font-size: 14px;
	text-align: center;
	padding-top: 3px;
	margin-right: 2px;
	margin-left: 2px;
}
.pager .next {
	font-size: 16px;
	font-weight: bold;
}
.page_link a:hover,
.page_link_current {
	background-color: #FEF5F5;
	height: 20px;
	width: 23px;
	padding-top: 3px;
	border: 1px solid #BC0303;
	display: inline-block;
	font-size: 14px;
	margin-right: 2px;
	margin-left: 2px;
}
/*ここまで*/

/*もっと見る*/
.more {
	text-align: right;
}
/*ここまで*/


.content_footprint {
	margin-top: 10px;
	margin-bottom: 10px;
}

/*確認画面案内の文言*/
.confirmation_screen {
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 14px;
	background-color: #FFCACA;
	padding: 8px 8px 6px 8px;
	color: #666666;
	font-weight: bold;
}
/*ここまで*/


/*質問者へのお願い事項部分*/
#request {
	border: 2px solid #a70503;
	padding: 5px;
}
#request .request_item {
	line-height: 150%;
	font-size: 13px;
	padding: 3px 0px 3px 5px;
	font-weight: bold;
}
#request ul {
	margin-top: 3px;
	margin-bottom: 3px;
	padding-left: 25px;
	list-style-type: square;
}
/*ここまで*/


/*////////////////////////////////////////////////////////////////////////*/
/* tag suggest */
/*////////////////////////////////////////////////////////////////////////*/

#tag_suggest_list {
	position: absolute;
	left: 0px;
	top: 48px;
}

.attributes #tag_suggest_list {
	position: absolute;
	left: 46px;
	top: 23px;
	z-index:9999;
}

#tag_suggest_list .suggest {
  display: block;
  list-style-type: none;
  background-color: #FFFFFF;
  width:655px;
  font-size:20px;
  border:1px solid #CCCCCC;
  padding: 2px;
  margin: 2px 2px 2px 0px;
 
}

.attributes #tag_suggest_list .suggest {
  display: block;
  list-style-type: none;
  background-color: #FFFFFF;
  width:383px;
  font-size:20px;
  border:1px solid #CCCCCC;
  padding: 2px;
  margin: 2px 2px 2px 0px;
  z-index:999;
} 

.relative {   
    position: relative;   
}  

#tag_suggest_list ul,
.attributes #tag_suggest_list ul {
  overflow: hidden;
  text-align: left;
}

#tag_suggest_list ul li,
.attributes #tag_suggest_list ul li {
  display:block;
  padding: 0 7px;
  border:0px;
}

#tag_suggest_list .suggest a,
.attributes #tag_suggest_list .suggest a {
	color: #000000;
	display: block;
	text-decoration:none;
}

#tag_suggest_list .suggest .suggest_list_on a,
.attributes #tag_suggest_list .suggest .suggest_list_on a {
  color: #ffffff;
}

#tag_suggest_list .suggest .suggest_list_on,
.attributes #tag_suggest_list .suggest .suggest_list_on {
  background-color:#fcc56b;
}

#tag_suggest_list .suggest .suggest_list_off a,
.attributes #tag_suggest_list .suggest .suggest_list_off a {
  color: #000000;
}

#tag_suggest_list .suggest .suggest_list_off,
.attributes #tag_suggest_list .suggest .suggest_list_off {
  background-color: #ffffff;
}


.question_comment_button .question_top,
#mainContent .detail_for_top,
#mainContent .pagetop {
	text-align: right;
	padding-right: 10px;
	margin-bottom: 8px;
	font-size: 120%;
}
.question_comment_button .question_top img,
.next_similar_item img,
#mainContent .detail_for_top img,
#mainContent .pagetop img {
	padding-right: 4px;
	padding-bottom: 2px;
}
.next_similar_item {
	text-align: right;
	padding: 15px 10px 0px 10px;
	font-size: 120%;
}
.next_similar {
    background-color: #dfe9fc;
	padding: 3px;
}

/*投稿するボタン(記事の上)*/
#mainContent .detail_upper_post_button a  {
	background-repeat: no-repeat;
	display: block;
	height: 30px;
	width: 146px;
	text-align: center;
	color: #FFFFFF;
	font-size: 13px;
	cursor: pointer;
	margin: 0px auto;	
	padding-top: 10px;
}

#mainContent .detail_upper_post_button a.question  {
	background-image: url(/images/item/question/post_button.gif);
}
#mainContent .detail_upper_post_button a:hover.question  {
	background-image: url(/images/item/question/post_button_hover.gif);
}
#mainContent .detail_upper_post_button a.news  {
	background-image: url(/images/item/news/button_channel.gif);
}
#mainContent .detail_upper_post_button a:hover.news  {
	background-image: url(/images/item/news/button_channel_hover.gif);
}
#mainContent .detail_upper_post_button a.tips  {
	background-image: url(/images/item/tips/button_channel.gif);
}
#mainContent .detail_upper_post_button a:hover.tips  {
	background-image: url(/images/item/tips/button_channel_hover.gif);
}
#mainContent .detail_upper_post_button {
	padding-bottom: 10px;
}
/*ここまで*/

/*回答するボタン（コメントの下）*/
.answer_button .answer_open {
	width: 174px;
	margin: 0px auto;
	
}

.answer_button {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #cccccc;
	padding-top: 10px;
	margin-top: 10px;
}


/*質問投稿誘導*/
.question_post_introduction_box {
	margin-top: 12px;
	border: 1px solid #fea948;
	margin-bottom: 12px;
	padding: 4px;

}
.question_post_introduction_box .question_post_introduction_box_header {
	font-size:205%;
	background-repeat:no-repeat;
	text-align: center;
	color: #fff;
	background-color: #fea948;
	padding: 2px 4px;
}
.question_post_introduction_box .question_post_introduction_box_header span {
	font-family: Arial, Helvetica, sans-serif;
}

.question_post_introduction_box .question_post_introduction_box_description {
	font-size: 110%;
	line-height: 1.2;
	padding: 4px;
}
.question_post_introduction_box .question_post_introduction_box_now_ask {
	font-size: 130%;
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 10px;
	text-align: center;
}
.detail_list_title {
	font-size: medium;
	font-weight: bold;
	margin-top: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left:10px;
	margin-left:5px;
	background-image: url(/images/category_icon.gif);
	background-repeat: no-repeat;
	background-position: left;
}


/*////////////////////////////////////////////////////////////////////////*/
/* クリップ編集 */
/*////////////////////////////////////////////////////////////////////////*/


.main_head .tool {
  font-size:12px;
  color:#a70503;
  text-align:right;
  vertical-align:middle;
  margin-right:5px;
  padding:6px 0;
  
}

.content .line {
  clear:both;
  height:8px;
  font-size:0;
  border-bottom:#a70503 1px dotted;
  margin:8px 0;
  padding:0;
}



.category_badge {
	margin-top: 10px;
	display: block;
}


.category_badge span {
	font-size: 95%;
	font-weight: normal;
}

.category_badge strong {
    font-size: 125%;
}

.category_badge .badge_color_1 {
	background-image: url(/images/user/badge_color_1_s_c.gif);
	background-repeat: no-repeat;
    background-repeat: no-repeat;

}
.category_badge .badge_color_2 {
	background-image: url(/images/user/badge_color_2_s_c.gif);
	background-repeat: no-repeat;
background-repeat: no-repeat;

}
.category_badge .badge_color_3 {
	background-image: url(/images/user/badge_color_3_s_c.gif);
	background-repeat: no-repeat;

}

.category_badge a img {
	vertical-align:bottom;
	padding-bottom: 2px;
}





/*////////////////////////////////////////////////////////////////////////*/
/* エラーページ */
/*////////////////////////////////////////////////////////////////////////*/

.error_main_head {
  height:33px;
  background-image: url(/images/main_head_bg.gif);
  background-repeat: repeat-x;
  background-position: left bottom;
  border-width: 1px;
  border-style: solid solid none solid;
  border-color: #cccccc;
  margin-top: 16px;
  width:850px;
  margin: 0 auto;

}

#errorform {
  font-size:105%;
  width:834px;
  margin: 0px auto;
  padding: 8px;
  border: 1px solid #AEB3B7;
}




