@charset "UTF-8";

/**
 * Page: case/index
 * 解決事例
 */


.page-case #maincontent{
  padding-left: 38px;
  padding-bottom: 27px;
  margin-bottom: 20px;
  width: 850px;
  float: right;
  border: 1px solid #DBDCDC;
  background: #FAF8E9 url("../img/case/case_bg_circle.png") repeat-y 0 0;
  border-radius: 0 3px 3px 0;
  box-shadow: -2px 2px #E8E6D5;
}

.page-case h2 {
    margin: 0px 0px 0px;
    padding-bottom: 15px;
    font-weight: 200;
    font-size: 26px;
    color: #473727;
    border: none;
}
.page-case p.lead {
    margin-bottom: 15px;
}
.bold {
    font-weight:bold;
}
.page-case .h_genre {
    font-size: 22px;
    font-weight: bold;
}
.page-case .result {
  position: relative;
    display: block;
    width: 783px;
    padding-bottom: 5px;
    border-bottom: 2px solid #493928;
    background: #fff;
}
.page-case .result:first-of-type{
    border-top: 2px solid #493928;
}

.page-case .result .fig{
  position: relative;
  width: 228px;
  height: 100px;
  margin: 10px 0 10px 10px;
  float: left;
  border: 1px solid #DCDDDD;
  padding: 10px;
  background: url("../img/common/bg/bg2.png") 0 0 repeat;
}
.page-case .result .fig .thumbimg {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 120px;
  height: 80px;
  overflow: hidden;
  text-align: center;
}
.page-case .result .fig .thumbimg p{
  position: relative;
  font-size: 12px;
  font-weight: bold;
  width: 100%;
  line-height: 1.3;
  margin: 0;
  padding-bottom: 2px;
  border-bottom: 2px solid #549B34;
}
.page-case .result .fig .thumbimg p:before{
  position: absolute;
  content: "";
  border: 8px solid transparent;
  border-top: 8px solid #549B34;
  margin: 0 auto;
  left: 44.5%;
  bottom: -16px;
}
.page-case .result .fig .thumbimg img{
  width: 80%;
  height: auto;
  margin-top: 5px;

}

img.thumb_lawyer{
  position: absolute;
    /*width: 230px;*/
    /*height: auto;*/
    width: 85px;
    height: auto;
    right: 8px;
    top: 9px;
}

.page-case .detail{
    width: 541px;
    float: right;
    padding: 10px 20px 10px 15px;
}
.page-case .detail p {
    margin: 0;
    padding: 0;
}
.page-case .detail p.date {
    display: inline;
    margin: 0;
}
.page-case .detail p.new {
  font-size: 13px;
    display: inline;
    margin: 0;
    margin-left: 4px;
    color: #ff4c00;
}
.page-case .detail p.text {
    font-size: 18px;
    color: #000;
    line-height: 1.5;
    margin-bottom: 5px;
}
.page-case .detail p.text span{
	color:#f30;
}
.page-case .detail a img.btn_detail {
    margin-top: 7px;
}
.page-case .detail dl.category {
    clear: left;
    float: right;
    margin-top: 6px;
}
.page-case .detail dl.category dt:first-child+dd {
    margin-right: 30px;
}
.page-case .detail dl.category dt,
.page-case .detail dl.category dd {
    display: inline-block;
    font-size: 13px;
}
.page-case .detail dl.category dd a:link {
    text-decoration: none;
    color: #4164A9;
}
.page-case .detail dl.category dd a:hover {
    text-decoration: none;
    color: #4164A9;
}
.page-case .detail dl.category dd a:visited {
    text-decoration: none;
    color: #4164A9;
}



/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (max-width: 640px) {
  .page-case h2{
    padding-left: 30px;
    padding-right: 20px;
  }
  .page-case p.lead {
    padding-left: 30px;
    padding-right: 20px;
  }
  .page-case .detail p.text{
    padding-bottom: 5px;
  }
  .page-case #maincontent {
    padding-left: 0px;
    padding-right: 0;
    padding-top: 10px;
    padding-bottom: 27px;
    margin-bottom: 20px;
    width: auto;
    float: none;
  }
  .page-case .result {
    position: relative;
    display: block;
    width: auto;
    margin-left: 30px;
    margin-right: 20px;
    padding-bottom: 5px;
    border-bottom: 2px solid #493928;
    background: #fff;
  }
  .page-case .result .fig{
    float: none;
    margin: 10px auto;
  }
  .page-case .detail{
    width: auto;
    float: none;
    padding-top: 0px;
    padding-right: 10px;
    padding-left: 10px;
  }
  .page-case .detail dl.category{
    float: none;
  }
  .page-case .detail dl.category dt,
  .page-case .detail dl.category dd{
    float: left;
  }
  .page-case .detail dl.category dt{
    clear: left;
  }



}