/* CSS Document */
*{
margin:0;
padding:0;}

#dt-container #maincontent .bgtopimg {
	background:#FFFFFF url(../sys_images/model/m-white-bgtop.gif) repeat-y;
	width:665px;
	height:20px;
	vertical-align:bottom;
	text-indent:-9999px;
}
#dt-container #maincontent .m-boxall {
	width:665px;
	clear:both;
	background:#FFFFFF url(../sys_images/model/m-white-bgimg.gif) repeat-y;
	padding:0;
	overflow:hidden;
}
#dt-container #maincontent .m-box01 {
	width:665px;
	clear:both;
	padding:0;
	overflow:hidden;
}
#dt-container #maincontent .m-box02 {
	width:650px;
	clear:both;
	margin:5px auto 10px auto;
	text-align:center;
	padding:0;
	overflow:hidden;
}
#dt-container #maincontent .m-box02 img {
	margin:2px 5px 5px 7px;
	float:left;
	border:0;
}
#dt-container #maincontent .m-box01 img {
	margin:2px 2px 0 2px;
	float:left;
	border:0;
}
#dt-container #maincontent .m-box03 {
	width:660px;
	clear:both;
	margin:0 auto 0 auto;
	text-align:center;
	padding:0;
	overflow:hidden;
}





#dt-container #maincontent .sub-category {
	width:650px;
	clear:both;
	margin:10px auto 10px auto;
	text-align:left;
	padding:0;
	overflow:hidden;
}
#dt-container #maincontent .sub-category ul {
	width:640px;
	text-align:left;
	clear:both;
}
#dt-container #maincontent .sub-category li {
	width:250px;
	font-size:12px;
	line-height:17px;
	float:left;
	text-align:left;
	margin:2px 10px 2px 25px;
	background:url(../sys_images/model/folder_ico.gif) left no-repeat;
	padding:0 0 0 20px;
	list-style-type:none;
}
#dt-container #maincontent .m-box03 img {
	margin:2px 2px 0px 5px;
	border:0;
}
#dt-container #maincontent .m-boxall .m-box01 .left {
	float:left;
	width:360px;
	margin:0 5px 0 10px;
}
#dt-container #maincontent .m-boxall .m-box01 .left p {
	font-size:10px;
	color:#666666;
	padding:3px 0 0 25px;
}
#dt-container #maincontent .m-boxall .m-box01 .modelform {
	width:240px;
	float:right;
	margin:0;
	padding:0;
}
#dt-container #maincontent .m-boxall h2 img {
	margin:0px 5px 0 0;
	float:left;
	width:19px;
	vertical-align:middle;
}
#dt-container #maincontent .m-boxall h2 {
	color:#FF3300;
	font-size:14px;
	line-height:17px;
	font-weight:bold;
	margin:0;
	padding:0;
}
/* 新商品 */

#dt-container #maincontent .m-newh3 {
	background:#FFFFFF url(../sys_images/model/m-new-bgtop.gif) repeat-y;
	width:665px;
	height:30px;
	vertical-align:bottom;
	text-indent:-9999px;
	margin-top:10px;
}
#dt-container #maincontent .m-new-boxall {
	width:658px;
	clear:both;
	border-left:#fecf8e solid 1px;
	border-right:#fecf8e solid 1px;
	border-bottom:#fecf8e solid 3px;
	padding:0;
	overflow:hidden;
	padding:0 0 0 5px;
}
/* 新商品の中身 */

#dt-container #maincontent .newtext {
	margin:10px 0 15px 5px;
	font-size:12px;
	line-height:14px;
	font-weight:bold;
	background:url(../sys_images/model/arrow-orenge.gif) no-repeat;
	text-indent:1em;
}
#dt-container #maincontent table {
	width:630px;
	text-align:center;
	margin:0 auto;
}
#dt-container #maincontent table td {
	vertical-align:top;
	text-align:left;
}
#dt-container #maincontent .m-newh4 {
	background:url(../sys_images/model/m-new-01.gif) no-repeat;
	width:200px;
	height:18px;
	text-indent:-9999px;
	margin:0 0 0 5px;
}
#dt-container #maincontent .m-new-minibox {
	float:left;
	width:200px;
	margin:5px 3px 0 3px;
	padding-bottom:10px;
}
#dt-container #maincontent .m-new-mini {
	padding:0;
	margin:0 0 0 5px;
	padding:0 3px 3px 3px;
	width:194px;
	clear:both;
	background:url(../sys_images/model/m-new-01bg.gif) repeat-x;
	overflow:hidden;
}
#dt-container #maincontent .m-new-mini img {
	float:left;
	border:0;
	margin:0 4px 2px 2px;
	vertical-align:bottom;
}
#dt-container #maincontent .m-new-mini .m-12px {
	font-size:12px;
	line-height:15px;
	text-decoration:none;
	padding:0;
	margin:0;
}
#dt-container #maincontent .m-new-mini .m-12px a:link {
	text-decoration:none;
	color:#000066;
}
#dt-container #maincontent .m-new-mini .m-12px a:visited {
	text-decoration:none;
	color:#000066;
}
#dt-container #maincontent .m-new-mini .m-12px a:hover {
	text-decoration:none;
	color:red;
}
#dt-container #maincontent .m-new-mini .m-10px {
	font-size:10px;
	line-height:12px;
	padding:0 0 2px 0;
	margin:0;
}
#dt-container #maincontent .m-12pxred {
	font-size:12px;
	color:#FF0000;
	padding:0 0 2px 0;
	margin:0;
}
/* ランキング */


#dt-container #maincontent .m-ran-boxall .width200 .ranimg {
	float:left;
	width:85px;
	height:85px;
	margin:2px 3px 2px 5px;
	vertical-align:text-bottom;
	border:0;
}
#dt-container #maincontent .m-ran-boxall .width120 .ranimg {
	float:left;
	width:50px;
	height:50px;
	margin:1px 3px 0 3px;
	vertical-align:text-bottom;
	border:0;
}
#dt-container #maincontent .m-ran-boxall .width200 {
	width:200px;
	text-align:left;
	margin:10px 5px 0 2px;
	background:url(../sys_images/model/m-rank-no1-top.gif) #fff no-repeat;
}
#dt-container #maincontent .m-ran-boxall .width120 {
	width:120px;
	margin:0 0 0 0;
	padding:0;
}
#dt-container #maincontent .m-ran-boxall .bg {
	background:url(../sys_images/model/m-rank-no-bgimg.gif) #fff no-repeat;
}
#dt-container #maincontent .m-ran-boxall table td {
	text-align:center;
	margin:0 auto;
	vertical-align:top;
	text-align:left;
}
#dt-container #maincontent .m-ran-boxall .no1 {
	width:200px;
	background:url(../sys_images/model/m-rank-no1-top.gif) no-repeat;
	color:#333333;
	font-size:12px;
}
#dt-container #maincontent .m-ran-boxall h4 {
	margin:10px 5px 5px 35px;
	font-size:12px;
	font-weight:bold;
}
#dt-container #maincontent .m-ran-boxall .width120 h4 {
	margin:5px 5px 3px 20px;
	font-size:12px;
	font-weight:bold;
}
#dt-container #maincontent .m-ran-boxall .width120 .tablemini {
	clear:both;
	padding:0 3px 0 3px;
	background:url(../sys_images/model/m-rank-no-bgimg02.gif) no-repeat;
}
#dt-container #maincontent .m-ran-boxall .table610 {
	width:610px;
	margin-top:10px;
	text-align:left;
}
#dt-container #maincontent .m-ran-boxall .no2 {
	width:200px;
	background:url(../sys_images/model/m-rank-no2-top.gif) no-repeat;
	color:#333333;
	font-size:12px;
}
#dt-container #maincontent .m-ran-boxall .no3 {
	width:200px;
	background:url(../sys_images/model/m-rank-no3-top.gif) no-repeat;
	color:#333333;
	font-size:12px;
}
#dt-container #maincontent .m-ran-boxall .no3 {
	width:200px;
	background:url(../sys_images/model/m-rank-no3-top.gif) no-repeat;
	color:#333333;
	font-size:12px;
}
#dt-container #maincontent .m-ran-boxall .no4 {
	width:120px;
	background:url(../sys_images/model/m-rank-no4-top.gif) no-repeat;
	color:#333333;
	font-size:12px;
}
#dt-container #maincontent .m-ran-boxall .no5 {
	width:120px;
	background:url(../sys_images/model/m-rank-no5-top.gif) no-repeat;
	color:#333333;
	font-size:12px;
}
#dt-container #maincontent .m-ran-boxall .no6 {
	width:120px;
	background:url(../sys_images/model/m-rank-no6-top.gif) no-repeat;
	color:#333333;
	font-size:12px;
}
#dt-container #maincontent .m-ran-boxall .no7 {
	width:120px;
	background:url(../sys_images/model/m-rank-no7-top.gif) no-repeat;
	color:#333333;
	font-size:12px;
}
#dt-container #maincontent .m-ran-boxall .no8 {
	width:120px;
	background:url(../sys_images/model/m-rank-no8-top.gif) no-repeat;
	color:#333333;
	font-size:12px;
}
#dt-container #maincontent .m-ranh3 {
	background:#FFFFFF url(../sys_images/model/m-rank-bgtop.gif) repeat-y;
	width:665px;
	height:30px;
	vertical-align:bottom;
	text-indent:-9999px;
	margin-top:10px;
}
#dt-container #maincontent .m-ran-boxall {
	width:658px;
	clear:both;
	border-left:#c7dffb solid 1px;
	border-right:#c7dffb solid 1px;
	border-bottom:#c7dffb solid 3px;
	padding:0;
	overflow:hidden;
	padding:0 0 0 5px;
}
#dt-container #maincontent .m-ran-boxall .m-10px {
	font-size:10px;
	line-height:12px;
	padding:0 0 2px 0;
	margin:0;
}
#dt-container #maincontent .m-ran-boxall .m-12pxred {
	font-size:12px;
	color:#FF0000;
	padding:2px 0 2px 0;
	margin:0;
}
#dt-container #maincontent .m-ran-boxall a:link {
	text-decoration:none;
	color:#000066;
}
#dt-container #maincontent .m-ran-boxall a:visited {
	text-decoration:none;
	color:#000066;
}
#dt-container #maincontent .m-ran-boxall a:hover {
	text-decoration:none;
	color:red;
}


/* ロゴ関連 */

#dt-container #sidebar .kokusan{
clear:both;
float:none;
margin:0 auto;
padding:0 0 10px 0;
text-align:center;
width:140px;
overflow:hidden
}

#dt-container #sidebar .logolistleft{
text-align:center;
margin:0 auto;}

#dt-container #sidebar .logolistleft img{
margin:5px auto 5px auto;
text-align:center;
vertical-align:middle;
border:0;}


#dt-container #maincontent #explanation{
width:650px;
margin:10px 5px 10px 0;
padding:0;
font-size:12px;
}
#dt-container #maincontent #explanation h2{
border-left: #666666 solid 3px;
color:#333333;
margin:5px;
font-size:14px;
padding:2px 5px 2px 2px;
font-weight:bold;}
#dt-container #maincontent #explanation p{
text-align:left;
line-height:17px;
padding-left:7px;}

#dt-container #maincontent .m-box-rogo {
	width:665px;
	margin:0 auto;
	text-align:center;
	clear:both;
	padding:0;
	overflow:hidden;
}

#dt-container #maincontent .m-box-rogo ul li {
margin:2px 2px 0 5px;
padding:0;
text-indent:0;
list-style-type:none;
float:left;
display:inline;
}
#dt-container #maincontent .m-box-rogo ul li img {
	border:0;
}


#dt-container #maincontent .maker{
width:690px;
margin:0;
padding:0;}

#dt-container #maincontent .maker h3{
width:690px;
font-size:12px;
margin:15px 0 0 0;
background-color:#f0f0e0;
padding:5px 5px 5px 10px;
clear:both;
}

#dt-container #maincontent .maker h4{
clear:both;
font-size:12px;
margin:5px 0 0 0;
border-bottom:#f0f0e0 1px solid;
padding:5px 5px 5px 10px;
}

#dt-container #maincontent .maker h4 img{
vertical-align:middle;
margin-right:5px;
}

#dt-container #maincontent .maker .list4{
font-size:12px;
float:left;
width:150px;
margin:5px 10px 5px 10px;
}
#dt-container #maincontent .maker .list4 ul{
margin:0;
padding:0;
list-style-type:none;
}
#dt-container #maincontent .maker .list4 li{
list-style-type:none;
margin:5px 0 0 25px;
padding:0;
}
#dt-container #maincontent .maker .listalph{
float:left;
width:122px;
padding:0;
margin:5px 10px 5px 5px;
}
#dt-container #maincontent .maker .listalph dl{
margin:0;
padding:0;
list-style-type:none;
}
#dt-container #maincontent .maker .listalph dt{
font-size:12px;
font-weight:bold;
color:#333333;
clear:both;
margin:0 10px 5px 0;
padding:0;
list-style-type:none;
}
#dt-container #maincontent .maker .listalph dd{
list-style-type:none;
font-size:12px;
margin:0 10px 5px 10px;
padding:0;
clear:both;
}
#dt-container #maincontent .maker .listalphbox{
display:block;
clear:both;
}

/*javascript*/

.CollapsiblePanel {
	margin: 0px 5px 0 0;
	padding: 0px;
	float:left;
	width:145px;
}


.CollapsiblePanelTab {
	margin: 0px;
	padding: 2px;
	cursor: pointer;
	background: url(../sys_images/model/test1.gif) no-repeat;
	-moz-user-select: none;
	-khtml-user-select: none;
}

.CollapsiblePanelContent {
	margin: 0px;
	padding: 0px;
}

.CollapsiblePanelTab a {
	color: black;
	text-decoration: none;
}

.CollapsiblePanelOpen .CollapsiblePanelTab {
	background-color: #fff;
	overflow:hidden;
}

.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {
	background-color: #fff;
	overflow:hidden;
}


.CollapsiblePanelFocused .CollapsiblePanelTab {
	background-color: #fFF;
	overflow:hidden;
}

.CollapsiblePanelContent ul{
text-indent:0;
overflow:hidden;
text-align:left;
width:130px;
font-size:12px;
margin:0 0 0 10px;
padding:10px 0 10px 0;
background:url(../sys_images/model/test2.gif) repeat-x #CCCCCC;
filter:alpha(opacity=80);-moz-opacity:0.80;
border-left: #a0aab4 solid 4px;


}
.CollapsiblePanelContent ul li{
text-indent:10px;
line-height:16px;
width:130px;
font-size:12px;
margin:0 0 0 0;
padding:0 0 0 0;
list-style-type:none;
text-decoration:none;
}
.CollapsiblePanelContent ul li a{
text-indent:10px;
width:130px;
font-size:12px;
margin:0;
padding:0;
list-style-type:none;
text-decoration:none;
font-weight:bold;
color:#000033;
}

.CollapsiblePanelContent ul li a:hover{
color:#FF0066;
}

/*排気量別*/
#dt-container #sidebar .haiki-leftall{
background: url(../sys_images/model/maker-list-bg.gif) repeat-y;
color:#333333;
width:174px;
text-align:left;
margin:10 px 0;}

#dt-container #sidebar .haiki-leftall .haiki-left img{
margin:0 ;
display:block;
padding:0;}

#dt-container #sidebar .haiki-leftall  h2{
text-align:center;
margin:0 auto;
display:block;
padding:0;
color:#333333;}

#dt-container #sidebar .haiki-leftall h3{
text-align:center;
margin:0 auto;
padding:0;
font-size:12px;
color:#ff3300;}
#dt-container #sidebar .haiki-leftall h4{
text-align:center;
margin:10px auto 0 auto;
padding:0;
font-size:12px;
color:#333333;}
#dt-container #sidebar .haiki-leftall h4 img{
margin:3px 4px 0 0;}

#dt-container #sidebar .haiki-leftall ul{
margin: 5px 0 0 30px;
padding:0;
color:#333333;
}
#dt-container #sidebar .haiki-leftall .midasi{
margin:0;
background-image:none;
padding:0 5px 0 0;
color:#333333;
}

#dt-container #sidebar .haiki-leftall dl dt{
display:block;
margin:10px;
}

#dt-container #sidebar .haiki-leftall ul li{
background:url(../sys_images/model/arrow-orenge.gif) no-repeat left center;
font-size:12px;
line-height:15px;
text-align:left;
margin:0;
padding:0 0 0 12px;
list-style-type:none;
text-indent:0;
color:#333333;
}

#dt-container #maincontent .haiki-rist table{
width:685px;
font-size:12px;
line-height:17px;
color:#3333333;
margin:10px 0 20px 0;}

#dt-container #maincontent .haiki-rist table th{
width:120px;
text-align:center;
vertical-align:top;
padding:2px 0 1px 0;

}
#dt-container #maincontent .haiki-rist table td{
padding:2px 0 1px 20px;
}


#dt-container #maincontent .haiki-rist .topleft{
background: url(../sys_images/model/ichiran-top_left.gif) no-repeat;
width:120px;
text-align:left;
font-size:12px;
}
#dt-container #maincontent .haiki-rist .topleft p{
padding:3px 0 0 20px;
}
#dt-container #maincontent .haiki-rist .topright p{
padding:3px 0 0 20px;
}
#dt-container #maincontent .haiki-rist .topright{
background: url(../sys_images/model/ichiran-top_right.gif) no-repeat;
height:25px;
width:565px;
text-align:left;
font-size:12px;
}
#dt-container #maincontent  .haiki-rist table .listbgcolor {
background:url(../sys_images/model/haiki-listbg.gif) repeat-x;
}

#dt-container #maincontent .haiki-rist .btmtable{
background: url(../sys_images/model/ichiran-btm.gif) bottom  no-repeat;
height:25px;
width:685px;
text-indent:-9999px;
}

/* 車種別カタログページ（ms.jsp） */
#dt-container-ms { 
	width: 950px; 
	background:#FFffff;
	margin: 0 auto; 
	text-align: left;
	clear:both;
}

#dt-container-ms #maincontent-ms{ 
	width: 580px;
	margin: 0 5px 0 5px;
	padding: 0;
	background-color:#fff;
} 

#dt-container-ms #sidebar-ms {
	width:175px; 
	background: #fff; 
	padding: 0;
	margin:10px 0 0 0;
}

#dt-container-ms #iframe_newbike_title {
	margin:10px 0 0 0;
}

#dt-container-ms #maincontent-ms table {
	width:630px;
	text-align:center;
	margin:0 auto;
}
#dt-container-ms table td {
	vertical-align:top;
	text-align:left;
}

#dt-container-ms #sidebar-ms .haiki-leftall{
background: url(../sys_images/model/maker-list-bg.gif) repeat-y;
color:#333333;
width:174px;
text-align:left;
margin:10 px 0;}

#dt-container-ms #sidebar-ms .haiki-leftall .haiki-left img{
margin:0 ;
display:block;
padding:0;}

#dt-container-ms #sidebar-ms .haiki-leftall  h2{
text-align:center;
margin:0 auto;
display:block;
padding:0;
color:#333333;}

#dt-container-ms #sidebar-ms .haiki-leftall h3{
text-align:center;
margin:0 auto;
padding:0;
font-size:12px;
color:#ff3300;}
#dt-container-ms #sidebar-ms .haiki-leftall h4{
text-align:center;
margin:10px auto 0 auto;
padding:0;
font-size:12px;
color:#333333;}
#dt-container-ms #sidebar-ms .haiki-leftall h4 img{
margin:3px 4px 0 0;}

#dt-container-ms #sidebar-ms .haiki-leftall ul{
margin: 5px 0 0 30px;
padding:0;
color:#333333;
}
#dt-container-ms #sidebar-ms .haiki-leftall .midasi{
margin:0;
background-image:none;
padding:0 5px 0 0;
color:#333333;
}

#dt-container-ms #sidebar-ms .haiki-leftall dl dt{
display:block;
margin:10px;
}

#dt-container-ms #sidebar-ms .haiki-leftall ul li{
background:url(../sys_images/model/arrow-orenge.gif) no-repeat left center;
font-size:12px;
line-height:15px;
text-align:left;
margin:0;
padding:0 0 0 12px;
list-style-type:none;
text-indent:0;
color:#333333;
}

#dt-container-ms #maincontent-ms .haiki-rist table{
width:580px;
font-size:12px;
line-height:17px;
color:#3333333;
margin:10px 0 20px 0;}

#dt-container-ms #maincontent-ms .haiki-rist table th{
vertical-align:top;
padding:2px 0 1px 0;

}
#dt-container-ms #maincontent-ms .haiki-rist table td{
padding:2px 0 1px 20px;
}


#dt-container-ms #maincontent-ms .haiki-rist .topleft{
background: url(../sys_images/model/ichiran-top_left.gif) no-repeat;
width:65px;
text-align:left;
font-size:12px;
}
#dt-container-ms #maincontent-ms .haiki-rist .topleft p{
padding:3px 0 0 12px;
}
#dt-container-ms #maincontent-ms .haiki-rist .topright p{
padding:3px 0 0 12px;
}
#dt-container-ms #maincontent-ms .haiki-rist .topright{
background: url(../sys_images/model/ichiran-top_right.gif) no-repeat;
height:25px;
width:525px;
text-align:left;
font-size:12px;
}
#dt-container-ms #maincontent-ms  .haiki-rist table .listbgcolor {
background:url(../sys_images/model/haiki-listbg.gif) repeat-x;
}

#dt-container-ms #maincontent-ms .haiki-rist .btmtable{
background: url(../sys_images/model/ichiran-btm.gif) bottom  no-repeat;
height:25px;
width:685px;
text-indent:-9999px;
}
