table.frm-tbl{ font-size: 12px;
}

table.frm-tbl th{  margin: 0px;
  /* vertical-align: top; */
  font-weight: normal;
  text-align: left;
  padding: 10px;
  border-bottom: 1px dotted #E0E0E0;
  background-image: url('/img/frm-back.gif');
  line-height: 22px;
  /* width: 25%; */
}

table.frm-tbl th span{   color: #CC0000;
   margin-left: 8px;
}

table.frm-tbl th.top-cell{  border-top: 1px dotted #E0E0E0;
}

table.frm-tbl td{  margin: 0px;
  vertical-align: top;
  padding: 10px;
  border-bottom: 1px dotted #E0E0E0;
  line-height: 22px;
  /* width: 75%; */
}

table.frm-tbl td img{   vertical-align: middle;
   margin-bottom: 2px;
}

table.frm-tbl td span{   text-decoration: underline;
}

table.frm-tbl td strong{   color: #FF6600;
   font-size: 14px;
}

table.frm-tbl td textarea#dcr{   border: 1px solid #6699CC;
   background-image: url('/img/input-back.jpg');
   background-repeat: no-repeat;
   padding: 3px;
   font-size:12px;
   line-height:14px;
}

table.frm-tbl td.top-cell{  border-top: 1px dotted #E0E0E0;
}

/*--体験談ヘッダー--*/

div.exp-head{ background-image: url('/exp/img/xback.jpg');
 background-repeat: repeat-x;
 background-position: 0 -69px;
 margin:0;
 white-space: nowrap;
 height:45px;
 vertical-align:middle;
}

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 input.qa-sch{  float: left;
  width: 44px;
  text-align: center;
  height: 24px;
  line-height: 22px;
  font-size: 12px;
  color: #3865AF;
  background-image: url('/exp/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;
}

div.qh-search a{  padding-left:7px;
}

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

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

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

.qh-clear{ clear:both;
}

.exp-he{ border-top:5px solid #CC0000;
}

.exp-he th{ background-color:#CC0000;
 font-size:80%;
 padding:1px 5px 3px 5px;
 color:#FFFFFF;
 white-space:nowrap;
}

.exp-he th a{ color:#FFFFFF;
 padding-left:7px;
 padding-right:7px;
}

.exp-he th a:hover{ color:#FFFFFF;
}

.exp-he th strong{ font-size:110%;
}

.exp-he td{ font-size:80%;
 padding:10px;
 background-color:#F0F0F0;
 white-space:nowrap;
}

.exp-he td img{ vertical-align:middle;
}

.exp-he td input{ vertical-align:middle;
}

.head-ser-txt{ width:250px;
 margin-bottom:2px;
}

#path{ margin-top:5px;
}

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:110%;
 margin:7px auto 0 5px;
 color:#333333;
}

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

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

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

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

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

p.back-link{ background-image:url(/note/img/meal/bt-back2.jpg);
 border:1px solid #9CB8C6;
 cursor:pointer;
 height:33px;
 line-height:33px;
 font-size:90%;
 text-align:center;
 width:140px;
}

p.back-link a{  color:#006699;
  text-decoration:none;
}

p.back-link a:hover{  color:#CC0000;
  text-decoration:underline;
}

.small-link a{ font-size:90%;
}

.small-link a img{  margin-bottom:2px;
  margin-right:5px;
  padding:0px;
  vertical-align:middle;
}

.new-title a{ font-size:120%;
 color:#000000;
 padding-bottom:3px;
}

img.marker{ background: transparent url('/img/thum/exp-camp-icon.gif') no-repeat 0px -20px; width: 18px; height: 11px; }
img.megaphone{ background: transparent url('/img/thum/exp-camp-icon.gif') no-repeat 0px -51px; width: 18px; height: 18px; }
img.memo{ background: transparent url('/img/thum/exp-camp-icon.gif') no-repeat 0px -89px; width: 18px; height: 13px; }

div.new-frm{ background-color:#ECEDED;
 font-size:80%;
 padding:5px 20px 5px 20px;
 margin-bottom:10px;
}

div.new-frm div.new-frm-cont{  margin: 5px 20px 5px 20px;
}

div.new-frm div.con-left{  float:left;
}

div.new-frm div.con-left #exp-disc{   color:#003399;
   cursor:pointer;
}

div.new-frm div.con-left div.disc{   margin-top:5px;
}

div.new-frm div.con-left div.disc div.disc-con{    padding:3px 10px 3px 20px;
}

div.new-frm div.con-right{  float:right;
}

div.new-frm textarea{  width:100%;
  margin-top:5px;
  margin-bottom:5px;
  font-size: 14px;
  line-height:16px;
}

div.new-frm input.title{  margin-top:5px;
  width:100%;
  font-size: 14px;
}

img.mark-minus{ background: transparent url('/img/thum/exp_mark.gif') no-repeat 0px -20px; width: 7px; height: 7px;}

img.mark-plus{ background: transparent url('/img/thum/exp_mark.gif') no-repeat 0px -47px; width: 7px; height: 7px;}

img.icon-megaphon{ background: transparent url('/img/thum/info-icon.gif') no-repeat 0px -20px; width: 18px; height: 18px; }
img.icon-memo{ background: transparent url('/img/thum/info-icon.gif') no-repeat 0px -58px; width: 15px; height: 17px; }
img.icon-more{ background: transparent url('/img/thum/info-icon.gif') no-repeat 0px -95px; width: 18px; height: 18px; }
img.icon-msg-0{ background: transparent url('/img/thum/info-icon.gif') no-repeat 0px -133px; width: 16px; height: 16px; }

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.4.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.4
 * @date November 17, 2007
 * @category jQuery plugin
 * @copyright (c) 2007 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 90;
  width: 100%;
  height: 500px;
}
#jquery-lightbox {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  text-align: center;
  line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
  position: relative;
  background-color: #fff;
  width: 250px;
  height: 250px;
  margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
  position: absolute;
  top: 40%;
  left: 0%;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}
#lightbox-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
  width: 49%;
  height: 100%;
/*  zoom: 1; */
  display: block;
}
#lightbox-nav-btnPrev { 
  left: 0; 
  float: left;
}
#lightbox-nav-btnNext { 
  right: 0; 
  float: right;
}
#lightbox-container-image-data-box {
  font: 10px Verdana, Helvetica, sans-serif;
  background-color: #fff;
  margin: 0 auto;
  line-height: 1.4em;
  overflow: hidden;
  width: 100%;
  padding: 0 10px 0;
}
#lightbox-container-image-data {
  padding: 0 10px; 
  color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
  width: 70%; 
  float: left; 
  text-align: left; 
} 
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
  display: block; 
  clear: left; 
  padding-bottom: 1.0em;  
}     
#lightbox-secNav-btnClose {
  width: 66px; 
  float: right;
  padding-bottom: 0.7em;  
}table.info-2frame{ margin-top:10px;
}

table.info-2frame td.info-l{  vertical-align:top;
  padding-right:20px;
}

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

table.rank-li{ border:1px solid #CCCCCC;
 margin-top:5px;
 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:6px 4px 4px 6px;
  font-size:80%;
  text-align:left;
}

table.rank-li th a{   color:#000000;
}

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

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

.wk-b-ti{ background-image:url(/note/img/w-b-ti.jpg);
 background-repeat:repeat-x;
 border-left:1px solid #E0E0E0;
 border-right:1px solid #E0E0E0;
 border-top:1px solid #CECFCE;
 font-size:14px;
 font-weight:bold;
 height:35px;
 line-height:36px;
 padding-left:20px;
}

.wk-b{ border-bottom:15px solid #E0E0E0;
 border-left:15px solid #E0E0E0;
 border-right:15px solid #E0E0E0;
 padding:20px;
}

.wk-b th.title{  background-image:url(/img/frm-back.gif);
  border-bottom:1px dotted #E0E0E0;
  line-height:22px;
  padding:5px 20px 5px 20px;
  text-align:left;
}

.wk-b td{  font-size:90%;
  padding:10px 20px 0px 20px;
}

div.comment-title{ border-bottom:#CCCCCC 1px dotted;
 margin-top:30px;
 margin-bottom:20px;
 font-weight:bold;
 font-size:90%;
 padding-bottom:2px;
}

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;
}