@charset "utf-8";
/* CSS Document */



/*////////////////////////////////////////////////////////////////////////*/
/* 各チャンネルのindexページ　（記事ボックス） */
/*////////////////////////////////////////////////////////////////////////*/


.list_title {
    font-size: medium;
    font-weight: bold;
    margin-top: 0px;
    padding: 8px 10px 0px 10px;
}

h2 img {
    margin-left: 5px;
}    
    
/*コメントボックス*/
.comment_box {
    padding: 0 10px 2px 10px;
}
.comment_box li {
    display: inline;
}
.comment_box li pre {
    display: inline;
    margin-right: 6px;
}

/*記事の評価部分 グレーのbg*/
.list_item_attributes .rating_point {
    float: left;
    width: auto;
    font-size: 14px;
    font-weight: bold;
    color: #a70503;
    background-image: url(/images/point.gif);
    background-repeat: no-repeat;
    background-position: left -1px;
    padding-left: 17px;
    margin-top: 1px;
}
.list_item_attributes .rates {
    float: left;
    width: auto;
    padding-top: 5px;
    padding-left: 3px;
    color: #888888;
    font-size: 11px;
}
.list_item_attributes .list_attributes {
    float: left ;
    width: 350px;
    margin-left: 5px;
    margin-top: 1px;
}

.rating_access,
.rating_clip,
.rating_comment {
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 17px;
}
.rating_comment {
    background-image: url(/images/comments_count.gif);
}
.rating_clip {
    background-image: url(/images/clips_count.gif);
}
.rating_access {
    background-image: url(/images/access_count.gif);
}

/*「回答募集中」部分*/
.looking_for_answers{
    float: right;
    width: 100px;
    background-color: #f0e7d5;
    text-align: center;
    height: 17px;
    font-weight: bold;
    color: #7f6f4f;
    font-size: 12px;
    padding-top: 2px;
    margin-right: 5px;

}




/*////////////////////////////////////////////////////////////////////////*/
/* question→「新着質問」の記事部分　tips→「新着ノウハウ」の記事部分 */
/*////////////////////////////////////////////////////////////////////////*/

.other_items {
    margin: 12px 10px 10px 10px;
}

.other_items ul {
	margin-bottom: 5px;
}

.other_items ul li {
	display: inline;
}

.other_items .other_items_tips,
.other_items .other_items_question {
	background-image: url(/images/item/content_relation_list.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 17px;
	display: inline;
}

.more_items_tips a{
    text-decoration: underline;
}
.more_items_question,
.more_items_news,
.more_items_tips {
	text-align: right;
	height: 18px;
	padding-right: 10px;
	padding-top: 4px;
	margin-top: 10px;
	font-size: 115%;
}



/*リストページの「もっと見る」ボタン(クリック前)*/
.next_button_tips,
.next_button_news,
.next_button_question {    
    background-repeat: no-repeat;
    height: 23px;
    width: 676px;
    text-align: center;
    display: block;
    font-size: 14px;
    font-weight: bold;
    padding-top: 9px;
    color: #444444;
    border-top-width: 2px;
    border-top-style: solid;
}

.next_button_tips {
    background-image: url(/images/tips_more_read.gif);
    border-top-color: #5b921d;
    }
.next_button_news {
    background-image: url(/images/news_more_read.gif);
    border-color: #1376ba;
    }
.next_button_question {
    background-image: url(/images/question_more_read.gif);
    border-color: #ffad4f;
    }    
    
/*リストページの「もっと見る」ボタン(クリック後)*/
.next_button_after_tips {
    background-color:#E4E4E4;
    height: 23px;
    width: 676px;
    border-top-width: 2px;
    border-top-style: solid;
    border-top-color: #5b921d;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: #5b921d;
    text-align: center;
    display: block;
    font-size: 14px;
    font-weight: bold;
    padding-top: 9px;
    color: #B4B4B4;
}
.next_button_after_news {
    background-color:#E4E4E4;
    height: 23px;
    width: 676px;
    border-top-width: 2px;
    border-top-style: solid;
    border-top-color: #1376ba;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: #1376ba;
    text-align: center;
    display: block;
    font-size: 14px;
    font-weight: bold;
    padding-top: 9px;
    color: #B4B4B4;
}
.next_button_after_question {
    background-color:#E4E4E4;
    height: 23px;
    width: 676px;
    border-top-width: 2px;
    border-top-style: solid;
    border-top-color: #ffad4f;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: #ffad4f;
    text-align: center;
    display: block;
    font-size: 14px;
    font-weight: bold;
    padding-top: 9px;
    color: #B4B4B4;
}


/*pager*/
.pager {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 15px;
    
}
.pager a {
    text-decoration: none;
}
.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;
}



/*////////////////////////////////////////////////////////////////////////*/
/* 「絞り込み」「並び替え」部分 */
/*////////////////////////////////////////////////////////////////////////*/
.filternavi {
    font-size: 13px;
    background-color: #f9f6f6;
    padding: 5px;
	margin-top: 8px
}
.filternavi ul {
    float: left;
    width: 600px;
    padding-bottom: 3px;
}
.filternavi li {
    display: inline;
}
.filternavi a {
    text-decoration: underline;
}
.filternavi .current {
    font-weight: bold;
    background-color: #888888;
    color: #FFFFFF;
    padding: 2px;
}
.filternavi .current_sort {
   font-weight: bold
}
.filternavi .feed {
    width: 15px;
    float: right;
    padding-right: 5px;
}
.filternavi .sortnavi {
    float: left;
    width: 600px;
}
.sortnavi img {
    vertical-align:bottom;
    padding-right: 2px;
    padding-bottom: 2px;
}

/*////////////////////////////////////////////////////////////////////////*/
/*  リストボックス */
/*////////////////////////////////////////////////////////////////////////*/
div.list_box {
	width:670px;
	padding-top:10px;
	border-bottom:1px #aaa dotted;
	padding-bottom: 10px;
}

div.list_box {
	width:665px;
	padding-top:10px;
	border-bottom:1px #aaa dotted;
	padding-bottom: 10px;
}



div.list_box_left {
	width:53px;
	float:left;
	margin-left: 10px;
}
div.list_box_right {
   width:570px;
   float:left;
   margin-left: 15px;   
}
div.list_box_right ul {
   list-style:none;
}

.list_box_right .list_box_updated_at_user {
   margin-top: 2px;
   font-size: 110%;
}


.list_box_right .list_box_attributes {
	margin-top: 8px;
}

.list_box_right .list_box_attributes .list_box_clip,
.list_box_right .list_box_attributes .list_box_access {
   font-size: 98%;
}


.list_box_right .list_box_attributes .list_box_clip strong,
.list_box_right .list_box_attributes .list_box_access strong {
	font-size: 135%;
}


div.list_box_left div.item_rating_bad_good .good,
div.list_box_left div.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-bottom: 3px;
}

div.list_box_left div.item_rating_bad_good .bad {
	color: #517aad;
}



div.list_box_left div.item_rating_bad_good .good strong {
    line-height: 1.1em;
}




div.list_box_left div.item_comments_count.comment,
div.list_box_left div.item_comments_count.answered,
div.list_box_left div.item_comments_count.not_answered {
	background-repeat: no-repeat;
	height: 30px;
	width: 53px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	color: #fff;
}
.item_comments_count .item_comments_count_value {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 145%;
	line-height: 1.1em;
}

.item_comments_count .item_comments_count_key {
	font-size: 83%;
	line-height: 0.7em;
}





div.list_box_left div.item_comments_count.answered {
    background-image: url(/images/item/answered.gif);
}
div.list_box_left div.item_comments_count.not_answered {
    background-image: url(/images/item/not_answered.gif);
}
div.list_box_left div.item_comments_count.comment {
    background-image: url(/images/item/comment.gif);
}
div.list_box_right .list_box_title {
    font-size: 146%;
    font-weight: bold;
    margin-top: 0px;
}
div.list_box_right ul li {
    float:left;
    font-family: Arial, Helvetica, sans-serif;
    margin-right:5px;
}
div.list_box_right ul li.list_box_clip {
	background-image: url(/images/clips_count.gif);
	background-repeat: no-repeat;
	padding-left:18px;
	padding-right:10px;
	border-right:1px #aaa solid;
	background-position: -2px;
}
div.list_box_right ul li.list_box_access {
    background-image: url(/images/access_count.gif);
    background-repeat: no-repeat;
    padding-left:18px;
    padding-right:10px;
    border-right:1px #aaa solid;
	background-position: -2px;
}
div.list_box_right ul li.list_box_category {
	background-image: url(/images/category.gif);
	background-repeat: no-repeat;
	padding-left:18px;
	padding-bottom: 2px;	
}


.tips_items_title {
	background-image: url(/images/item/tips/items_title.gif?20091020);
	background-repeat: no-repeat;
	height: 35px;
	width: 680px;
	margin-top: 16px;
}



.news_items_title {
  background-image: url(/images/item/news/items_title.gif?20091020);
  background-repeat: no-repeat;
	height: 35px;
	width: 680px;
	margin-top: 16px;
}

.question_items_title {
	background-image: url(/images/item/question/items_title.gif?20091020);
	height: 35px;
	margin-top: 16px;
	background-repeat: no-repeat;
	clear: both;
}

.tips_items_title h2 a,
.news_items_title h2 a,
.question_items_title h2 a {
	height: 35px;
	display: block;
	font-size: 96%;
	color: #555555;
	text-decoration: none;
	width: 640px;
	float: left;
}

.question_items_title a.feed,
.news_items_title a.feed,
.tips_items_title a.feed {
	width: 15px;
}

#mainContent h3 {
	clear: both;
	/*margin-left:5px;*/
}