/* === karadakara Q&A legacy stylesheet === */

/* --- 3frame.inc.css.php --- */
table.qa-3frame{ margin-top:10px;
}

table.qa-3frame td.qa-l{  vertical-align:top;
  width:185px;
  padding-right:20px;
}

table.qa-3frame td.qa-m{  vertical-align:top;
  padding-right:20px;
}

table.qa-3frame td.qa-r{  vertical-align:top;
  width:185px;
}

/* --- answer-list.inc.css.php --- */
table.a-det{ margin-top:15px;
 margin-bottom:0;
 margin-left:auto;
 margin-right:auto;
 background-color:#F0F0F0;
}

table.a-det td{  padding:7px;
  font-size:90%;
  font-weight:normal;
}

table.a-det td span{   font-size:85%;
   color:#666666;
   padding-right:7px;
   padding-left:20px;
}

table.a-det td img{   vertical-align:middle;
   margin-left:15px;
   margin-right:15px;
}

table.a-det2{ margin-top:0;
 margin-bottom:10px;
 margin-left:auto;
 margin-right:auto;
}

table.a-det2 th{  width:50px;
  padding:8px;
  vertical-align:top;
}

table.a-det2 td{  padding:10px;
  font-size:90%;
  line-height:1.4;
}

table.a-det2 td p{   color:#666666;
   font-size:90%;
}

table.a-det2 td span{   color:#666666;
}

table.a-det3{ border-top:1px dashed #CCCCCC;
}

table.a-det3 th{  width:40px;
  padding:3px;
  vertical-align:top;
}

table.a-det3 td{  font-size:90%;
  line-height:1.4;
}

table.a-det3 td span.error{   color: #CC0000;
   font-size: 14px;
   line-height: 26px;
}

img.a-det-a{ background-image: url('/qa/img/thum.jpg');
 background-repeat: no-repeat;
 background-position: 0 -274;
 width:34px;
 height:34px;
}

img.a-det-q{ background-image: url('/qa/img/thum.jpg');
 background-repeat: no-repeat;
 background-position: 0 -201;
 width:34px;
 height:34px;
}

img.a-det-b{ background-image: url('/qa/img/thum.jpg');
 background-repeat: no-repeat;
 background-position: 0 -318;
 width:34px;
 height:34px;
}

img.a-det-un{ background-image: url('/qa/img/thum.gif');
 background-repeat: no-repeat;
 background-position: -132 -348;
 width:116px;
 height:17px;
 border: none;
}

img.best{ background-image: url('/qa/img/thum.gif');
 background-repeat: no-repeat;
 background-position: 0 -677;
 width: 68px;
 height: 22px;
}

/* --- attention.inc.css.php --- */
table.res-ate{ background-color:#FFFFCC;
 border:solid 1px #FFCC00;
 margin:15px auto;
}

table.res-ate th{  padding:10px;
  font-size:90%;
}

table.res-ate td{  padding:10px 13px;
  font-size:80%;
  line-height:1.3;
}

/* --- bestans-form.inc.css.php --- */
table.best-form{ border:2px solid #CCCCCC;
 border-collapse:collapse;
}

table.best-form th{  background-color:#CCCCCC;
  padding:8px 15px;
  font-size:85%;
  color:#333333;
  font-weight:normal;
}

table.best-form td{  padding:8px 15px;
  background-color:#CCCCCC;
  font-size:80%;
}

table.best-form td span{   color:#CC0000;
}

/* --- buttons.inc.css.php --- */
div.bt-note-edit{ margin-top: 20px;
 width: 140px;
 height: 33px;
 font-size: 12px;
}

div.bt-note-edit a{  color: #335599;
  text-decoration: none;
}

div.bt-note-edit a:hover{  color: #CC0000;
  text-decoration: underline;
}

div.bt-note-edit p{  text-align: center;
  cursor: pointer;
  width: 140px;
  height: 33px;
  border: 1px solid #9CB8C6;
  line-height: 33px;
  background-image: url('/qa/img/thum_roop_x.jpg');
  background-repeat: repeat-x;
  background-position: 0 -255;
}

/* --- cate-list.inc.css.php --- */
table.cate-li{ border:1px solid #CCCCCC;
 margin-bottom:15px;
}

table.cate-li th{  background-image: url('/qa/img/thum_roop_x.jpg');
  background-repeat: repeat-x;
  background-position: 0 -162;
  padding:7px 5px;
  font-size:80%;
  text-align:left;
}

table.cate-li th img{   vertical-align:middle;
   margin-right:5px;
}

table.cate-li td{  font-size:82%;
  padding:2px 2px 2px 7px;
  font-weight:bold;
}

table.cate-li td img{   margin-right:4px;
}

table.cate-li td div{   padding-bottom:5px;
   padding-top:5px;
}

table.cate-li td div.all a{   color:#CC0000;
}

img.cate-li-ti{ background-image: url('/qa/img/thum.gif');
 background-position: 0px 0px;
 background-repeat: no-repeat;
 width: 14px;
 height: 14px;
}

img.cate-li1{ background-image: url('/qa/img/thum.gif');
 background-position: 0px -60px;
 background-repeat: no-repeat;
 width: 5px;
 height: 8px;
}

img.cate-li2{ background-image: url('/qa/img/thum.gif');
 background-position: 0px -30px;
 background-repeat: no-repeat;
 width: 5px;
 height: 8px;
}

/* --- common.inc.css.php --- */
div.ti{}

div.ti a{  font-size:90%;
  font-weight:bold;
  color:#000000;
  padding-left:7px;
  padding-right:7px;
}

div.ti img{  vertical-align:middle;
  margin-bottom: 2px;
}

/* 見出し */
/* 画像関連 */

h1.qa{ font-size:18px;
 margin:7px auto 0 5px;
 color:#333333;
}

img.folder{ background-image: url('/qa/img/thum.gif');
 background-repeat: no-repeat;
 background-position: 0 -90;
 width: 16px;
 height: 14px;
}

img.new{ background-image: url('/qa/img/thum.gif');
 background-repeat: no-repeat;
 background-position: 0 -120;
 width: 18px;
 height: 8px;
}

img.go-list{ background-image: url('/qa/img/thum.gif');
 background-repeat: no-repeat;
 background-position: 0 -150;
 width: 17px;
 height: 15px;
 margin-bottom: 2px;
}

img.desc{ background-image: url('/qa/img/thum.gif');
 background-repeat: no-repeat;
 background-position: 0 -210;
 width: 10px;
 height: 10px;
}

img.asc{ background-image: url('/qa/img/thum.gif');
 background-repeat: no-repeat;
 background-position: 0 -240;
 width: 10px;
 height: 10px;
}

/* --- docs.inc.css.php --- */
div.com{ width: 90%;
 border-top:2px solid #CCCCCC;
 font-size: 14px;
 line-height:1.4;
 padding:7px;
 text-align: left;
}

div.com span{  color: #CC0000;
}

div.n-com{ margin-top: 30px;
 width: 90%;
 font-size: 14px;
 text-align: center;
}

/* --- form-table.inc.css.php --- */
table.res-form{ border-collapse:collapse;
 margin:auto;
}

table.res-form th{  background-color:#EAEAEA;
  border-top:solid 1px #CCCCCC;
  border-bottom:solid 1px #CCCCCC;
  padding:8px 15px;
  font-size:85%;
  color:#333333;
  font-weight:normal;
  text-align:left;
}

table.res-form th span{   color:#CC0000;
   font-weight:normal;
}

table.res-form td{  padding:8px 15px;
  border-top:solid 1px #CCCCCC;
  border-bottom:solid 1px #CCCCCC;
  font-size:80%;
}

table.res-form td b{   color:#FF6600;
   padding-left:7px;
   padding-right:7px;
}

table.res-form td span{   color:#666666;
}

table.res-form td span.att{   color:#CC0000;
}

table.res-form td textarea{   font-size: 13px;
}

/* --- grade.inc.css.php --- */
table.use{ margin-top:25px;
 margin-bottom:25px;
}

table.use th{  font-size:80%;
  font-weight:normal;
  color:#FF3300;
}

table.use th span{   color:#666666;
}

table.use td{  font-size:80%;
  color:#666666;
}

table.use td a{   display: block;
   width: 85px;
   height: 30px;
}

table.use td a img{    border: none;
}

table.use td a.g1{   background-image: url('/qa/img/thum.gif');
   background-repeat: no-repeat;
   background-position: 0 -270;
}

table.use td a.g1:hover{   background-position: 0 -310;
}

table.use td a.g2{   background-image: url('/qa/img/thum.gif');
   background-repeat: no-repeat;
   background-position: 0 -349;
}

table.use td a.g2:hover{   background-position: 0 -389;
}

table.use td a.g3{   background-image: url('/qa/img/thum.gif');
   background-repeat: no-repeat;
   background-position: 0 -429;
}

table.use td a.g3:hover{   background-position: 0 -469;
}

table.use td a.g4{   background-image: url('/qa/img/thum.gif');
   background-repeat: no-repeat;
   background-position: 0 -509;
}

table.use td a.g4:hover{   background-position: 0 -549;
}

table.use td a.g5{   background-image: url('/qa/img/thum.gif');
   background-repeat: no-repeat;
   background-position: 0 -589;
}

table.use td a.g5:hover{   background-position: 0 -629;
}

table.use td input{   display: block;
   width: 85px;
   height: 30px;
   border:0;
}

table.use td input.g1{   background-image: url('/qa/img/thum.gif');
   background-repeat: no-repeat;
   background-position: 0 -270;
}

table.use td input.g1:hover{   background-position: 0 -310;
}

table.use td input.g2{   background-image: url('/qa/img/thum.gif');
   background-repeat: no-repeat;
   background-position: 0 -349;
}

table.use td input.g2:hover{   background-position: 0 -389;
}

table.use td input.g3{   background-image: url('/qa/img/thum.gif');
   background-repeat: no-repeat;
   background-position: 0 -429;
}

table.use td input.g3:hover{   background-position: 0 -469;
}

table.use td input.g4{   background-image: url('/qa/img/thum.gif');
   background-repeat: no-repeat;
   background-position: 0 -509;
}

table.use td input.g4:hover{   background-position: 0 -549;
}

table.use td input.g5{   background-image: url('/qa/img/thum.gif');
   background-repeat: no-repeat;
   background-position: 0 -589;
}

table.use td input.g5:hover{   background-position: 0 -629;
}

img.use1{ background-image: url('/qa/img/thum.gif');
 background-repeat: no-repeat;
 background-position: 0 -310;
 width: 85px;
 height: 30px;
}

img.use2{ background-image: url('/qa/img/thum.gif');
 background-repeat: no-repeat;
 background-position: 0 -389;
 width: 85px;
 height: 30px;
}

img.use3{ background-image: url('/qa/img/thum.gif');
 background-repeat: no-repeat;
 background-position: 0 -469;
 width: 85px;
 height: 30px;
}

img.use4{ background-image: url('/qa/img/thum.gif');
 background-repeat: no-repeat;
 background-position: 0 -549;
 width: 85px;
 height: 30px;
}

img.use5{ background-image: url('/qa/img/thum.gif');
 background-repeat: no-repeat;
 background-position: 0 -629;
 width: 85px;
 height: 30px;
}

/* --- header.inc.css.php --- */
div.qa-head{ background-image: url('/qa/img/thum_roop_x.jpg');
 background-repeat: repeat-x;
 background-position: 0 -141;
 margin:0;
 white-space:nowrap;
 height: 45px;
 vertical-align:middle;
 margin-bottom: 5px;
}

div.qh-search{ font-size: 13px;
 text-align:center;
 float:left;
 padding-top: 7px;
 vertical-align: middle;
 /*
 */
}

div.qh-search span{  height: 22px;
  line-height: 22px;
  float: left;
  display: block;
  padding-left:10px;
  padding-right:7px;
}

div.qh-search input{  float: left;
  border: 1px solid #BBCCE9;
}

div.qh-search a.qa-sch{  display: block;
  float: left;
  width: 42px;
  text-align: center;
  text-decoration: none;
  border: 1px solid #BBCCE9;
  height: 22px;
  line-height: 22px;
  font-size: 12px;
  color: #3865AF;
  background-image: url('/qa/img/thum_roop_x.jpg');
  background-position: 0px -343px;
  background-repeat: repeat-x;
}

div.qh-search a.qa-sch:hover{  font-size: 12px;
  color: #3865AF;
}

div.qh-search input.qa-sch{  float: left;
  width: 44px;
  text-align: center;
  height: 24px;
  line-height: 22px;
  font-size: 12px;
  color: #3865AF;
  background-image: url('/qa/img/thum_roop_x.jpg');
  background-position: 0px -343px;
  background-repeat: repeat-x;
  cursor: pointer;
}

div.qh-search input.qa-sch:hover{  font-size: 12px;
  color: #3865AF;
  cursor: pointer;
}

img.my{ background-image: url('/qa/img/thum.jpg');
 background-repeat: no-repeat;
 background-position: 0 0;
 width: 55px;
 height: 19px;
 border: none;
}

div.qh-my{ float: right;
 padding-top: 10px;
 padding-right: 10px;
 font-size: 13px;
}

div.qh-my img{  vertical-align:middle;
  margin-left: 7px;
}

div.qh-clear{ clear: both;
}

/* --- hist-idx.inc.css.php --- */
table.hist-idx{ margin-top: 15px;
}

table.hist-idx td{  vertical-align:top;
}

table.hist-idx td h1{   margin:0 0 4px 0;
   font-size:100%;
   background-color:#E3E3E3;
   border-left:9px solid #CC0000;
   padding:3px 12px;
}

table.hist-idx table.hist-status{}

table.hist-idx table.hist-status th{   font-size: 14px;
   font-weight: normal;
   text-align: right;
   border-bottom: 1px dashed #CCCCCC;
   padding: 10px 30px;
}

table.hist-idx table.hist-status td{   font-size: 14px;
   border-bottom: 1px dashed #CCCCCC;
   padding: 10px 30px;
}

div.hist-link{ font-size:12px;
 text-align:right;
 padding:10px 15px;
 margin-bottom:15px;
}

/* --- hist-list.inc.css.php --- */
table.hist-list{ border-bottom: 1px dashed #CCCCCC;
 margin-bottom: 18px;
}

table.hist-list th{  font-size: 13px;
  padding-left: 3px;
  padding-right: 3px;
  padding-top: 10px;
  padding-bottom: 7px;
  text-align: left;
}

table.hist-list th img{   vertical-align: middle;
   margin-right: 7px;
}

table.hist-list th a{   font-weight: normal;
   padding-left: 15px;
}

table.hist-list th.un{  border-top: 1px dashed #CCCCCC;
}

table.hist-list td{  font-size: 13px;
  color: #666666;
  padding: 7px 15px;
}

table.hist-list td a{   text-decoration: none;
}

table.hist-list td span.kai1{   color: #CC0000;
   white-space: nowrap;
}

table.hist-list td span.kai2{   color: #666666;
   white-space: nowrap;
}

table.hist-list td span.ex{   color: #FF9900;
}

table.hist-list td span.no{   color: #FFCC99;
}

/* --- icon.inc.css.php --- */
table.qa-list{ margin:7px auto;
}

table.qa-list th{  background-color: #F0F0F0;
  border-top: 1px solid #666666;
  font-size: 80%;
  font-weight: normal;
  padding: 7px 8px;
}

table.qa-list th a{   color: #000000;
}

table.qa-list th img{   margin-left: 5px;
}

table.qa-list td{  font-size: 80%;
  line-height: 1.3;
  padding: 5px 8px;
  border-bottom: 1px dashed #CCCCCC;
}

table.qa-list td a{   font-size: 110%;
}

table.qa-list td span.kai1{   color: #CC0000;
   white-space: nowrap;
}

table.qa-list td span.kai2{   color: #666666;
   white-space: nowrap;
}

table.qa-list td span.ex{   color: #FF9900;
}

table.qa-list td span.no{   color: #FFCC99;
}

img.re-s{ background-image: url('/qa/img/thum.gif');
 background-repeat: no-repeat;
 background-position: -50 -239;
 width: 20px;
 height: 9px;
}

img.best2{ background-image: url('/qa/img/thum.gif');
 background-repeat: no-repeat;
 background-position: 0 -180;
 width: 23px;
 height: 21px;
}

span.re-s{ font-size:10px;
 color: #666666;
}

/* --- list-s.inc.css.php --- */
table.list-s{ margin:5px 0 25px 0;
}

table.list-s th{  background-image: url('/qa/img/thum_roop_x.jpg');
  background-repeat: repeat-x;
  background-position: 0 -104;
  font-size:80%;
  font-weight:normal;
  padding:7px;
  white-space:nowrap;
}

table.list-s th img{   margin-left:5px;
}

table.list-s td{  font-size:80%;
  line-height:130%;
  padding:3px;
  border-bottom:1px dashed #CCCCCC;
  color:#333333;
}

table.list-s td a{   font-size:120%;
}

table.list-s td img{   vertical-align:middle;
   margin-right:5px;
}

table.list-s td span.ex{   color:#FF9900;
}

table.list-s td span.no{   color:#FFCC99;
}

table.list-s td span.kai1{   color:#CC0000;
   font-weight:bold;
   white-space:nowrap;
}

table.list-s td span.kai2{   color:#666666;
   white-space:nowrap;
}

table.list-s td.osiete{  padding:5px;
}

table.list-s td.naruhodo{  padding:5px;
}

table.list-s td.more{  border-bottom:1px solid #FFFFFF;
  text-align:right;
}

table.list-s td.more img{   vertical-align:middle;
   margin-right:5px;
}

/* --- list-table.inc.css.php --- */
table.qa-list{ margin:7px auto;
}

table.qa-list th{  background-color: #F0F0F0;
  border-top: 1px solid #666666;
  font-size: 80%;
  font-weight: normal;
  padding: 7px 8px;
}

table.qa-list th a{   color: #000000;
}

table.qa-list th img{   margin-left: 5px;
}

table.qa-list td{  font-size: 80%;
  line-height: 1.3;
  padding: 5px 8px;
  border-bottom: 1px dashed #CCCCCC;
}

table.qa-list td a{   font-size: 110%;
}

table.qa-list td span.kai1{   color: #CC0000;
   white-space: nowrap;
}

table.qa-list td span.kai2{   color: #666666;
   white-space: nowrap;
}

table.qa-list td span.kai3{   color: #666666;
   white-space: nowrap;
}

table.qa-list td span.ex{   color: #FF9900;
}

table.qa-list td span.no{   color: #FFCC99;
}

img.re-s{ background-image: url('/qa/img/thum.gif');
 background-repeat: no-repeat;
 background-position: -50 -239;
 width: 20px;
 height: 9px;
}

img.best2{ background-image: url('/qa/img/thum.gif');
 background-repeat: no-repeat;
 background-position: 0 -180;
 width: 23px;
 height: 21px;
}

span.re-s{ font-size:10px;
 color: #666666;
}

/* --- login-form.inc.css.php --- */
table.log{ background-color:#EFEFEF;
 border:solid 1px #CCCCCC;
 margin:30px auto 20px auto;
}

table.log th{  padding:10px;
  font-size:90%;
  color:#FF6600;
}

table.log td{  padding:10px 13px;
  font-size:80%;
  line-height:1.3;
}

/* --- main-area.inc.css.php --- */
table.top-key{ margin-bottom:10px;
 /* 以下画像関連 */
}

table.top-key th{  width:17px;
  height:17px;
}

table.top-key td{  width:auto;
  padding:0;
  background-color: #F7F5FA;
}

table.top-key td table.ranking{   margin-left:20px;
   margin-right:20px;
}

table.top-key td table.ranking td{    font-size:80%;
    padding:5px 15px 5px 5px;
    line-height:170%;
    vertical-align:top;
}

table.top-key td table.ranking td a{     color:#CC0000;
}

table.top-key td.l2{  background-image: url('/qa/img/thum_roop_y.jpg');
  background-repeat: repeat-y;
  background-position: 0 0;
  vertical-align:bottom;
  width:17px;
}

table.top-key td.r2{  background-image: url('/qa/img/thum_roop_y.jpg');
  background-repeat: repeat-y;
  background-position: -33 0;
  vertical-align:bottom;
  width:17px;
}

table.top-key td.m1{  background-image: url('/qa/img/thum_roop_x.jpg');
  background-repeat: repeat-x;
  background-position: 0 0;
  height:65px;
}

table.top-key td.m4{  background-image: url('/qa/img/thum_roop_x.jpg');
  background-repeat: repeat-x;
  background-position: 0 -75;
  height:17px;
}

table.top-key img.top-ti{  background-image: url('/qa/img/thum.gif');
  background-repeat: no-repeat;
  background-position: -134 -206;
  width: 440px;
  height: 65px;
}

table.top-key img.top-img{  background-image: url('/qa/img/thum.jpg');
  background-repeat: no-repeat;
  background-position: 0 -35;
  width: 220px;
  height: 105px;
}

table.top-key img.top-l1{  background-image: url('/qa/img/thum.gif');
  background-repeat: no-repeat;
  background-position: -134 0;
  width: 17px;
  height: 65px;
}

table.top-key img.top-r1{  background-image: url('/qa/img/thum.gif');
  background-repeat: no-repeat;
  background-position: -153 0;
  width: 17px;
  height: 65px;
}

table.top-key img.top-l3{  background-image: url('/qa/img/thum.gif');
  background-repeat: no-repeat;
  background-position: -134 -86;
  width: 17px;
  height: 17px;
}

table.top-key img.top-r3{  background-image: url('/qa/img/thum.gif');
  background-repeat: no-repeat;
  background-position: -153 -86;
  width: 17px;
  height: 17px;
}

table.top-key img.top-l4{  background-image: url('/qa/img/thum.gif');
  background-repeat: no-repeat;
  background-position: -134 -105;
  width: 17px;
  height: 17px;
}

table.top-key img.top-m4{  background-image: url('/qa/img/thum.gif');
  background-repeat: no-repeat;
  background-position: -134 -124;
  width: 17px;
  height: 17px;
}

table.top-key img.top-r4{  background-image: url('/qa/img/thum.gif');
  background-repeat: no-repeat;
  background-position: -153 -105;
  width: 17px;
  height: 17px;
}

/* --- my-count.inc.css.php --- */
div.qa-r-my{ background-color:#E8E8E8;
 border:1px solid #CFCFCF;
 padding:4px;
 font-size:80%;
}

div.qa-r-my div.qrm-num{  margin-top:8px;
  background-color:#FFFFFF;
  border:1px solid #CCCCCC;
  padding:5px;
  line-height: 22px;
}

div.qa-r-my div.qrm-num img{   vertical-align:middle;
   margin-right: 5px;
}

div.qa-r-my div.qrm-set{  text-align:right;
  padding:9px 5px 5px 5px;
}

div.go-my{ background-color:#F0F0F0;
 border:1px solid #CCCCCC;
 padding:7px;
 font-size:80%;
 margin-bottom:5px;
 font-weight:bold;
}

div.go-my img{  vertical-align:middle;
  margin-right:7px;
}

div.go-my a{  color:#000000;
}

img.re{ background-image: url('/qa/img/thum.gif');
 background-repeat: no-repeat;
 background-position: -50 -202;
 width: 36px;
 height: 27px;
}

/* --- page-send.inc.css.php --- */
div.q-page{ font-size:14px;
 text-align:center;
 margin:0 1% 1px auto;
}

div.q-page a{  padding-left:4px;
  padding-right:4px;
}

div.q-page b{  padding-left:4px;
  padding-right:4px;
}

/* --- point-list.inc.css.php --- */
table.my-top-qa{ margin-top: 20px;
}

table.my-top-qa h1{  margin:0 0 4px 0;
  font-size: 14px;
  background-color:#E3E3E3;
  border-left:9px solid #CC0000;
  padding:3px 12px;
}

table.my-qa{}

table.my-qa th{  font-size: 14px;
  font-weight:normal;
  text-align:right;
  border-bottom:1px dashed #CCCCCC;
  padding:10px 30px;
}

table.my-qa td{  font-size: 14px;
  border-bottom:1px dashed #CCCCCC;
  padding:10px 15px;
}

table.my-qa td a{   text-decoration: none;
}

table.my-qa td a:hover{   text-decoration: underline;
}

table.my-qa td strong.r{   color: #FF9933;
}

table.my-qa td strong.b{   color: #003366;
}

img.re-s{ background-image: url('/qa/img/thum.gif');
 background-repeat: no-repeat;
 background-position: -50 -239;
 width: 20px;
 height: 9px;
}

/* --- point-rank.inc.css.php --- */
table.rank-li{ border:1px solid #CCCCCC;
 margin-top:15px;
 margin-bottom:15px;
}

table.rank-li th{  background-image: url('/qa/img/thum_roop_x.jpg');
  background-repeat: repeat-x;
  background-position: 0 -162;
  padding:7px 5px;
  font-size:80%;
  text-align:left;
}

table.rank-li th img{   margin-right:5px;
   vertical-align:middle;
}

table.rank-li td{  font-size:80%;
  padding:3px 3px 5px 5px;
}

/* --- profile.inc.css.php --- */
div.prof-l{ float: left;
 margin-right: 15px;
}

div.prof-r{ font-size: 13px;
 color: #666666;
 line-height: 24px;
}

div.prof-r strong{  color: #CC0000;
}

br.cl{ clear: both;
}

/* --- question-area.inc.css.php --- */
table.q-det{ margin:15px auto 0 auto;
}

table.q-det th{  padding:0;
}

table.q-det th.l2{  background-image: url('/qa/img/thum_roop_y.jpg');
  background-repeat: repeat-y;
  background-position: -69 0;
  width:9px;
}

table.q-det th.r2{  background-image: url('/qa/img/thum_roop_y.jpg');
  background-repeat: repeat-y;
  background-position: -83 0;
  width:9px;
}

table.q-det th.m1{  background-image: url('/qa/img/thum_roop_x.jpg');
  background-repeat: repeat-x;
  background-position: 0 -297;
  height:9px;
}

table.q-det th.m3{  background-image: url('/qa/img/thum_roop_x.jpg');
  background-repeat: repeat-x;
  background-position: 0 -320;
  height:9px;
}

table.q-det td{  padding:10px;
}

table.q-det td h1{   font-size:120%;
   margin:0;
}

table.q-det td h1 img{    vertical-align:middle;
    margin-right:7px;
}

table.q-det td p{   margin-top: 10px;
   font-size:14px;
   line-height:130%;
   padding:1px 7px 5px 7px;
}

table.q-det td.data{  font-size:80%;
  text-align:right;
}

table.q-det td.data span{   padding-left:22px;
   padding-right:3px;
   color:#999999;
}

table.q-det td.data span.ex{   color:#FF9900;
   padding-left:0;
   padding-right:0;
}

table.q-det td.data span.no{   padding-left:0;
   padding-right:0;
   color:#FFCC99;
}

table.q-det td.data b{   color:#CC0000;
}

table.q-det td.data img{   vertical-align:middle;
   margin-left:15px;
}

img.q-det-l1{ background-image: url('/qa/img/thum.gif');
 background-repeat: no-repeat;
 background-position: -205 0;
 width:9px;
 height:9px;
}

img.q-det-r1{ background-image: url('/qa/img/thum.gif');
 background-repeat: no-repeat;
 background-position: -242 0;
 width:9px;
 height:9px;
}

img.q-det-l3{ background-image: url('/qa/img/thum.gif');
 background-repeat: no-repeat;
 background-position: -205 -124;
 width:9px;
 height:9px;
}

img.q-det-r3{ background-image: url('/qa/img/thum.gif');
 background-repeat: no-repeat;
 background-position: -242 -124;
 width:9px;
 height:9px;
}

img.q-det-m1{ background-image: url('/qa/img/thum.jpg');
 background-repeat: no-repeat;
 background-position: 0 -157;
 width:34px;
 height:34px;
}

img.q-det-un{ background-image: url('/qa/img/thum.gif');
 background-repeat: no-repeat;
 background-position: -132 -308;
 width:116px;
 height:17px;
 border: none;
}

/* --- recommend.inc.css.php --- */
div.rec-ti{ margin:15px 5% 3px 5%;
 background-color:#EFEFEF;
 border-top:1px solid #CFCFCF;
 font-size:80%;
 padding:1px 10px 1px 10px;
 text-align:left;
 color:#000000;
}

div.rec-ti img{  margin:0 7px 0 0;
  vertical-align:middle;
}

table.rec-list{}

table.rec-list th{  font-size:80%;
  font-weight:normal;
  line-height:1.3;
  padding:3px 5px 3px 30px;
  border-bottom:1px dashed #CCCCCC;
  text-align:left;
}

table.rec-list td{  font-size:80%;
  line-height:1.3;
  padding:3px 20px 3px 7px;
  border-bottom:1px dashed #CCCCCC;
  text-align:right;
}

table.rec-list td span.kai1{   color:#CC0000;
   white-space:nowrap;
}

table.rec-list td span.kai2{   color:#666666;
   white-space:nowrap;
}

table.rec-list td span.kai3{   color:#666666;
   white-space:nowrap;
}

img.rec-qa{ background-image: url('/qa/img/thum.gif');
 background-repeat: no-repeat;
 background-position: -54 0;
 width: 28px;
 height: 23px;
}

/* --- tags.inc.css.php --- */
h2.key{ background-color:#F6F6F6;
 margin-left:5%;
 margin-right:5%;
 margin-top:0;
 margin-bottom:0;
 font-size:12px;
 color:#666666;
 padding:5px;
 text-align:right;
}

h2.key span{  font-weight: normal;
  font-size:11px;
  color:#999999;
}

/* --- titles.inc.css.php --- */
div.frm-top{ text-align: left;
 width: 90%;
 font-size:90%;
 color:#333333;
 background-color:#F6F6F6;
 border-left:5px solid #CC0000;
 border-bottom:1px solid #333333;
 padding:6px 7px;
 font-weight: bold;
}

div.frm-top span{  font-size: 13px;
  color: #999999;
  font-weight: normal;
}

/* Mobile Responsive Adjustments for Health Q&A (/qa/) */
@media screen and (max-width: 768px) {
  div#body, #main, div.qa-head {
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }
  div.qa-head {
    height: auto !important;
    min-height: 45px;
    padding: 6px 8px !important;
    white-space: normal !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
  }
  div.qa-head div.qh-search {
    float: none !important;
    width: 100% !important;
    padding: 0 !important;
  }
  div.qa-head div.qh-search form {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    width: 100% !important;
    margin: 0 !important;
  }
  div.qa-head div.qh-search span {
    display: none !important;
  }
  div.qa-head input.dcr {
    float: none !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: 100% !important;
  }
  div.qa-head input.qa-sch {
    float: none !important;
    flex: 0 0 50px !important;
  }
  div.qa-head div.qh-my {
    float: none !important;
    width: 100% !important;
    text-align: right !important;
    padding: 0 !important;
  }

  /* 3-frame table layout to column */
  table.qa-3frame {
    display: block !important;
    width: 100% !important;
  }
  table.qa-3frame > tbody,
  table.qa-3frame > tbody > tr {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
  }
  table.qa-3frame td.qa-m {
    order: 1;
    display: block !important;
    width: 100% !important;
    padding: 0 4px !important;
    box-sizing: border-box !important;
  }
  table.qa-3frame td.qa-l {
    order: 2;
    display: block !important;
    width: 100% !important;
    padding: 15px 4px 0 4px !important;
    box-sizing: border-box !important;
  }
  table.qa-3frame td.qa-l table.cate-li {
    width: 100% !important;
  }
  table.qa-3frame td.qa-r {
    order: 3;
    display: block !important;
    width: 100% !important;
    padding: 15px 4px !important;
    box-sizing: border-box !important;
  }
  table.qa-3frame td.qa-r .t-box {
    width: 100% !important;
  }

  /* Top Banner Box */
  div.t-box {
    width: 100% !important;
    box-sizing: border-box !important;
  }
  table.t-rank {
    width: 100% !important;
  }
  td.tr-img {
    display: none !important;
  }
  td.tr-lst {
    width: 100% !important;
    padding: 10px !important;
  }

  /* Top List Table */
  table.list-s {
    table-layout: fixed !important;
    width: 100% !important;
  }
  table.list-s colgroup {
    display: none !important;
  }
  table.list-s td.osiete {
    width: 60% !important;
    word-break: break-all !important;
    white-space: normal !important;
  }
  table.list-s td:nth-child(2) {
    width: 18% !important;
    text-align: right !important;
    white-space: nowrap !important;
  }
  table.list-s td.some {
    width: 22% !important;
    max-width: 72px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  /* Category List / New List / Search List Table */
  table.qa-list {
    table-layout: fixed !important;
    width: 100% !important;
    font-size: 11px !important;
  }
  table.qa-list colgroup {
    display: none !important;
  }
  table.qa-list th:nth-child(2),
  table.qa-list td:nth-child(2),
  table.qa-list th:nth-child(3),
  table.qa-list td:nth-child(3) {
    display: none !important;
  }
  table.qa-list th:nth-child(1),
  table.qa-list td:nth-child(1) {
    width: 55% !important;
    word-break: break-all !important;
  }
  table.qa-list th:nth-child(4),
  table.qa-list td:nth-child(4) {
    width: 20% !important;
    text-align: center !important;
  }
  table.qa-list th:nth-child(5),
  table.qa-list td:nth-child(5) {
    width: 25% !important;
    text-align: center !important;
  }

  /* Thread Detail Tables */
  table.q-det, table.a-det, table.a-det2, div.t-ans {
    width: 100% !important;
    box-sizing: border-box !important;
  }
  table.q-det td, table.a-det td, table.a-det2 td {
    word-break: break-all !important;
  }
}