@charset "Shift_JIS";

/*
	================================================================================================
		tablet support guide dialogue index css
	================================================================================================
*/

/*
	====================================
		top5
	====================================
*/
#contents #index_menu div.teacher {
	padding-top: 50px;
	text-align: center;
    width: 140px;
    float: left;
}
#contents #index_menu div.top5 {
    width: 480px;
    float: left;
	margin-bottom: 20px;
}
#contents #index_menu div.boy {
	padding-top: 50px;
    width: 140px;
   	text-align: center;
    float: right;
}
#contents #index_menu span.rank {
	color: #ffffff;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #4f81bd; 
}

#contents dl.comment dt {
    float: left;
    width: 50px;
}
#contents dl.comment dd {
    margin-bottom: 15px;
    margin-left: 70px;
}


/*
----------------------------------------------------------------------------
	ｲ靂ﾌﾉ�｡�640px｡莢ﾊｲｼ､ﾎ､ﾈ､ｭ､ﾋﾅｬﾍﾑ
----------------------------------------------------------------------------
*/

@media screen and (max-width: 640px) {


/*
	--------------------------------------
		top5
	--------------------------------------
*/

#contents #index_menu div.teacher {
	padding: 0 10px 0 0;
	border: none;
    width: 40%;
   	text-align: right;
	margin: 10px 0 15px 0;
}
#contents #index_menu div.top5 {
    width: auto;
    clear: both;
}
#contents #index_menu div.boy {
	padding: 0 0 0 10px;
	border: none;
    width: 40%;
   	text-align: left;
	margin: 10px 0 15px 0;
}
#contents dl.comment dd {
    margin-left: 60px;
}
}