* {
	margin: 0px;
	padding: 0px;
}
body {
	background-color: #666666;
	font-family: "メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
#wrapper {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 60px;
	background-color: #FFFFFF;
	height: 530px;
	position: relative;
}
hr {
	display: none;
}
#title_top {
	height: 100px;
	width: 500px;
	left: 0px;
	top: 0px;
	background-image: url(images/01_top_01.gif);
	text-indent: -9999px;
	position: absolute;
	z-index: 6;
	visibility: visible;
}
#title {
	display: none;
}
#navi {
	float: right;
	height: 20px;
	width: 400px;
	position: absolute;
	top: 0px;
	right: 0px;
	visibility: visible;
	z-index: 5;
	text-align: center;
	vertical-align: middle;
}
#navi   ul li  {
	width: 100px;
	background-color: #999999;
	text-align: center;
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	display: inline-block;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	list-style-position: inside;
	list-style-image: none;
	list-style-type: none;
	line-height: 2em;
}
#navi ul li a {
	list-style: none;
	width: 100px;
	background-color: #CCCCCC;
	float: left;
	text-align: center;
	height: 20px;
	color: #FFFFFF;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#navi ul li a:hover {
	list-style: none;
	width: 100px;
	background-color: #666666;
	float: left;
	text-align: center;
	height: 20px;
	color: #FFFFFF;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#recruitmenu {
	position: absolute;
	top: 20px;
	right: 0px;
	height: 60px;
	width: 100px;
	background-color: #999999;
	visibility: hidden;
	z-index: 4;
}
#menuclear {
	position: absolute;
	left: 750px;
	top: -43px;
	height: 250px;
	width: 200px;
	z-index: 3;
	visibility: hidden;
}
#image_creative {
	height: 500px;
	width: 270px;
	float: left;
	background-image: url(images/02_creative_01.jpg);
	text-indent: -90000px;
	position: absolute;
	left: 0px;
	top: 0px;
}
#image_info {
	height: 500px;
	width: 270px;
	float: left;
	background-image: url(images/03_information_01.jpg);
	text-indent: -90000px;
	position: absolute;
	left: 0px;
	top: 0px;
}
#image_recruit {
	height: 500px;
	width: 270px;
	float: left;
	background-image: url(images/04_recruit_01.jpg);
	text-indent: -90000px;
	position: absolute;
	left: 0px;
	top: 0px;
	visibility: visible;
}
#main {
	height: 480px;
	width: 630px;
	float: right;
	position: absolute;
	left: 270px;
	top: 20px;
}
#main  h2 {
	font-size: 10px;
	background-color: #666666;
	display: block;
	color: #FFFFFF;
	margin: 0px 0px 5px;
	width: 236px;
	text-decoration: none;
	font-weight: normal;
	text-indent: 5px;
	letter-spacing: 2px;
	padding: 2px;
}
#main p {
	margin-bottom: 10px;
	line-height: 1.5em;
}
#main li {
	list-style: square inside;
}
#main a {
	color: #0066FF;
	text-decoration: none;
}
#main_top {
	background-image: url(images/01_top_07.jpg);
	text-indent: -9999px;
	height: 400px;
	width: 900px;
	position: absolute;
	top: 100px;
	left: 0px;
	right: 0px;
	bottom: 30px;
}
#main_creative {
	height: 480px;
	width: 630px;
	float: right;
	background-image: url(images/02_creative_A_07.gif);
	background-repeat: no-repeat;
	position: absolute;
	left: 270px;
	top: 20px;
	text-indent: -9999px;
}
#main_info {
	height: 480px;
	width: 630px;
	background-image: url(images/03_information_07.gif);
	background-repeat: no-repeat;
	float: left;
	position: absolute;
	left: 270px;
	top: 20px;
	text-indent: -9999px;
}
#main_recruit {
	height: 480px;
	width: 630px;
	background-image: url(images/04_recruit_07.gif);
	background-repeat: no-repeat;
	float: left;
	position: absolute;
	top: 20px;
	left: 270px;
	visibility: visible;
	text-indent: -9999px;
}
#footer {
	float: right;
	height: 30px;
	width: 900px;
	background-image: url(images/01_top_08.gif);
	text-indent: -90000px;
	position: absolute;
	left: 0px;
	top: 500px;
	right: 0px;
	bottom: 0px;
	visibility: visible;
}
#map_botton {
	top: 173px;
	background-color: #CCCCCC;
	position: absolute;
	left: 330px;
	height: 15px;
	width: 60px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	text-align: center;
	line-height: 1.5em;
	display: block;
	text-indent: 0px;
}
#map_botton  a {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
}
#map_botton a:hover {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	background-color: #666666;
}
#email {
	top: 371px;
	background-color: #CCCCCC;
	position: absolute;
	left: 330px;
	height: 15px;
	width: 60px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	text-align: center;
	line-height: 1.5em;
	display: block;
	text-indent: 0px;
}
#email a {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
}
#email a:hover {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	background-color: #666666;
}
#botton1 {
	background-color: #999999;
	position: absolute;
	left: 58px;
	height: 24px;
	width: 532px;
	font-size: 12px;
	text-decoration: none;
	text-align: center;
	line-height: 2em;
	color: #FFFFFF;
	top: 340px;
	display: block;
	visibility: visible;
	text-indent: 0px;
}
#botton1 a {
	color: #FFFFFF;
	text-decoration: none;
}
#botton1 a:hover {
	height: 24px;
	width: 532px;
	font-size: 12px;
	line-height: 2em;
	color: #FFFFFF;
	text-decoration: underline;
}
#botton2 {
	background-color: #999999;
	position: absolute;
	left: 58px;
	height: 24px;
	width: 532px;
	font-size: 12px;
	text-decoration: none;
	text-align: center;
	line-height: 2em;
	color: #FFFFFF;
	top: 375px;
	display: block;
	visibility: visible;
	text-indent: 0px;
}
#botton2 a {
	color: #FFFFFF;
	text-decoration: none;
}
#botton2 a:hover {
	height: 24px;
	width: 532px;
	font-size: 12px;
	line-height: 2em;
	color: #FFFFFF;
	text-decoration: underline;
}
#botton3 {
	position: absolute;
	left: 58px;
	height: 24px;
	width: 532px;
	font-size: 10px;
	text-decoration: none;
	text-align: center;
	line-height: 2em;
	color: #999999;
	top: 410px;
	visibility: visible;
	display: block;
	text-indent: 0px;
}
#botton3 a {
	color: #666666;
	text-decoration: none;
}
#botton3 a:hover {
	color: #333333;
	text-decoration: underline;
}
#recruit_designer {
	float: left;
	height: 75px;
	width: 270px;
	position: absolute;
	top: 130px;
	background-image: url(images/04_recruit_designer_08.gif);
	text-indent: -10000px;
	left: 0px;
}
#recruit_dtp {
	float: left;
	height: 75px;
	width: 270px;
	position: absolute;
	top: 130px;
	background-image: url(images/04_recruit_dtp_08.gif);
	text-indent: -10000px;
	left: 0px;
}
#recruit_copywriter {
	float: left;
	height: 75px;
	width: 270px;
	position: absolute;
	top: 130px;
	background-image: url(images/04_recruit_copywriter_08.gif);
	text-indent: -10000px;
	left: 0px;
}
#recruit_outsource {
	float: left;
	height: 75px;
	width: 270px;
	position: absolute;
	top: 130px;
	background-image: url(images/04_recruit_out_08.gif);
	text-indent: -10000px;
	left: 0px;
}
#contents1 {
	width: 240px;
	font-size: 10px;
	left: 60px;
	top: 110px;
	float: left;
	position: absolute;
}
#contents2 {
	width: 240px;
	font-size: 10px;
	left: 330px;
	top: 110px;
	position: absolute;
}
#contents3 {
	width: 510px;
	font-size: 10px;
	left: -270px;
	top: 290px;
	position: absolute;
	height: 50px;
}
#blog {
	top:545px;
	width:61;
	height:23;
	z-index:1;
	left: 0px;
	position: absolute;
}
#blog a {
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	float: right;
}
#blog a:hover {
	color: #999999;
	text-decoration: underline;
}