#ring-search {
  background: url(img/body.png) repeat-y left center;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    #ring-search {
        background-image: url(img/body-2x.png);
        background-size: 100%;
    }
}

/* =======================
 .rs-header
======================= */
#ring-search .rs-header {
  position: relative;
  height: 431px;
  margin: 20px 0 0 0;
  background: url(img/rs-header.png);
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    #diagnose {
        background-image: url(img/rs-header-2x.png);
        background-size: 100%;
    }
}

#ring-search .rs-header h2 {
  position: absolute;
  left: 81px;
  top: 20px;
}

#ring-search .rs-header .lead {
  position: absolute;
  left: 40px;
  top: 145px;
  width: 440px;
  font-size: 13px;
  line-height: 1.5;
}

#ring-search .rs-header .search-menu {
  position: absolute;
  left: 41px;
  top: 271px;
  width: 430px;
  height: 115px;
  padding: 10px 0 0 0;
  background: url(img/sm.png) no-repeat left top;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    #ring-search .rs-header .search-menu {
        background: url(img/sm-2x.png) no-repeat left top;
        background-size: 100%;
    }
}

#ring-search .rs-header .search-menu div {
  float: left;
  *display: inline;
  margin: 0 0 5px 9px;
}

#ring-search .rs-header .question {
  position: absolute;
  right: 0;
  bottom: 0;
}


/* ==============================================
 .rs-content
============================================== */
#ring-search .rs-content {
  
}

#ring-search .rs-content .content-nav {
  margin: 0 0 22px 0;
}

#ring-search .rs-content .content-nav .tab-nav {
  background: url(img/tab-nav.png) left top no-repeat;
  height: 70px;
  padding: 0 0 0 18px;
  margin: 0;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    #ring-search .rs-content .content-nav .tab-nav {
        background-image: url(img/tab-nav-2x.png);
        background-size: 100%;
    }
}

#ring-search .rs-content .content-nav .tab-nav li {
  display: inline;
}

#ring-search .rs-content .content-nav .tab-nav li img {
  margin: 5px 0 0 0;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    #ring-search .rs-content .content-nav .tab-nav li img  {
        margin: 4px 0 0 0;
    }
}

#ring-search .rs-content .content-nav .page-nav {
  margin: 0;
  padding: 0;
  width: 735px;
  padding: 18px 90px 18px 135px;
  background: url(img/page-nav.png) repeat-y left top;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    #ring-search .rs-content .content-nav .page-nav {
         background: url(img/page-nav-2x.png) repeat-y left top;
        background-size: 100%;
    }
}

#ring-search .rs-content .content-nav .page-nav li {
  list-style-type: none;
  float: left;
  *display: inline;
  margin: 0 0 5px 5px;
}

#ring-search .rs-content .content-nav .page-nav li.nm {
  margin: 0;
}

#ring-search .rs-content .section .header h4 {
  padding: 0 0 5px 134px;
  font-size: 16px;
  color: #333;
  background: none!important;
  margin: 0;
}

#ring-search .rs-content .section .header p {
  font-size: 13px;
  color: #333;
  padding: 0 0 0 134px;
  margin: 0;
}

#ring-search .rs-content .section .content {
  padding: 20px 0 0 0;
}

#ring-search .rs-content .section .footer {
  width: 874px;
  height: 107px;
  margin: auto;
  padding: 25px;
  margin: 0 0 0 20px;
  background: url(img/p-footer.png) left top no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    #ring-search .rs-content .section .footer {
        background: url(img/p-footer-2x.png) left top no-repeat;
        background-size: 95%;
    }
}

#ring-search .rs-content .section .footer_p {
  background: url(img/p-footer_p.png) left top no-repeat;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    #ring-search .rs-content .section .footer_p {
        background: url(img/p-footer_p-2x.png) left top no-repeat;
        background-size: 95%;
    }
}

#ring-search .rs-content .section .footer p {
  float: left;
  width: 230px;
}

#ring-search .rs-content .section .footer ul {
  float: left;
  width: 500px;
  margin: 0 0 0 18px;
  padding: 0;
}

#ring-search .rs-content .section .footer ul li {
  float: left;
  list-style-type: none;
  background: url(img/p-footer-arrow.png) left center no-repeat;
  padding: 0 0 0 15px;
  font-size: 12px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  #ring-search .rs-content .section .footer ul li {
    background: url(img/p-footer-arrow-2x.png) left center no-repeat;
    background-size: 8px;
  }
}

#ring-search .rs-content .section .footer_p ul li {
  background: url(img/p-footer-arrow_g.png) left center no-repeat;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  #ring-search .rs-content .section .footer_p ul li {
    background: url(img/p-footer-arrow_g-2x.png) left center no-repeat;
    background-size: 8px;
  }
}

#ring-search .rs-content .section {
  background: url(img/rs-content-section-bot.png) left bottom no-repeat;
}

#ring-search .rs-content .section .content {
  background: url(img/rs-content-section-mid.png) left top repeat-y;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    #ring-search .rs-content .section {
        background: url(img/rs-content-section-bot-2x.png) left bottom no-repeat;
        background-size: 98%;
    }
    #ring-search #p-design .header {
        background: url(img/rs-content-section-top-p01_g-2x.png) left top no-repeat;
        background-size: 98%;
    }
    #ring-search .rs-content .section .content {
        background: url(img/rs-content-section-mid-2x.png) left top repeat-y;
        background-size: 98%;
    }
}

#ring-search .rs-content .section .header h3 {
  padding: 36px 0 17px 134px;
}

#ring-search .rs-content .section .footer ul li a {
  color: #333;
}

/* p-01 */
#ring-search #p-design {
  margin: 0 0 30px 20px;
}

#ring-search #p-design .header {
  background: url(img/rs-content-section-top-p01_g.png) left top no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    #ring-search #p-design .header {
        background: url(img/rs-content-section-top-p01_g-2x.png) left top no-repeat;
        background-size: 98%;
    }
}



#ring-search #p-design .content div {
  float: left;
  width: 260px;
  margin: 0 0 0 40px;
  padding: 30px 0 30px 140px;
}

#ring-search #p-design .content div h5 {
  color: #b4ab7b;
  font-size: 17px;
  font-weight: bold;
}

#ring-search #p-design .content div p {
  font-size: 13px;
}

#ring-search #p-design .content div.ring01 {
  background: url(img/p-design-ring01_g.png) left center no-repeat;
}

#ring-search #p-design .content div.ring02 {
  background: url(img/p-design-ring02_g.png) left center no-repeat;
}

#ring-search #p-design .content div.ring03 {
  background: url(img/p-design-ring03_g.png) left center no-repeat;
}

#ring-search #p-design .content div.ring04 {
  background: url(img/p-design-ring04_g.png) left center no-repeat;
}

#ring-search #p-design .content div.ring05 {
  background: url(img/p-design-ring05_g.png) left center no-repeat;
}

#ring-search #p-design .content div.ring06 {
  background: url(img/p-design-ring06_g.png) left center no-repeat;
}

#ring-search #p-design .content div.ring07 {
  background: url(img/p-design-ring07_g.png) left center no-repeat;
}

#ring-search #p-design .content div.ring08 {
  background: url(img/p-design-ring08_g.png) left center no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    #ring-search #p-design .content div.ring01 {
      background: url(img/p-design-ring01_g-2x.png) left center no-repeat;
      background-size: 24%;
    }
    #ring-search #p-design .content div.ring02 {
      background: url(img/p-design-ring02_g-2x.png) left center no-repeat;
      background-size: 24%;
    }
    #ring-search #p-design .content div.ring03 {
      background: url(img/p-design-ring03_g-2x.png) left center no-repeat;
      background-size: 24%;
    }
    #ring-search #p-design .content div.ring04 {
      background: url(img/p-design-ring04_g-2x.png) left center no-repeat;
      background-size: 24%;
    }
    #ring-search #p-design .content div.ring05 {
      background: url(img/p-design-ring05_g-2x.png) left center no-repeat;
      background-size: 24%;
    }
    #ring-search #p-design .content div.ring06 {
      background: url(img/p-design-ring06_g-2x.png) left center no-repeat;
      background-size: 27%;
    }
    #ring-search #p-design .content div.ring07 {
      background: url(img/p-design-ring07_g-2x.png) left center no-repeat;
      background-size: 27%;
    }
    #ring-search #p-design .content div.ring08 {
      background: url(img/p-design-ring08_g-2x.png) left center no-repeat;
      background-size: 27%;
    }
    
}

#ring-search #p-design .footer ul li.row01 {
  width: 190px;
}

#ring-search #p-design .footer ul li.row02 {
  width: 190px;
}

/* p-02 */
#ring-search #p-taste{
  margin: 0 0 30px 20px;
}

#ring-search #p-taste .header {
  background: url(img/rs-content-section-top-p02_g.png) left top no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    #ring-search #p-taste .header {
        background: url(img/rs-content-section-top-p02_g-2x.png) left top no-repeat;
        background-size: 98%;
    }
}

#ring-search #p-taste .footer {
  margin-top: 20px;
}

#ring-search #p-taste .footer ul li.row01 {
  width: 190px;
}

#ring-search #p-taste .footer ul li.row02 {
  width: 190px;
}

/* p-03 */
#ring-search #p-arm {
  margin: 0 0 30px 20px;
}
#ring-search #p-arm .header {
  background: url(img/rs-content-section-top-p03_g.png) left top no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    #ring-search #p-arm .header {
        background: url(img/rs-content-section-top-p03_g-2x.png) left top no-repeat;
        background-size: 98%;
    }
}
#ring-search #p-arm .footer {
  margin-top: 20px;
}
#ring-search #p-arm .footer ul li.row01 {
  width: 150px;
}
#ring-search #p-arm .footer ul li.row02 {
  width: 150px;
}

/* p-04 */
#ring-search #p-price {
  margin: 0 0 30px 20px;
}
#ring-search #p-price .header {
  background: url(img/rs-content-section-top-p04_g.png) left top no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    #ring-search #p-price .header {
        background: url(img/rs-content-section-top-p04_g-2x.png) left top no-repeat;
        background-size: 98%;
    }
}
#ring-search #p-price .footer {
  margin: 20px 0 0 20px;
}
#ring-search #p-price .footer ul li.row01 {
  width: 150px;
}
#ring-search #p-price .footer ul li.row02 {
  width: 150px;
}

/* p-05 */
#ring-search #p-stone {
  margin: 0 0 30px 20px;
}
#ring-search #p-stone .header {
  background: url(img/rs-content-section-top-p05_g.png) left top no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    #ring-search #p-stone .header {
        background: url(img/rs-content-section-top-p05_g-2x.png) left top no-repeat;
        background-size: 98%;
    }
}
#ring-search #p-stone .footer {
  margin: 20px 0 0 20px;
}
#ring-search #p-stone .footer ul li.row01 {
  width: 150px;
}
#ring-search #p-stone .footer ul li.row02 {
  width: 150px;
}

/* p-06 */
#ring-search #p-cut {
  margin: 0 0 30px 20px;
}
#ring-search #p-cut .header {
  background: url(img/rs-content-section-top-p06_g.png) left top no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    #ring-search #p-cut .header {
        background: url(img/rs-content-section-top-p06_g-2x.png) left top no-repeat;
        background-size: 98%;
    }
}
#ring-search #p-cut .footer {
  margin: 20px 0 0 20px;
}
#ring-search #p-cut .footer ul li.row01 {
  width: 150px;
}
#ring-search #p-cut .footer ul li.row02 {
  width: 150px;
}

/* p-07 */
#ring-search #p-order {
  margin: 0 0 30px 20px;
}
#ring-search #p-order .header {
  background: url(img/rs-content-section-top-p07_g.png) left top no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    #ring-search #p-order .header {
        background: url(img/rs-content-section-top-p07_g-2x.png) left top no-repeat;
        background-size: 98%;
    }
}
#ring-search #p-order .content {
  padding: 0;
}
#ring-search #p-order .footer {
  margin: 20px 0 0 20px;
}
#ring-search #p-order .footer ul li.row01 {
  width: 150px;
}
#ring-search #p-order .footer ul li.row02 {
  width: 150px;
}

/* p-08 */
#ring-search #p-area {
  margin: 0 0 30px 20px;
}
#ring-search #p-area .header {
  background: url(img/rs-content-section-top-p08_g.png) left top no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    #ring-search #p-area .header {
        background: url(img/rs-content-section-top-p08_g-2x.png) left top no-repeat;
        background-size: 98%;
    }
}
#ring-search #p-area .footer {
  margin: 0px 0 0 20px;
}
#ring-search #p-area .footer ul li.row01 {
  width: 150px;
}
#ring-search #p-area .footer ul li.row02 {
  width: 150px;
}



/* p-01 */
#ring-search #p-design_p {
  margin: 0 0 30px 20px;
}
#ring-search #p-design_p .header {
  background: url(img/rs-content-section-top-p01_p.png) left top no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    #ring-search #p-design_p .header {
        background: url(img/rs-content-section-top-p01_p-2x.png) left top no-repeat;
        background-size: 98%;
    }
}
#ring-search #p-design_p .content div {
  float: left;
  width: 260px;
  margin: 0 0 0 40px;
  padding: 30px 0 30px 140px;
}
#ring-search #p-design_p .content div h5 {
  color: #b4ab7b;
  font-size: 17px;
  font-weight: bold;
}
#ring-search #p-design_p .content div p {
  font-size: 13px;
}
#ring-search #p-design_p .content div.ring01 {
  background: url(img/p-design-ring01_p.png) left center no-repeat;
}
#ring-search #p-design_p .content div.ring02 {
  background: url(img/p-design-ring02_p.png) left center no-repeat;
}
#ring-search #p-design_p .content div.ring03 {
  background: url(img/p-design-ring03_p.png) left center no-repeat;
}
#ring-search #p-design_p .content div.ring04 {
  background: url(img/p-design-ring04_p.png) left center no-repeat;
}
#ring-search #p-design_p .content div.ring05 {
  background: url(img/p-design-ring05_p.png) left center no-repeat;
}
#ring-search #p-design_p .content div.ring06 {
  background: url(img/p-design-ring06_p.png) left center no-repeat;
}
#ring-search #p-design_p .content div.ring07 {
  background: url(img/p-design-ring07_p.png) left center no-repeat;
}
#ring-search #p-design_p .content div.ring08 {
  background: url(img/p-design-ring08_p.png) left center no-repeat;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    #ring-search #p-design_p .content div.ring01 {
      background: url(img/p-design-ring01_p-2x.png) left center no-repeat;
      background-size: 30%;
    }
    #ring-search #p-design_p .content div.ring02 {
      background: url(img/p-design-ring02_p-2x.png) left center no-repeat;
      background-size: 30%;
    }
    #ring-search #p-design_p .content div.ring03 {
      background: url(img/p-design-ring03_p-2x.png) left center no-repeat;
      background-size: 24%;
    }
    #ring-search #p-design_p .content div.ring04 {
      background: url(img/p-design-ring04_p-2x.png) left center no-repeat;
      background-size: 24%;
    }
    #ring-search #p-design_p .content div.ring05 {
      background: url(img/p-design-ring05_p-2x.png) left center no-repeat;
      background-size: 24%;
    }
    #ring-search #p-design_p .content div.ring06 {
      background: url(img/p-design-ring06_p-2x.png) left center no-repeat;
      background-size: 24%;
    }
    #ring-search #p-design_p .content div.ring07 {
      background: url(img/p-design-ring07_p-2x.png) left center no-repeat;
      background-size: 27%;
    }
}
#ring-search #p-design_p .footer ul li.row01 {
  width: 190px;
}
#ring-search #p-design_p .footer ul li.row02 {
  width: 190px;
}

/* p-02 */
#ring-search #p-taste_p {
  margin: 0 0 30px 20px;
}
#ring-search #p-taste_p .header {
  background: url(img/rs-content-section-top-p02_p.png) left top no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    #ring-search #p-taste_p .header {
        background: url(img/rs-content-section-top-p02_p-2x.png) left top no-repeat;
        background-size: 98%;
    }
}
#ring-search #p-taste_p .footer {
  margin-top: 20px;
}
#ring-search #p-taste_p .footer ul li.row01 {
  width: 190px;
}
#ring-search #p-taste_p .footer ul li.row02 {
  width: 190px;
}

/* p-03 */
#ring-search #p-arm_p {
  margin: 0 0 30px 20px;
}
#ring-search #p-arm_p .header {
  background: url(img/rs-content-section-top-p03_p.png) left top no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    #ring-search #p-arm_p .header {
        background: url(img/rs-content-section-top-p03_p-2x.png) left top no-repeat;
        background-size: 98%;
    }
}
#ring-search #p-arm_p .footer {
  margin-top: 20px;
}
#ring-search #p-arm_p .footer ul li.row01 {
  width: 150px;
}
#ring-search #p-arm_p .footer ul li.row02 {
  width: 150px;
}

/* p-04 */
#ring-search #p-price_p {
  margin: 0 0 30px 20px;
}
#ring-search #p-price_p .header {
  background: url(img/rs-content-section-top-p04_p.png) left top no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    #ring-search #p-price_p .header {
        background: url(img/rs-content-section-top-p04_p-2x.png) left top no-repeat;
        background-size: 98%;
    }
}
#ring-search #p-price_p .footer {
  margin: 20px 0 0 20px;
}
#ring-search #p-price_p .footer ul li.row01 {
  width: 150px;
}
#ring-search #p-price_p .footer ul li.row02 {
  width: 150px;
}

/* p-07 */
#ring-search #p-order_p {
  margin: 0 0 30px 20px;
}
#ring-search #p-order_p .header {
  background: url(img/rs-content-section-top-p05_p.png) left top no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    #ring-search #p-order_p .header {
        background: url(img/rs-content-section-top-p05_p-2x.png) left top no-repeat;
        background-size: 98%;
    }
}
#ring-search #p-order_p .content {
  padding: 0;
}
#ring-search #p-order_p .footer {
  margin: 20px 0 0 20px;
}
#ring-search #p-order_p .footer ul li.row01 {
  width: 150px;
}
#ring-search #p-order_p .footer ul li.row02 {
  width: 150px;
}

/* p-08 */
#ring-search #p-area_p {
  margin: 0 0 30px 20px;
}
#ring-search #p-area_p .header {
  background: url(img/rs-content-section-top-p06_p.png) left top no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    #ring-search #p-area_p .header {
        background: url(img/rs-content-section-top-p06_p-2x.png) left top no-repeat;
        background-size: 98%;
    }
}
#ring-search #p-area_p .footer {
  margin: 0px 0 0 20px;
}
#ring-search #p-area_p .footer ul li.row01 {
  width: 150px;
}
#ring-search #p-area_p .footer ul li.row02 {
  width: 150px;
}

/* serch */
#form-price .form-title,
#form-area .form-title {
  margin: 0 0 10px;
}

#form-price .select,
#form-area .select {
  width: 320px;
  float: left;
}

#form-price .select label,
#form-area .select label {
  float: left;
  font-size: 16px;
  padding-top: 3px;
}
#form-price .search-button,
#form-area .search-button {
  position: relative;
  float: right;
  right: 60px;
}
#form-price .search-word,
#form-area .search-word {
  position: absolute;
  top: -28px;
  left: 0;
}
#form-price #search-price,
#form-area #search-area {
  width: 130px;
  cursor: pointer;
}

#form-price select,
#form-area select {
  border: 1px solid #ccc;
  border-radius: 3px;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
  font-size:14px;
  color:#0c2245;
  outline: none;
  padding: 5px;
  width: 250px;
}
#form-price select:disabled,
#form-area select:disabled {
  color: #bbb;
}







/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:block;
    overflow:hidden;
}

.cf:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}