div.case-main-area{
  width:680px;
  float: left;
}
/*
  div.case-main-area h2 {
    background: url(/img/h2_bg_box.gif) no-repeat;
    padding:6px 0 6px 20px;
    margin:13px 0 11px 0;
    font-weight:bold;
    font-size:16px;
  }
*/
  div.case-main-area h2 {
    background: url(/img/h2_bg_box_blue.gif) no-repeat;
    margin:20px 0 20px 0;
    padding:9px 0 7px 30px;
    font-weight:bold;
    font-size:16px;
    color:#ffffff;
  }


  div.case-main-area a {
    color:#4169E1;
    text-decoration:none;
  }
  div.case-main-area a:hover {
    text-decoration:underline;
  }
  div.description-box {
    display:block;
    margin:22px 0 10px 0;
    padding:20px 0 20px 20px;
    font-size:14px;
    background: url(/img/description_box.gif) no-repeat;
  }



div.case-text {
  display:block;
}
  div.case-text div.case-text-left {
    float:left;
    width:320px;
  }
  div.case-text div.case-text-left div.case-content-text {
    display:block;
    margin:10px;
    padding:10px;
    background-color:#FDFCE9;
  }
  div.case-text div.case-text-left div.case-content-text2 {
    display:block;
    margin:10px;
    color:#3366cc;
    font-weight:bold;
    font-size:16px;
  }
  div.case-text div.case-text-right {
    display:inline;
    float:left;
    margin:10px;
  }
  div.case-text div.case-text-left2 {
    display:inline;
    float:left;
    margin:10px;
  }
div#case-list {
  display:block;
}
  div#case-list li {
    border-bottom :1px dashed #aaa;
    margin:0 0 5px 0;
    padding:5px 0 ;
  }
  div#case-list li:FIRST-CHILD {
    border-top :1px dashed #aaa;
  }
    div#case-list li div.case-border {
      display:block;
      border-left :5px solid #dfe9fc;
      padding:5px 5px 0 5px;
    }
      div#case-list li div.case-border div.case-picture {
        float:left;
        width:116px;
        background: url(/img/case_picture_back.gif) no-repeat 50% 10%;
        padding:4px 0 4px 0 ;
        text-align:center;
      }
        div#case-list li div.case-border div.case-picture img {
          width:100px;
          height:75px;
        }
      div#case-list li div.case-border div.case-left {
        float:left;
        width:540px;
      }
        div#case-list li div.case-border div.case-left div.case-left-inner {
          padding:5px 5px 0px 5px ;
        }

        div#case-list li div.case-border div.case-left div.case-left-inner div.detail-h3-left {
          display:block;
          float:left;
        }
          div#case-list li div.case-border div.case-left div.case-left-inner div.detail-h3-left img {
            display:block;
          }
        div#case-list li div.case-border div.case-left div.case-left-inner div.detail-h3-right {
          display:block;
          float:left;
          padding:5px 0 0 4px ;
          width:469px;
        }

          div#case-list li div.case-border div.case-left div.case-left-inner h3 {
            color:#3366cc;
            font-weight:bold;
            font-size:16px;
          }
            div#case-list li div.case-border div.case-left div.case-left-inner h3 a {
              color:#3366cc;
              text-decoration:none;
            }
            div#case-list li div.case-border div.case-left div.case-left-inner h3 a.is-new {
              background: url("/image/example/icon_new_example.png") no-repeat 0 1px transparent;
              padding-left:40px;
            }
            div#case-list li div.case-border div.case-left div.case-left-inner h3 a:hover {
              text-decoration:underline;
            }
          div#case-list li div.case-border div.case-left div.case-left-inner div.case-left-text {
            padding:7px 5px 0px 0px ;
            line-height:120%;
          }
          div#case-list li div.case-border div.case-left div.case-left-inner div.case-left-text span.genre {
            font-size:15px;
            font-weight:bold;
            line-height:150%;
          }
      div#case-list li div.case-border div.case-right {
        float:right;
        width:80px;
      }

div.index-link {
  display:block;
  margin:3px 0;
}
  div.allRecords {
    float:left;
  }
  div.indexLink {
    float:right;
  }
  div.indexLink li {
    display:inline;
    margin:0 5px;
  }
#case-list .case-block{
  border-left: 5px solid #DFE9FC;
  padding:5px 0 0 12px;
}
#case-list .upper-block{
  margin-bottom: 15px;
}
#case-list .upper-block .example-image{
  width: 130px;
  float: left;
  -webkit-box-shadow: 0 0 3px 1px rgba(4, 0, 0, 0.44);
  -moz-box-shadow: 0 0 3px 1px rgba(4, 0, 0, 0.44);
  box-shadow: 0 0 3px 1px rgba(4, 0, 0, 0.44);
}
#case-list .upper-block .case-detail{
  width: 520px;
  float: right;
}
#case-list .upper-block .case-detail .title{
  background: none;
  margin: 0 0 7px;
  padding:0;
  line-height: 17px;
  font-size: 16px;
}
#case-list .upper-block .case-detail .genre{
  font-size: 15px;
  color: #4c4c4c;
  font-weight: bold;
  margin-bottom: 12px;
}
#case-list .upper-block .case-detail .genre .change{
  color: #fd7100;
}
#case-list .upper-block .case-detail .comment{
  font-size: 13px;
  line-height: 18px;
}
#case-list .upper-block .case-detail .comment a{
  font-weight: bold;
}
#case-list .bottom-block{
  margin-bottom: 8px;
  background-color: #fffae0;
  padding:8px 20px 8px 17px;
}
#case-list .bottom-block dl{
  font-size: 12px;
  font-size: 12px;
  line-height: 18px;
  width: 478px;
  float: left;
}
#case-list .bottom-block dl dt, #case-list .bottom-block dl dd{
  display: inline;
}
#case-list .bottom-block dl dt{
  color: #009e96;
}
#case-list .bottom-block dl dd{
  color: #4c4c4c;
}
#case-list .bottom-block .detail-button{
  display: block;
  width: 122px;
  height: 48px;
  float: right;
  margin-top:10px;
  background-image: url("/image/example/btn_detail.png");
  background-repeat: no-repeat;
  text-indent: -9999px;
  overflow: hidden;
}
#case-list .bottom-block .detail-button:HOVER{
  background-position: 0 -50px;
}
/*--------------------------------------------
詳細
--------------------------------------------*/

div.case-main-area h4 {
  background: url(/img/h2_bg_box.gif) no-repeat;
  padding:6px 0 6px 20px;
  margin:13px 0 11px 0;
  font-weight:bold;
  font-size:16px;
}
div.open-date {
  display:block;
  color:#333333;
  text-align:right;
  font-size:13px;
  font-size:14px;
}
div.title {
  display:block;
  margin:0 10px 5px 10px;
}
  div.title-left {
    float:left;
    display:block;
    background: url(/img/case_title_success.gif) no-repeat;
    width:83px;
    height:71px;
    font-size:20px;
  }
  div.title table tr td {
    width:570px;
    height:71px;
    color:#009E96;
    font-size:20px;
    font-weight:bold;
    line-height:130%;
    vertical-align:middle;
  }
  div.title table tr td .is-new{
    background: url("/image/example/icon_new_example.png") no-repeat 0 35% transparent;
    padding-left:40px;
  }
div.store-data {
  color:#000;
  background-color:#FFD082;
  margin:0 10px 0 10px;
}
  div.store-data-top {
    display:block;
    background: url(/img/case_store_data.gif) no-repeat 10px 10px;
    height:27px;
    font-size:18px;
    font-weight:bold;
    padding:14px 0 6px 145px;
    line-height:130%;
  }
  div.store-data-line {
    display:block;
    background: url(/img/case_store_line.gif) no-repeat;
    height:1px;
  }
  div.store-data-bottom {
    display:block;
    padding:8px 0 4px 10px;
  }
    div.store-data-bottom span.orange {
      color:#EB6100;
      line-height:150%;
    }




div#case-detail {
  display:block;
  margin:20px 10px 30px 10px;
}
  div#case-detail div.case-detail-left {
    font-size:14px;
    line-height:18px;
    color:#333333;
    width:440px;
    float:left;
    line-height:150%;
  }
  div#case-detail div.case-detail-right {
    float:right;
  }
    div#case-detail div.case-detail-right img {
      display:block;
      width:200px;
    }

div#back-list {
  display:block;
  margin:10px;
  padding:10px 0 10px 30px;
  background: url(/img/case_back_triangular.gif) no-repeat  scroll 10px 12px;
  background-color:#EDE9E5;
  font-weight:bold;
}

.left-area{
  width: 680px;
  float: left;
}
/*--------------------------------------------
一覧のリニューアル用css
--------------------------------------------*/
.section-lv1 .text .count{
  color: #ec5330;
  font-weight: bold;
}
.section-lv1 .text .restaurant-type-descrition{
  padding:20px 0 0 0;
}
#search-area{
  border:2px solid #808080;
  padding:3px;
  background-color: #faf9f8;
  margin-bottom:15px;
}
#search-area #search-area-inner{
  background-color: #ede9e5;
  padding:15px 20px;
}
#search-area #search-area-inner dl,#search-area #search-area-inner dt,#search-area #search-area-inner dd{
  display: inline;
  line-height: 22px;
}
#search-area #search-area-inner dl{
  margin-right: 20px;
}
#search-area #search-area-inner dt{
  color: #5d4531;
  font-weight: bold;
}
#search-area .row{
  margin-bottom: 10px;
}
#search-area .restaurant-list dt{
  float: left;
  margin-right:5px;
}
#search-area .check-restaurant-list{
  width: 110px;
  float: left;
}
#search-area .search-restaurant-list{
  width: 700px;
  float: left;
  padding:5px;
  border :1px solid #b3b3b3;
  background-color: #fff;
}
#search-area .search-restaurant-list li{
  display:inline-block;
  margin-right:5px;
  *display: inline;
  *zoom: 1;
}
#search-area .search-keyword{
  width: 510px;
  float: left;
}
#search-area .search-keyword p{
  font-size: 11px;
  color: #4c4c4c;
}
#search-area .search-keyword p .marker{
  color: #ec5330;
}
#search-area .search-button-area{
  text-align: right;
}
#condition-area{
  border:1px solid #ec5330;
  background-color: #fffae0;
  color: #333333;
  font-size:14px;
  line-height:20px;
  padding:5px 10px;
  margin-bottom:20px;
}
#condition-area dt,#condition-area dd {
  display: inline;
}
#condition-area dt{
  font-weight: bold;
  margin-right:10px;
}
#condition-area dt .marker{
  color: #ec5330;
}
.case-left-text .change{
  color: #fc7607;
}
.case-left-text dl,.case-left-text dt,.case-left-text dd{
  display:inline;
  font-size: 12px;
  line-height: 15px;
}
.case-left-text dt{
  color: #009e96;
  padding-right:5px;
}
.case-left-text dd{
  padding-right:5px;
}
#sidebar .section-lv2 h2.example-left{
  background: none;
  color: #666666;
  font-size: 12px;
  line-height: 16px;
  padding-left:5px;
  margin-bottom: 0;
}
#sidebar .section-lv2 .recent-example{
  border-bottom:1px dotted #cccccc;
  padding:5px 0;
  font-size: 11px;
  line-height: 15px;
  color: #4c4c4c;
}
#sidebar .section-lv2 .recent-example .section-lv3{
  width: 150px;
  float: right;
}
#sidebar .section-lv2 .recent-example .section-lv3 h3{
  font-size: 12px;
  color: #000;
  display: inline;
}
#sidebar .section-lv2 .recent-example .section-lv3 h3 .change{
  color: #e25906;
}
#sidebar .section-lv2 .recent-example .section-lv3 .marker{
  color: #b2b2b2;
}
#sidebar .section-lv2 .recent-example .image{
  width: 70px;
  float: left;
}
#sidebar .section-lv2 .recent-example .image img{
  width: 70px;
}
.other-example-area{
  width: 680px;
  float: left;
  margin-bottom: 20px;
}
.other-example-area:last-child {
  margin-bottom: 0px;
}
.other-example-area .title{
  border: 1px solid #e4e4e4;
  background-color: #ede9e5;
  font-size: 14px;
  color: #4c4c4c;
  line-height: 22px;
  font-weight: bold;
  padding:6px 15px 5px;
}
.other-example-area .list-link{
  text-align: right;
  padding-right:15px;
  margin-top: -33px;
}
.other-example-area .list-link a{
  font-size: 12px;
  line-height:33px;
  color: #3366cc;
  font-weight: bold;
  background: url("/image/example/icon_other_example.png") no-repeat 0 0;
  padding: 3px 0 3px 17px;
}
.other-example-area .example-box-aera{
  margin-top: 15px;
  padding:0 8px;
}
.other-example-area .example-box{
  width: 128px;
  float: left;
  margin: 0 8px;
  border: 1px solid #d9d9d9;
  min-height: 172px;
  height: auto !important;
  height: 172px;
  padding: 8px 10px;
}
.other-example-area .example-box .image-area{
  width: 128px;
  height: 80px;
  text-align: center;
  vertical-align: middle;
  background-color: #e6e6e6;
}
.other-example-area .example-box .image-area img{
  display: none;
  vertical-align:text-bottom;
}
.other-example-area .example-box .matter-name{
  margin-top: 6px;
}
.other-example-area .example-box .matter-name a{
  font-size: 11px;
  line-height: 17px;
  color: #3366cc;
  background: url("/image/example/icon_other_example.png") no-repeat 0 -50px;
  padding-left: 12px;
}
.other-example-area .example-box ul{
  margin-top: 2px;
}
.other-example-area .example-box ul .icon{
  font-size: 11px;
  line-height: 17px;
  color: #4c4c4c;
  background-image: url("/image/example/icon_other_example.png");
  background-repeat: no-repeat;
}
.other-example-area .example-box ul .icon-area{
  background-position: 0 -100px ;
  padding-left: 28px;
}
.other-example-area .example-box ul .icon-years{
  background-position: 0 -150px;
  padding-left: 48px;
}
.other-example-area .example-box ul .icon-transfer{
  background-position: 0 -200px;
  padding-left: 48px;
}
.case-main-area .success-case-area {
  background:url("/img/case_title_success.gif") 0 0 no-repeat;
  padding:5px 0 0 75px;
  margin-bottom:20px;
}
.case-main-area .success-case-area .case{
  font-size:20px;
  line-height:24px;
  font-weight:bold;
  color:#009e96;
  margin-bottom:13px;
}
.case-main-area .success-case-area .shop-data .title{
  padding:7px 20px 9px 37px;
  border-radius:6px 6px 0 0;
  font-size:14px;
  line-height:16px;
  font-weight:bold;
  color:#fff;
  background: url("/image/example/detail_sprite.png?20221210") 0 1px no-repeat #3c81bc;
}
.case-main-area .success-case-area .shop-data .data-list{
  padding:12px 20px 10px;
  font-size:13px;
  line-height:19px;
  background-color: #edf1f6;
}
.case-main-area .success-case-area .shop-data .data-list dt{
  color:#4a75ad;
  display:inline;
}
.case-main-area .success-case-area .shop-data .data-list dd{
  display:inline;
  color:#333;
  margin-right:17px;
}
#shop-image-area{
  position: relative;
  margin-bottom:30px;
}
#shop-image-area .loading {
  text-align: center;
  margin: 100px;
  display: block;
}
#shop-image-area .shop-image{
  display: none;
}
#shop-image-area .rs-carousel-item{
  display: none;
}
.rs-carousel .rs-carousel-runner{
  overflow:hidden;
}
.rs-carousel .rs-carousel-mask {
  margin: 0 auto;
  width: 620px;
}
.rs-carousel .rs-carousel-item {
  width:280px;
  margin:0 15px;
}
.rs-carousel .rs-carousel-pagination{
  text-align:center;
  margin-top:15px;
}
.rs-carousel .rs-carousel-pagination .rs-carousel-pagination-link{
  display:inline-block;
  padding:0 14px;
}
.rs-carousel .rs-carousel-pagination .rs-carousel-pagination-link a{
  background-image: url("/image/example/detail_sprite.png?20221210");
  background-repeat:no-repeat;
  background-position: 0 -500px;
  width:15px;
  height:15px;
  overflow:hidden;
  text-indent:-9999px;
  display: block;
}
.rs-carousel .rs-carousel-pagination .rs-carousel-pagination-link-active a{
  background-position:0 -300px;
}
.rs-carousel .rs-carousel-action{
  background-image: url("/image/example/detail_sprite.png?20221210");
  background-repeat: no-repeat;
  display: block;
  height: 58px;
  overflow: hidden;
  position: absolute;
  text-indent: -9999px;
  top: 72px;
  width: 24px;
}
.rs-carousel .rs-carousel-action-prev{
  background-position:0 -100px;
  left:0px;
}
.rs-carousel .rs-carousel-action-next{
  background-position:0 -200px;
  right:0px;
}
.rs-carousel .rs-carousel-pagination-disabled,
.rs-carousel .rs-carousel-action-disabled{
  display:none;
}
.case-main-area .single-image-area{
  margin:0 auto 30px;
  width:280px;
}
#shop-image-area .image-box,
.case-main-area .single-image-area .image-box{
  width:280px;
  height:201px;
  background-color:#f5f5f5;
  text-align:center;
  display: table-cell;
  vertical-align: middle;
}
#main .case-main-area .success-flow-area{
  margin-bottom:10px;
}
#main .case-main-area .success-flow-area .title{
  background:url("/image/example/detail_sprite.png?20221210") 0 -351px no-repeat;
  height:37px;
  font-size:18px;
  font-weight:bold;
  line-height:20px;
  color:#666;
  margin:0 0 17px;
  padding: 13px 0 0 33px;
}
.case-main-area .success-flow-area .flow-contents{
  padding:0 10px;
}
.case-main-area .success-flow-area .flow-contents .flow-box{
  margin-bottom:20px;
}
.case-main-area .success-flow-area .flow-contents .flow-box .flow-title{
  background:url("/image/example/detail_sprite.png?20221210") 0 -450px no-repeat;
  font-size:16px;
  line-height:20px;
  font-weight:bold;
  padding:2px 35px;
  color:#333;
  margin-bottom:11px;
}
.case-main-area .success-flow-area .flow-contents .flow-box .data-list{
  margin-bottom:11px;
  font-size:13px;
  line-height:19px;
  padding:0 10px;
}
.case-main-area .success-flow-area .flow-contents .flow-box .data-list dt{
  color:#4a75ad;
  display:inline;
}
.case-main-area .success-flow-area .flow-contents .flow-box .data-list dd{
  display:inline;
  color:#333;
  margin-right:17px;
}
.case-main-area .success-flow-area .flow-contents .flow-box .comment-area{
  font-size:14px;
  color:#333;
  line-height:23px;
  padding:11px 20px;
  border-radius:6px;
  background-color: #f9f6f0;
}
#sidebar .sell-consult-area{
  border-radius:6px;
  border:1px solid #e5e5e5;
  margin-bottom:30px;
}
.one-column #sidebar .sell-consult-area .main-title{
  background:url("/image/example/detail_sprite.png?20221210") 0 -550px no-repeat #3c81bc;
  text-indent:-9999px;
  overflow: hidden;
  height:33px;
  border-radius:6px 6px 0 0 ;
  margin:0;
  padding:0;
}
#sidebar .sell-consult-area .contents{
  padding:11px 6px 10px 10px;
  background-color:#e5f1ff;
}
#sidebar .sell-consult-area .contents .main-message{
  background:url("/image/example/detail_sprite.png?20221210") 0 -600px no-repeat;
  text-indent:-9999px;
  overflow: hidden;
  height:44px;
  margin-bottom:9px;
}
#sidebar .sell-consult-area .contents .form-button{
  background-image:url("/image/example/detail_sprite.png?20221210");
  background-repeat:no-repeat;
  background-position: 0 -700px;
  text-indent:-9999px;
  overflow: hidden;
  display:block;
  height:50px;
  margin-bottom:3px;
}
#sidebar .sell-consult-area .contents .form-button:hover{
  background-position: 0 -800px;
}
#sidebar .sell-consult-area .contents .feature-area{
  background-color:#fafafa;
  padding:9px 7px 3px;
  border-radius:2px;
  margin:0 0 9px 0;
}
#sidebar .sell-consult-area .contents .feature-area .title{
  background:url("/image/example/detail_sprite.png?20221210") 3px -950px no-repeat;
  text-indent:-9999px;
  overflow: hidden;
  height:18px;
  margin-bottom:10px;
}
#sidebar .sell-consult-area .contents .feature-area .feature-list li{
  background-image:url("/image/example/detail_sprite.png?20221210");
  background-repeat: no-repeat;
  padding-left:24px;
  font-size:13px;
  color:#5d4531;
  font-weight:bold;
  line-height:15px;
  margin-bottom:6px;
}
#sidebar .sell-consult-area .contents .feature-area .feature-list .number{
  font-size:15px;
  color:#e03d11;
  line-height:17px;
}
#sidebar .sell-consult-area .contents .feature-area .feature-list .site-name{
  color:#796554;
  font-size:11px;
  font-weight:normal;
  line-height:13px;
}
#sidebar .sell-consult-area .contents .feature-area .feature-list .open-shop{
  background-position:1px -1000px;
}
#sidebar .sell-consult-area .contents .feature-area .feature-list .success-number{
  background-position:0 -1100px;
  padding-bottom:2px;
}
#sidebar .sell-consult-area .contents .feature-area .feature-list .total-support{
  background-position:0 -1200px;
  padding-top:1px;
}
#sidebar .sell-consult-area .contents .service-flow{
  float:right;
  width:auto;
  color:#0088cc;
  font-size:13px;
  line-height:15px;
  margin-right:5px;
}