/*CSS初期化*/

*{
margin:0;
padding:0;
line-height:1.0;
}

body {
background:url(img/pattern.gif);
text-align:center;
margin:0;
padding:0;
font-size:12px;
color:#666;
}


*:focus{-moz-outline-style: none;}
a { outline: none; }

/* モダンブラウザ用フロート解除 */

#mainBox:after,.Box554:after,
.Box554Parts:after,#TOPBox:after,
.Box554Link:after,.Box554ACS:after,
.mtrBoxBottom:after,#Box608:after,
.ReportPhoto:after,.mtrPhotoBox:after{
content: " ";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
}

/* macIE5用CSS */

.clearBr{
clear:both;
height:1%;
}


img{
vertical-align:top;
/*ieでの無駄なimgの空間を消すためのHack*/
border:none;
/*リンクの時にボーダーを0にするため*/
}

h1,h2{
font-weight:normal;}


a{color:#1B2154;}
a:visited {color:#1B2154;}
a:hover{text-decoration:none;}
a:active{color:#CC0000;}


#backTop{
margin:10px 15px 20px 15px;
}

#mainShadow{
width:790px;
background:url(img/BackGray.jpg) repeat-y;
margin:0 auto;
}

#head{
text-align:center;
margin:0 5px 0;
width:780px;
height:76px;
background:url(img/head.gif);
position:relative;
}

#Mtech{
width:410px;
height:30px;
position:absolute;
top:25px;
left:10px;
}

#top{
width:40px;
height:10px;
position:absolute;
top:48px;
right:110px;
}

#Smap{
width:78px;
height:10px;
position:absolute;
top:48px;
right:20px;
}

#mainBox{
width:780px;
background:url(img/mainbox.gif) repeat-y;
margin:0 5px;
text-align:left;
}

#Boxleft{
width:150px;
float:left;
}

#box130{
width:116px;
padding:10px 0 0 0;
margin:0 17px 0px 17px;
}

#sideMenu{
list-style:none;
margin:0 0 0 0;
}
#sideMenu li{
margin:0 0 7px 0;
}
#sideMenu li a{
display:block;
width:116px;
height:36px;
text-decoration:none;
text-indent:-9999px;
}

#sideMenuTop a{background:url(img/TopBtn.gif) 0 0 no-repeat;}
#sideMenuTop a:hover{background:url(img/TopBtn.gif) -116px 0 no-repeat;}
#sideMenuParts a{background:url(img/PartsBtn.gif) 0 0 no-repeat;}
#sideMenuParts a:hover{background:url(img/PartsBtn.gif) -116px 0 no-repeat;}
#sideMenuUsed a{background:url(img/UsedBtn.gif) 0 0 no-repeat;}
#sideMenuUsed a:hover{background:url(img/UsedBtn.gif) -116px 0 no-repeat;}
#sideMenuGallery a{background:url(img/GalleryBtn.gif) 0 0 no-repeat;}
#sideMenuGallery a:hover{background:url(img/GalleryBtn.gif) -116px 0 no-repeat;}
#sideMenuRace a{background:url(img/RaceBtn.gif) 0 0 no-repeat;}
#sideMenuRace a:hover{background:url(img/RaceBtn.gif) -116px 0 no-repeat;}
#sideMenuAccess a{background:url(img/AccessBtn.gif) 0 0 no-repeat;}
#sideMenuAccess a:hover{background:url(img/AccessBtn.gif) -116px 0 no-repeat;}
#sideMenuLink a{background:url(img/LinkBtn.gif) 0 0 no-repeat;}
#sideMenuLink a:hover{background:url(img/LinkBtn.gif) -116px 0 no-repeat;}
#sideMenuMail a{background:url(img/MailBtn.gif) 0 0 no-repeat;}
#sideMenuMail a:hover{background:url(img/MailBtn.gif) -116px 0 no-repeat;}
#sideMenuBlog a{background:url(img/BlogBtn.gif) 0 0 no-repeat;}
#sideMenuBlog a:hover{background:url(img/BlogBtn.gif) -116px 0 no-repeat;}

#sideMenuTopGray a{background:url(img/TopBtnGray.gif) 0 0 no-repeat;}
#sideMenuTopGray a:hover{background:url(img/TopBtnGray.gif) -116px 0 no-repeat;}
#sideMenuPartsGray a{background:url(img/PartsBtnGray.gif) 0 0 no-repeat;}
#sideMenuPartsGray a:hover{background:url(img/PartsBtnGray.gif) -116px 0 no-repeat;}
#sideMenuUsedGray a{background:url(img/UsedBtnGray.gif) 0 0 no-repeat;}
#sideMenuUsedGray a:hover{background:url(img/UsedBtnGray.gif) -116px 0 no-repeat;}
#sideMenuGalleryGray a{background:url(img/GalleryBtnGray.gif) 0 0 no-repeat;}
#sideMenuGalleryGray a:hover{background:url(img/GalleryBtnGray.gif) -116px 0 no-repeat;}
#sideMenuRaceGray a{background:url(img/RaceBtnGray.gif) 0 0 no-repeat;}
#sideMenuRaceGray a:hover{background:url(img/RaceBtnGray.gif) -116px 0 no-repeat;}
#sideMenuAccessGray a{background:url(img/AccessBtnGray.gif) 0 0 no-repeat;}
#sideMenuAccessGray a:hover{background:url(img/AccessBtnGray.gif) -116px 0 no-repeat;}
#sideMenuLinkGray a{background:url(img/LinkBtnGray.gif) 0 0 no-repeat;}
#sideMenuLinkGray a:hover{background:url(img/LinkBtnGray.gif) -116px 0 no-repeat;}
#sideMenuBlog a{background:url(img/BlogBtnGray.gif) 0 0 no-repeat;}
#sideMenuBlog a:hover{background:url(img/BlogBtnGray.gif) -116px 0 no-repeat;}

#Boxright{
width:584px;
float:right;
padding:10px 30px 0 16px;}

#BoxrightRace{
width:608px;
float:right;
padding:10px 11px 0 11px;}

.Box584,.MapBox584{
width:584px;
background:url(img/Bar584_repeat.gif) repeat-y;
}

.Box584Bottom,.MapBox584Bottom{
width:584px;
background:url(img/Bar584_bottom.gif) bottom no-repeat;
}

.BoxPartsBottom{
width:584px;
background:url(parts/img/partsBottom.gif) bottom no-repeat;
}


/*Box554*/
.Box554,.Box554ACS{
clear:both;
margin:10px 20px;
width:544px;}
/* これ以降Mac IE 5のみに適用される \*//*/
.Box554 { height:490px;}
.Box554ACS{height:190px;}
/* これ以降Mac IE 5以外にも適用される */


.Box554Top{
margin:10px 17px;
width:520px;
padding:0 0 15px 0;}

.Box554Parts{
margin:-10px 20px 10px;
width:544px;
}
.Box554Map{
width:554px;
margin:0 5px;
padding:0 0 5px;}

.Box554Link{
margin:10px 30px;
width:524px;
height:250px;
padding:0 0 25px;}

.Box554Gy{
margin:10px 10px 0;
width:564px;
/*background-color:#CC0033;
*/}

/*title*/
.title{
background:url(img/title_bar584.gif) no-repeat;
width:584px;
height:30px;
position:relative;
}
.Lefttitle{
background:url(img/TopLeftTitle.gif) no-repeat;
width:310px;
height:30px;
position:absolute;}

.RightTitle{
width:264px;
height:30px;
background:url(img/TopRightTitle.gif) no-repeat;
position:absolute;
}

.title img,.Lefttitle img,.RightTitle img{
position:absolute;
top:9px;
left:10px;}

.title a{
position:absolute;
text-align:right;
top:2px;
right:150px;
}

/*Map*/
#MapBox{
padding:15px 0 0 0;}


/*Topページ*/
#TOPBox{
clear:both;
width:584px;
padding:10px 0 0 0;
height:250px;
}

#TopRe{
width:310px;
background:url(img/TopLeftRepeat.gif) repeat-y;
}
#Topbo{
width:310px;
background:url(img/TopLeftBottom.gif) bottom no-repeat;
}
#TopBoxLeft{
float:left;
width:310px;}

#TopBoxRight{
float:right;
width:264px;
}
.TopBottomTEXTBox{
clear:both;
padding:40px 10px 0 10px;
height:220px;}
.koushin{
margin:32px 0 0 10px;
}
.koushintext{
margin:0 0 20px 10px;
line-height:120%;}
.koushintext a{
display:block;
text-decoration:underline;}
.koushintext a:hover{
color:#CC0000;}

#InfoHead{
margin:10px 0 0 0;
font-size:13px;
color:#000000;}

#TopInfoText{
margin:5px 5px 10px;
line-height:130%;
font-size:12px;}
.new{
color:#FF6600;
line-height:90%;
}
.style1Color{
margin:10px 5px 0 5px;
color:#CC3300;
line-height:90%;}


#TopRightRepeat{
width:264px;
background:url(img/TopRightRepeat.gif) repeat-y;
}

#TopRightBottom{
width:264px;
background:url(img/TopRightBottom.gif) bottom no-repeat;}

#MtechBike{
position:absolute;
bottom:40px;
right:15px;}

#LogoTop{
position:absolute;
bottom:21px;
right:15px;}

#footerTop{
width:780px;
height:40px;
background:url(img/footer.gif) repeat-x;
position:absolute;
top:152px;}

#TopText{
color:#000000;
font-size:14px;
margin-left:5px;
margin-bottom:5px;}

#TopTextIn{
line-height:130%;
font-size:13px;
margin-left:5px;}

/* これ以降Mac IE 5のみに適用される \*//*/
.TopBottomTEXTBox{
clear:both;
padding:30px 10px 0 10px;
height:220px;}
/* これ以降Mac IE 5以外にも適用される */

/*Access*/
.AccsessLeft{
float:left;
width:264px;
}

.AccsessRight{
float:right;
width:280px;
margin:0 0 15px 0;
}

#adress{
font-size:13px;
line-height:120%;
margin:3px 0 0 10px;}


/*footer*/
#footerBox{
clear:both;
width:780px;
height:100px;
position:relative;
}
#footerBoxTop{
clear:both;
width:780px;
height:192px;
position:relative;
}

#footer{
width:780px;
height:40px;
background:url(img/footer.gif) repeat-x;
position:absolute;
top:60px;}

#Logo{
position:absolute;
bottom:20px;
right:15px;}

#Copy{
position:absolute;
bottom:22px;
left:12px;}

/*parts*/
.MTpartsLeft{
float:left;
margin:0 0 0 10px;
width:279px;}

.MTpartsRight{
float:right;
width:245px;}

.MTpartsRight{
float:right;
width:245px;}

.yen{
margin-left:120px;
margin-bottom:30px;}

.info{
width:260px;
margin:0 0 15px 0;
font-size:13px;
line-height:120%;}

.ORPkome{
margin:15px 0 15px 0;
font-size:13px;
line-height:120%;}

.name{
margin:5px 0 10px 0;
font-size:13px;
line-height:120%;}

.text{
font-size:13px;
line-height:120%;
}

.purus{
margin:60px 0 0 0;
padding:0 0 65px 0;
font-size:13px;
line-height:120%;}

.purusUsed{
margin:60px 0 0 0;
padding:0 0 45px 0;
font-size:13px;
line-height:120%;}

.Bottomname{
margin:20px 0 10px 0;
font-size:13px;
line-height:120%;
}
.Partsphoto{
margin:20px 0 10px 0;
position:relative;}

#ry{
font-size:10px;
text-align:right;
}

#kinou{
margin:15px 0 0 0;
padding:5px 3px 5px 0;
color:#000000;
line-height:120%;
background-color:#CCCCCC;
font-size:11px;}

#komeBox{
clear:both;
padding:0 25px 20px 25px;}

.PartsPhotoBox{
margin:5px 0 10px 0;
position:relative;
}

.PartsPhotoBoxSpecial{
width:245px;
height:147px;
margin:5px 0 25px 0;
position:relative;
}

.PartsPhotoBox2{
width:245px;
height:147px;
margin:20px 0 10px 0;
position:relative;
}


.PlusBtn{
width:25px;
height:25px;
text-align:right;
position:absolute;
top:0px;
right:0px;}

/*page top*/
.PageTop{
clear:both;
position:relative;
padding:0 0 15px 0;
margin:0 0 15px 0;
}
.PageTop2{
clear:both;
position:relative;
padding:0 0 15px 0;
margin:0 0 15px 0;
}
.PageTopBtn2{
position:absolute;
text-align:right;
right:30px;
}

.PageTopBtn{
position:absolute;
text-align:right;
top:5px;
right:30px;
}

/*リンク*/
#linkleft{
float:left;
width:262px;
}
#linkright{
float:right;
width:262px;}

#linkleft p,#linkright p{
width:238px;
padding:10px 0 10px 10px;  
font-size:14px;
line-height:140%;
}
#linkleft p{
margin:8px 4px 8px 10px;}
#linkright p{
margin:8px 10px 8px 4px;}

.ColorW{
background-color:#CCCCCC;}
.ColorG{
background-color:#999999;}

/*Gallery*/
#GyText{
line-height:120%;
font-size:13px;
padding-left:5px;}

.Gytd{
background-color:#434343;
width:182px;
height:138px;
}
.GytdCom{
background-color:#434343;
width:182px;
height:138px;
}

.GytdCom img{
padding:4px;
}
.Gytd:hover{
background-color:#000000;}
.Gytd img{
padding:4px;}

.GyTable{
padding:5px 0 0 0;}

.Re{
text-align:right;
font-size:12px;
color:#FF9900;
padding:5px 15px 15px 0;
}

.TableTitle{
width:182px;
height:18px;
font-size:10px;
text-align:left;
padding:3px 0 0 3px;
color: #FFFFFF;
background-color:#000;
}

.TableTitleCom{
width:182px;
height:18px;
padding:3px 0 0 3px;
background-color:#434343;}

.TTText{
padding:0 0 1px 0;}

#BoxGy{
margin:10px 10px 0;
width:564px;
text-align:center;
padding:0 0 5px 0;}

/*Race*/
#mtrTopPhoto{
text-align:center;
margin:10px 0 0 0;
padding:0 0 15px 0;}
#mtrBox{
width:544px;
margin:0 20px 0;
padding:0 0 30px 0;}
.mtrText{
line-height:115%;
padding:0 0 15px 0;}
.mtrCaption,#ST600Caption{
margin:0 0 5px 0;}
.mtrCaption{color:#000066;
font-size:14px;}
#ST600Caption{color:navy;
font-size:13px;}

#mtrTa{
border-collapse:collapse;}
#mtrTa span{
display:block;
color:#FF6600;
text-indent:10px}
#mtrTa span a{
display:block;}
#mtrTa span:hover{
color:red;}

#mtrTa td{padding:2px;}
#mtrTa tr td{
border:1px solid navy;}
#mtrkome{
color:#333333;
padding:5px 0 10px;}
#mtrkome span{color:#FF6600;}

.mtrBoxBottom{
clear:both;
width:544px;
padding:0 0 15px 0;
}
.mtrBBleft{
float:left;
width:276px;
}
.mtrBBright{
float:right;
width:268px;
}

.mtrBBtable{
border-collapse:collapse;
display: inline-table;
min-height: 1%;
}

.mtrBBtable tr td{
border:1px solid #808080;}
.mtrBBtable td{
padding:2px;}

.mtrGyTx{
background-color:#6495ED;
color:#333333;
width:110px;}
.mtrGyTx2{
background-color:#B0C4DE;
color:#333333;
width:110px;}
.mtrGyR{
width:135px;}

.mtrPhotoBox{
width:260px;
padding:10px 5px 0 0;}

#mtrPhotoBoxL{
float:left;
width:110px;
padding:0 10px 0 10px;}
#mtrPhotoBoxR{
float:right;
width:110px;
padding:0 10px 0 10px;}
.mtrPhotoTex{
font-size:12px;
color:navy;}

.mtrname{
font-size:12px;
color:#333333;
text-align:right;
margin-right:5px;}
.SPSbox{
clear:both;
width:544px;
height:50px;
background-color:#003399;
padding:10px 0 30px 0;}

/*Race225*/
#Box608{
width:608px;
/*height:300px;*/}
#Box608Left{
float:left;
width:448px;}
#Box608Right{
float:right;
width:150px;
height:250px;}

#Box448{
width:448px;
background:url(race/img/st600_re.gif) repeat-y;
}
#Box448Bottom{
width:448px;
background:url(race/img/st600_bo.gif) bottom no-repeat;
}

.RaceTitle{
background:url(race/img/st600Title.gif) no-repeat;
position:relative;
width:448px;
height:30px;
}
.RaceTitle img,.ScheduleTitle img{
position:absolute;
top:9px;
left:10px;
}
.Box438Race{
clear:both;
width:438px;
height:230px;
margin:0 5px;
padding:0 0 20px 0;!important
padding:30px 0 10px 0;}
.ST600TextBox{
margin:-70px 10px 0;}
.RaceDate{
padding:0 0 5px 0;}

.RD2{
padding:3px;
color:#333333;
margin:0 0 10px 10px;
line-height:120%;}

.RaceReport{
line-height:120%;
margin:0 5px;
padding:0 0 10px 0;}
.ReportPhoto{
width:418px;
margin:5px 12px 15px 18px;}

.RPleft{
float:left;
margin:0 0 0 4px;}

.RPright{
float:right;
margin:0 4px 0 0;}

.ST600TextBottom{
clear:both;
margin:0 10px;
}

#TextBy{
text-align:right;
margin:5px 15px 0 0;
color:#333333;
font-size:13px;
padding:0 0 20px 0;}

#Box150{
width:150px;
background:url(race/img/Schedule_re.gif) repeat-y;
}

#Box150Bottom{
width:150px;
background:url(race/img/Schedule_bo.gif) bottom no-repeat;
}

.ScheduleTitle{
width:150px;
height:30px;
background:url(race/img/TitleSchedule.gif) no-repeat;
position:relative;}

.ScheduleList{
clear:both;
margin:0 7px 0;
padding:10px 0 10px 0;!important
padding:30px 0 10px 0;}
/* これ以降Mac IE 5のみに適用される \*//*/
.ScheduleList{
padding:30px 0 10px 0;}

.Box438Race{
clear:both;
width:438px;
height:230px;
margin:0 5px;
padding:30px 0 20px 0;
}
/* これ以降Mac IE 5以外にも適用される */

.ScheduleList dl{
font-size:11px;}
.ScheduleList dt{
margin:15px 0 0 0;}

.Shosai{
text-align:right;
margin:0 15px 0 0;
}

.Shosai a{
color:#CC0000;}

.SDCaption{
padding:5px 0px;}


/*2008.06.14*/

.MTpartsLeft table {
border-collapse: collapse;
border:1px solid #666666;
}
.MTpartsLeft table th{
padding:3px;
background-color:#666666;
color:#FFFFFF;
}

.MTpartsLeft table tr td{padding:2px;
  border:1px solid #666666;
  line-height:1.1em;
}