@charset "Shift_JIS";

/* ---------------------------
	0910 /job/qa/
--------------------------- */

/* common */
.qaContainer {
  margin: 10px 20px 10px 10px;
}
  .qaContainer .coachBannerBlock {
    margin-top: 10px;
  }
/*
  .qaContainer ul.paginationBlock li.prev {
    background: url(../../include/images/arrow_main_blue_left.gif) left center no-repeat;
  }
  .qaContainer ul.paginationBlock li.next {
    background: url(../../include/images/arrow_main_blue_right.gif) right center no-repeat;
  }
*/

/* back link to category index */

  .qaContainer ul.sendRight {
	margin-top:0;
	text-align:right;
	background-image:none;
}

  .qaContainer ul.paginationBlock li.back {
    background: url(/sites/all/knowhow/include/images/arrow_main_blue_right.gif) 15px center no-repeat;
  }

/* index */

/* renewal100701 start */

#qaCategoryList td#category1,#qaCategoryList td#category2,#qaCategoryList td#category3,#qaCategoryList td#category4,#qaCategoryList td#category5,#qaCategoryList td#category6 {
  padding: 20px 10px 20px 10px;
  background: url(/sites/all/knowhow/include/images/border_dot_blue.gif) left bottom repeat-x;
  font-size: 134%;
}
  #qaCategoryList td a {
    padding: 5px 0 5px 50px;
    background-position: left center;
    background-repeat: no-repeat;
  }
  #qaCategoryList td.sub {
    padding: 20px 10px 20px 10px;
    background: url(/sites/all/knowhow/include/images/border_dot_blue.gif) left bottom repeat-x;
    /*font-size: 134%;*/
    width: 71%;
  }
  #qaCategoryList td#category1 a {
    background-image: url(/sites/all/knowhow/qa/1/images/icon_category.gif);
  }
  #qaCategoryList td#category2 a {
    background-image: url(/sites/all/knowhow/qa/2/images/icon_category.gif);
  }
  #qaCategoryList td#category3 a {
    background-image: url(/sites/all/knowhow/qa/3/images/icon_category.gif);
  }
  #qaCategoryList td#category4 a {
    background-image: url(/sites/all/knowhow/qa/4/images/icon_category.gif);
  }
  #qaCategoryList td#category5 a {
    background-image: url(/sites/all/knowhow/qa/5/images/icon_category.gif);
  }
  #qaCategoryList td#category6 a {
    background-image: url(/sites/all/knowhow/qa/6/images/icon_category.gif);
  }

/* renewal100701 end */



#qaCategoryList ul li {
  padding: 20px 10px 20px 10px;
  background: url(/sites/all/knowhow/include/images/border_dot_blue.gif) left bottom repeat-x;
  font-size: 134%;
}
  #qaCategoryList ul li a {
    padding: 5px 0 5px 60px;
    background-position: left center;
    background-repeat: no-repeat;
  }
  #qaCategoryList ul li#category01 a {
    background-image: url(/sites/all/knowhow/qa/01/images/icon_category.gif);
  }
  #qaCategoryList ul li#category02 a {
    background-image: url(/sites/all/knowhow/qa/02/images/icon_category.gif);
  }
  #qaCategoryList ul li#category03 a {
    background-image: url(/sites/all/knowhow/qa/03/images/icon_category.gif);
  }
  #qaCategoryList ul li#category04 a {
    background-image: url(/sites/all/knowhow/qa/04/images/icon_category.gif);
  }
  #qaCategoryList ul li#category05 a {
    background-image: url(/sites/all/knowhow/qa/05/images/icon_category.gif);
  }
  #qaCategoryList ul li#category06 a {
    background-image: url(/sites/all/knowhow/qa/06/images/icon_category.gif);
  }
  #qaCategoryList ul li#category07 a {
    background-image: url(/sites/all/knowhow/qa/07/images/icon_category.gif);
  }
  #qaCategoryList ul li#category08 a {
    background-image: url(/sites/all/knowhow/qa/08/images/icon_category.gif);
  }
  #qaCategoryList ul li#category09 a {
    background-image: url(/sites/all/knowhow/qa/09/images/icon_category.gif);
  }
  #qaCategoryList ul li#category10 a {
    background-image: url(/sites/all/knowhow/qa/10/images/icon_category.gif);
  }
  #qaCategoryList ul li#category11 a {
    background-image: url(/sites/all/knowhow/qa/11/images/icon_category.gif);
  }
  #qaCategoryList ul li#category12 a {
    background-image: url(/sites/all/knowhow/qa/12/images/icon_category.gif);
  }
  #qaCategoryList ul li#category13 a {
    background-image: url(/sites/all/knowhow/qa/13/images/icon_category.gif);
  }
  #qaCategoryList ul li#category14 a {
    background-image: url(/sites/all/knowhow/qa/14/images/icon_category.gif);
  }
  

/* question list */
#qaQuestionList table tr th,
#qaQuestionList table tr td {
  background: url(/sites/all/knowhow/include/images/border_dot_blue.gif) left bottom repeat-x;
  vertical-align: middle;
}
#qaQuestionList table tr th {
  width: 13%;
  padding: 15px 5px;
  border-right: solid 1px #CCC;
  background-color: #F1F1F1;
  font-size: 117%;
  font-weight: bold; 
  text-align: center;
}
#qaQuestionList table tr td {
  padding: 15px 25px;
  font-size: 134%;
}


/* detail */
#qaDetail .questionBlock {
  margin: 15px 0 25px 0;
  background: url(/sites/all/knowhow/qa/images/bg_question.gif) -720px 0 repeat-y;  
}
  #qaDetail .questionBlock .title {
    padding: 34px 36px 10px 36px;
    background: url(/sites/all/knowhow/qa/images/bg_question.gif) left top no-repeat;  
    color: #198EFE;
    font-size: 200%;
  }
    #qaDetail .questionBlock .title div {
      display: table-row;
    }
      #qaDetail .questionBlock .title h5,
      #qaDetail .questionBlock .title h6 {
      	display: table-cell;
      	vertical-align: middle;
      }
      #qaDetail .questionBlock .title h5 {
        padding-right: 10px;
        width: 89px;
      }
      #qaDetail .questionBlock .title h6 {
        width: 549px;
      }
        #qaDetail .questionBlock .title img {
        	vertical-align: middle;
        }

  #qaDetail .questionBlock .text {
    padding: 0 46px 50px 46px;
    background: url(/sites/all/knowhow/qa/images/bg_question.gif) right bottom no-repeat;  
    font-size: 117%;
    line-height: 1.8em;
  }
    #qaDetail .questionBlock .text p{
      margin-top: 20px;
      margin-bottom: 20px;
    }
    #qaDetail .questionBlock .text p.questioner {
      margin-bottom: 0;
      font-weight: bold;
      text-align: right;
    }

#qaDetail .answerBlock {
  background: url(/sites/all/knowhow/qa/images/bg_answer.gif) right top repeat-y;  
}
  #qaDetail .answerBlock .title {
    padding-top: 40px;
    background: url(/sites/all/knowhow/qa/images/bg_answer.gif) left top no-repeat;  
  }
    #qaDetail .answerBlock .title h5 {
      float: left;
      display: inline;
      width: 99px;
      height: 78px;
      margin: 0 0 10px 36px;
    }
  #qaDetail .answerBlock .text {
    padding: 0 36px 20px 36px;
    background: url(/sites/all/knowhow/qa/images/bg_answer.gif) left bottom no-repeat;  
    font-size: 117%;
    line-height: 1.8em;
  }
    #qaDetail .answerBlock .text p {
      margin-top: 20px;
    }

    #qaDetail .answerBlock .text p.adviser {
      margin-bottom: 0;
      font-weight: bold;
      text-align: right;
    }

    #qaDetail .answerBlock .text p.notes {
      margin-bottom: 0;
      text-align: right;
      font-size: 86%;
    }

.coachProfileBlock {
	padding: 20px 0;
	clear: both;
  margin: 10px 20px 10px 10px;
}

.coachProfileBlock td {
}

.coachProfileBlock td {
}

.coachProfileBlock #prof1 {
	width: 350px;
	float: left;
	padding-right: 10px;
	border-right: 1px dotted #aaa;
}

.coachProfileBlock #prof2 {
	width: 350px;
	float: right;
	padding-left: 15px;
}

.coachProfileBlock .ruby {
	font-size: 83%;
}

.coachProfileBlock table {
	border:1px dotted #0099ff;
	border-collapse: separate;
}
.coachProfileBlock .title {
	border-bottom:2px solid #0099ff;
	color:#0099ff;
	font-size:120%;
}

/* ---------------------------
	batch setting
--------------------------- */

/* hidden elements */
.hidden {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
}


/* offleft */
.offleft {
	font-size: 1px;
	text-align: left;
	text-indent: -9999em;
	/*\*/
	overflow: hidden;
	/**/
}


/* clearfix */
#qaDetail .answerBlock .inner {
  overflow: hidden;
}
#qaDetail .answerBlock .inner:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
}
/*\*/
* html #qaDetail .answerBlock .inner {
	height: 1em;
	overflow: visible;
}
/**/
