@charset "utf-8";
/* CSS Document */

/* ------------------------------------------------------------------------------
トップページ
------------------------------------------------------------------------------ */

/*ブランド部分*/
.topBrandControl {
width: 1000px;
margin-right: auto;
margin-left: auto;
background-image: url(../images/top/brand_bg.png);
background-repeat: no-repeat;
background-position: center;
height: 484px;
text-align: center;
}
.topBrandBtn1 {
float: left;
padding-top: 196px;
margin-right: 10px;
width: 40px;
}
.topBrandBtn2 {
float: left;
padding-top: 196px;
width: 40px;
}

/*photoSlider*/
.photoslider {
float: left;
width: 900px;
padding-top: 17px;
margin-right: 10px;
}
.photoslider_nav {
position: relative;
overflow: hidden;
height: 70px;
width: 865px;
float: left;
}
.photoslider_thumbBar {
position: absolute;
top: 0px;
left: 16px;
display: block;
}
.photoslider_thumb {
position: relative;
width: 210px;
height: 66px;
float: left;
cursor: pointer;
margin-right: 5px;
}
.thumb_off {
border: 2px solid #FFF;
}
.thumb_on {
border: 2px solid #3C1C1A;
}
.photoslider_main  {
position: relative;
height: 370px;
width: 900px;
margin-bottom: 8px;
}
.photoslider_main img {
position: relative;
display: block;
}
.photosliderBtnL {
width: 17px;
height: 70px;
float: left;
cursor: pointer;
}
.photosliderBtnR {
width: 18px;
height: 70px;
float: right;
cursor: pointer;
}
#topBrandFlash #FlashID div {
height: 284px;
width: 1000px;
margin-right: auto;
margin-left: auto;
padding-top: 200px;
}

/*コンテンツ部分*/
.topList1 {
width: 370px;
float: left;
margin-right: 15px;
background-image: url(../images/top/topic_bg_center.gif);
background-repeat: repeat-y;
margin-bottom: 25px;
}
.topList1 ul {
padding-right: 10px;
padding-left: 15px;
}
.topList1 ul li {
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #CCC;
padding-bottom: 12px;
padding-top: 15px;
}
.topIcon {
float: left;
margin-right: 15px;
margin-bottom: 7px;
}
.topDate {
float: left;
color: #592826;
}
.topList1 ul li p {
font-size: 92%;
}
.topList1 ul li p.topTopiTxt {
font-size: 85%;
}
.topList2 {
width: 260px;
float: left;
margin-right: 15px;
background-image: url(../images/top/pickup_bg_center.gif);
background-repeat: repeat-y;
}
.topList2 ul {
width: 260px;
padding-top: 15px;
text-align: center;
}
.topList2 ul li {
margin-bottom: 9px;
}
.topList201 {
float: left;
padding-left: 10px;
}
.topList202 {
float: right;
padding-right: 10px;
}
.topList3 {
width: 260px;
float: left;
background-image: url(../images/top/cm_bg_center.gif);
background-repeat: repeat-y;
}
.topList3 ul {
padding-top: 13px;
padding-bottom: 69px;
width: 246px;
margin-right: auto;
margin-left: auto;
}
.topList3 ul li {
margin-bottom: 6px;
}
.topBorder {
width: 0px;
}
.topFbnr {
width: 920px;
background: #FFF5D3;
padding-top: 12px;
padding-right: 0;
padding-bottom: 12px;
padding-left: 30px;
}
.topFbnr li {
float: left;
padding-right: 30px;
}

/*スクロールバーカスタマイズ*/
#scrollbar1 {
width: 370px;
}
#scrollbar1 .viewport {
height: 311px;
overflow: hidden;
position: relative;
padding-right: 10px;
padding-left: 15px;
}
#scrollbar1 .overview {
position: absolute;
left: 0px;
top: 0px;
width: 328px;
}
#scrollbar1 .thumb .end,
#scrollbar1 .thumb {
background-color: #DF0006;
margin-top: 1px;
}
#scrollbar1 .scrollbar {
position: relative;
float: right;
width: 15px;
padding-right: 2px;
}
#scrollbar1 .track {
background-color: #F9F9F9;
height: 100%;
width:13px;
position: relative;
padding-right: 1px;
padding-left: 1px;
}
#scrollbar1 .thumb {
height: 20px;
width: 13px;
cursor: pointer;
overflow: hidden;
position: absolute;
top: 0px;
}
#scrollbar1 .thumb .end {
overflow: hidden;
height: 5px;
width: 13px;
}
#scrollbar1 .disable{
display: none;
}