html { background: #FFF; }

body {
	margin: 0; padding: 0;
	font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","MS Pゴシック",sans-serif;
	font-size: 14px; line-height: 1em; color: #333;
	background: #000 url(images/bg_hd01.gif) 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; }

.c_width1 { width: 352px; }

/*--Link: PREV & NEXT--*/
.link_list01 a {
	display: block;
	margin: 0; padding: 11px 0 20px 30px;
	font-size: 83%;
	color: #C00; font-weight: bold;
	text-align: left; line-height: 1.3;
	background: #FFF url(images/btn_list01_off.gif) left top no-repeat;
}
.link_list01 a:hover {
	text-decoration: none;
	background: #FFF url(images/btn_list01_on.gif) left top no-repeat;
}

.prev1 { float: left; width: 350px; }
.next1 { float: right; width: 350px; }

.prev1 a {
	display: block;
	float: left;
	margin: 0; padding: 8px 0 8px 40px;
	font-size: 83%;
	color: #C00; font-weight: bold;
	text-align: left; line-height: 1.3;
	background: #FFF url(images/btn_prev01_off.gif) left top no-repeat;
}
.prev1 a:hover {
	text-decoration: none;
	background: #FFF url(images/btn_prev01_on.gif) left top no-repeat;
}

.next1 a {
	display: block;
	float: right;
	margin: 0; padding: 8px 40px 8px 0;
	font-size: 83%;
	color: #C00; font-weight: bold;
	text-align: right; line-height: 1.3;
	background: #FFF url(images/btn_next01_off.gif) right top no-repeat;
}
.next1 a:hover {
	text-decoration: none;
	background: #FFF url(images/btn_next01_on.gif) right top no-repeat;
}


/*---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: #454545; font-weight: bold; }
h1, h2, h3, h4, h5, h6, p, ol, ul, pre, blockquote {
	margin: 0 0 15px 0;
}

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%; }
.tx110 { font-size: 110%; }
.tx100 { font-size: 100%; }
.tx93 { font-size: 93%; }
.tx86 { font-size: 86%; }
.tx83 { font-size: 83%; }
.tx78 { font-size: 78%; }
.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; }

.caption1 { font-size: 72%; line-height: 1.3; font-weight: bold; }
.caption2 { font-size: 72%; 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; }
h4.title1 { margin: 0; padding: 0 0 15px; color: #C00; }

h3.title_s1 {
	margin: 0 0 15px; padding: 3px 0 3px 25px;
	font-size: 115%;
	color: #FFF;
	background: #09F url(images/bg_title_s01.png) left top no-repeat;
}

h3.title_s2 {
	margin: 0 0 15px; padding: 3px 0 3px 25px;
	font-size: 115%;
	color: #FFF;
	background: #333 url(images/bg_title_s02.png) left top no-repeat;
}

h3.title_s3 {
	margin: 0 0 15px; padding: 3px 0 5px 25px;
	font-size: 135%;
	color: #FFF;
	background: #333 url(images/bg_title_s03.png) left top no-repeat;
}

h3.title_bike1 {
	margin: 0 0 3px; padding: 5px 0 7px 25px;
	font-size: 125%; line-height: 1.3;
	color: #000;
	background: #FFF url(images/bg_title_bike01.png) left top no-repeat;
}

h4.title_bike2 {
	margin: 0 0 7px; padding: 3px 0 3px 10px;
	color: #C00; line-height: 1.2;
	border-left: 6px solid #C00;
}

h5.title1 {
	margin: 0 0 7px; padding: 2px 0 2px;
	font-size: 93%;
	color: #333; line-height: 1.2;
}

/*---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 { float:left; margin: 0; padding: 0; }

#menu1 { float: right; margin: 0; padding: 0; }

#menu2 { margin: 0; padding: 0; }
.home { float: left; margin: 0; padding: 0 12px 0; }

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

#banner1 { margin: 0 0 15px; padding: 0; }
.banner1_left { float: left; margin: 0; padding: 0 15px 0 0; }
.banner1_right { float: right; margin: 0; padding: 0; }

#content_body1 {
	margin: 0; padding: 0;
	background: #FFF 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: #FFF url(images/bg_content_ft01.gif) left bottom repeat-x;
}

#content_body_inner1 {
	margin: 0; padding: 0 30px 40px;
	line-height: 1.6;
}

#content_body_inner2 {
	margin: 0; padding: 0 10px 40px;
	line-height: 1.6;
}

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

#content_right1 {
	float:right; width: 710px;
	margin: 0; padding:50px 0 0; 
}

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

#footer {
	margin: 0; padding: 0;
	font-size: 72%; font-weight: bold;
	text-align: center; color: #000;
	background: #FFF url(images/bg_ft01.gif) top center repeat-x;
}

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

table.tb_footer td { vertical-align: top; }

td.copyright {
	width: 410px;
	padding: 10px 0 40px;
	color: #000;
	vertical-align: top; text-align: center;
	background: #FFF url(images/bg_copyright.png) top left no-repeat;
}


/*---Top---*/
.whatsnew_date1 {
	float: left;
	margin: 0; padding: 3px 8px;
	font-size: 86%; font-weight: bold;
	color: #333; line-height: 1.3;
	border-left: 5px solid #C00; 
}

.whatsnew_tx1 {
	float: left; width: 330px; padding: 3px 0;
	font-size: 93%; font-weight: bold;
	line-height: 1.3;
}

/*---Left Menu---*/
.menu_left1 {
	border-top: 1px solid #CCC;
	background: #333;
	padding: 7px;
	color: #CCC;
}

.menu_left1 a {
	display: block;
	padding: 3px 0 3px 5px;
	border-left: 4px solid #C00;
	color: #FFF; font-weight: bold;
}
.menu_left1 a:hover {
	color: #CFF; text-decoration: none;
	border-left: 4px solid #CFF;
}

.menu_left2 {
	border-top: 1px solid #CCC;
	background: #555;
	font-weight: bold;
	padding: 3px 7px;
	color: #FCC;
}

.menu_left3 {
	border-top: 3px solid #C00;
	background: #000;
	font-weight: bold;
	padding: 3px 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; }

/*---Bikes---*/
img#bike_ph1 { }

.bike_color1 {
	float: left; width: 162px;
	margin: 0 1px 0 2px; padding: 0 0 10px;
	text-align: center;
	font-size: 75%; line-height: 1.4;
	font-weight: bold;
}
img.bike_thm1 {
	border: 1px solid #454545;
}

/*---Bike Thumbnail---*/
.category_left1 { float: left; width: 355px; padding: 0; }
.category_right1 { float: right; width: 355px; padding: 0; }

h4.category_title1 {
	padding: 3px 5px;
	margin: 0 0 1.2em;
	font-size: 93%;
	line-height: 1.2;
	color: #000;
	border-top: 2px solid #E00;
	border-bottom: 1px dotted #999;
}

a.bike_thm1 { float: left; margin: 0 3px 15px 4px; padding:0; }

div.bike_thm_inner { padding: 3px 0; border: 1px solid #999; }

a.bike_thm1 {
	display: block;
	float: left; width: 170px;
	font-size: 83%; line-height: 1.4;
	font-weight: bold;
	text-align: center;
	color: #222;
}

a:hover.bike_thm1 {
	cursor: pointer;
	text-decoration: none;
	color: #E00;
}

a:hover.bike_thm1 div.bike_thm_inner {
 border: 1px solid #E00;
}

.bike_thm_tx1 { margin: 3px; padding: 5px 0 0; border-top: 1px dotted #999; }

/*---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;
}

.border_red1 {
	padding: 7px;
	border: 1px solid #E00;
}

.number1 {
	display: block; 
	width: 20px; height: 18px;
	margin: 0 0 5px;
	font-size: 100%;
	line-height: 1.2;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	background: #555;
}

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

.table_geometry1 td {
	background: #FFF;
	font-size: 93%;
}

.table_geometry1 td.head {
	background: #F0F0F0;
}

.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: 86%;
	line-height: 1.3;
}

.td_gray1 { background: #666; color: #EEE; }
.td_gray2 { background: #444; color: #EEE; }
.td_gold1 { background: #dda; color: #333; }
.td_gold2 { background: #ddc; color: #333; }

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