@charset "utf-8";



/*
#pickup_box {
	border:1px #d6d6d6 solid;
	margin-top:12px;
	margin-bottom:12px;
	padding-bottom: 8px;
}

a#recent_questions_and_answers_link {
	text-decoration: none;
}
#pickup_box #recent_questions_and_answers {
	text-decoration: none !important;
}
	
#pickup_box_header {
	background-image: url(/images/item/question/pick_up_titleber.gif);
	background-repeat: no-repeat;
	height: 31px;
}
#pickup_box_header h2{
	font-size: 17px;
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 5px;
	float: left;
	width: 80px;
}
#pickup_box_header h2 a {
	text-decoration: none;
	color:#666666;
}
#pickup_box_header div {
	text-align: right;
	padding-top: 8px;
	padding-right: 8px;
}
*/


#recent_questions_and_answers {
	width: 648px;
	height:auto;
	clear: both;
	margin: 5px 15px;
}


#recent_question_title{
  font-size:20px;
  font-weight:bold;
  padding-left: 5px;
}
#recent_question {
  font-size:15px;
  margin-bottom: 10px;
  
}
#recent_question_image  {
  float: left;
  width: 54px;
  margin-right: 20px;
}

#recent_answer {
  background-position:right bottom;
  font-size:15px;
  text-align:right;
  margin-top: 10px;
  
}
#recent_answer_image {
  float: right;
  width: 54px;
  margin-left: 20px;
}

/*question吹き出し
.comment_box_c {
  background-image: url(/images/item/question/comment_box_c_l.gif);
  background-repeat: repeat-y;
  float: left;
  width: 544px;

}

.comment_box_t_l {
  background-image: url(/images/item/question/comment_box_t_l.gif);
  background-repeat: no-repeat;
  background-position: left top;
  width: 544px;  
}
.comment_box_t_l pre{
  text-decoration:none;
}

.comment_box_b {
  background-image: url(/images/item/question/comment_box_b_l.gif);
  background-repeat: no-repeat;
  background-position: right bottom;
  height: 9px;
  width: 544px;
}

#recent_question pre{
  padding-left: 35px;
  width: 505px;
  padding-top: 5px;
  padding-right: 5px;
  font-size: 15px;  
}
*/
/*answer吹き出し

.comment_box_c_r {
  background-image: url(/images/item/question/comment_box_c_r.gif);
  background-repeat: repeat-y;
  width: 544px;
  float: right;
  }

.comment_box_t_r {
  background-image: url(/images/item/question/comment_box_t_r.gif);
  background-repeat: no-repeat;
  background-position: left top;
  width: 544px;
}

.comment_box_b_r {
  background-image: url(/images/item/question/comment_box_b_r.gif);
  background-repeat: no-repeat;
  background-position: bottom;
  height: 9px;
  width: 544px;
}

#recent_answer pre{
  padding-left: 5px;
  width: 505px;
  padding-top: 5px;
  padding-right: 35px;
}
*/

/*////////////////////////////////////*/
/* 新着質問、ニュース、ノウハウ部分 */
/*////////////////////////////////////*/

.new_question {
	float: left;
	width: 453px;
	border-width: 2px 0px 0px 0px;
	border-style: solid;
	border-color: #ffad4f;
	padding-bottom: 5px;
	margin-top: 12px;
}
.new_news {
  float: left;
  width: 334px;
  border-width: 2px 0px 0px 0px;
  border-style: solid;
  border-color: #1376ba;
  margin-right: 8px;
  margin-top: 8px;
  padding-bottom: 5px;
}
.new_tips {
  float: left;
  width: 334px;
  border-width: 2px 0px 0px 0px;
  border-style: solid;
  border-color: #5b921d;
  margin-top: 8px;
  padding-bottom: 5px;    
}
.new_question .item_title,
.new_news .item_title,
.new_tips .item_title {
  height: 21px;
  background-repeat: no-repeat;
  background-position: left;
  width: 166px;
  color: #FFFFFF;
  padding-top: 1px;
  padding-left: 5px;
}
.new_question .item_title {
  background-image: url(/images/top/top_question_obi.gif);
}
.new_news .item_title {
    background-image: url(/images/top/top_news_obi.gif);
}
.new_tips .item_title {
    background-image: url(/images/top/top_tips_obi.gif);
}
.item_title a{
  color:#fff;
  display:block;
  text-decoration:none;
  font-size: 95%;
  font-weight: bold;
}
.item_title a:hover {
  color:#fff;
  text-decoration:none;
}

  
  
.new_question .question_button a{
  display: block;
  height: 26px;
  width: 124px;
  background-image: url(/images/user_box/question_button.gif);
  background-repeat: no-repeat;
  float: right;
  font-weight: bold;
  color: #FFFFFF;
  text-align: center;
  padding-top: 7px;
  margin-top: 5px;
  margin-right: 5px;
  text-decoration: none;
}
.new_news .news_button a{
  display: block;
  height: 26px;
  width: 124px;
  background-image: url(/images/user_box/news_button.gif);
  background-repeat: no-repeat;
  float: right;
  font-weight: bold;
  color: #FFFFFF;
  text-align: center;
  padding-top: 7px;
  margin-top: 5px;
  margin-right: 5px;
  text-decoration: none;
}  
  
.new_tips .tips_button a{
  display: block;
  height: 26px;
  width: 124px;
  background-image: url(/images/user_box/tips_button.gif);
  background-repeat: no-repeat;
  float: right;
  font-weight: bold;
  color: #FFFFFF;
  text-align: center;
  padding-top: 7px;
  margin-top: 5px;
  margin-right: 5px;
  text-decoration: none;
}
    
/*記事*/
.attributes_question ,
.attributes_news_tips {
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #CCCCCC;
  width: 97%;
  margin-left: 0px;
  float: left;
  font-size: 12px;
  color: #666666;
}
.attributes_question .rating_point,
.attributes_news_tips .rating_point {
  background-image: url(/images/point.gif);
  background-position: left -3px;
  background-repeat: no-repeat;
  padding-left: 17px;
}

.attributes_question li,
.attributes_news_tips li {
  display: inline;
}

.new_question .title a, 
.new_tips .title a,
.new_news .title a {
    font-size: 15px;
  margin-top: 2px;
  display: inline;
  font-weight: bold;
  line-height: 1.3;
  padding-right: 0px;
  padding-left: 0px;
}
  
.new_question .title,
.new_tips .title,
.new_news .title {
  margin-top: 5px;
  margin-left: 3px;
}  

.ranking {
  float: left;
  width: 210px;
  padding-left: 15px;
  margin-top: 4px;
}


.ranking_title a {
  background-image: url(/images/top/crown_icon.gif);
  background-repeat: no-repeat;
  background-position: left;
  padding-left: 22px;
  font-size: 12px;
  padding-bottom: 0px;
  margin: 0px;
  font-weight: bold;
  text-decoration:none;
  color:#444;
  
}

.ranking_title {
 border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #dcdbdb;
}

ul.ranking_box {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #dcdbdb;
  float: left;
  width: 210px;
  padding: 5px 0px 4px 0px;
}

.ranking_box img {
    vertical-align:bottom;

}


.ranking_box li {
  float: left;
  text-align: center;
  padding-right: 7px;
  
}


.ranking_box .rank_gold {
  background-image: url(/images/top/crown_gold_icon.gif);
  background-repeat: no-repeat;
  background-position: center bottom;
  height: 43px;
  width: 39px;
  margin-right: 7px;
  padding-top: 17px;
  font-weight: bold;
  padding-left: 4px;
  color: #666666;
}

.ranking_box .rank_silver {
  background-image: url(/images/top/crown_silver_icon.gif);
  background-repeat: no-repeat;
  background-position: center bottom;
  height: 43px;
  width: 39px;
  margin-right: 7px;
  padding-top: 17px;
  font-weight: bold;
  padding-left: 4px;
  color: #666666;
}

.ranking_box .rank_bronze {
  background-image: url(/images/top/crown_bronze_icon.gif);
  background-repeat: no-repeat;
  background-position: center bottom;
  height: 43px;
  width: 39px;
  margin-right: 7px;
  padding-top: 17px;
  font-weight: bold;
  padding-left: 4px;
  color: #666666;
}

.ranking_box .qestion_point {
  background-position: center;
  height: 60px;
}
.ranking_box .qestion_point_other {
    background-position: center;
}

.ranking_box .rank_others {
  width: 39px;
  margin-right: 7px;
  padding-top: 3px;
  font-weight: bold;
  padding-left: 4px;
  color: #666666;
  padding-bottom: 3px;
}

.user_name_rank  {
  text-align: center;
  width: 100px;
  margin-right: 5px;
  padding-top: 3px;
}

.rating_access,
.rating_clip,
.rating_comment {
  background-repeat: no-repeat;
  background-position: left;
  padding-left: 17px;
  height:16px;

}
.rating_comment {
  background-image: url(/images/comments_count.gif);
}
.rating_clip {
	background-image: url(/images/clips_count.gif);
	background-position: 0px -4px;
}
.rating_access {
  background-image: url(/images/access_count.gif);
}
p.top_more {
  font-size:12px;
  font-weight:bold;
  text-align:right;
  margin-top: 7px;
}

.special_more {
  font-size:12px;
  font-weight:bold;
  text-align:right;
  margin-bottom: 7px;
  padding-right: 13px;
}



/*////////////////////////////////////////////////////////////////////////*/
/* oshirase */
/*////////////////////////////////////////////////////////////////////////*/
#oshirase {
  font-size:12px;
  margin: 6px 0;
  padding-right: 15px;
  padding-left: 15px;
}
#oshirase ul{
   list-style:none;
}
#oshirase .title {
  font-weight:bold;
  margin:0;
}
#oshirase .date {
  font-size:10px;
  margin:5px 0 0 0;
}
#oshirase .list {
  padding:0;
  margin:0;
}


/*////////////////////////////////////////////////////////////////////////*/
/* バナー部分 */
/*////////////////////////////////////////////////////////////////////////*/

#kakaku_recruit,
#okyuu_on_facebook,
#okyuu_on_twitter,
#okyuu_vox_com,
#engineer_blog {
  margin-left: 15px;
  padding-bottom: 3px;
}



.top_center_article_content .number_1 a,
.top_center_article_content .number_2 a {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #cccccc;
	padding-bottom: 3px;
	margin-bottom: 3px;
}
.top_article img {
	float: left;
	width: 80px;
	height: 80px;
	border-width: 1px;
	border-style: solid;
	border-color: #DBDBDB #CCCCCC #CCCCCC #DBDBDB;
	padding: 4px;
	background-color: #FFFFFF;
	margin: 4px 6px;
	display: block;
}

.top_article a span.notation {
  color: #555555;
    margin-bottom: 3px;
  text-decoration: none;
}

.top_article a:hover span.notation {
  text-decoration: none;
}

.top_article a {
	display: block;
	width: 340px;
	text-decoration: none;
	float:left;
}

.top_article a:hover {
  background-color: #DBDBDB;
  text-decoration: none;
  cursor:pointer;
}
.top_article a:hover span strong{
  text-decoration: underline;
}

.top_article span {
  width: 225px;
  margin-top: 3px;
  margin-right: 3px;
}





.top_center_article_content h3 a {
	color:#444;
	display:block;
	text-decoration:none;
	padding-left: 12px;
	font-size: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	margin-bottom: 6px;
}