@charset "UTF-8";

/*
 * ローカルナビゲーション　カスタイズ
 */
#YMContentsWrap {
    background:url('../img/bg_contents_wrapper.gif') top center repeat-y;
}

#YMLocalNavigationArea {
    margin-bottom: 20px;
}

#YMLocalNavigationArea .relatedlink h4 {
    color:#444444;
    font-weight:bold;
    padding:22px 0 6px 8px;
}

/*
 * コンテンツエリア
 */

#ContentsArea{
    padding:15px 0 30px 0;
    line-height:140%;
}

#ContentsArea .section dl{
    margin:0;
}

#ContentsArea .section dt{
    float:left;
    width:85px;
    font-weight:bold;
    margin-bottom:0.5em;
}

#ContentsArea .section dd{
    float:left;
    background: url('../img/icon_arrow.gif') left 0.4em no-repeat;
    width:436px;
    margin: 0;
    padding-left:10px;
    margin-bottom:0.5em;
}

#ContentsArea table{
    border-collapse:collapse;
    empty-cells:show;
    border-spacing:0;
    border:none;    
}
#ContentsArea table th,
#ContentsArea table td{
    padding:0;
    font-weight:normal;
    vertical-align:top;
    text-align:left;
}
#ContentsArea ul,
#ContentsArea li{
    margin:0;
    padding:0;
    list-style-type:none;
}

#ContentsArea p{
    margin:16px;!important
    padding:0;
}

#ContentsArea p.machine_txt{
    margin:0 0 16px 0;!important
    padding:0;
}

#ContentsArea h2{
    clear:both;
    margin:0 12px 20px 12px;
    padding:3px 10px 2px 10px;
    background:#111111;
    font-size:108%;
    color: #ffffff;
}
#ContentsArea h3{
    margin:0 0 15px 15px;
}
#ContentsArea .section{
    margin:0 16px 16px 16px;
}
#ContentsArea .mgn-btm10{ margin-bottom:10px !important;}
#ContentsArea .mgn-btm20{ margin-bottom:20px !important;}

#ContentsArea .image_right{ width:530px;}
#ContentsArea .image_right .image{ float:right;}
#ContentsArea .image_right .image a img{ margin-left:10px;}

#ContentsArea .image_right .latestinfo p { margin:16px 0;}
#ContentsArea .image_right .latestinfo h3 { margin-left:0;}
#ContentsArea .image_left{ width:520px;}
#ContentsArea .image_left .image{ float:left;}
#ContentsArea .image_left .image a { margin:0 0 16px 16px;}
#ContentsArea .image_left .contents{ margin-left:210px;}

#ContentsArea p.info span.red{
    color:#ff0000;
}

#ContentsArea .info {
    padding:0;
}

#ContentsArea a.arrow01 {
    background:transparent url(../img/icon_arrow01.gif) no-repeat scroll left center;
    display:inline-block;
    padding:0 0 0 18px;
}

#ContentsArea .todetail {
    text-align:left;
}

#ContentsArea p.info img{

}

#ContentsArea .info table th {
    font-size:93%;
    font-weight:bold;
    padding:0 12px 4px 0;
    white-space:nowrap;
    width:1%;
}

#ContentsArea .info table td {
    padding:0 12px 4px 0;
    white-space:nowrap;
    width:1%;
}

#ContentsArea table a.arrow02 {
    background:transparent url(/shared/img/icon_arrow02.gif) no-repeat scroll left 0.4em;
    display:block;
    padding:0 0 0 10px;
}


#ContentsArea .info table td span.red {
    color:#ff0000;
}

#ContentsArea table.riders td{
    width:130px;
    padding:6px 0 0 0;
    text-align:center;
    background:#111111;
}
#ContentsArea table.riders td .name{
    margin:5px 0 0 0;
    padding:0;
    color:#ffffff;
    font-size:10px;
    font-weight:bold;
}

#ContentsArea table.riders td .team{
    margin:0 2px;
    padding:0;
    color:#999999;
    font-weight:bold;
}
#ContentsArea table.riders td.rossi{
    background:#333333;
}
#ContentsArea table.riders tr.profile td{
    padding:0 0 10px 0;
}
#ContentsArea table.wmv{
    width:520px;
}
#ContentsArea table.wmv th,
#ContentsArea table.wmv td{
    padding:10px;
    background:#cccccc;
    vertical-align:middle;
}
#ContentsArea table.wmv th{
    width:88px;
}

#ContentsArea table.riders td.none{
    background-color:#FFFFFF;
}

#ContentsArea table.riders td.none{
    background-color:#FFFFFF;
}

#ContentsArea .imgbox{
	width: 408px;
	margin: 0 auto;
	font-size:84%;
	text-align: center;
}

#ContentsArea .machine01{
	width: 244px;
	font-size: 84%;
	text-align: left;
}

#ContentsArea .machine02{
	float:left;
	width:188px;
	text-align:left;
	border:8px solid #fff;
}

/*---------------------------------------*/
.result#ContentsArea{
    padding-top:0;
}
.result#ContentsArea h2{
    margin:16px 13px 16px 13px;
    padding:3px 10px 2px 10px;
    color:#eeeeee;
    background:#000;
}

.result#ContentsArea h2.main{
    margin:0;
    padding:12px 16px 10px 16px;
}

.result#ContentsArea h3{
    color:#ff0000;
    margin:0 22px 15px 22px;
}
.result#ContentsArea h3.main{
    padding-top:20px;
    margin:0 13px 15px 13px;
}
.result#ContentsArea p.main{
    margin:0 13px 25px 13px;
}

.result#ContentsArea ul.tab{
    width:542px;
    height:30px;
    margin-bottom:20px;
    padding:0 0 0 22px;
    border-bottom:3px solid #ff0000;
    background:#000;
}
.result#ContentsArea ul.tab li{
    display:block;
    background:url(../img/result_tab.gif) left center no-repeat;
    float:left;
    width:131px;
    height:29px;
}
.result#ContentsArea ul.tab li a{
    display:block;
    width:131px;
    height:22px;
    padding-top:7px;
    color:#fff;
    text-align:left;
    text-indent:12px;
    font-weight:bold;
    text-decoration:none;
}
.result#ContentsArea ul.tab li a:hover{
    color:#ff9999;
}
.result#ContentsArea ul.tab li.tab_on{
    background:url(../img/result_tab_active.gif) left center no-repeat;
}

.result#ContentsArea .section_photo{
    margin:0 0 0 12px;
}
.result#ContentsArea .main_photo{
    margin:12px 0 0 0;
}
.result#ContentsArea .caption{
    margin:4px 0 0 0;
}
.result#ContentsArea ul.section_zoom li{
    display:block;
    width:100px;
    float:left;
    margin:0 10px 4px 0;
    text-align:right;
}

.result#ContentsArea ul.section_zoom li a img{
    margin-bottom:2px;
}

.result#ContentsArea .zoom{
    margin-top:2px;
    text-align:right;
}
.result#ContentsArea table.order{
    border-left:1px solid #999999;
    border-top:1px solid #999999;
}
.result#ContentsArea table.order th,
.result#ContentsArea table.order td{
    border-right:1px solid #999999;
    border-bottom:1px solid #999999;
}
.result#ContentsArea table.order th{
    text-align:center;
}
.result#ContentsArea table.order td{
    padding:1px 4px 0 4px;
    text-align:left;
}
.result#ContentsArea table.order thead th{
    background:#cccccc;
    text-align:center;
}
.result#ContentsArea table.order thead th.title{
    background:#999999;
    color:#ffffff;
    width:55px;
}
.result#ContentsArea table.order tr.yamaha th,
.result#ContentsArea table.order tr.yamaha td{
    background:#ffcccc;
}

#ContentsArea table.csv2table-table {
    width: 532px;
}

#ContentsArea table.csv2table-table th {
    background-color:#cccccc;
    border:1px solid #999999;
    padding:2px 4px;
    text-align:center;
    font-size:85%;
}

#ContentsArea table.csv2table-table td {
    border:1px solid #999999;
    padding:2px 4px;
    text-align:left;
    font-size:85%;
}

#ContentsArea table.csv2table-table td.highlight {
    background:#ffcccc;
    border:1px solid #999999;
    padding:2px 4px;
    text-align:left;
    font-size:85%;
}

.gray-border {
    border:1px solid #999;
}
.white-border {
    border:1px solid #fff;
}

/*---------------------------------------------
 float clear
---------------------------------------------*/
#ContentsArea .image_right:after,
#ContentsArea .image_left:after,
#ContentsArea .section dl:after,
.result#ContentsArea ul:after,
.result#ContentsArea .section_photo:after{
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
font-size:0;
line-height:0;
}

#ContentsArea .image_right,
#ContentsArea .image_left,
#ContentsArea .section dl,
.result#ContentsArea ul,
.result#ContentsArea .section_photo{
display:inline-block;
min-height:1%; /* for IE 7*/
}

/* Hides from IE-mac \*/
* html #ContentsArea .image_right,
* html #ContentsArea .image_left,
* html #ContentsArea .section dl,
* html .result#ContentsArea ul,
* html .result#ContentsArea .section_photo{
height: 1%;
}
#ContentsArea .image_right,
#ContentsArea .image_left,
#ContentsArea .section dl,
.result#ContentsArea ul,
.result#ContentsArea .section_photo{
display: block;
}
/* End hide from IE-mac */

