@charset "Shift_JIS";

/* Index
------------------------------------------------------------ */
/* gnav */
#gnav {
	height:44px;
	background: url(../../pc/image/bg_gnav.gif) left top repeat-x;
}

/* bread_crumb */
#bread_crumb {
	text-align:left;
	width:960px;
	margin:0 auto;
	font-size:  84%;
	padding:5px 0;
}

/* bread_crumb */
#bread_crumb {
	text-align:left;
	width:960px;
	margin:0 auto;
	font-size:  84%;
	padding:5px 0;
}


	
/* sub
------------------------------------------------------------ */

/* recommendation */
#sub div.recommendation{
	width:240px;
	margin:0 0 5px 0;
	}

	
#sub div.recommendation div.box{
	background:url(/pc/image/bg_cource.jpg) left bottom repeat-x;
	padding:15px 10px;
	border-bottom:solid 1px #ccc;
	border-left:solid 1px #ccc;
	border-right:solid 1px #ccc;
	font-size:  84%;
	}
/* for IE6 */
* html #sub div.recommendation div.box{
	padding:15px 9px;
	}
	
#sub div.recommendation div.box img{
	margin:0 0 5px 0;
	}
	
/* ranking */
#sub div.ranking{
	border-bottom:solid 1px #ccc;
	border-left:solid 1px #ccc;
	border-right:solid 1px #ccc;
	margin:0 0 5px 0;
	}
	
#sub div.ranking ul.ranking01{
	}
	
#sub div.ranking ul.ranking01 li{
	background:url(../../pc/image/bg_ranking_1.jpg) left bottom repeat-x;
	border-bottom:solid 1px #ccc;
	padding:6px 8px;
	}
	
#sub div.ranking ul.ranking01 li a.no01,#sub div.ranking ul.ranking01 li a.no02,#sub div.ranking ul.ranking01 li a.no03{
	background:url(../../pc/image/icon_no01.gif) 0 0 no-repeat;
	padding:5px 0 5px 30px;
	}
	
#sub div.ranking ul.ranking01 li a.no02{
	background:url(../../pc/image/icon_no02.gif) 0 0 no-repeat;
	}

#sub div.ranking ul.ranking01 li a.no03{
	background:url(../../pc/image/icon_no03.gif) 0 0 no-repeat;
	}
	
#sub div.ranking ul.ranking02{
	background:url(../../pc/image/bg_ranking_2.jpg) left bottom repeat-x;
	padding:5px 8px 10px 8px;
	}
	
#sub div.ranking ul.ranking02 li.no04,#sub div.ranking ul.ranking02 li.no05,#sub div.ranking ul.ranking02 li.no06,#sub div.ranking ul.ranking02 li.no07,#sub div.ranking ul.ranking02 li.no08,#sub div.ranking ul.ranking02 li.no09,#sub div.ranking ul.ranking02 li.no10{
	background:url(../../pc/image/icon_no04.gif) 0 5px no-repeat;
	padding:0 0 0 25px;
	}
	
#sub div.ranking ul.ranking02 li.no05{
	background:url(../../pc/image/icon_no05.gif) 0 5px no-repeat;
	}
	
#sub div.ranking ul.ranking02 li.no06{
	background:url(../../pc/image/icon_no06.gif) 0 5px no-repeat;
	}
	
#sub div.ranking ul.ranking02 li.no07{
	background:url(../../pc/image/icon_no07.gif) 0 5px no-repeat;
	}
	
#sub div.ranking ul.ranking02 li.no08{
	background-image: url(../../pc/image/icon_no08.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;
	}
	
#sub div.ranking ul.ranking02 li.no09{
	background:url(../../pc/image/icon_no09.gif) 0 5px no-repeat;
	}
	
#sub div.ranking ul.ranking02 li.no10{
	background:url(../../pc/image/icon_no10.gif) 0 5px no-repeat;
	}
	
/* campaign */
#sub .campaign .campaign_bnr {
	margin:0 0 0 0;
}


/* clearfix
------------------------------------------------------------ */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
	min-height: 1%;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* End hide from IE-mac */