﻿#productMainVisual { clear:both; height:257px; margin:0 0 10px 0; }
#product #wrapper #mainContents { padding:0 0 0 0; }
#product #wrapper #mainContents h3 { margin:0 0 10px 10px; }
#product #wrapper #mainContents #productIndex h3 { margin: 25px;     padding: 3px 10px; color: #FFFFFF; font-size: 10pt; }
#product #wrapper #mainContents #productIndex #MX h3, #product #wrapper #mainContents #productIndex #MX #section:hover h4 { background-color: #e89e00; }
#product #wrapper #mainContents #productIndex #automatic h3, #product #wrapper #mainContents #productIndex #automatic #section:hover h4 { background-color: #FF0000; }
#product #wrapper #mainContents #productIndex #manual h3, #product #wrapper #mainContents #productIndex #manual #section:hover h4 {	background-color: #0000FF; }
#product #wrapper #mainContents #productIndex #business h3, #product #wrapper #mainContents #productIndex #business #section:hover h4 {	background-color: #000000; }
#product #wrapper #mainContents #productIndex #triples { padding:0; margin:0; }
#product #wrapper #mainContents #productIndex #doubles { padding:0 125px; margin:0; }
#product #wrapper #mainContents #productIndex #singles { padding:0 250px; margin:0; }
#product #wrapper #mainContents #productIndex #section { background: #FFFFFF url('img/backdrop_section.png') no-repeat; color: #A0A0A0; float: left; width: 220px; margin: 10px 15px 10px 15px; padding: 0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; position: relative; height: 200px; }
#product #wrapper #mainContents #productIndex #section:hover { color: #000000; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; }
#product #wrapper #mainContents #productIndex #section a { color: #A0A0A0; text-decoration: none; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; }
#product #wrapper #mainContents #productIndex #section:hover a { color: #FF0000; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; }
#product #wrapper #mainContents #productIndex #section:hover a:hover { text-decoration: underline; }
#product #wrapper #mainContents #productIndex #section h4 { background-color: none; color: #707070;     margin: 2px 5px 0 2px;     padding: 3px 10px; font-size: 8pt; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; }
#product #wrapper #mainContents #productIndex #section:hover h4 { color: #FFFFFF; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; }
#product #wrapper #mainContents #productIndex #section img { margin: 2px 10px 0 10px; }
#product #wrapper #mainContents #productIndex #section img.bike { position: absolute; left: 0; top: 20px; z-index: 10; }
#product #wrapper #mainContents #productIndex #section img.logo { position: absolute; left: 0; top: 20px; }
#product #wrapper #mainContents #productIndex #section img.none { position: absolute; left: 0; top: 20px; z-index: 10; }
#product #wrapper #mainContents #productIndex #section ul { position: relative; top: 140px; list-style:none; font-size: 80%; padding:0; margin: 4px 8px 0 6px; color: #555555; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; }
#product #wrapper #mainContents #productIndex #section:hover ul { color: #FF0000; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; }
#product #wrapper #mainContents #productIndex #section ul li { float: left; display: inline; padding:0; margin:0; width: 102px; }
#product #wrapper #mainContents #productIndex #section ul li.full { width: 200px; text-align: center; }
#product #wrapper #mainContents #productIndex #section ul li.right { text-align: right; }
#product #wrapper #mainContents #productIndex #clear { clear: both; }

#product #wrapper #mainContents #RightContents {
	float:none;
	width:744px;
	border:none;
}
#wrapper #mainContents #RightContents #mainVisual img { display:block; }
#wrapper #mainContents #RightContents ul#tab01,
#wrapper #mainContents #RightContents ul#tab02,
#wrapper #mainContents #RightContents ul#tab03,
#wrapper #mainContents #RightContents ul#tab04,
#wrapper #mainContents #RightContents ul#tab05 { margin:0; height:18px; padding:0 0 0 186px; list-style:none; }
#wrapper #mainContents #RightContents ul li { float:left; overflow: hidden; }
#wrapper #mainContents #RightContents ul.tabs li { float:left; overflow: hidden; text-align:center; border-right:1px solid #555555; -webkit-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; }
#wrapper #mainContents #RightContents ul.tabs li:hover { -webkit-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; }
#wrapper #mainContents #RightContents ul li a { color:#FFFFFF; width:100px; height:18px; display:block; font-size:8pt; text-decoration:none; }
#wrapper #mainContents #RightContents ul li a:hover { color:#FF0000; }

#wrapper #mainContents #RightContents ul#tab01 li.overview { background-color:#B3B3B3; }
#wrapper #mainContents #RightContents ul#tab01 li.overview a { color:#555555; }
#wrapper #mainContents #RightContents ul#tab01 li.features { background-color:#808080; }
#wrapper #mainContents #RightContents ul#tab01 li.colors { background-color:#808080; }
#wrapper #mainContents #RightContents ul#tab01 li.techinfo { background-color:#808080; }
#wrapper #mainContents #RightContents ul#tab01 li.tvc { background-color:#808080; }

#wrapper #mainContents #RightContents ul#tab02 li.overview { background-color:#808080; }
#wrapper #mainContents #RightContents ul#tab02 li.features { background-color:#B3B3B3; }
#wrapper #mainContents #RightContents ul#tab02 li.features a { color:#555555; }
#wrapper #mainContents #RightContents ul#tab02 li.colors { background-color:#808080; }
#wrapper #mainContents #RightContents ul#tab02 li.techinfo { background-color:#808080; }
#wrapper #mainContents #RightContents ul#tab02 li.tvc { background-color:#808080; }

#wrapper #mainContents #RightContents ul#tab03 li.overview { background-color:#808080; }
#wrapper #mainContents #RightContents ul#tab03 li.features { background-color:#808080; }
#wrapper #mainContents #RightContents ul#tab03 li.colors { background-color:#B3B3B3; }
#wrapper #mainContents #RightContents ul#tab03 li.colors a { color:#555555; }
#wrapper #mainContents #RightContents ul#tab03 li.techinfo { background-color:#808080; }
#wrapper #mainContents #RightContents ul#tab03 li.tvc { background-color:#808080; }

#wrapper #mainContents #RightContents ul#tab04 li.overview { background-color:#808080; }
#wrapper #mainContents #RightContents ul#tab04 li.features { background-color:#808080; }
#wrapper #mainContents #RightContents ul#tab04 li.colors { background-color:#808080; }
#wrapper #mainContents #RightContents ul#tab04 li.techinfo { background-color:#B3B3B3; }
#wrapper #mainContents #RightContents ul#tab04 li.techinfo a { color:#555555; }
#wrapper #mainContents #RightContents ul#tab04 li.tvc { background-color:#808080; }

#wrapper #mainContents #RightContents ul#tab05 li.overview { background-color:#808080; }
#wrapper #mainContents #RightContents ul#tab05 li.features { background-color:#808080; }
#wrapper #mainContents #RightContents ul#tab05 li.colors { background-color:#808080; }
#wrapper #mainContents #RightContents ul#tab05 li.techinfo { background-color:#808080; }
#wrapper #mainContents #RightContents ul#tab05 li.tvc { background-color:#B3B3B3; }
#wrapper #mainContents #RightContents ul#tab05 li.tvc a { color:#555555; }

#wrapper #mainContents #RightContents #contents_area ul.features { margin:0; padding:0; list-style:none; }
#wrapper #mainContents #RightContents #contents_area ul.features li { float:left; padding:13px; display:inline; width:124px; }
#wrapper #mainContents #RightContents #contents_area ul.features li a { width:auto; height:auto; display:inline; text-indent:0; text-decoration:none; }
#wrapper #mainContents #RightContents #contents_area ul.colors { margin: ; padding: ; list-style:none; clear:both; }
#wrapper #mainContents #RightContents #contents_area ul.colors li { float:left; padding:13px 13px 3px 13px; display:inline; width:124px; }
#wrapper #mainContents #RightContents #contents_area.finopremium ul.features li { float:left; padding:13px 12px 13px 12px; display:inline; width:124px; }
#wrapper #mainContents #RightContents #contents_area.finopremium ul.colors li { float:left; padding:13px 12px 3px 12px; display:inline; width:124px; }
#wrapper #mainContents #RightContents #contents_area.stx2011 ul.colors li { float:left; padding:13px 12px 3px 12px; display:inline; width:256px; }
#wrapper #mainContents #RightContents #contents_area ul.colors li a { width:auto; height:auto; display:inline; text-indent:0; text-decoration:none; }

#contents_area { clear:both; background-color:#B2B2B2; }
#contents_area.intro { min-height: 260px; }
#contents_area.tvc { min-height: 300px; }
#contents_area.stx2011 { color: #FFFFFF; background: #000000 url('./stx/img/background.jpg') top left no-repeat; }
#contents_area.vega { color: #222222; background: #FFFFFF url('./vega/img/background.jpg') top left no-repeat; }
#contents_area.vegaforce { color: #222222; background: #B2B2B2 url('./vegaforce/img/backdrop.jpg') top left no-repeat; }
#contents_area.miosevenwonders { color: #222222; background: #FFFFFF url('./mio/img/backdrop.jpg') top left no-repeat; }
#contents_area.nouvoz2010 { color: #222222; background: #FFFFFF url('./nouvo/img/backdrop.jpg') top left no-repeat; }
#contents_area.nouvoz2010-tech { color: #222222; background: #FDB913 url('./nouvo/img/background.jpg') top left repeat-x; }
#contents_area.sniper2010 { color: #C8C392; background: #000000 url('./sniper/img/backdrop.jpg') top right no-repeat; text-shadow: #000000 1px 1px 1px; }
#contents_area.sniper2010 dl dd h3 { border: 0; margin: 0 0 10px 0; padding: 0; color: #f5e44c; text-align: center; font-family: serif; font-style: italic; font-size: 16pt; }
#contents_area.sniper2010 dl dd h4 { text-align: left; font-family: serif; font-style: italic; font-size: 12pt; margin: 0 0 5px 0; }
#contents_area.sniperMX { color: #C8C392; background: #000000 url('./SniperMX/img/backdrop.jpg') top right no-repeat; text-shadow: #000000 px 1px 1px; }
#contents_area.sniperMX dl dd h3 { border: 0; margin: 0 0 10px 0; padding: 0; color: #f5e44c; text-align: center; font-family: serif; font-style: italic; font-size: 16pt; }
#contents_area.sniperMX dl dd h4 { text-align: left; font-family: serif; font-style: italic; font-size: 12pt; margin: 0 0 5px 0; }
#contents_area.finopremium dl dd h4,
#contents_area.finofashion dl dd h4 { margin: 15px 0 10px 0; }
#contents_area.sniper-r { color: #FFFFFF; background: #FFFFFF url('./sniper-r/img/backdrop.jpg') top right no-repeat; min-height: 310px; }
#contents_area.sniper-r-tech { color: #FFFFFF; background: #0A2D82 url('./sniper-r/img/backdrop3.jpg') top right repeat-x; }
#contents_area.sniper-r p.att { color: #000000; padding:20px 0 28px 13px; margin:0; font-size:85%; }
#contents_area.fino { color: #000000; background: #FFFFFF url('./fino/img/backdrop.jpg') top right no-repeat; min-height: 190px; }
#contents_area.finopremium { color: #FFFFFF; background: #BF9885 url('./fino/img/backdrop-premium.jpg') top right repeat-x; min-height: 190px; border: 3px double #3C241C; }
#contents_area.finofashion { color: #EC008C; background: #FFFFFF; }
#contents_area.finofashion #top { background: url('./fino/img/backdrop-fashion-top.png') top right no-repeat; height: 8px; }
#contents_area.finofashion #content { background: url('./fino/img/backdrop-fashion.png') top right repeat-y; min-height: 196px; }
#contents_area.finofashion #bottom { background: url('./fino/img/backdrop-fashion-bottom.png') top right no-repeat; height: 17px; }
#contents_area .sry_clr_lft { width:300px; float:left; }
#contents_area.finospacer { background: #FFFFFF; height: 10px; }
#contents_area.miosoul2010 { color: #FFFFFF; background: #EDB34B url('./miosoul/img/background.jpg') top left no-repeat; text-shadow: #000000 1px 2px 2px; min-height: 250px; }
#contents_area h4 { text-align: Left; font-size: 14pt; font-weight: bold; color: #8bca39; text-shadow: #000000 1px 1px 1px;}
#contents_area h4.visitspecialsite { padding: 10px 0 10px 0; }
#contents_area h4.visitspecialsite a { color: #FF0000; text-decoration: none; }
#contents_area h4.visitspecialsite a:hover { text-decoration: underline; }	
#contents_area h4.vega { color: #800080; }
#contents_area h4.vegaforce { text-shadow: #BBA97B 2px 1px 1px; }
#contents_area h4.nouvoz2010 { color: #FDB913; letter-spacing: 0.4em; text-shadow: #000000 1px 1px 1px; }
#contents_area h4.fino { padding: 5px 0 0 0; font-size: 12pt; }
#contents_area dl { margin:0; padding:13px; }
#contents_area dl.rossi { margin:0; padding:0px; }
#contents_area dl.vega { height: 360px; }
#contents_area dl.sniper { color: #B2B2B2; height: 1000px; }
#contents_area dl.sniperMX { color: #B2B2B2; height: 300px; } 
#contents_area dl.finooverview { height: 342px; }
#contents_area dl.sniper dd.clear { clear: both; }
#contents_area dl.sniper dd.features { width: 564px; margin: 5px 0 5px 0; }
#contents_area dl.sniper dd.features-diasil { width: 564px; margin: 0 0 5px 0; min-height: 326px; margin: 0; background: url('./sniper/img/engine.png') bottom right no-repeat; }
#contents_area dl.sniper dd.features h4 { font-size: 16pt; font-weight: normal; }
#contents_area dl.sniper dd.features table { width: 564px; }
#contents_area dl.sniper dd.features table td,
#contents_area dl.sniper dd.features-diasil table td { border: 0; }
#contents_area dl.sniperMX dd.features-diasil { width: 564px; margin: 0 0 5px 0; min-height: 326px; margin: 0; background: url('./SniperMX/img/engine.png') bottom right no-repeat; }
#contents_area.finofashion #content dl { margin:0; padding: 5px 13px; }
#contents_area.finopremium dl { margin:0; padding:10px; }
#contents_area dl dt { float:left; width:326px; }
#contents_area dl.rossi dt { float:left; width: 220px; }
#contents_area dl dd {
	float:left;
	margin:0 0 0 10px;
	display:inline;
	width:250px;
}
#contents_area dl.rossi dd { float:left; margin:0 0 0 10px; display:inline; width:344px; margin-top :14px; }
#contents_area dl.rossi dd p { margin-top :13px; }
#contents_area dl dd p { margin:3px 0; line-height:1.1; font-size:85%; }
#contents_area.finopremium dl dd p,
#contents_area.finofashion dl dd p { margin:3px 0; line-height:1.1; font-size:90%; }
#contents_area ul.vegaforce,
#contents_area ul.nouvo,
#contents_area ul.sniper { width: 450px; }
#contents_area ul.sniper-r { float: left;     width: 450px; }
#contents_area ul.sniper-r-engine { float: left; margin-top: 20px;     width: 114px; }

#contents_area #tvc { }
#contents_area #tvc #view { float:left; width:326px; padding:13px; }
#contents_area #tvc #selection { float:left; width:238px; }
#contents_area #tvc #selection a { color:#FF0000; text-decoration:none; }
#contents_area #tvc #selection a:hover { text-decoration:underline; }
#contents_area #tvc #selection h4 { color:#555555; text-align:center; font-size:14pt; padding:13px; }
#contents_area #tvc #selection dl.tvc { margin:0; padding:0; height: 80px;}
#contents_area #tvc #selection dl.tvc dt { padding: 20px 0 10px 10px; width:100px; font-weight:bold; }
#contents_area #tvc #selection dl.tvc dd.image { float:left; width:100px; margin:0; padding:0; }
#contents_area #tvc #selection dl.tvc dd.clear { clear:both; }

p.att { clear:both; padding:8px 0 13px 13px; margin:0; font-size:85%; }
p.fino { clear:both; padding:0px 13px 0 13px; margin:0; font-size:90%; text-align: justify; }
p.att2 { color: #FFFFFF; clear:both; padding:0 0 5px 13px; margin:0; font-size:95%; }

.mrgNo { margin-right:0px !important; }

#contents_area .spec_l { width:280px; float:left; margin:0 0 13px 13px; display:inline; }
#contents_area .spec_r { width:280px; float:right; margin:0 13px 13px 0; display:inline; }
#contents_area * table { width:268px; font-size:69%; }
#contents_area * table th { text-align:left; border-bottom:1px dotted #808080; padding:3px 0; }
#wrapper #mainContents #RightContents #contents_area * table td { border-bottom:1px dotted #808080; padding:3px 0; }
p.spec { padding:13px 0 2px 13px; font-weight:bold; margin:0; }

.mio_color { width: 450px; }

