html { background: #333; }

body {
	margin: 0; padding: 0;
	font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","MS Pゴシック",sans-serif;
	font-size: 14px; line-height: 1em; color: #DDD;
	background: #000 url(images/bg01.png) repeat-x;
}

/*--Clear--*/
.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix { display: block; }
/* end MacIE5 */

.clr {
	clear: both; overflow: hidden;
	margin: 0; padding: 0;
}

/*--Image & Left/Right --*/
img { border: 0; }

.img_right1 { float: right; border: 0; padding: 0; }
.img_left1 { float: left; border: 0; padding: 0; }
.img_right2 { float: right; border: 0; padding: 0 0 3px 10px; }
.img_left2 { float: left; border: 0; padding: 0 10px 3px 0; }

.c_right1 { float: right; border: 0; margin: 0 0 3px 10px; }
.c_left1 { float: left; border: 0; margin: 0 10px 3px 0; }
.c_right2 { float: right; border: 0; margin: 0 0 3px 0; }
.c_left2 { float: left; border: 0; margin: 0 0 3px 0; }
.c_right3 { float: right; border: 0; margin: 0 0 3px 5px; }
.c_left3 { float: left; border: 0; margin: 0 5px 3px 0; }

/*---text settings---*/
.tx_c { text-align: center; }
.tx_l { text-align: left; }
.tx_r { text-align: right; }

.b1 { font-weight: bold; }

h1, h2, h3, h4, h5, h6 { color: #999; font-weight: bold; }
h1, h2, h3, p, ol, ul, pre, blockquote {
	margin: 0 0 20px 0; padding: 0;
}
h4, h5, h6 {
	margin: 0 0 15px 0; padding: 0;
	line-height: 1.2;
}

h1 { font-size: 200%; }
h2 { font-size: 180%; }
h3 { font-size: 160%; }
h4 { font-size: 110%; }
h5 { font-size: 100%; }
h6 { font-size: 90%; }

.tx117 { font-size: 117%; }
.tx100 { font-size: 100%; }
.tx93 { font-size: 93%; }
.tx85 { font-size: 85%; }
.tx83 { font-size: 83%; }
.tx72 { font-size: 72%; }

.lh0 { line-height: 0; }
.lh1_0 { line-height: 1.0; }
.lh1_1 { line-height: 1.1; }
.lh1_2 { line-height: 1.2; }
.lh1_3 { line-height: 1.3; }
.lh1_4 { line-height: 1.4; }
.lh1_5 { line-height: 1.5; }
.lh1_6 { line-height: 1.6; }
.lh2_0 { line-height: 2.0; }

.tx_red1 { color: #F00; }
.tx_red2 { color: #C00; }
.tx_orange1 { color: #F90; }
.tx_blue1 { color: #22B7FB; }
.tx_gray1 { color: #666; }

.caption1 { font-size: 85%; line-height: 1.3; font-weight: bold; }
.caption2 { font-size: 85%; line-height: 1.3; }

ul { margin: 0 0 25px 18px; padding: 0; list-style: disc; }
ol { margin: 0 0 25px 20px; padding: 0; list-style: decimal; }

.hidden { display: none; }

a { text-decoration: none; color: #0099FF; font-style: normal; }
a:hover { text-decoration: underline; color: #FF3333; font-style: normal; }

/*---Title Settings---*/
h2.title1 { margin: 0; padding: 0 0 30px; }
h3.title1 {
	margin: 0 0 15px; padding: 3px 0 4px 15px;
	font-size: 115%;
	color: #F3F3F3;
	background: #000 url(images/bg_title01.png) left top no-repeat;
}
h4.title1 {
	margin: 0 0 15px; padding: 1px 0 1px 7px;
	color: #8B8F9E;
	border-left: 3px solid #B00;
}

/*---Padding---*/
.pad_b1 { padding: 0 0 1px; }
.pad_b3 { padding: 0 0 3px; }
.pad_b5 { padding: 0 0 5px; }
.pad_b7 { padding: 0 0 7px; }
.pad_b10 { padding: 0 0 10px; }
.pad_b15 { padding: 0 0 15px; }
.pad_b20 { padding: 0 0 20px; }
.pad_b25 { padding: 0 0 25px; }
.pad_b30 { padding: 0 0 30px; }

/*---Margin---*/
.mag_b1 { margin: 0 0 1px; }
.mag_b3 { margin: 0 0 3px; }
.mag_b5 { margin: 0 0 5px; }
.mag_b7 { margin: 0 0 7px; }
.mag_b10 { margin: 0 0 10px; }
.mag_b15 { margin: 0 0 15px; }
.mag_b20 { margin: 0 0 20px; }
.mag_b25 { margin: 0 0 25px; }
.mag_b30 { margin: 0 0 30px; }

/*---Layout---*/
#wrapper {
	width: 930px;
	margin: 0; padding;
	text-align: left;
	font-size: 100%;
}

#header { margin: 0; padding: 0; line-height: 0; }
#logo1 { width: 400px; float: left; margin: 0; padding: 0; }
#logo2 { width: 400px; float: right; margin: 0 10px 0 0; padding: 0; }

#menu1 { margin: 0; padding: 0 15px 1px; }
#menu2 { margin: 0 0 15px; padding: 0; }

#mainimage1 { margin: 0; padding: 0 0 20px; }

#content_body1 {
	margin: 0; padding: 0;
	line-height: 1.6;
	background: #000 url(images/bg_title1.gif) left top repeat-x;
}

#content_footer1 {
	height: 13px; margin: 0 0 20px; padding: 0;
	font-size: 1px; color: #FFF;
	background: #000 url(images/bg_content_ft01.gif) left bottom repeat-x;
}

#content_left1 {
	float:left; width: 210px;
	margin: 0; padding: 0 0 20px;
	font-size: 85%;
	line-height: 1.3;
}

#content_right1 {
	float:right; width: 700px;
	margin: 0; padding: 0 0 20px;
}

#footer {
	margin: 0; padding: 0 0 20px;
	font-size: 72%; font-weight: bold;
	text-align: center; color: #999;
	background: #333 url(images/bg_footer01.png) top center repeat-x;
}

#footer_inner {
	width: 930px; margin: 0; padding: 0 0 20px;
	text-align: left;
}

.pagetop { margin: 0; padding: 25px 0; text-align: center; }
.copyright { padding: 10px 15px 10px; }


/*---Top---*/
.whatsnew_date1 {
	float: left;
	margin: 0; padding: 8px 15px 8px 20px;
	color: #888; line-height: 1.1;
	font-weight: bold;
	background: #000 url(images/ico_dot01.gif) 5px 12px no-repeat;
}

.whatsnew_tx1 { float: left; width: 570px; padding: 8px 0; line-height: 1.1; }

/*---Left Menu---*/
.menu_left1 {
	padding: 3px;
	color: #666;
	line-height: 1.1;
}

.menu_left1 a {
	display: block;
	margin: 0; padding: 4px 15px 4px 12px;
	background: #000 url(images/ico_dot01.gif) 2px 8px no-repeat;
	color: #CCC; font-weight: bold;
}
.menu_left1 a:hover {
	color: #F00; text-decoration: none;
}

.menu_left2 {
	border-top: 1px solid #CCC;
	background: #000;
	padding: 7px;
	color: #F69;
}

.menu_left_footer {
	margin: 0; padding: 0;
	border-top: 1px solid #CCC;
}

/*---Right Content---*/
.c_left { float: left; width: 345px; padding: 0 0 20px; }
.c_right { float: right; width: 345px; padding: 0 0 20px; }

/*---Product Index---*/
div.product_thm1 {
	float: left; width: 170px;
	margin: 0 2px 0; padding: 0 0 20px;
	line-height: 1.2;
	font-weight: bold;
	color: #252525;
}

div.product_thm1 img { border: 1px solid #333; }

div.product_thm1 .caption1 {
	padding: 2px 0 2px 5px;
	border-left: 3px solid #999;
	font-size: 83%;
	color: #999; font-weight: bold;
}

div.product_thm1 a:hover .caption1 {
	padding: 2px 0 2px 5px;
	border-left: 3px solid #FFF;
	font-size: 83%; color: #FFF;
	text-decoration: none;
	font-weight: bold;
}

div.product_thm1 a:hover img { border: 1px solid #FFF; }

/*---Bikes---*/
img#bike_ph1 {
	border: 1px solid #454545;
}

.bike_color1 {
	float: left;
	margin: 0 4px 0 0; padding: 0 0 20px;
	text-align: center;
	font-size: 83%; line-height: 1.6;
	font-weight: bold;
}
img.bike_thm1 {
	border: 1px solid #454545;
}

/*---Apparel & Accessories---*/
img#acc_ph1 {
	float: left;
	border: 1px solid #454545;
}

.acc_desc_r1 {
	float: right; width: 275px;
	margin: 0 0 20px 0;
	font-size: 85%;
}

.acc_thm1 {
	float: left; width: 120px;
	margin: 0 2px 0; padding: 0 0 7px;
	line-height: 1.2;
	font-weight: bold;
	color: #252525;
}

.acc_thm1 img { border: 1px solid #454545; }

.acc_thm1 .caption1 {
	padding: 5px 0 0 0;
	color: #CCC; font-weight: bold;
}

/*---news---*/
.news_body { 
	margin: 0 0 30px; padding: 10px 0 20px;
	border-top: 3px solid #900;
}
h3.news_title {
	margin: 0 0 15px; padding: 0 15px 8px 20px;
	font-size: 120%;
	color: #FFF;
	border-bottom: 1px solid #900;
	background: #000 url(images/ico_dot01.gif) 5px 10px no-repeat;
}
.news_date { 
	margin: 0; padding: 0 15px 8px 20px;
	color: #888; line-height: 1.1;
	font-weight: bold;
	background: #000 url(images/ico_dot01.gif) 5px 5px no-repeat;
}

/*---Shop List---*/
div.shoplist { line-height: 1.2; }
div.shoplist h3 { margin: 0 0 10px; font-size: 115%; color: #FFF; }

div.shoplist table { width: 100%; }
div.shoplist table td { padding: 3px 5px; font-size: 93%; line-height: 1.2; }
div.shoplist table td.zipcode { width: 14%; }
div.shoplist table td.telno { width: 20%; }
div.shoplist table td.website { width: 6%; }
div.shoplist table td.shopname {
	padding: 3px 5px 1px;
	font-size: 100%; font-weight: bold;
	color: #F90;
	border-top: 1px solid #454545;
}

/*---etc---*/
.bike_menu1 {
	margin: 0 0 15px; padding: 5px 5px 5px;
	line-height: 0;
	background: #FFF url(images/bg_bike_menu01.png) top left no-repeat;
}

/*---table---*/
.simple_table1 td {
	border-top: 1px solid #CCC;
	padding: 3px;
}

.spec_table1 td {
	border-top: 1px solid #444;
	padding: 3px;
	vertical-align: top;
	font-size: 85%;;
}

.geometry1 th {
	background: #400;
	text-align: center;
	font-size: 93%;
}

.geometry1 th.geotype1 {
	background: #300;
	text-align: center;
	font-size: 93%;
}

.geometry1 td { font-size: 93%; text-align: center; }
.geometry1 td.odd { background: #333; }
.geometry1 td.even { background: #555; }

.title_prefecture1 {
	margin: 0 0 15px; padding: 3px 0 3px 30px;
	font-size: 115%;
	color: #FFF;
	background: #666 url(images/bg_title_s04.png) left top no-repeat;
}

.title_shop1 {
	border-left: 4px solid #C00;
	padding: 2px 0 2px 6px;
}

.prefecture_list table {
	margin: 0 0 20px;
}

.prefecture_list td {
	border-bottom: 1px solid #CCC;
	padding: 5px;
	font-size: 93%;
	line-height: 1.3;
}

.td_top { vertical-align: top; }
.td_bottom { vertical-align: bottom; }