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


/*------------------------------------------------
　　　　　　　　　　T1
------------------------------------------------*/
.komattaBox{
border: 1px solid #cececc;
background: #FFF;
padding: 10px 5px;
margin-bottom: 10px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}


.index .komattaBox h2{
margin-left:5px;
}

.komattaBox .komattaButton{
background: url(../../../img/edit/nifty/komattaBg.gif) repeat-x bottom;
margin:0 0 20px 0;
padding-left: 7px;
padding-bottom:0px;
}

.komattaBox .komattaButton li span{
width: 100px;
bottom: 9px;
display: block;
margin: 0 auto;
}


.komattaBox .komattaButton li a {
width: 100px;
height: 105px;
font-size: 12px;
}

.komattaBox .komattaButton li a.suidou {
background: url(../../../img/edit/nifty/top_km_button_suidou.gif) no-repeat 0 0;
}
.komattaBox .komattaButton li a.kagi{
background:url(../../../img/edit/nifty/top_km_button_kagi.gif) no-repeat 0 0;
}

.komattaBox .komattaButton li a.soushiki{
background:url(../../../img/edit/nifty/top_km_button_soushiki.gif) no-repeat 0 0;
}
.komattaBox .komattaButton li a.sp{
background:url(../../../img/edit/nifty/top_km_button_sp.gif) no-repeat 0 0;
letter-spacing:-1px;
}
.komattaBox .komattaButton li a.tooth{
background:url(../../../img/edit/nifty/top_km_button_tooth.gif) no-repeat 0 0;
letter-spacing:-1px;
}
.komattaBox .komattaButton li a.car{
background:url(../../../img/edit/nifty/top_km_button_car.gif) no-repeat 0 0;
letter-spacing:-1px;
}

.komattaBox .komattaButton li a:hover{
background-position:0 -105px;
}

.komattaBox .situationButton{
background:url(../../../img/edit/nifty/komattaBg.gif) repeat-x bottom;
}


.komattaBox .situationButton li{
list-style:none;
width:150px;
height:42px;
float:left;
margin-bottom:3px;
margin-right:5px;
}


.komattaBox .situationButton li a{
display:block;
width:150px;
height:42px;
float:left;
color: #424242;
text-decoration:none;
font-weight:bold;
font-size:14px;
line-height:36px;
overflow:hidden;
_zoom:1;
}

.komattaBox .situationButton li a{
background:url(../../../img/edit/nifty/topsearchSituation_button.gif) no-repeat 0 0;
}

.komattaBox .situationButton li a:hover{
background:url(../../../img/edit/nifty/topsearchSituation_button.gif) no-repeat 0 -85px;
}






/*------------------------------------------------
　　　　　　　　　　R1-side
------------------------------------------------*/


/*------シチュエーション-------*/

.situationButton{
padding-left:8px;
}

.situationButton li{
list-style:none;
width:138px;
height:36px;
float:left;
margin-bottom:5px;
margin-right:5px;
}

.situationButton li a{
display:block;
width:138px;
height:36px;
float:left;
color: #424242;
text-decoration:none;
font-weight:bold;
font-size:12px;
line-height:36px;
overflow:hidden;
_zoom:1;
}

.situationButton li a:visited{
color: #424242;
}

.situationButton li a{
background:url(../../../img/edit/nifty/searchSituation_button.gif) no-repeat 0 0;
}

.situationButton li a:hover{
background:url(../../../img/edit/nifty/searchSituation_button.gif) no-repeat 0 -72px;
}

.situationButton li a.on{
background:url(../../../img/edit/nifty/searchSituation_button.gif) no-repeat 0 -36px;
}

.situationButton li a{
}

.situationButton li a img{
width: 24px;
height: 24px;
float: left;
position: relative;
top: 6px;
left: 7px;
margin-right:10px;
}

.komattaButton{
margin-left:8px;
margin-bottom:8px;
}

.komattaButton li{
list-style:none;
float:left;
margin-right:3px;
margin-bottom:3px;
position: relative;
}

.komattaButton li a{
width:92px;
height:92px;
text-decoration:none;
display:block;
font-size:12px;
font-weight:bold;
}
.komattaButton li a:link,
.komattaButton li a:visited{
color :#333;
}

.komattaButton li span{
width: 92px;
text-align: center;
position: absolute;
bottom: 3px;
display: block;
margin: 0 auto;

}


* html .komattaButton li span{/* IE 6 */
display:inline;
zoom:1;
}

*:first-child+html .komattaButton li span{/* IE 7 */
display:inline;
zoom:1;
}


.komattaButton li a.suidou{
background:url(../../../img/edit/nifty/km_button_suidou.gif) no-repeat 0 0;
}

.komattaButton li a.kagi{
background:url(../../../img/edit/nifty/km_button_kagi.gif) no-repeat 0 0;
}

.komattaButton li a.soushiki{
background:url(../../../img/edit/nifty/km_button_soushiki.gif) no-repeat 0 0;
}
.komattaButton li a.sp{
background:url(../../../img/edit/nifty/km_button_sp.gif) no-repeat 0 0;
letter-spacing:-1px;
}
.komattaButton li a.tooth{
background:url(../../../img/edit/nifty/km_button_tooth.gif) no-repeat 0 0;
letter-spacing:-1px;
}

.komattaButton li a.car{
background:url(../../../img/edit/nifty/km_button_car.gif) no-repeat 0 0;
letter-spacing:-1px;
}


.komattaButton li a:hover{
background-position:0 -184px;
}

.komattaButton li.on a{
background-position:0 -92px;
}