@charset "utf-8";

/*--- reset */
html {
 overflow-y: scroll;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
 margin: 0;
 padding: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
 font-style: normal;
}
table {
 border-collapse: collapse;
 border-spacing: 0;
}
caption,th {
 text-align: left;
}
q:before,q:after {
 content: '';
}
object,embed {
 vertical-align: top;
}
hr,legend {
 display: none;
}
h1,h2,h3,h4,h5,h6 {
 font-size: 100%;
 font-weight: normal;
}
img,abbr,acronym,fieldset {
 border: 0;
}
li {
 list-style-type: none;
}
/*--- default */
body {
 background: #FFF;
 color: #333;
 font-size: small;
 font-family: verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
 line-height: 1.5;
}
*:first-child + html body {	/* for IF7 */
 font-family: "メイリオ","Meiryo";
}
/* 全体 */
body {
 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", Helvetica, Arial, sans-serif;
 color: #000000;
 font-size: 12px;
 background-color: #f5f5f5;
 text-align: center;
 margin: 0;
 padding: 0;
}
body div {
 text-align: left;
 margin: 0 auto;
}
img { 
 margin: 0px;
 padding: 0px;
}
* html img { /* for IE6 */ vertical-align: bottom; }
*:first-child + html img { /* for IE7 */ vertical-align: bottom; }
h4, h6 {
 font-weight: bold;
}
/* リンク指定 */
a {
 overflow: hidden;
}
a:link {
 color: #00008b;
 text-decoration:underline;
}
a:visited {
 color: #00008b;
 text-decoration: underline;
}
a:hover {
 color: #eb6101;
 text-decoration: none;
}
a:focus {
 outline: none; 
}
a img {
 text-decoration: none !important;
 border: 0;
}
/* 汎用クラス */
p.red {
 color: red;
}
p.kome {
 text-indent: -1em;
 margin-left: 1em;
}
p.right { text-align: right; }
p.c_big {
 color: #eb6101;
 font-size: 1.2em;
 font-weight: bold;
 text-align: center;
 margin-bottom: 10px;
}
.btm {
 vertical-align: bottom;
}
.mt20 {
 margin-top: 20px;
}
/* コンテンツ全体 */
#wrapper {
 background-color: #ffffff;
 width: 800px;
 margin: 0 auto;
}
/* ヘッダー */
#header {
 width: 800px;
 height: 250px;
 position: relative;
}
/* ロゴ */
#logo {
 left: 80px;
 top: 12px;
 position: absolute;
}
/* TOPエリア */
div#head_img div {
 display: table-cell;
 vertical-align: middle;
 margin: 0;
 width: 200px;
}
div#head_img div.image {
 width: 600px;
}
* html div#head_img div {
 display: inline;
 zoom: 1;
}
/*for IE6 */
* html div#head_img {
 margin-top: 0;
}
/*for IE7 */
*:first-child+html div#head_img div {
 display: inline;
 zoom: 1;
}
div#head_img div h1 {
 margin: 0 0 0 10px;
 font-size: 13px;
}
/* コンテンツの指定 */
#content {
 background: url(http://www.hd-yoyo.jp/images/share/side_bg.gif) repeat-y left top; 
 float: left;
 clear: both;
 position: relative;
}
#content #aftc {
 position: absolute;
 left: 10px;
 bottom: 10px;
 width: 180px;
 height: 150px;
 font-size: 11px;
 text-align: center;
 line-height: 1.2;
}
/* Leftボックス */
#left {
 width: 200px;
 float: left;
}
/* Rightボックス */
#right {
 width: 600px;
 margin: 0 0 20px 0;
 float: right;
 text-align: center;
}
#main {
 width: 570px;
 margin: 0 15px;
 text-align: left;
 }
/* ナビゲーション */
#g_navi {
 width: 200px;
 clear: both;
}
#g_navi ul {
 list-style: none;
}
#g_navi li {
 margin: 10px 0px 0px;
 width: 200px;
 height: 30px;
}
#g_navi li.newmodel {
 background: url(http://www.hd-yoyo.jp/images/menu/menu_newmodel_ov.jpg) no-repeat left bottom;
}
#g_navi li.custom {
 background: url(http://www.hd-yoyo.jp/images/menu/menu_custom_ov.jpg) no-repeat left bottom;
}
#g_navi li.demo {
 background: url(http://www.hd-yoyo.jp/images/menu/menu_demo_ov.jpg) no-repeat left bottom;
}
#g_navi li.used {
 background: url(http://www.hd-yoyo.jp/images/menu/menu_used_ov.jpg) no-repeat left bottom;
}
#g_navi li.parts {
 background: url(http://www.hd-yoyo.jp/images/menu/menu_parts_ov.jpg) no-repeat left bottom;
}
#g_navi li.owner {
 background: url(http://www.hd-yoyo.jp/images/menu/menu_owner_ov.jpg) no-repeat left bottom;
}
#g_navi li.shop {
 background: url(http://www.hd-yoyo.jp/images/menu/menu_shop_ov.jpg) no-repeat left bottom;
}
#g_navi li.rental {
 background: url(http://www.hd-yoyo.jp/images/menu/menu_rental_ov.jpg) no-repeat left bottom;
}
#g_navi li.factory {
 background: url(http://www.hd-yoyo.jp/images/menu/menu_factory_ov.jpg) no-repeat left bottom;
}
#g_navi a {
 display: block;
}
#g_navi a:hover {
 background-color: transparent; /*--IE用--*/
}
#g_navi a:hover img {
 visibility: hidden; /*--元の画像を消す--*/
}
/*--イベントバナー--*/
#event_navi {
 width: 180px;
 margin: 10px 0 10px 10px;
}
#event_navi ul {
 list-style: none;
}
#event_navi li {
 margin: 0px;
 padding: 0px;
}
#event_navi li.event {
 width: 180px;
 height: 50px;
 background: url(http://www.hd-yoyo.jp/images/menu/event_btn_ov.jpg) no-repeat left bottom;
}
#event_navi a {
 display: block;
}
#event_navi a:hover {
 background-color: transparent; /*--IE用--*/
}
#event_navi a:hover img {
 visibility: hidden; /*--元の画像を消す--*/
}
.bnr {
 font-size: 11px;
 text-align: center;
}
.bnr ul {
 list-style-type: none;
}
.bnr li {
 margin: 0 0 10px;
}
/* 自動更新バナースペース */
#hd_bnr {
 width: 180px;
 margin: 20px 10px 0 10px;
}
#hd_bnr .inner {
 width: 180px;
 height: 72px;
 margin-bottom: 10px;
}
#rlyoyo {
 text-align: center;
 font-size: 11px;
 margin-bottom: 200px;
}
#rlyoyo ul {
 list-style-type: none;
}
#rlyoyo li {
 margin: 0 0 10px;
}
/* 組合等表示スペース */
#content #aftc ul {
 list-style-type: none;
}
#content #aftc li {
 margin: 0 0 10px;
}
/* パンくずリスト */
#pan { 
 margin: 10px 0 0;
 padding: 0px;
 font-size: 11px;
}
/* 見出し＆リード文 */
#topics h2{
 width: 570px;
 height: 25px;
 background: url(http://www.hd-yoyo.jp/images/top/midashi_topics.jpg) no-repeat left;
 margin: 10px 0;
 text-indent: -9999px;
}
#custom h2 {
 width: 570px;
 height: 25px;
 background: url(http://www.hd-yoyo.jp/images/custom/midashi_custom.jpg) no-repeat left;
 margin: 10px 0;
 text-indent: -9999px;
}
#myharley h2 {
 width: 570px;
 height: 25px;
 background: url(http://www.hd-yoyo.jp/images/myharley/midashi_my_harley.jpg) no-repeat left;
 margin: 10px 0;
 text-indent: -9999px;
}
#demo h2 {
 width: 570px;
 height: 25px;
 background: url(http://www.hd-yoyo.jp/images/demo/midashi_demo.jpg) no-repeat left;
 margin: 10px 0;
 text-indent: -9999px;
}
#used h2 {
 width: 570px;
 height: 25px;
 background: url(http://www.hd-yoyo.jp/images/used/midashi_used.jpg) no-repeat left;
 margin: 10px 0;
 text-indent: -9999px;
}
#parts h2 {
 width: 570px;
 height: 25px;
 background: url(http://www.hd-yoyo.jp/images/parts/midashi_parts.jpg) no-repeat left;
 margin: 10px 0;
 text-indent: -9999px;
}
#owner h2 {
 width: 570px;
 height: 25px;
 background: url(http://www.hd-yoyo.jp/images/owner/midashi_owner.jpg) no-repeat left;
 margin: 10px 0;
 text-indent: -9999px;
}
#shop h2 {
 width: 570px;
 height: 25px;
 background: url(http://www.hd-yoyo.jp/images/shop/midashi_shop.jpg) no-repeat left;
 margin: 10px 0;
 text-indent: -9999px;
}
#campaign h2 {
 width: 570px;
 height: 25px;
 background: url(http://www.hd-yoyo.jp/images/campaign/midashi_campaign.jpg) no-repeat left;
 margin: 10px 0;
 text-indent: -9999px;
}
#event h2 {
 width: 570px;
 height: 25px;
 background: url(http://www.hd-yoyo.jp/images/event/midashi_event.jpg) no-repeat left;
 margin: 10px 0;
 text-indent: -9999px;
}
#rental h2 {
 width: 570px;
 height: 25px;
 background: url(http://www.hd-yoyo.jp/images/rental/midashi_rental.jpg) no-repeat left;
 margin: 10px 0;
 text-indent: -9999px;
}
#rental_info h2 {
 width: 570px;
 height: 25px;
 background: url(http://www.hd-yoyo.jp/images/rental/midashi_rentalinfo.jpg) no-repeat left;
 margin: 10px 0;
 text-indent: -9999px;
}
#factory h2 {
 width: 570px;
 height: 25px;
 background: url(http://www.hd-yoyo.jp/images/factory/midashi_factory.jpg) no-repeat left;
 margin: 10px 0;
 text-indent: -9999px;
}
#links h2 {
 width: 570px;
 height: 25px;
 background: url(http://www.hd-yoyo.jp/images/share/midashi_link.jpg) no-repeat left;
 margin: 10px 0;
 text-indent: -9999px;
}
#sitemap h2 {
 width: 570px;
 height: 25px;
 background: url(http://www.hd-yoyo.jp/images/share/midashi_sitemap.jpg) no-repeat left;
 margin: 10px 0;
 text-indent: -9999px;
}
#lead {
 margin: 0 20px;
}
/* トップページTOPICSレイアウト */
div#head_img div#slide {
 display: block;
 width: 600px;
 height: 200px; 
}
.centerul {
 width: 285px;
 float: left;
 margin: 10px 0 0;
}
.centerul h4 {
 margin: 8px 0;
 width: 270px;
 border-bottom: 5px solid #eb6101;
}
.centerul dl{
 width: 270px;
 margin: 0;
 padding: 0;
 display: block;
}
.centerul dt{
 float: left;
 width: 90px;
 height: 130px;
 margin-right: 0;
 padding: 0;
}
.centerul dd{
 float: left;
 width: 170px;
 height: 130px;
 margin: 0;
 padding: 0;
}
.centerul dd.inner{
 margin: 0 0 0 10px;
 padding: 0;
 font-size: 11px;
 line-height: 1.4;
}
h5 {
 color: #00008b;
 font-size: 12px;
}
.centerul a.more {
 padding-left: 90px;
 font-size: 11px;
}
#campaign_l {
 width: 560px;
 margin: 10px 0 0;
}
#campaign_l h4,.centerul_l h4 {
 margin: 8px 0;
 width: 560px;
 border-bottom: 5px solid #eb6101;
}
.centerul_l dl{
 width: 560px;
 margin: 0 0 10px;
 padding: 0;
 display: block;
}
.centerul_l dt{
 float: left;
 width: 130px;
 height: 90px;
}
.centerul_l dd{
 float: left;
 width: 420px;
 height: 90px;
 font-size: 11px;
 line-height: 1.4;
}
.centerul_l a.more {
 padding-left: 330px;
 font-size: 11px;
}
#campaign_r {
 width: 530px;
 margin: 20px 0 0 20px;
 float: left;
 clear: both;
}
#campaign_r ul.bnr {
 width: 530px;
 margin-bottom: 5px;
 float: left;
}
#campaign_r .bnr li {
 width: 150px;
 margin: 0 20px 0 0;
 float: left;
}
/* カテゴリリストページレイアウト */
.itembox {
 width: 510px;
 height: 160px;
 margin: 10px 0 0 0;
}
#custom .itembox dl,#parts .itembox dl{
 width: 500px;
 height: 160px;
 background: url(http://www.hd-yoyo.jp/images/custom/custom_thumbg.jpg) no-repeat left top;
 display: block;
}
#demo .itembox dl{
 width: 500px;
 height: 160px;
 background: url(http://www.hd-yoyo.jp/images/demo/demo_thumbg.jpg) top left no-repeat;
 display: block;
}
#used .itembox dl{
 width: 500px;
 height: 160px;
 background: url(http://www.hd-yoyo.jp/images/used/used_thumbg.jpg) top left no-repeat;
 display: block;
}
.itembox dt{
 float: left;
 width: 197px;
 height: 160px;
 display: inline;
}
.itembox dt.inner{
 width: 187px;
 height: 140px;
 margin: 10px 0 10px 10px;
}
.itembox dd {
 float: right;
 width: 293px;
 height: 160px;
 display: inline;
}
#rental h3, #factory h4, #event h6 {
 font-weight: bold;
 margin: 15px 0;
 width: 520px;
 border-bottom: 5px solid #eb6101;
}
#rental .itembox dl, #factory .itembox dl, #event .itembox dl{
 width: 500px;
 height: 140px;
}
#rental .itembox dt, #factory .itembox dt, #event .itembox dt{
 height: 140px;
}
#rental .itembox dd, #factory .itembox dd, #event .itembox dd {
 height: 140px;
}
.itembox dd.inner {
 width: 273px;
 height: 140px;
 margin: 10px;
 line-height: 1.4;
}
.itembox a.more {
 padding-left: 220px;
 font-size: 11px;
}
ul#gallery {
 width: 530px;
 margin: 30px 0;
 float: left;
}
ul#gallery li {
 width: 160px;
 margin: 0 16px 20px 0;
 float: left;
}
#event p.right {
 font-size: 11px;
}
#campaign .box dl{
 width: 520px;
 margin: 10px 0 0;
}
#campaign .box dt{
 float: left;
 width: 200px;
}
#campaign .box dd {
 float: right;
 width: 310px;
}
#campaign h4 {
 margin: 8px 0;
 width: 300px;
 border-bottom: 2px solid #eb6101;
 font-size: 12px;
}
.box a.more {
 padding-left: 220px;
 font-size: 11px;
}
.voicebox {
 width: 570px;
 height: 180px;
 margin: 10px 0 0 0;
 float: left;
}
#owner .voicebox dl {
 width: 570px;
 height: 180px;
 background: url(http://www.hd-yoyo.jp/images/owner/owner_bg.jpg) no-repeat right top;
 display: block;
}
#owner .voicebox dt{
 float: left;
 width: 240px;
 height: 180px;
}
#owner .voicebox dd {
 float: right;
 width: 330px;
 height: 180px;
 margin: 0;
 padding: 0;
}
#owner .voicebox dd.inner {
 width: 320px;
 height: 170px;
 margin: 10px 0 0 10px;
}
#owner .paged-archives {
 text-align: center;
}
/* ページ分割リンクスタイル */
.paged-archives { padding-top: 10px; clear:both; }
.paged-archives a, .paged-archives a:visited {
 padding: 0 5px;
 border: 1px solid #cccccc;
 text-decoration: none; 
 color: #000066;
}
.paged-archives b {
 padding: 0 5px;
 border: 1px solid #cccccc;
 text-decoration: none; 
 color: #000066;
 background-color: #dae0e6;
}
/* 記事ページレイアウト */
#mainphoto {
 margin: 20px 0 0 0;
}
#custom .snaparea, #myharley .snaparea, #demo .snaparea, #used .snaparea, #parts .snaparea, #rental .snaparea, #factory .snaparea {
 width: 520px;
 float: left;
 overflow: hidden;
}
#event .snaparea {
 width: 520px;
 margin: 0 0 0 20px;
 overflow: hidden;
}
.snaparea dl {
 width: 130px;
 height: 100px;
 float: left;
}
.snaparea dt {
 margin: 20px 25px 0 0;
}
ul.snaparea li {
 width: 105px;
 height: 80px;
 float: left;
 margin: 20px 25px 0 0;
}
#myharley table {
 width: 100%;
 margin-top: 20px;
 border: 1px solid #d5d5d5;
}
#myharley table tr {
 border-bottom: 1px dotted #d5d5d5;
}
#myharley table th {
 width: 200px;
 padding: 2px 10px;
 vertical-align: top;
 background-color: #f7f7f7;
}
#myharley table td {
 padding: 2px 10px;
}

#campaign .entrybox dl {
 width: 520px;
}
#campaign .entrybox dt {
 width: 250px;
 float: left;
}
#campaign .entrybox dd {
 width: 260px;
 float: right;
}
#campaign h3 {
 margin: 8px 0;
 width: 250px;
 border-bottom: 2px solid #eb6101;
 font-size: 14px;
 font-weight: bold;
}
/*メールフォームレイアウト*/
.asset-body_02 {
 margin: 20px 0 0;
 clear: left;
}
.red { color: #f00; }
/*ショップインフォレイアウト*/
.asset-body {
 margin: 0 0 20px;
}
#shop .areablock {
 width: 530px;
 margin: 20px 0 0 0;
 padding: 0 0 20px 0;
}
#shop .btn {
 margin: 20px 0 0;
}
#shop .btn a:hover {
 position: relative;
 top: 1px;
 left: 1px;
}
#shop .areablock.line {
 border-bottom: 3px solid #eb6101;
}
#shop h3 {
 color: #00008b;
 font-size: 12px;
 font-weight: bold;
}
#shop .asset-body_02 dl {
 width: 500px;
 text-align: left;
}
#shop .l_area {
 width: 300px;
 float: left;
}
#shop .l_area {
 width: 300px;
 float: left;
}
#shop .r_area {
 width: 230px;
 float: right;
}
#shop .r_area dl{
 width: 100px;
 margin: 0 10px 10px 0;
 padding: 0;
 float: left;
 display: inline;
}
#shop .r_area dt{
 width: 100px;
 height: 75px;
 margin: 0;
 padding: 0;
}
#shop .r_area dd {
 width: 100px;
 margin: 5px 0 0 0;
 padding: 0;
 font-size: 11px;
}
#shop .asset-body_02 .bg{
 background: url(http://www.hd-yoyo.jp/images/shop/staff/staff_bg.jpg) no-repeat right bottom;
 margin-bottom: 20px;
 padding-bottom: 20px;
 border-bottom: 3px solid #eb6101;
}
#shop .asset-body_02 .stf_l {
 width: 240px;
 float: left;
 margin: 0 20px 20px 0;
}
#shop .asset-body_02 .stf {
 list-style-type: decimal;
 color: #666666;
 line-height: 1.3em;
 clear: both;
}
#shop .asset-body_02 .right {
 clear: none;
 float: right;
 width: 260px;
 padding-bottom: 0;
 border-bottom-style: none;
}
#shop .asset-body_02 .stf li {
 list-style-type: decimal;
 margin-left: 2em;
 margin-bottom: 5px;
}
#shop .asset-body_02 .stf .ans {
 color: #000000; 
}
/* イベントスケジュールレイアウト */
#event .asset-body_02 dl {
 width: 500px;
 padding: 0 10px;
 overflow: hidden;
}
#event .asset-body_02 dl.bg {
 background-color: #d3d3d3;
}
#event .asset-body_02 dl.monthly {
 padding-top: 20px;
}
#event .asset-body_02 dt {
 float: left;
 width: 200px;
}
#event .asset-body_02 dd {
 float: left;
 width: 300px;
}
/* レンタルバイク(ご利用のご案内)レイアウト */
#rental_info dl {
 margin: 20px 0;
 float: left;
}
#rental_info dd {
 margin: 10px 10px 20px;
}
#rental_info dd img {
 margin: 0 0 5px;
}
#rental_info li {
 padding-left: 14px; 
 background: url(http://www.hd-yoyo.jp/images/rental/dot_org.gif) no-repeat 0 5px;
}

/* リンク集レイアウト */
#links dl {
 width: 500px;
 margin: 0;
 padding: 0;
 display: block;
}
#links dt {
 float: left;
 width: 140px;
}
#links dd {
 float: right;
 width: 340px;
}
#links p {
 line-height: 1.4;
 margin-bottom: 10px;
 padding-bottom: 5px;
 border-bottom: 2px solid #eb6101;
}
/* サイトマップレイアウト */
#sitemap ul {
 margin: 20px 0;
 padding: 0;
 font-size: 14px;
 line-height: 2;
 list-style-image: url(http://www.hd-yoyo.jp/images/share/tri.jpg);
 vertical-align: bottom;
}
#sitemap li {
 margin: 0;
 padding: 0;
}
#sitemap ul.ud  {
 margin: 0;
 margin-left: 3em;
 list-style-image: url(http://www.hd-yoyo.jp/images/share/tri02.jpg);
 vertical-align: bottom;
}
#sitemap a {
 text-decoration: none;
}
#sitemap a:hover {
 text-decoration: underline;
}
/*フッター */
#footer {
 padding: 5px 0px 0px;
 border-top: 2px #000000 solid;
 clear: both;
}
#footerin {
 width: 800px;
 font-size: 11px;
 text-align: center;
}
#footerin address {
 font-size: 12px;
 margin-bottom: 10px; 
}
ul.ftmenu {
 list-style-type: none;
}
.ftmenu li {
 display: inline;
 margin-right: 5px;
 padding-left: 8px;
 border-left: 1px solid #999;
}
.ftmenu li.first {
 border-left: 0;
 padding-left: 0;
}
.member {
 margin-top: 15px;
 text-align: center;
}
.copy {
 width: 800px;
 height: 18px;
 margin: 5px 0 0;
 padding-top: 3px;
 color: #eb6101;
 font-size: 12px;
 text-align: center;
 background-color: #000000;
 clear: both;
}
/* ハック */
.clearfix:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}
.clearfix {
 display: inline-block;
}
* html .clearfix {
 height: 1%;
}
.clearfix {
 display: block;
}