@charset "euc-jp";

body {
	background:url(/images/index/bg_body.jpg) repeat-x left top;
}
p.mainimg {
	padding:15px 0;
}

/* div.box */
div.box {
	width:980px;
	margin:0 auto 20px auto;
	overflow:hidden;
	clear:both;
	border-bottom:2px solid #D9D9D9;
	padding-bottom:8px;
}
div.box ul {
	float:right;
}
div.box ul li {
	float:left;
	width:238px;
	height:238px;
	padding-left:10px;
}
div.box ul li.top {
	padding-left:0px;
}
div.box ul li.btn01 a {
	width:238px;
	height:238px;
	display:block;
	text-indent:-9999px;
	background:url(/images/index/smartphone.jpg) no-repeat 0 0;
}
div.box ul li.btn01 a:hover,
div.box ul li.btn01 a:active {
	width:238px;
	height:238px;
	display:block;
	background:url(/images/index/smartphone.jpg) no-repeat 0 -238px;
}
div.box ul li.btn02 a {
	width:238px;
	height:238px;
	display:block;
	text-indent:-9999px;
	background:url(/images/index/partnership_sq.jpg) no-repeat 0 0;
}
div.box ul li.btn02 a:hover,
div.box ul li.btn02 a:active {
	background:url(/images/index/partnership_sq.jpg) no-repeat 0 -238px;
}
div.box ul li.btn03 a {
	width:238px;
	height:238px;
	display:block;
	text-indent:-9999px;
	background:url(/images/index/recruitment_sq.jpg) no-repeat 0 0;
}
div.box ul li.btn03 a:hover,
div.box ul li.btn03 a:active {
	background:url(/images/index/recruitment_sq.jpg) no-repeat 0 -238px;
}
div.box p {
	float:left;
	width:114px;
	height:114px;
	padding:0 9px 10px 0;
}
div.box p.btn04 a {
	width:114px;
	height:114px;
	display:block;
	text-indent:-9999px;
	background:url(/images/index/anakare.jpg) no-repeat 0 0;
}
div.box p.btn04 a:hover,
p.btn04 a:active {
	background:url(/images/index/anakare.jpg) no-repeat 0 -114px;
}
div.box p.btn05 a {
	width:114px;
	height:114px;
	display:block;
	text-indent:-9999px;
	background:url(/images/index/facebook.jpg) no-repeat 0 0;
}
div.box p.btn05 a:hover,
div.box p.btn05 a:active {
	background:url(/images/index/facebook.jpg) no-repeat 0 -114px;
}
div.box p.btn06 a {
	width:114px;
	height:114px;
	display:block;
	text-indent:-9999px;
	background:url(/images/index/twitter.jpg) no-repeat 0 0;
}
div.box p.btn06 a:hover,
div.box p.btn06 a:active {
	background:url(/images/index/twitter.jpg) no-repeat 0 -114px;
}
/* div.box2 */
div.box2 {
	width:980px;
	margin:0 auto;
	overflow:hidden;
	clear:both;
}
div.box2 ul {
	width:320px;
	float:right;
}
div.box2 ul li {
	padding-bottom:10px;
}
div.box2 ul li.last {
	padding-bottom:0px;
}
div.box2 ul li.btn07 a {
	width:320px;
	height:160px;
	display:block;
	text-indent:-9999px;
	background:url(/images/index/recruitment.jpg) no-repeat 0 0;
}
div.box2 ul li.btn07 a:hover,
div.box2 ul li.btn07 a:active {
	background:url(/images/index/recruitment.jpg) no-repeat 0 -160px;
}
div.box2 ul li.btn08 a {
	width:320px;
	height:160px;
	display:block;
	text-indent:-9999px;
	background:url(/images/index/partnership.jpg) no-repeat 0 0;
}
div.box2 ul li.btn08 a:hover,
div.box2 ul li.btn08 a:active {
	background:url(/images/index/partnership.jpg) no-repeat 0 -160px;
}
div.box2 ul li.btn09 a {
	width:320px;
	height:80px;
	display:block;
	text-indent:-9999px;
	background:url(/images/index/apper2.jpg) no-repeat 0 0;
}
div.box2 ul li.btn09 a:hover,
div.box2 ul li.btn09 a:active {
	background:url(/images/index/apper2.jpg) no-repeat 0 -80px;
}

div.box2 ul li.btn10 a {
	width:320px;
	height:400px;
	display:block;
	text-indent:-9999px;
	background:url(/images/index/contents_akuma.jpg) no-repeat 0 0;
}
div.box2 ul li.btn10 a:hover,
div.box2 ul li.btn10 a:active {
	background:url(/images/index/contents_akuma.jpg) no-repeat 0 -400px;
}


div.box2 div.news {
	width:640px;
	overflow:hidden;
}
div.box2 div.news p {
	font-size:32px;
	font-weight:bold;
	line-height:normal;
	padding-bottom:7px;
	*padding-bottom:5px;
}
div.box2 div.news dl {
	width:640px;
	overflow:hidden;
	clear:both;
	padding:12px 0;
	background:url(/common/images/ln.gif) repeat-x left bottom;
}
div.box2 div.news dl dt {
	float:left;
	width:72px;
	color:#25BEDD;
}
div.box2 div.news dl dd {
	float:right;
	width:568px;
}
div.box2 div.news dl dd a {
	color:#000;
}
div.box2 div.news dl dd a:hover {
	color:#24BDDC;
}