@charset "shift_jis";

/* ===========================================================

   right side style
 
=========================================================== */
#sideRight{
width:180px;
}

/* -----------------------------------------------------------
   .rightRecruitment
----------------------------------------------------------- */
#sideRight .rightRecruitment{
width:176px;
margin-bottom:10px;
border:2px solid #E50012;
}

#sideRight .rightRecruitment .title{
}

#sideRight .rightRecruitment .box{
padding:5px;
}

#sideRight .rightRecruitment .box .text{
margin-bottom:10px;
line-height:1.2;
}

#sideRight .rightRecruitment .box .btn{
margin:4px 0;
text-align:center;
}



/* -----------------------------------------------------------
   .rightRefine
----------------------------------------------------------- */
#sideRight .rightRefine{
width:178px;
margin-bottom:10px;
border:1px solid #C9C6C5;
}

#sideRight .rightRefine .box{
padding:16px 12px 20px;
}



/* -----------------------------------------------------------
   .rightPopular
----------------------------------------------------------- */
#sideRight .rightPopular{
width:178px;
margin-bottom:10px;
border:1px solid #C9C6C5;
}

#sideRight .rightPopular .title{
}

#sideRight .rightPopular .box{
padding:5px 12px;
}

#sideRight .rightPopular .box ol{
}

#sideRight .rightPopular .box ol li{
padding-left:15px;
background:url(../../images/parts/icon_arrow02.png) no-repeat left .3em;
line-height:1;
}

#sideRight .rightPopular .box ol li a{
line-height:1.4;
}

#sideRight .rightPopular .box ol li span{
padding-left:5px;
color:#FF0000;
}



/* -----------------------------------------------------------
   .rightRanking
----------------------------------------------------------- */
#sideRight .rightRanking{
width:178px;
margin-bottom:10px;
border:1px solid #C9C6C5;
}

#sideRight .rightRanking .title{
}

#sideRight .rightRanking .box{
padding:0 5px;
}

#sideRight .rightRanking .box ol{
width:168px;
overflow:hidden;
}

#sideRight .rightRanking .box ol li{
margin:-1px 0 5px;
border-top:1px dashed #8C8C8C;
}

#sideRight .rightRanking .box ol li dl{
width:168px;
}

#sideRight .rightRanking .box ol li dl dt{
margin:4px 0;
border-bottom:2px solid #8C8C8C;
}

#sideRight .rightRanking .box ol li dl dd{
position:relative;
width:98px;
min-height:69px;
padding-right:70px;
line-height:1.2;
}
* html #sideRight .rightRanking .box ol li dl dd{
height:69px;
}

#sideRight .rightRanking .box ol li dl dd a{
}

#sideRight .rightRanking .box ol li dl dd a img{
position:absolute;
right:0;
top:0;
}



/* -----------------------------------------------------------
   .rightCheckCategory
----------------------------------------------------------- */
#sideRight .rightCheckArticle{
width:178px;
margin-bottom:10px;
border:1px solid #C9C6C5;
}

#sideRight .rightCheckArticle .title{
margin-bottom:10px;
}

#sideRight .rightCheckArticle .box{
padding:0 5px;
}

#sideRight .rightCheckArticle .box ol{
}

#sideRight .rightCheckArticle .box ol li{
position:relative;
width:88px;
min-height:69px;
padding-right:80px;
padding-bottom:10px;
line-height:1.2;
word-break:break-all;
word-wrap:break-word;
}
* html #sideRight .rightCheckArticle .box ol li{
height:69px;
}

#sideRight .rightCheckArticle .box ol li a img{
position:absolute;
right:0;
top:0;
}



/* -----------------------------------------------------------
   .rightCheckCategory
----------------------------------------------------------- */
#sideRight .rightCheckCategory{
width:178px;
margin-bottom:10px;
border:1px solid #C9C6C5;
}

#sideRight .rightCheckCategory .title{
}

#sideRight .rightCheckCategory .box{
padding:6px 10px;
}

#sideRight .rightCheckCategory .box ol{
}

#sideRight .rightCheckCategory .box ol li{
}