/*css information=============
file name: css/style.css
description: layout base,3col
editors: NJ graphics
date: 2009.08.31
============================*/
body {
  margin: 0;
  padding: 0;
  color: rgb(115,115,88);
  background-color: #ffffff;
  font-family: Verdana, Arial, Helvetica, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
}
h1,h2,h3,h4,h5,h6,p {
  margin: 0;
  padding: 0;
  line-height: 1.0;
}
h1,h2 {
  width: 0;
  height: 0;
  overflow: hidden;
}
img {
  border: 0;
}
ul {
  list-style: none;
}
a:link,a:hover,a:visited {
  text-decoration: none;
}
#structure {
  width: 900px;
  margin: 0 auto;
  padding: 0;
  background-color: #ffffff;
}
#structure2 {
  width: 902px;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  background-color: #ffffff;
}
#clearfix {
  overflow: hidden;
}
#structure-ad {
  width: 900px;
  margin: 0 auto;
  padding: 0;
  background-color: #ffffff;
}
/*ヘッダー----------------------------------------*/
#header-home,#header-brands,
#header-about,#header-people,
#header-link {
  margin: 0;
  padding: 0;
  width: 900px;
  height: 214px;
  display: block;
  background-repeat: no-repeat;
  background-color: #ffffff;
}
#header-home {
  background-image: url(header_image/header_background1.jpg);
}
#header-brands {
  background-image: url(header_image/header_background2.jpg);
}
#header-about {
  background-image: url(header_image/header_background3.jpg);
}
#header-people {
  background-image: url(header_image/header_background4.jpg);
}
#header-link {
  background-image: url(header_image/header_background5.jpg);
}
/*ヘッダー内広告コンテナー-------------------------------*/
#ad-contener {
  margin: 0;
  padding: 0;
  display: block;
  width: 420px;
  height: 78px;
  position: relative;
  top: 95px;
  left: 180px;
}
/*ヘッダー内ナビ-----------------------------------*/
ul#navi,ul#navi li,ul#navi li a {
  margin: 0;
  padding: 0;
  height: 14px;
  display: block;
}
ul#navi {
  width: 720px;
  position: relative;
  top: 110px;
  left: 180px;
}
ul#navi li {
  float: left;
}
ul#navi li a {
  overflow: hidden;
  text-indent: -9999px;
}
ul#navi li#nav-home {
  background: url(navi_image/hov_home.jpg) no-repeat;
  width: 46px;
}
ul#navi li#nav-home a {
  background: url(navi_image/home.jpg) no-repeat;
}
ul#navi li#nav-about {
  background: url(navi_image/hov_about.jpg) no-repeat;
  width: 81px;
  margin-left: 30px;
}
ul#navi li#nav-about a {
  background: url(navi_image/about.jpg) no-repeat;
}
ul#navi li#nav-brands {
  background: url(navi_image/hov_brands.jpg) no-repeat;
  width: 73px;
  margin-left: 30px;
}
ul#navi li#nav-brands a {
  background: url(navi_image/brands.jpg) no-repeat;
}
ul#navi li#nav-blog {
  background: url(navi_image/hov_blog.jpg) no-repeat;
  width: 46px;
  margin-left: 30px;
}
ul#navi li#nav-blog a {
  background: url(navi_image/blog.jpg) no-repeat;
}
ul#navi li#nav-rider-staff {
  background: url(navi_image/hov_rider-staff.jpg) no-repeat;
  width: 102px;
  margin-left: 30px;
}
ul#navi li#nav-rider-staff a {
  background: url(navi_image/rider-staff.jpg) no-repeat;
}
ul#navi li#nav-interview {
  background: url(navi_image/hov_interview.jpg) no-repeat;
  width: 73px;
  margin-left: 30px;
}
ul#navi li#nav-interview a {
  background: url(navi_image/interview.jpg) no-repeat;
}
ul#navi li#nav-link {
  background: url(navi_image/hov_link.jpg) no-repeat;
  width: 46px;
  margin-left: 30px;
}
ul#navi li#nav-link a {
  background: url(navi_image/link.jpg) no-repeat;
}
ul#navi li a:hover {
  background-image: none !important;
}
/*コンテンツ全体のスタイル--------------------------------*/
#structure-side-left,
#structure-main,
#structure-side-right {
  margin: 0;
  padding: 0;
  display: block;
}
/*左サイドコンテンツ------------------------------------*/
#structure-side-left {
  width: 120px;
  float: left;
  background-color: #ffffff;
}
h3.category-title-side,h3.category-title-side2 {
  margin: 0;
  padding-top: 19px;
  font-size: 13px;
  line-height: 1.0;
  text-align: right;
  color: rgb(120,188,29);
  font-weight: normal;
}
h3.category-title-side2 {
  padding: 0;
}
ul.category-side-left,ul.category-side-left2,li.category-side {
  padding: 0;
  width: 120px;
  display: block;
}
ul.category-side-left {
  margin: 0 0 25px 0;
}
ul.category-side-left2 {
  margin: 0 0 15px 0;
}
li.category-side {
  margin: 10px 0;
  padding: 0;
  font-size: 10px;
  line-height: 1.0;
  text-align: right;
  font-weight: normal;
}
li.category-side a:link,
li.category-side a:visited {
  color: rgb(243,26,76);
}
li.category-side a:hover {
  color: rgb(120,188,29);
  position: relative;
  top: 1px;
  left: 1px;
}
#side-address {
  margin: 13px 0 0px 30px;
  padding: 0;
  display: block;
  width: 90px;
  height: 24px;
}
.address {
  margin: 0;
  padding: 5px 0 0 0;
  font-size: 10px;
  line-height: 1.3;
  text-align: right;
}
.address a:link,
.address a:visited {
  color: rgb(120,188,29);
}
.address a:hover {
  color: rgb(243,26,76);
  position: relative;
  top: 1px;
  left: 1px;
}
#leftside-ad {
  margin: 25px 0 10px 0;
  padding: 0;
  width: 120px;
  display: block;
}
/*メインコンテンツ--------------------------------------*/
#structure-main {
  width: 580px;
  float: left;
  background-color: #ffffff;
}
#contener-main {
  margin: 10px 0 0 60px;
  padding: 0;
  width: 480px;
}
h3.contents-title {
  margin: 5px 0 0 0;
  padding: 0;
  width: 480px;
  height: 28px;
  display: block;
  background-image: url(common_image/title_bar.jpg);
  background-position: right;
  background-repeat: no-repeat;
  font-size: 21px;
  font-weight: normal;
  line-height: 1.3;
  color: rgb(120,188,29);
  border-bottom: solid 1px;
  border-bottom-color: #d3d3d3;
}
.category-title-main {
  margin: 0;
  padding: 0;
  font-size: 17px;
  line-height: 2.2;
  color: rgb(243,26,76);
  font-weight: normal;
}
/*右サイドコンテンツ------------------------------------*/
#structure-side-right {
  width: 200px;
  float: right;
  margin: 0;
  padding: 0;
  background-color: #ffffff;
}
#shop-select {
  margin: 18px 0 10px 20px;
  padding: 0;
  width: 150px;
  height: 26px;
  display: block;
}
.right-info-title {
  margin: 20px 0 0 20px;
  padding: 0;
  width: 150px;
  height: 26px;
  display: block;
}
ul#banner,ul#banner li,ul#banner li a {
  margin: 0;
  padding: 0;
  display: block;
  width: 150px;
}
ul#banner {
  height: 150px;
  margin-left: 20px;
}
ul#banner li a {
  overflow: hidden;
  text-indent: -9999px;
}
ul#banner li#booth {
  background: url(side_right_image/hov_booth_banner.jpg) no-repeat;
  height: 27px;
}
ul#banner li#booth a {
  background: url(side_right_image/booth_banner.jpg) no-repeat;
  height: 27px;
}
ul#banner li#crocsbybooth {
  background: url(side_right_image/hov_crocsbybooth_banner.jpg) no-repeat;
  height: 42px;
  margin-top: 15px;
}
ul#banner li#crocsbybooth a {
  background: url(side_right_image/crocsbybooth_banner.jpg) no-repeat;
  height: 42px;
}
ul#banner li#boothyahoo {
  background: url(side_right_image/hov_boothyahoo_banner.jpg) no-repeat;
  height: 51px;
  margin-top: 15px;
}
ul#banner li#boothyahoo a {
  background: url(side_right_image/boothyahoo_banner.jpg) no-repeat;
  height: 51px;
}
ul#banner li a:hover {
  background-image: none !important;
}
#card {
  margin: 6px 0 0 20px;
  padding: 0 0 10px 0;
  width: 150px:
  height: 64px;
  display: block;
}
#namidensetu {
  margin: 15px 0 0 32px;
  padding: 0;
  width: 120px:
  height: 29px;
  display: block;
}
#yahoo-weather {
  margin: 15px 0 0 27px;
  padding: 0;
  width: 130px:
  height: 22px;
  display: block;
}
#weathernews {
  margin: 10px 0 0 35px;
  padding: 0;
  width: 113px:
  height: 39px;
  display: block;
}
#jartic {
  margin: 15px 0 0 32px;
  padding: 0;
  width: 120px:
  height: 33px;
  display: block;
}
/*フッター----------------------------------------*/
#footer {
  margin: 0;
  padding: 0;
  width: 900px;
  height: 54px;
  background-image: url(common_image/footer_background.jpg);
  background-position: right;
  background-repeat: no-repeat;
  background-color: #ffffff;
}
#footer-page-top {
  clear: both;
  margin: 0;
  padding: 0;
  width: 900px;
  height: 20px;
  display: block;
}
#page-top {
  margin: 0 0 0 586px;
  padding: 0;
  width: 74px;
  height: 18px;
}
#under-navi,#copyright {
  margin: 0;
  padding: 25px 0 0 0;
  display: block;
  font-size: 10px;
  line-height: 1.0;
}
#under-navi {
  width: 700px;
  text-indent: 180px;
  float: left;
}
#under-navi a:link,
#under-navi a:visited {
  color: rgb(115,115,88);
}
#under-navi a:hover {
  color: rgb(120,188,29);
  position: relative;
  top: 1px;
  left: 1px;
}
#copyright {
  width: 200px;
  text-indent: 40px;
  float: right;
}