@charset "utf-8";
/* CSS Document */

/*base
---------------------------*/
body { margin: 0px; padding: 0px; color: #333; line-height: 160%; background: #000; border-bottom: 10px solid #363533; text-align: center; }

*{ margin:0px; padding:0px; font-family : "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","Verdana","Helvetica","Arial","ＭＳ Ｐゴシック",sans-serif}

/*link
---------------------------*/
a 			{ color: #76A114; text-decoration: none; outline: none; }
a:link		{ color: #76A114; text-decoration: none; outline: none; }
a:visited	{ color: #76A114; text-decoration: none; outline: none; }
a:hover		{ color: #76A114; text-decoration: underline; outline: none; }
a:active	{ color: #76A114; text-decoration: underline; outline: none; }

/*title,p,img
---------------------------*/
h1, h2, h3, h4, h5 { font-weight: normal; margin: 0px; padding: 0px; }

p{ color: #333; margin: 10px 0px; font-size: 75%; line-height: 180%; }

img { margin: 0px; padding: 0px; border: none;}
a:hover img {filter: alpha(style=0,opacity=80);opacity: 0.8;}
ul.header_navi a:hover img,ul.gn_list a:hover img,ul.contents_navi a:hover img,div.pagetop a:hover img,ul.fn_list a:hover img,ul.riders_list li img,#street div.street_itemlist img {filter: alpha(style=0,opacity=100);opacity: 1.0;}

/*list,dl
---------------------------*/
ul { margin: 0px; padding: 0px; list-style-type: none; }
ul li { padding: 0px; margin: 0px; }

ol { padding: 0px; margin: 0px; list-style: decimal outside; }
ol li { padding: 0px; margin: 0px; }

dl { padding: 0px; margin: 0px; }
dt { padding: 0px; margin: 0px; }
dd { padding: 0px; margin: 0px; }

/*table
---------------------------*/
table { width: 100%; margin: 0px; padding: 0px; border-collapse: collapse; }
th { font-weight: normal; text-align: left; padding: 5px; vertical-align: top; }
td { text-align: left; padding: 5px; }

.td5{ width:5%;} .td10{ width:10%;} .td15{ width:15%;} .td20{ width:20%;} .td25{ width:25%;}
.td30{ width:30%;} .td35{ width:35%;} .td40{ width:40%;} .td45{ width:45%;} .td50{ width:50%;}

/*other
---------------------------*/
form { margin: 0px; text-align: left; }
input, textarea, select {}

iframe { border-style: none; }

em { font: normal normal; }

.hide { display: none; }


/*clearfix
---------------------------*/
.clearfix:after {content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.clearfix { min-height: 1px; }
* html .clearfix { height: 1px; /*¥*//*/ height: auto; overflow: hidden; /**/ }


/*box
---------------------------*/
div#header { width: 850px; text-align: left; margin: 20px auto; }
	h1 a { display: block; background: url(../img/logo.jpg) no-repeat; width: 300px; height: 80px; float: left; text-indent: -9999px; }
	ul.header_navi { width: 120px; _width: 130px; float: right; margin-top: 15px; }
		ul.header_navi li { width: 50px; float: left; margin-left: 10px; }
div#column { width: 850px; margin: 0px auto; text-align: center; }
	div.contents { width: 800px; margin: 0px auto; text-align: left; }
	
/*navi
---------------------------*/
ul.gn_list { margin: 20px 0px; }
ul.gn_list li { float: left; margin-right: 39px; }
ul.gn_list li#contact { margin-right: 0px; }

/*contents
---------------------------*/


/*footer
---------------------------*/
div#footer { margin: 50px 0px 0px; padding: 0px; height: 87px; }

ul.contents_navi { width: 150px; margin: 0px 0px 0px 385px; _margin: 0px 0px 0px 192px; float: left; }
ul.contents_navi li { float: left; }
div.pagetop { float: right; margin-top: 10px; }
div.contents_footer { margin: 0px 0px 15px; }

div.footer_contents { width: 850px; margin: 0px auto; }
ul.footer_logo { width: 500px; height: 18px; float: left; font-size: 55%; color: #363533; text-align: left; line-height: 200%; }
ul.footer_logo li { float: left; margin: 5px 10px 0px 0px; line-height: 100%; }
ul.fn_list { width: 225px; _width: 245px; float: right; height: 20px; }
ul.fn_list li { float: left; margin-left: 20px; line-height: 100%; }
ul.footer_logo li.copyright { padding-top: 5px; }

/*2nd
---------------------------*/
/*concept*/
img.main_concept { margin: 50px 0px; }

/*board*/
div.item_list { width: 170px; float: left; margin: 0px 40px; }
div.item_list h3 { margin: 15px 0px 0px; }
table.item_detail { margin: 10px 0px 0px; font-size: 65%; line-height: 130%; }
table.item_detail th,table.item_detail td { padding: 2px 0px; vertical-align: middle; }
p.price { font-size: 100%; font-weight: bold; margin: 10px 0px 0px; }

div.item_box h3 { color: #ccc; }
table.item_detail2 { margin: 10px 0px 0px; font-size: 65%; line-height: 130%; color: #ccc; }
table.item_detail2 th,table.item_detail2 td { padding: 2px 0px; vertical-align: middle; }

div.item_box { text-align: left; margin-top: 100px; }
div.item_box p { color: #ccc; }
div.item_left { width: 200px; float: left; }
div.item_center { width: 150px; float: left; margin-left: 20px; }
div.item_right { width: 454px; float: right; }

ul.thumb_list li { margin-top: 20px; float: left; margin-right: 20px; }

ul.board_iconlist { width: 576px; margin: 50px auto 30px; }
ul.board_iconlist li { float: left; width: 144px; }

div.contents_item { border-bottom: 1px solid #363533; }

ul.archive_list { margin: 30px 0px 0px; }
ul.archive_list li { float: left; }

/*street*/
div.contents_left { width: 630px; float: left; text-align: left; margin-top: 30px; }
#blog div.contents_left { width: 590px; float: left; text-align: left; margin-top: 30px; }
div.contents_right { width: 200px; float: right; text-align: left; margin-top: 30px; }

div.main_ph img { border: 5px solid #ccc; }
div.street_itemlist { width: 190px; float: left; margin: 30px 20px 0px 0px; position: relative; }
div.street_itemlist img { border: 5px solid #ccc; }
div.street_itemlist h3 { width: 180px; color: #577B11; font-weight: normal; font-size: 65%; line-height: 140%; margin: 10px 0px 0px; }
div.street_itemlist p { margin: 0px; font-size: 65%; line-height: 140%; }
span.new { display: none; width: 46px; height: 20px; position: absolute; left: 140px; top: -8px; }
span.new img { border: none; }

div.sidebar_box { border-top: 5px solid #363533; margin-bottom: 30px; }
div.sidebar_box h4 { margin: 10px 0px; }
div.sidebar_box ul li { font-size: 65%; line-height: 130%; margin-bottom: 5px; }
div.sidebar_box p { margin: 0px; color: #ccc; padding-left: 1em; text-indent: -1em; }

ul.side_btnlist { margin-bottom: 20px; }
ul.side_btnlist li { height: 57px; }

/*riders*/
ul.riders_list li { line-height: 100%; margin-top: 10px; height: 10px; position: relative; }
ul.riders_list li img { vertical-align: top; }

div.riders_top { margin: 12px; text-align: left; }
div.riders_topl { width: 285px; float: left; }
div.riders_topr { width: 505px; float: right; }

div.riders_box { margin: 80px 12px 12px; text-align: left; }
div.riders_l { width: 285px; float: left; }
div.riders_r { width: 505px; float: right; } 

div.riders_box p { color: #ccc; margin: 10px 0px 20px; }

ul.rider_thumblist { margin-top: 30px; }
ul.rider_thumblist li { float: left; width: 70px; margin: 0px 30px 0px 0px; }

/*dealers*/
#dealers h3 { margin: 50px 0px 0px; }
div.dealers_list { text-align: left; }
table.dealers_list_tb { font-size: 65%; width: 600px; margin: 50px 125px; color: #ccc; mar }
table.dealers_list_tb td { line-height: 130%; padding: 5px; }


div.map { background: url(../img/dealers_bg.jpg) no-repeat right top; padding-top: 50px; height: 462px; }

div.link_box { width: 170px; float: left; }
div.map_link { margin: 50px 125px; }
div.link_box ul { margin-top: 20px; }
div.link_box ul li { font-size: 65%; line-height: 130%; margin-top: 10px; }

/*blog*/
div.entry { border-top: 3px solid #656364; margin-bottom: 30px; }
h3.entry_title { font-size: 90%; font-weight: bold; margin: 10px 0px; color: #ccc; }
div.entry_body { font-size: 75%; line-height: 180%; color: #ccc; }
div.entry_body p { font-size: 100%; margin: 10px 0px 20px; color: #ccc; }
div.entry_footer { font-size: 65%; margin: 20px 0px 0px; padding: 10px 0px; border-top: 1px solid #656364; color: #ccc; }

div.diary_menu { padding-top: 40px; margin-top: 40px; border-top: 1px solid #fff; }
div.diary_menu h3 { margin: 0px 0px 12px; }
div.side { margin-bottom: 20px; }
div.sidebody { font-size: 65%; line-height: 130%; margin-bottom: 7px; }
div.sidetitle { border-top: 3px solid #656364; padding: 10px 0px; }

div.profile div.sidetitle { display: none; }
div.nickname { display: none; }
div.recententry div.sidetitle { height: 29px; background: url(../img/blog_article.jpg) no-repeat 0px 10px; text-indent: -9999px; }
div.archives div.sidetitle { height: 29px; background: url(../img/blog_backnumber.jpg) no-repeat 0px 10px; text-indent: -9999px; }
div.category div.sidetitle { height: 29px; background: url(../img/blog_category.jpg) no-repeat 0px 10px; text-indent: -9999px; }
div.link div.sidetitle { height: 29px; background: url(../img/blog_link.jpg) no-repeat 0px 10px; text-indent: -9999px; }
div.ad { display: none; }

ul.side_btnlist2 { margin-top: 40px; }
ul.side_btnlist2 li { height: 57px; }

div.archive_title { font-size: 90%; font-weight: bold; margin-bottom: 30px; }

div.input_area { width: 200px; float: left; }
div.form_box { font-size: 75%; margin-bottom: 10px; color: #ccc; }
div.form_box input { width: 300px; }
div.form_box textarea { width: 300px; height: 8em; }
div.mail_area img { margin-bottom: 10px; }
div.mail_area { width: 220px; float: right; font-size: 75%; line-height: 160%; }
p.btn2 { float: left; margin-right: 10px; }

div.form_box input#bake { width: auto; }
p.btn label { font-size: 100%; color: #ccc; }
input#savecheck { margin: 0px 5px 0px 10px; }

div.contents_left div.comment { border: 5px solid #656364; padding: 0px 15px; margin-top: 30px; }
div.comments-head { margin: 30px 0px 10px; font-size: 75%; font-weight: bold; color: #ccc; }
div.comments-post { font-size: 65%; text-align: right; padding: 10px 50px 10px 0px; margin-bottom: 20px; border-bottom: 1px solid #eee; }
div.comments-body { font-size: 75%; }
div.trackback-head { margin: 15px 0px 10px; font-size: 75%; font-weight: bold; color: #ccc; }
div.trackback-url { font-size: 75%; color: #ccc; }

/*contact*/
div.contact_contents { width: 650px; text-align: left; }
table.contact { width: 650px; font-size: 75%; margin: 20px 0px 30px; color: #ccc; }
table.contact th,table.contact td { border-top: 1px solid #656364; padding: 10px 0px; }
table.contact td span { font-size: 80%; color: #666; }
p.js_text { color: #FF0000; }

#contact p { color: #ccc; }
#confirmBody p { color: #333; }
#contact h3 { margin: 50px 0px 20px; }

ul.check_list { background: url(../img/contact_logo.jpg) no-repeat right top; }
ul.check_list li { font-size: 75%; margin-bottom: 10px; color: #ccc; line-height: 150%; }

/*privacy*/
#privacy p { color: #ccc; margin-bottom: 20px; }
#privacy h3 { margin: 50px 0px 30px; }

table.outline_tb { color: #ccc; font-size: 75%; }
table.outline_tb th,table.outline_tb td { line-height: 150%; padding-left: 0px; }

table.soryo_tb { color: #ccc; font-size: 65%; width: auto; border-left: 1px solid #656364; margin-top: 30px; }
table.soryo_tb td { line-height: 150%; vertical-align: top; padding: 5px 10px; border-right: 1px solid #656364; }

/*sitemap*/
table.sitemap_tb th,table.sitemap_tb td { font-size: 75%; padding: 8px; _padding: 12px; }
table.sitemap_tb th a { padding: 0px 0px 0px 20px; background: url(../img/arrow1.jpg) no-repeat left center; }
table.sitemap_tb td a { padding: 0px 0px 0px 20px; background: url(../img/arrow2.jpg) no-repeat left center; }