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

/*ここから先indxページ用設定


/*コンテンツ*/
#contents{
	width:202px;
	height:auto;
	background-color:#FFFFFF;
	float: left;
	clear: none;
	display: inline;
	margin-top: 0px;
	margin-left: 10px;
}
#contents-box {
	clear: both;
	float: left;
	height: auto;
	width: 500px;
	display: inline;
	font-size: 0.8em;
}
/*ボックスリスト*/
#contentsList{
	float: left;
	width: 465px;
	display: inline;
	margin: 20px 10px 20px 35px;
	overflow: hidden;
}

/*コンテンツブロックliの設定*/
#contentsList li{
	float:left;
	display:inline;
	margin:0 30px 20px 0;
	border-color: #999999;
	border-style: solid;
	border-width: 1px;
	height: 109px;
	width: 200px;
}

#contentsList  a{
	display:block;
	width:200px;
	height:109px;
	background-color: #CCCCCC;
	overflow: hidden;
}
#contentsList  a:hover img {
    filter: alpha(opacity: 50);
    opacity: 0.5;
    -moz-opacity: 0.5;
}


/*更新情報の設定*/
#info{
	float:left;
	display:inline;
	margin:0px 0 10px 30px;
	border-color: #999999;
	border-style: solid;
	border-width: 1px;
	height: 175px;
	width: 440px;
}

.info02{
	width:440px;
	height:26px;
	background-image:url(../images/title-bar.png);
	background-repeat:repeat-x;
	}
.info-title{
	font-size:1em;
	font-weight:bold;
	padding:5px 10px;
	}
.info{
	height: 150px;
	width: 440px;
	overflow-x:hidden;
	overflow-y:scroll;
}
.info-dl{
	padding:0px 10px;
	line-height:1.2em;
	}
.line{
	width:400px;
	text-align:left;
	}
.info-br{
		font-size:0.3em;
		line-height:0.2em;
	}
/*バナーリスト*/
#bannerList{
	float: left;
	width: 460px;
	display: inline;
	margin: 20px 0 30px 20px;
	overflow: hidden;
}

/*バナーリストliの設定*/
#bannerList li{
	float:left;
	display:inline;
	margin:0 0 20px 10px;
	border-color: #999999;
	border-style: solid;
	border-width: 1px;
	height: 120px;
	width: 440px;
}

#bannerList  a{
	display:block;
	width:440px;
	height:120px;
	background-color: #CCCCCC;
	overflow: hidden;
}
#bannerList  a:hover img {
    filter: alpha(opacity: 50);
    opacity: 0.5;
    -moz-opacity: 0.5;
}

/*バナーリスト*/
#bannerList02{
	float: left;
	width: 460px;
	display: inline;
	margin: 20px 0 15px 20px;
	overflow: hidden;
}

/*バナーリスト02liの設定*/
#bannerList02 li{
	float:left;
	display:inline;
	margin:0 0 20px 10px;
	border-color: #999999;
	border-style: solid;
	border-width: 1px;
	height: 143px;
	width: 440px;
}

#bannerList02 a{
	display:block;
	width:440px;
	height:143px;
	background-color: #FF6600;
	overflow: hidden;
}
#bannerList02 a:hover img {
    filter: alpha(opacity: 50);
    opacity: 0.5;
    -moz-opacity: 0.5;
}

/*ブランドリスト*/
#bland{
	width:100%;
	height:auto;
}
.bland02{
	width:99%;
	height:25px;
	background-image:url(../images/title-bar.png);
	background-repeat:repeat-x;
	border-color: #999999;
	border-style: solid;
	border-width: 1px;
	}
.bland-title{
	font-size:0.9em;
	font-weight:bold;
	text-align:center;
	padding:5px 10px;
	}
#blandBox{
	width:auto;
	height:auto;
	border-color: #999999;
	border-style: solid;
	border-width: 1px;
}

#driverBox{
	width:auto;
	height:auto;
}


/*携帯サイト、SSL用*/
#bland02{
	width:100%;
	height:auto;
	margin-top:10px;
}
#blandBox02{
	margin-top:10px;
	width:auto;
	height:auto;
	border-color: #999999;
	border-style: solid;
	border-width: 0px;
	text-align:center;
}


/*携帯サイト　SSL用ここまで*/

.blandList01 a{
	width:200px;
	height:65px;
	display:block;
	margin:0 0 10px 0;
	background-repeat : no-repeat ;
}

.blandList01 a:hover{
    background-image : url(../images/sparco-01.jpg) ;
}

.blandList01 a:hover img{
    visibility : hidden ;
    border-style : none ;
}

.blandList02 a{
	width:200px;
	height:65px;
	display:block;
	margin:0 0 10px 0;
	background-repeat : no-repeat ;
}

.blandList02 a:hover{
    background-image : url(../images/sabelt-01.jpg) ;
}

.blandList02 a:hover img{
    visibility : hidden ;
    border-style : none ;
}

.blandList03 a{
	width:200px;
	height:65px;
	display:block;
	margin:0 0 10px 0;
	background-repeat : no-repeat ;
}

.blandList03 a:hover{
    background-image : url(../images/clos-01.jpg) ;
}

.blandList03 a:hover img{
    visibility : hidden ;
    border-style : none ;
}

.blandList04 a{
	width:200px;
	height:65px;
	display:block;
	margin:0 0 10px 0;
	background-repeat : no-repeat ;
}

.blandList04 a:hover{
    background-image : url(../images/microlon-01.jpg) ;
}

.blandList04 a:hover img{
    visibility : hidden ;
    border-style : none ;
}

.blandList05 a{
	width:200px;
	height:65px;
	display:block;
	margin:0 0 10px 0;
	background-repeat : no-repeat ;
}

.blandList05 a:hover{
    background-image : url(../images/autoglym-01.jpg) ;
}

.blandList05 a:hover img{
    visibility : hidden ;
    border-style : none ;
}

.blandList06 a{
	width:200px;
	height:65px;
	display:block;
	margin:0 0 10px 0;
	background-repeat : no-repeat ;
	border-top: solid #999999 1px;
	border-bottom: solid #999999 1px;
}

.blandList06 a:hover{
    background-image : url(../images/ARC-01.jpg) ;
}

.blandList06 a:hover img{
    visibility : hidden ;
    border-style : none ;
}

/*ARD*/
.blandList07 a{
	width:200px;
	height:65px;
	display:block;
	margin:0 0 10px 0;
	background-repeat : no-repeat ;
	border-top: solid #999999 1px;
	border-bottom: solid #999999 1px;
}

.blandList07 a:hover{
    background-image : url(../images/ard-01.jpg) ;
}

.blandList07 a:hover img{
    visibility : hidden ;
    border-style : none ;
}

/*driver01*/
.driver01 a{
	width:200px;
	height:40px;
	display:block;
	margin:0 0 10px 0;
	background-repeat : no-repeat ;
	border: solid #999999 1px;
}

.driver01 a:hover{
    background-image : url(../images/driver01-1.jpg) ;
}

.driver01 a:hover img{
    visibility : hidden ;
    border-style : none ;
}
/*driver02*/
.driver02 a{
	width:200px;
	height:40px;
	display:block;
	margin:0 0 10px 0;
	background-repeat : no-repeat ;
	border: solid #999999 1px;
}

.driver02 a:hover{
    background-image : url(../images/driver02-1.jpg) ;
}

.driver02 a:hover img{
    visibility : hidden ;
    border-style : none ;
}
/*driver03*/
.driver03 a{
	width:200px;
	height:40px;
	display:block;
	margin:0 0 10px 0;
	background-repeat : no-repeat ;
	border: solid #999999 1px;
}

.driver03 a:hover{
    background-image : url(../images/driver03-1.jpg) ;
}

.driver03 a:hover img{
    visibility : hidden ;
    border-style : none ;
}

/*driver04*/
.driver04 a{
	width:200px;
	height:40px;
	display:block;
	margin:0 0 10px 0;
	background-repeat : no-repeat ;
	border: solid #999999 1px;
}

.driver04 a:hover{
    background-image : url(../images/driver04-1.jpg) ;
}

.driver04 a:hover img{
    visibility : hidden ;
    border-style : none ;
}