@import "/css/genre_footer.css";

/* 枠組み
========================================== */
#mainContents_rank {
margin: 0;
padding: 9px 0px 10px 0px;
}

#mainContents_rank div.pankuzuObj {
background: url(http://www.shikakutoshigoto.net/public/images/bg_pankuzu.gif) repeat-x top left;
margin-bottom: 24px;
height: 27px;
}
#mainContents_rank div.pankuzuObj div {
background: url(http://www.shikakutoshigoto.net/public/images/bg_pankuzu_l.gif) no-repeat top left;
padding-left: 12px;
}
#mainContents_rank div.pankuzuObj ul {
background: url(http://www.shikakutoshigoto.net/public/images/bg_pankuzu_r.gif) no-repeat top right;
padding-right: 12px;
height: 27px;
}
#mainContents_rank div.pankuzuObj li {
background: url(http://www.shikakutoshigoto.net/public/images/arrow_pankuzu.gif) no-repeat center right;
margin-top: 6px;
padding-right: 20px;
float: left;
}
#mainContents_rank div.pankuzuObj li.active {
background: none;
margin-top: 6px;
padding-right: 0px;
float: left;
}

#mainContentsL{
float:left;
width:718px;
margin:0 17px 0 0;
}

#mainContentsR{
float:left;
width:214px;
margin: 0;
}

/* CONTENTSLEFT
========================================== */
/* ランキングエリア
------------------------------------------ */
#titleBNarea{
float:left;
width: 718px;
margin: 0;
}

#titleBNarea h2{
margin: 0;
}

#titleBNarea p{
float: right;
margin: 0;
padding-right: 5px;
font-weight: normal;
}

#titleBNarea .txtarea{
margin-top: 5px;
color: #6a6a6a;
position: relative;
}

#titleBNarea .txtarea .day {
top: 0px;
left:560px;
padding:0 0 0 18px;
position:absolute;

}

#rankingarea{
float: left;
margin: 10px 0 15px 0;
width: 718px;
padding: 0;
/*text-align: center;*/
}

#jobrank{
float: left;
background-color:#ff7a00;
margin: 0;
padding: 0;
width: 358px;
}

#skkrank{
float: left;
background-color:#ff7a00;
margin: 0 0 0 2px;
padding: 0;
width: 358px;
}

#rankingarea .top{
margin: 0;
padding: 0;
font-size: 0;
}


#rankingarea .bottom{
margin: 0;
}

#rankingarea .row{
background-color:#ffffff;
margin: 0 5px 0;
padding: 0 5px 0;
width: 338px;
text-align: left;
}

#rankingarea .row .titletxt{
color: #cc3344;
font-weight: bold;
}
#rankingarea .row bgrankbox{
vertical-align: middle;
}
#rankingarea .row .rankbox{
/*background:url(http://www.shikakutoshigoto.net/article/ranking/images2/rank_line.gif) bottom left no-repeat;*/
border-bottom: 1px dotted #cccccc;
width: 328px;
/*padding-bottom: 3px;*/
margin: 0;
}

#rankingarea .row .rankbox .rankno{
width: 35px;
height: 35px;
float: left;
margin: 5px 0 0;
}
/* 注目アイコンなし */
#rankingarea .row .rankbox .ranktxt1{
padding: 0 0 0 38px;
font-weight: bold;
width: 250px;
float: left;
margin:10px 0 0;
}
/* 注目アイコンあり センターあわせ */
#rankingarea .row .rankbox .ranktxt2{
padding: 0 0 0 38px;
background: url(http://www.shikakutoshigoto.net/article/ranking/images2/icon_chuumoku.gif) center left no-repeat;
font-weight: bold;
width: 250px;
float: left;
margin:10px 0 0;
}
/* 注目アイコンあり トップあわせ */
#rankingarea .row .rankbox .ranktxt3{
padding: 0 0 0 38px;
background: url(http://www.shikakutoshigoto.net/article/ranking/images2/icon_chuumoku.gif) top left no-repeat;
font-weight: bold;
width: 250px;
float: left;
margin:10px 0 0;
}

#rankingarea .row .pickup{
margin: 5px 0;
padding: 0 0 0 62px;
background: url(http://www.shikakutoshigoto.net/article/ranking/images2/pickup.gif) center left no-repeat;
font-weight: bold;
color: #6a6a6a;
}

#rankingarea .row ul{
margin: 0;
}

#rankingarea .row li{
padding: 0 0 5px 15px;
background: url(http://www.shikakutoshigoto.net/article/ranking/images2/icon_pu.gif) top left no-repeat;
font-weight: normal;
}

#rank_comment{
/*margin-top: 5px;*/
margin-bottom: 5px;
color: #6a6a6a;
}

/* 関連リンク
------------------------------------------ */
#kanrenlink{
float: left;
margin-top: 10px 0 5px 0;
width: 718px;
}

#jobLink{
float: left;
margin: 0;
width: 358px;
}

#skkLink{
float: left;
margin: 0 0 0 2px;
width: 358px;
}

#jobLink .title{
margin: 0;
background: url(http://www.shikakutoshigoto.net/article/ranking/images2/title_kanrenlink_job.gif) top left no-repeat;
width: 358px;
height: 35px;
position: relative;
}

#skkLink .title{
margin: 0;
background: url(http://www.shikakutoshigoto.net/article/ranking/images2/title_kanrenlink_skk.gif) top left no-repeat;
width: 358px;
height: 35px;
position: relative;
}

#kanrenlink .title .itiranlink{
padding: 4px 0 0 20px;
background: url(http://www.shikakutoshigoto.net/article/ranking/images2/arrow_wh.gif) top left no-repeat;
font-weight: normal;
position: absolute;
top: 4px;
left:270px;
}

#kanrenlink ul{
margin: 0;
padding-top: 5px;
}

#kanrenlink li{
padding: 0 0 5px 20px;
background: url(http://www.shikakutoshigoto.net/article/ranking/images2/arrow_wh.gif) top left no-repeat;
font-weight: normal;
}

/* ランキングバックナンバー　Left
------------------------------------------ */
#otherRankarea{
float: left;
margin: 10px 0 0 0;
width: 718px;
}

#otherRankarea .title{
margin: 0;
background: url(http://www.shikakutoshigoto.net/article/ranking/images2/title_bkno.gif) top left no-repeat;
width: 718px;
height: 40px;
position: relative;
}

#otherRankarea .title .itiranlink{
padding: 4px 0 0 20px;
background: url(http://www.shikakutoshigoto.net/article/ranking/images2/arrow_yl.gif) top left no-repeat;
font-weight: normal;
position: absolute;
top: 4px;
left:560px;
}

#otherRankarea ul{
margin: 0;
padding-top: 5px;
}

#otherRankarea li{
height:20px; 
margin: 0;
/*padding: 0 0 7px 20px;*/
padding: 0 0 0 20px;
background: url(http://www.shikakutoshigoto.net/article/ranking/images2/arrow_wh.gif) top left no-repeat;
font-weight: normal;
}


/* CONTENTSRIGHT
========================================== */
/* 検索ワードから探す
------------------------------------------ */

/* ランキングバックナンバー　right
------------------------------------------ */
#rankBacknoarea{
margin: 0;
width: 214px;
}

#rankBacknoarea .title{
margin: 0;
background-color: #fefacb;
/*width: 212px;*/
height: 25px;
/*border-top: 1px solid #fdd934;*/
border-left: 1px solid #fdd934;
border-right: 1px solid #fdd934;
}

#rankBacknoarea .rankbkBox{
margin: 0;
padding: 5px 5px 0 5px;
/*width: 202px;*/
border: 1px solid #fdd934;
}

#rankBacknoarea .rankbkBox h3{
margin: 0;
font-weight: normal;
}

#rankBacknoarea .rankbkBox dl{
margin: 0;
padding-bottom: 5px;
}

#rankBacknoarea .rankbkBox dt{
margin: 0;
padding-bottom: 3px;
float: left;
width: 40px;
}

#rankBacknoarea .rankbkBox dd{
margin: 0;
padding-bottom: 3px;
float: left;
width: 160px;
}

#rankBacknoarea .bnTxt{
padding-top: 5px;
background-color: #fefacb;
height: 25px;
/*border: 1px solid #fdd934;*/
border-right: 1px solid #fdd934;
border-left: 1px solid #fdd934;
border-bottom: 1px solid #fdd934;
text-align: center;
font-weight: normal;
}

/* バナーエリア
------------------------------------------ */
#swranking_banner{
margin: 10px 0 0 0;
}

/* メルマガ登録
------------------------------------------ */
#mailmagaarea{
margin: 10px 0 0 0;
width: 214px;
}

#mailmagaarea .mmBox{
margin: 0;
padding: 5px;
/*width: 202px;*/
border: 1px solid #c54337;
text-align: center;
}

#mailmagaarea p{
margin: 0;
font-weight: normal;
color: #6a6a6a;
}

/* footer
========================================== */
#mainLinkarea{
margin: 0 0 10px 0;
padding: 5px 0;
background-color: #fefacb;
width: 949px;
height: 50px;
text-align: center;
vertical-align: middle;
font-weight: bold;
}

#mainLinkarea .txt{
margin: 0;
padding: 5px 0;
}

/* clear
========================================== */
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	overflow:hidden;
}
/* Hides from IE-mac \*/
* html .clearfix{
	height:1%;
	overflow:visible;
}

/* IE7 */
.clearfix{
  zoom:1;
}