/* CSS Document */

@charset "utf-8";

.people-list{
	float:right;
	margin-right: 20px;
    margin-top: 51px;
	position:relative;
	
}

#left-box{	
	float:right;
	margin-right: 25px;
}


#wrapper{
	padding:0;
	margin:0;
	
	
}

#backToTop a{
	text-indent:-9999px;
	background-image:url(../img/btn_top.gif);
	width:143px;
	height:34px;
	margin-top:22px;
	margin-left:15px;
}


.people-list-top{
	background-image:url(../img/sideflame_top.gif);
	width:252px;
	height:12px;
}

.people-list ul{
	background-image:url(../img/sideflame_middle.gif);
	background-repeat:repeat-y;
	width:252px;
}

.people-list ul li{
	font-size:110%;
	font-weight:bold;
	color:#FFF;
	margin-left:28px;
	padding-left:30px;
	background-image:url(../../common/img/in_page/sideflame_arrow.gif);
	background-repeat:no-repeat;
	background-position:0 center;
	line-height:2em;
}
	
.people-list-bottom{
	background-image:url(../img/sideflame_bottom.gif);
	width:252px;
	height:16px;
	
}


.fullCoreseBtn{
	text-indent:-9999px;
	position:absolute;
	background-image:url(../img/short/btn_fullcorse_s.png);
	width:86px;
	height:86px;
	display:block;
	left: -50px;
	top: 240px;
	z-index:2;    
}


.partnerOverBtn{
	text-indent:-9999px;
	position:absolute;
	width:86px;
	height:86px;
	display:block;
	z-index:2;
	left: -50px;
	top: 141px;
    z-index: 4;
}


#tinaOverBtn{
	background-image:url(../img/visual/btn_partner4-1.png);
}

#melkOverBtn{
	background-image:url(../img/visual/btn_partner4-2.png);
}

.partnerBtn{
	cursor:pointer;
	text-indent:-9999px;
	position:absolute;
	background-image:url(../img/short/btn_partner_s.png);
	width:86px;
	height:86px;
	display:block;
	z-index:2;
	left: -50px;
	top: 141px;
    z-index: 2;
}

.BackBtn{
	cursor:pointer;
	text-indent:-9999px;
	position:absolute;
	background-image:url(../img/short/btn_prev_s.png);
	display:none;
	width:86px;
	height:86px;
	z-index:3;
}



.status-list,.no-list,.hav-gurume{
	width:618px;
	height:468px;
	position:relative;
}

.status-list .mask-area,.hav-gurume .mask-area{
	width:618px;
	height:468px;
	overflow:hidden;
	position:relative;
}

.status-list .sub-mask,.hav-gurume .sub-mask{
	width:3000px;
	position:relative;
	left:-618px;
}

.status-list .sub-mask div,.hav-gurume .sub-mask div{
	float:left;
	width:618px;
	
}

.status-list .sub-mask div dl,.no-list .sub-mask div dl,.hav-gurume .sub-mask div dl{
　　letter-spacing: 0.1em;
    margin-left: 76px;
    margin-top: 38px;
    position: absolute;
    width: 255px;
}

.fullcorse{
	position:relative;
}

.fullcorse ul li{
	cursor:pointer;
	position:absolute;
	width:237px;
	text-align:center;
	font-weight:bold;
	color:#8a1617;
}

.sub-mask div dl dt{
	text-indent:-9999px;
}

.sub-mask div dl dd{
	font-size:12px;
	position:absolute;
	top:150px;
	left:-30px;
	line-height:1.5;
	font-weight: bold;
}

.fl01{
	top:181px;
	left:58px;
}

.fl02{
	top:245px;
	left:58px;
}

.fl03{
	top:308px;
	left:58px;
}

.fl04{
	top:372px;
	left:58px;
}

.fl05{
	top:181px;
	left:320px;
}

.fl06{
	top:245px;
	left:320px;
}

.fl07{
	top:308px;
	left:320px;
}

.fl08{
	top:372px;
	left:320px;
}