/*css information=============
file name: css/style.css
description: layout base,3col
editors: NJ graphics
date: 2009.08.31
各ページごとのスタイル
============================*/
/*indexページ、ショップセレクトページ-----------------------------*/
#category-top {
  margin: 0;
  padding: 0;
  width: 766px;
  height: 560px;
  display: block;
  border-color: rgb(115,115,88);
  position: relative;
  top: 50px;
  left: 61px;
  background : url(top_image/top-background3.jpg) no-repeat;
}
#category-shop-select {
  margin: 0;
  padding: 0;
  width: 560px;
  height: 490px;
  display: block;
  border-color: rgb(115,115,88);
  position: relative;
  top: 50px;
  left: 164px;
  background : url(top_image/top-background.jpg) no-repeat;
}
#top-logo {
  margin: 0;
  padding: 0;
  width: 258px;
  height: 118px;
  display: block;
  position: relative;
  top: 60px;
  left: 151px;
}
#top-graphic {
  margin: 0;
  padding: 0;
  width: 298px;
  height: 152px;
  display: block;
  position: relative;
  top: 85px;
  left: 131px;
}
#shop-select-title {
  margin: 40px 0 0 145px;
  padding: 0;
  width: 271px;
  height: 40px;
  display: block;
}
#select-booth-yahoo {
  margin: 20px 0 0 203px;
  padding: 0;
  width: 155px;
  height: 50px;
  display: block;
}
#select-crocs {
  margin: 15px 0 0 202px;
  padding: 0;
  width: 153px;
  height: 47px;
  display: block;
}
#select-booth-misima {
  margin: 15px 0 0 204px;
  padding: 0;
  width: 153px;
  height: 32px;
  display: block;
}
.select-comment {
  margin: 10px 0 0 45px;
  padding: 0;
  width: 470px;
  font-size: 11px;
  lineheight: 1.3;
  text-align: center;
  display: block;
}
/*indexページ内ナビ-----------------------------------*/
ul#top-navi,ul#top-navi li,ul#top-navi li a {
  margin: 0;
  padding: 0;
  height: 14px;
  display: block;
}
ul#top-navi {
  width: 290px;
  position: relative;
  top: 430px;
  left: 248px;
}
ul#top-navi li {
  float: left;
}
ul#top-navi li a {
  overflow: hidden;
  text-indent: -9999px;
}
ul#top-navi li#nav-booth-web {
  background: url(top_navi_image/hov_booth_web.jpg) no-repeat;
  width: 120px;
}
ul#top-navi li#nav-booth-web a {
  background: url(top_navi_image/booth_web.jpg) no-repeat;
}
ul#top-navi li#nav-booth-online {
  background: url(top_navi_image/hov_booth-online.jpg) no-repeat;
  width: 139px;
  margin-left: 31px;
}
ul#top-navi li#nav-booth-online a {
  background: url(top_navi_image/booth-online.jpg) no-repeat;
}
ul#top-navi li a:hover {
  background-image: none !important;
}
/*indexページ、ショップセレクトページ、フッター----------------------*/
#top-copyright,#shop-select-copyright {
  margin: 0;
  padding: 0;
  width: 900px;
  text-align: center;
  font-size: 10px;
  position: relative;
  top: 60px;
}
/*homeページ--------------------------------------*/
/*homeページ左------------------------------------*/
/*homeページ、メイン-------------------------------*/
h3#recommend-title {
  margin: 0;
  padding: 0 0 10px 0;
  width: 480px;
  height: 25px;
  font-size: 15px;
  font-weight: bold;
  color: rgb(243,26,76);
}
ul#recommenditem,ul#recommenditem li {
  margin: 0;
  padding: 0;
  display: block;
}
ul#recommenditem {
  width: 480px;
  height: 85px;
}
ul#recommenditem li#left,ul#recommenditem li#other {
  width: 74px;
  height: 74px;
  float: left;
  display: block;
  border: solid 1px;
  border-color: #d3d3d3;
}
ul#recommenditem li#other {
  margin-left: 25px;
}
.info-contener {
  margin: 0;
  padding: 0;
  display: block;
  border-bottom: dashed 1px;
  border-bottom-color: #d3d3d3;
}
.info-date {
  margin: 0;
  padding: 0;
  display: block;
  font-size: 11px;
  font-weight: bold;
  line-height: 2.2;
  color: rgb(243,26,76);
}
.info-ph {
  margin: 0;
  padding: 6px 0 5px 0;
  display: block;
}
.honbun {
  margin: 0 0 15px 0;
  padding: 0;
  display: block;
  font-size: 12px;
  line-height: 1.5;
}
.honbun a,
.honbun a:visited {
  color: rgb(120,188,29);
}
.honbun a:hover {
  color: rgb(243,26,76);
  position: relative;
  top: 1px;
  left: 1px;
}
/*ABOUTページ-----------------------------------*/
/*ABOUTページ、メイン-----------------------------*/
.comment-about {
  margin: 10px 0;
  padding: 0;
  font-size: 11px;
  line-height: 1.6;
}
#about-ph {
  margin: 0 0 5px 0;
  padding: 0;
  width: 480px;
  height: 170px;
  display: block;
}
ul.cb-shop-list {
  margin: 0 0 0 10px;
  padding: 0;
  width: 480px;
  height: 20px;
  display: block;
}
li.cb-shop-list2 {
  margin: 0;
  padding: 0px;
  width: 230px;
  border-left: solid 5px;
  border-color: rgb(120,188,29);
  display: block;
  float: left;
  font-size: 12px;
  line-height: 1.0;
  text-indent: 3px;
}
#map,#map-address {
  padding: 0;
  display: block;
  width: 455px;
}
#map {
  margin: 0 0 0 13px;
  height: 205px;
}
#contact {
  margin: 5px 0 18px 13px;
  padding: 0;
  display: block;
}
.contact-title1,
.contact-title2 {
  margin: 0 0 3px 10px;
  padding: 0 0 0 5px;
  font-size: 16px;
  line-height: 1.0;
  border-left: solid 7px;
}
.contact-title1 {
  border-color: rgb(243,26,76);
}
.contact-title2 {
  border-color: rgb(120,188,29);
}
.contact-word {
  margin: 0 0 0 10px;
  padding: 4px 0 0 10px;
  font-size: 13px;
  line-height: 1.5;
}
.more-address {
  margin: 0;
  padding: 5px 0 10px 23px;
  font-size: 12px;
}
.more-address a,.more-address a:visited,
.contact-word a,.contact-word a:visited {
  color: rgb(120,188,26);
}
.more-address a:hover,.contact-word a:hover {
  color: rgb(243,26,76);
}
/*BRANDSページ-----------------------------------*/
/*BRANDSページ、左--------------------------------*/
/*BRANDSページ、メイン-----------------------------*/
.brand-category-box {
  margin: 5px 0 0 0;
  padding: 0;
  width: 480px;
  display: block;
}
ul.category-list {
  margin: 0;
  padding: 0;
  width: 480px;
  height: 85px;
  display: block;
  background-color: #ffffff;
}
li.brand-banner {
  margin: 0px;
  padding: 0;
  width: 80px;
  height: 85px;
  float: left;
  display: block;
  background-color: #ffffff;
}
.brand-name {
  margin: 0px;
  padding: 3px 0 0 0;
  width: 80px;
  text-align: center;
  font-size: 10px;
}
/*PEOPLEページ-----------------------------------*/
/*PEOPLEページ、左--------------------------------*/
/*PEOPLEページ、メイン-----------------------------*/
#people-ph-frame {
  margin: 5px 0 0 20px;
  padding: 0;
  width: 174px;
  display: block;
  float: left;
}
#people-ph {
  margin: 0;
  padding: 0;
  width: 174px;
  height: 174px;
  display: block;
  border-bottom: solid 1px;
  border-right: solid 1px;
  border-color: #d3d3d3;
}
#other-ph {
  margin: 10px 0 0 0;
  padding: 0;
  width: 174px;
}
#people-profile-box {
  margin: 5px 0 0 0;
  padding: 0;
  width: 260px;
  display: block;
  float: right;
  background-color: #ffffff;
}
#people-name {
  margin: 0;
  padding-top: 5px;
  font-size: 20px;
}
ul#people-profile {
  margin: 0;
  padding: 0;
}
ul#people-profile li {
  margin: 8px 0 0 0;
  font-size: 12px;
}
#people-comment {
  clear: both;
  margin: 0 0 0 20px;
  padding: 25px 0 0 0;
  width: 460px;
  font-size: 12px;
  line-height: 1.8;
}
ul#people-profile li a,ul#people-profile li a:visited {
  color: rgb(120,188,26);
}
ul#people-profile li a:hover {
  color: rgb(243,26,76);
}
/*INTERVIEWページ-----------------------------------*/
#header-interview {
  margin: 0;
  padding: 0;
  width: 900px;
  height: 130px;
  display: block;
  background: url(interview_image/header_interview.jpg) no-repeat;
  border-top: solid 1px;
  border-left: solid 1px;
  border-right: solid 1px;
  border-color: #d3d3d3;
}
#interview-contener {
  margin: 0;
  padding: 0;
  width: 900px;
  border-left: solid 1px;
  border-right: solid 1px;
  border-bottom: solid 1px;
  border-color: #d3d3d3;
}
/*INTERVIEWメイン--------------------------------*/
#interview-main {
  margin: 0;
  padding: 0;
  width: 690px;
  display: block;
  float: left;
}
h3#interview-title {
  margin: 20px 0 0 40px;
  padding: 0;
  height: 20px;
  font-size: 16px;
  font-weight: bold;
  color: rgb(243,26,76);
}
h4#interview-2nd-title {
  padding: 10px 0 10px 40px;
  width: 610px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.6;
}
.interview-honbun {
  padding: 10px 0 10px 40px;
  width: 610px;
  font-size: 13px;
  line-height: 1.7;
}
#interview-next-rev {
  margin: 0;
  padding: 10px 0 10px 40px;
  font-size: 11px;
  display: block;
}
#interview-next-rev a,#interview-next-rev a:visited {
  color: rgb(243,26,76);
}
#interview-next-rev a:hover {
  color: rgb(120,188,29);
  position: relative;
  top: 1px;
  left: 1px;
}
/*INTERVIEWページ、右-----------------------------*/
#interview-side {
  margin: 0;
  padding: 0;
  width: 210px;
  display: block;
  float: right;
}
#intervew-side-space {
  margin: 0;
  padding: 0;
  width: 210px;
  height: 30px;
  display: block;
}
.interview-icon {
  margin: 20px 0 0 20px;
  padding: 0;
  width: 150px;
  height: 60px;
  background: url(interview_image/interview_side_parts1.jpg) no-repeat;
}
.interview-ph {
  margin: 0;
  padding: 5px;
  width: 50px;
  height: 50px;
  display: block;
  float: left;
}
.interview-ph-side {
  margin: 0;
  padding: 5px 5px 5px 0;
  width: 85px;
  height: 50px;
  float: left;
  display: block;
}
h4.interview-number {
  width: 85px;
  font-size: 11px;
  font-weight: bold;
}
.interview-name {
  width: 85px;
  font-size: 11px;
  line-height: 1.2;
}
#interview-page-top {
  margin: 10px 0 20px 520px;
  padding: 0;
  width: 130px;
  height: 16px;
  display: block;
}
/*INTERVIEWページ、フッター------------------------*/
#interview-copyright {
  margin: 0;
  padding: 5px;
  text-align: center;
  font-size: 10px;
}
/*LINKページ-----------------------------------*/
/*LINKページ、左--------------------------------*/
/*LINKページ、メイン-----------------------------*/
ul.link-box {
  margin: 15px 0 5px 0;
  padding: 0;
  width: 476px;
  height: 25px;
  display: block;
  border-left: solid 4px;
  border-bottom: solid 1px;
  border-color: #d3d3d3;
}
li.link-name {
  margin: 0;
  padding: 0;
  width: 170px;
  font-size: 13px;
  line-height: 1.0;
  text-indent: 3px;
  float: left;
}
li.link-word {
  margin: 0;
  padding: 0;
    width: 306px;
  font-size: 10px;
  line-height: 1.1;
  float: left;
  text-align: right;
}
li.link-name a,li.link-name a:visited {
  color: rgb(243,26,76);
}
li.link-name a:hover {
  color: rgb(120,188,29);
}
/*拡大広告ページ-----------------------------------*/
#ad-image {
  margin: 5px 0 5px 151px;
  padding: 0;
}