@charset "UTF-8";

/* CSS for 2 columns */

div.classified_2col {
width: 300px; margin-left:0; padding:0; float:left;
}
div.classified_2col_right {
width: 300px; float:right; padding:0; margin-left:10px;
}

ul.classified-left {
	width: 300px; 
	margin:10px 0; 
	padding:0; 
	float:left;
	border-top:#CCC 1px solid;
}

ul.classified-right {
	width: 300px; 
	float:right; 
	padding:0;
	margin:10px 0 10px 10px;
	border-top:#CCC 1px solid;
}

ul.classified-left li, ul.classified-right li {
	border-bottom:#CCC 1px solid;
	padding:10px 0;
}

ul.classified-left li.kakomi, ul.classified-right li.kakomi {
	background:#D7F4D8;
	padding:5px;
	margin:10px 0 0 0;
	border:none;
}

 
/* CSS for Classified Top page */



ul#apply {
    list-style:none;
	width:350px;
	margin:0 auto;
	height:48px;
	margin-bottom:7px;
}

ul#apply a{
    display:block;
    height:48px;
    text-indent:-9999px;
    overflow:hidden;
	border:none;
}

ul#apply li {
    list-style:none;
    float:left;
	width:175px;
	padding:0;
	border:none;
}

ul#agree{
    list-style:none;
	width:293px;
	margin:0 auto;
	height:48px;
	padding:0;
	margin-bottom:7px;
}

ul#agree a{
    display:block;
    height:48px;
    text-indent:-9999px;
    overflow:hidden;
	border:none;
}

ul#agree li{
    list-style:none;
    float:left;
	width:293px;
	padding:0;
	border:none;
}

.agree_jp a{
    background-image:url(agree_jp.gif);
	background-position:0px 0px;
}

.agree_jp a:hover{
	background-position:0px -48px;
}

.agree_en a{
    background-image:url(agree_en.gif);
	background-position:0px 0;
}

.agree_en a:hover{
	background-position:0px -48px;
}

.tsujo a{
    background-image:url(apply.gif);
}
.lastminute a{
    background-image:url(apply_lastminute.gif);
}
.webclass a{
    background-image:url(apply_webclass.gif);
}

a.jp { background-position:0px -48px;}
a:hover.jp { background-position:0px 0px;}

a.en { background-position:-175px -48px;}
a:hover.en { background-position:-175px 0px;}

/* CSS for 2 menu on each category */

ul.classified{
    list-style:none;
	width:490px;
	margin-top:15px;
	margin-bottom:30px;
	height:20px;
	padding:0;
}
.classified li{
    list-style:none;
	float:left; 
	padding:0;
	border:none;
}

.classified a{
    display:block;
    height:30px;
    text-indent:-9999px;
    background-image:url(menu.gif);
    overflow:hidden;
	border:none;
}

a.job{ background-position:0px -30px;}
a:hover.job{ background-position:0px 0px;}

a.property{ background-position:-78px -30px;}
a:hover.property{ background-position:-78px 0px;}

a.market{ background-position:-170px -30px;}
a:hover.market{ background-position:-170px 0px;}

a.lesson{ background-position:-250px -30px;}
a:hover.lesson{ background-position:-250px 0px;}

a.etc{ background-position:-321px -30px;}
a:hover.etc{ background-position:-321px 0px;}

a.apply{ background-position:-404px -30px;}
a:hover.apply{ background-position:-404px 0px;}

.classified_red { color:#C1243D;}