﻿@charset "utf-8";

/* left */
#Menu #lifeplan {
	margin-top:15px;
	width: 150px;
	height: 57px;
}
	#Menu #lifeplan a {
		display:block;
		width: 150px;
		height: 57px;
		background:url(../life_img/button_life.jpg);
	}
	#Menu #lifeplan a:hover { background-position: 0px -57px;}
	
#Menu #recruit{
	margin-top:5px;
	width: 150px;
	height: 57px;
}
	#Menu #recruit a {
		display:block;
		width: 150px;
		height: 57px;
		background:url(../life_img/button_recruit.jpg);
	}
	#Menu #recruit a:hover { background-position: 0px -57px;}


/* bottom */
#buttonarea {
	margin-top:8px;
	margin-bottom:8px;
	height: 57px;
}
#buttonarea #lifeplan {
	float:left;
	margin-right:8px;
	width: 150px;
	height: 57px;
}
	#buttonarea #lifeplan a {
		display:block;
		width: 150px;
		height: 57px;
		background:url(../life_img/button_life.jpg);
	}
	#buttonarea #lifeplan a:hover { background-position: 0px -57px;}
	
#buttonarea #recruit{
	float:left;
	margin-right:6px;
	width: 150px;
	height: 57px;
}
	#buttonarea #recruit a {
		display:block;
		width: 150px;
		height: 57px;
		background:url(../life_img/button_recruit.jpg);
	}
	#buttonarea #recruit a:hover { background-position: 0px -57px;}

#buttonarea #button_sideimage{
	float:left;
	width: 340px;
	height: 57px;
}

/* top */
#WhatsNew {
	position:relative;
}
#WhatsNew #topbuttonarea {
	position:absolute;
	top:40px;
	right:10px;
	width: 150px;
	height: 57px;
	z-index:1;
}
	
#topbuttonarea #recruit{
	width: 150px;
	height: 57px;
}
	#topbuttonarea #recruit a {
		display:block;
		width: 150px;
		height: 57px;
		background:url(../life_img/button_recruit.jpg);
	}
	#topbuttonarea #recruit a:hover { background-position: 0px -57px;}


	

.dnone {
	display:none;
}

/* @Clearfix-------------------------? */

.cf{ overflow: hidden;}

.cf:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}


