@charset "utf-8";

/* css ハーレー屋まつもと WEBSITE */
/* All associated graphics copyright 2008, harley ya matsumoto */

/* basic setting
------------------------------------------------------*/
* {
  font-size:100%;
  font-style:normal;
  font-weight:normal;
  margin:0;
  padding:0;
  }

body {
  background:#fff;
  color:#333;
  font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","MS ゴシック","MS P Gothic",sans-serif;
  font-size:12px;
  }

a:link,
a:visited,
a:active {
  color:#039;
  text-decoration:none;
  }

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

img {
  border:0;
  }

h1 {
  background:url(img/index/enter02.jpg);
  width:640px;
  height:480px;
  text-indent:-9999px;
  margin:50px auto 0;
  }

h1 a {
  background-image:url(img/index/enter02.jpg);
  width:640px;
  height:480px;
  display:block;
  }

h2 {
  background:url(img/index/upper.jpg);
  text-indent:-9999px;
  width:640px;
  height:45px;
  margin:10px 0;
  }

h3 {
  text-indent:-9999px;
  width:171px;
  height:19px;
  margin:10px 0;
  }

address {
  text-align:center;
  font-size:11px;
  margin:10px;
  }

/* container setting
------------------------------------------------------*/
.container {
  width:660px;
  margin:10px auto;
  }

/* top setting
------------------------------------------------------*/
dl#topMenu {
  width:170px;
  margin:50px auto;
  }

dl#topMenu dt {
  margin:0 0 30px;
  }

dl#topMenu dd ul {
  list-style:none;
  }

dl#topMenu dd ul li {
  margin:0 0 15px;
  }

/* news setting
------------------------------------------------------*/
#news h3 {
  background:url(img/top/oshirase.gif);
  }

dl#newsList {
  width:640px;
  padding:0 20px;
  line-height:20px;
  }

dl#newsList dt {
  width:600px;
  border-bottom:1px #ccc dotted;
  color:#c60;
  margin:10px 0 0;
  }

dl#newsList dd {
  margin:0 0 0 20px;
  }

/* matsumotoron setting
------------------------------------------------------*/
#matsumotoron h3 {
  background:url(img/top/matsumotoron.gif);
  }

p#matsumotoronImg {
  width:240px;
  height:340px;
  margin-left:10px;
  float:left;
  }

dl#matsumotoronText {
  width:360px;
  margin-right:30px;
  float:right;
  }

dl#matsumotoronText dt {
  border-bottom:1px #ccc dotted;
  width:100%;
  font-size:16px;
  margin:0 0 10px;
  }

dl#matsumotoronText dd {
  margin:0 0 10px 20px;
  }

dl#matsumotoronText dd p {
  width:164px;
  height:44px;
  }

/* sagyou setting
------------------------------------------------------*/
#sagyou h3 {
  background:url(img/top/sagyou.gif);
  }

/* bbs setting
------------------------------------------------------*/
#bbs h3 {
  background:url(img/top/keijiban.gif);
  }

dl#bbsMenu dt {
  font-size:14px;
  margin:0 0 15px;
  }

dl#bbsMenu dd {
  line-height:15px;
  margin:0 0 15px 20px;
  }

dl#bbsMenu dd a {
  font-size:20px;
  }

/* used setting
------------------------------------------------------*/
#used h3 {
  background:url(img/top/cyuukosya.gif);
  }

dl#usedCycle {
  width:640px;
  margin:0 auto;
  }

dl#usedCycle dt {
  border-bottom:1px #ccc dotted;
  width:630px;
  font-size:16px;
  margin:0 0 10px;
  }

dl#usedCycle dd {
  width:630px;
  margin:0 0 10px 5px;
  }

ul#fxeImg {
  list-style:none;
  width:630px;
  }

ul#fxeImg li {
  width:200px;
  margin:0 5px 0 0;
  float:left;
  }

dl#usedCycle dd ul {
  list-style:none;
  }

dl#usedCycle dd#ImgClear {
  clear:both;
  }

/* about setting
------------------------------------------------------*/
#about h3 {
  background:url(img/top/tenpo.gif);
  }

ul#aboutList {
  list-style:none;
  width:640px;
  }

ul#aboutList li {
  line-height:30px;
  margin:0 0 0 20px;
  }

/* link setting
------------------------------------------------------*/
#link h3 {
  background:url(img/top/otsunagari.gif);
  }

dl#linkList {
  width:660px;
  padding:0 20px;
  }

dl#linkList dt {
  border-bottom:1px #ccc dotted;
  width:500px;
  font-size:16px;
  margin:0 0 10px;
  }

dl#linkList dd {
  margin:0 0 10px 20px;
  }

dl#linkList dd p {
  width:164px;
  height:44px;
  }

/* footer setting
------------------------------------------------------*/
.footer {
  border-top:1px #666 dotted;
  width:640px;
  text-align:center;
  margin:30px auto;
  padding:10px 0 0;
  clear:both;
  }

/* img alpha setting
------------------------------------------------------*/
a img {
  display:block;
  }

a:hover img {
  opacity:0.6;
  }