@charset "utf-8";
/*
Theme Name: brand2
Theme URI: http://r-oukoku.com/
Version: 1.6
Author: ネクスト情報はましん
Author URI: http://www.next-hamashin.co.jp/
Tags: blue, custom header, fixed width, two columns, widgets

  Kubrick v1.5
   http://binarybonsai.com/kubrick/

  This theme was designed and built by Michael Heilemann,
  whose blog you will find at http://binarybonsai.com/

  The CSS, XHTML and design is released under GPL:
  http://www.opensource.org/licenses/gpl-license.php
*/

/* CSS Document */
/*
@import url("css/import.css");
*/

html {
  height: 100%;
  font-family: "ヒラギノ角ゴ Pro W3", hirakakupro-w3, "メイリオ", verdana, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
  margin: 0 !important;
}

*:first-child + html body {
  font-family: "メイリオ", Meiryo, verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}

body {
  height: 100%;
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 140%;
}

#header {
  width: 100%;
}

#header-title {
  width: 100%;
  background-color: #f5a;
}

#header h1 {
  font-size: 12px;
  font-weight: normal;
  text-align: right;
  color: #fff;
}

#header-content {
  width: 100%;
}

#header h2 {
  margin-bottom: 10px;
  font-size: 12px;
}

#header h2 a {
  color: #0e80f1;
  text-decoration: none;
}

#header h2 a:hover {
  color: #16bcf3;
  text-decoration: underline;
}

#header h3 {
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: normal;
}

.header-inner {
  width: 940px;
  margin: 0 auto;
  padding: 0;
  text-align: left;
  font-size: 12px;
  position: relative;
}

#site-title {
  float: left;
}

#site-title h1 {
  font-size: 12px;
  font-weight: normal;
}

#top-menu,
#top-menu ul li {
  padding-left: 20px;
  float: right;
}

#top-menu ul li a {
  display: block;
}

#top-menu ul li a:hover {
  background: transparent;
}

#logo {
  width: 215px;
  padding: 15px 0;
  float: left;
}

#banner {
  width: 475px;
  padding: 15px 0;
  float: left;
}

#free-dial {
  width: 250px;
  padding: 15px 0;
  text-align: right;
  float: left;
}

#global-menu {
  width: 100%;
  height: 43px;
  margin-bottom: 15px;
  background: url(img/header/bg_global-menu.gif) repeat-x left top;
}

#global-menu ul li {
  float: left;
  background: url(img/header/bg_global-menu_hover.gif) repeat-x left top;
}

#global-menu ul li a {
  width: 130px;
  height: 43px;
  line-height: 43px;
  border-right: 1px solid #c5eafc;
  text-align: center;
  font-size: 14px;;
  font-weight: bold;
  color: #fff;
  display: block;
  background: url(img/header/bg_global-menu.gif) repeat-x left top;
}

#global-menu ul li#home a {
  width: 80px;
  border-left: 1px solid #c5eafc;
}

#global-menu ul li#flow a {
  width: 110px;
}

#global-menu ul li#product a {
  width: 123px;
}

#global-menu ul li#result a {
  width: 95px;
}

#global-menu ul li#buy a {
  width: 143px;
}

#global-menu ul li#about a {
  width: 159px;
}

#global-menu ul li#voice a {
  width: 102px;
}

#global-menu ul li#faq a {
  width: 119px;
}

#global-menu ul li a:hover {
  background: none;
}

/* topmenuのbackground処理 */
body.body-home #topmanu-home a img,

body.body-buy_flow #topmanu-buy_flow a img,
body.body-r-3s #topmanu-buy_flow a img,
body.body-brand-sesret #topmanu-buy_flow a img,

body.body-handling-commodity #topmanu-handling-commodity a img,
body.body-brand #topmanu-handling-commodity a img,
body.body-watch #topmanu-handling-commodity a img,
body.body-fashion #topmanu-handling-commodity a img,
body.body-jewel #topmanu-handling-commodity a img,
body.body-damond #topmanu-handling-commodity a img,
body.body-buy_ng #topmanu-handling-commodity a img,

body.body-buy_results #topmanu-buy_results a img,
body.body-voice #topmanu-buy_results a img,

body.body-delivers_buy #topmanu-delivers_buy a img,
body.body-kit #topmanu-delivers_buy a img,
body.body-experience_shop-2 #topmanu-delivers_buy a img,
body.body-takuhai_list #topmanu-delivers_buy a img,

body.body-introduction #topmanu-introduction a img,
body.body-store #topmanu-introduction a img,
body.body-shop_buy #topmanu-introduction a img,
body.body-experience_shop #topmanu-introduction a img,

body.body-faq #topmanu-faq a img {
  visibility: hidden;
}

/* サイドメニューのbackground処理 */
body.body-r-3s li.page-item-975 a,
body.body-brand-sesret li.page-item-1145 a,
body.body-faq li.page-item-3 a,
body.body-voice li.page-item-7 a,

body.body-buy_results li.page-item-77 a,
body.body-brand li.page-item-17 a,
body.body-watch li.page-item-52 a,
body.body-fashion li.page-item-13 a,
body.body-jewel li.page-item-58 a,
body.body-damond li.page-item-10 a,
body.body-ranking-3 li.page-item-471 a,
body.body-buy_ok li.page-item-65 a,
body.body-buy_ng li.page-item-61 a,

body.body-kit li.page-item-40 a,
body.body-experience_shop-2 li.page-item-262 a,
body.body-takuhai_list li.page-item-431 a,

body.body-store li.page-item-43 a,
body.body-shop_buy li.page-item-49 a,
body.body-experience_shop li.page-item-74 a,

body.body-careers li.page-item-46 a,
body.body-privacy li.page-item-25 a,
body.body-rule li.page-item-34 a {
  background: url(img/side_condition/bra_button-v.jpg) no-repeat;
}

/*--- container ---*/
#container {
  width: 940px;
  height: auto;
  min-height: 100%;
  margin: 0 auto;
  background-color: #fff;
}

/*-- IEのハック -- */
* html #container {
  height: 100%;
}

/*----- main -----*/
#main {
  width: 940px;
  height: auto;
  margin: 0 auto;
  margin-bottom: 10px;
}

/*----- entyr -----*/
#entry {
  width: 680px;
  height: auto;
  float: left;
}

/*----- side -----*/
#side {
  width: 245px;
  height: auto;
  float: right;
  text-align: left;
}

/*----- footer -----*/
#footer {
  border-top: 3px solid #f5a;
}

/*-- footer_navi --*/
#footer-navi {
  padding: 20px 0 0;
}

#footer-navi h2 {
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: bold;
}

#footer-navi h2 a {
  color: #08f;
}

#footer-navi h2 a:hover {
  color: #f5a;
  text-decoration: underline;
}

#footer-navi div#site-map_1 {
  width: 205px;
  margin: 20px 0;
  float: left;
}

#footer-navi div#site-map_2 {
  width: 145px;
  margin: 20px 20px 20px 0;
  float: left;
}

#footer-navi div#site-map_3 {
  width: 130px;
  margin: 20px 20px 20px 0;
  float: left;
}

#footer-navi div#site-map_4, 
#footer-navi div#site-map_5 {
  width: 190px;
  margin: 20px 20px 20px 0;
  float: left;
}

#footer-navi dl {
  margin: 0 0 33px;
}

#footer-navi dt {
  margin-bottom: 10px;
  font-weight: bold;
  color: #f5a;
}

#footer-navi ul {
  margin: 0;
  list-style: none;
}

#footer-navi ul li {
  padding-right: 5px;
  padding-left: 3px;
  font-size: 13px;
  border-bottom: 1px dotted #f5a;
}

#footer-navi .text-menu-left-bar {
  padding-left: 5px;
}

#footer-navi li a {
  color: #000;
}

#footer-navi li a:hover {
  color: #000;
  text-decoration: underline;
}

/*--- コピーライト ---*/
#copyright {
  height: 80px;
  margin: 0;
  padding: 0;
  font-size: 13px;
  line-height: 80px;
  color: #fff;
  text-align: center;
  background: url(img/footer/copyright.jpg) repeat-x left top;
}

#copyright a {
  color: #fff;
}

#copyright a:hover {
  color: #fff;
  text-decoration: underline;
}

#footer .footer-inner {
  width: 940px;
  margin: 0 auto;
}

.rate_date {
  margin: 10px 0 0;
  padding: 0;
  font-size: 12px;
  font-weight: bold;
  text-align: right;
}

.gold_rate {
  width: 245px;
  height: 120px;
  margin-bottom: 10px;
  background: url(img/top/gold_rate.gif) no-repeat left bottom;
}

.platinum_rate {
  width: 245px;
  height: 120px;
  margin-bottom: 15px;
  background: url(img/top/platinum_rate.gif) no-repeat left bottom;
}

.platinum_rate table, .gold_rate table {
  position: relative;
  left: 30px;
  top: 44px;
  font-size: 12px;
  font-weight: bold;
}

.platinum_rate td, .gold_rate td {
  border-bottom: 1px dotted #999;
  padding-left: 20px;
  padding-right: 20px;
}

#twitter {
  margin-bottom: 15px;
}

.clear {
  clear: both;
}