@charset "UTF-8";

/* ==================================================================================

mixi
Version: October 2010


1. content, quote, list-style
2. display, position, float, clear, width, height, line-height, vertical-align
3. overflow, visibility
4. margin, padding, border
5. border-collaps
6. color
7. font
8. text-indent, text-align, text-decoration
9. background

================================================================================== */


html,body {
	margin: 0;
	padding: 0;
	color: #3f3f3f;
  font-family: "ヒラギノ角ゴ Pro W3" , "HiraKakuPro-W3" , "ＭＳ Ｐゴシック" , "メイリオ" , Meiryo , Osaka , sans-serif;
	background: url(../img/img_index_bg.gif) top left repeat-x;
	background-color: #525252;
}

#footer {
	width: 100%;
	background: #525252;
}

#index-header h1 {
	float: left;
	margin-bottom: 0;
}

#index-header ul {
	float: right;
	padding-top: 3px;
}

#index-header ul li {
	float: left;
	margin-left: 12px;
}

#index-header {
	padding: 22px 0;
}

#index-message {
	padding: 104px 0 91px 0;
	text-align: center;
}



#index-navigation {
	width: 926px;
	height: 27px;
	margin-bottom: 103px;
	background: url(../img/img_index_menu_bg.gif) no-repeat top left;
}

#index-navigation ul#g-navi {
	position: relative;
	padding-left: 26px;
	padding-top: 4px;
}

#index-navigation ul#g-navi li {
	display: block;
	float: left;
	margin-right: 34px;
}

#index-navigation ul#g-navi ul {
	display: none;
	position: absolute;
	top: -125px;
	background: #fff;
}


#index-navigation ul#g-navi ul#fresh {
	left: 26px;
}

#index-navigation ul#g-navi ul#career {
	left: 124px;
	top: -106px;
}

*:first-child+html #index-navigation ul#g-navi ul {
	top: -145px;
}

*:first-child+html #index-navigation ul#g-navi ul#career {
	top: -126px;
}

#index-navigation ul#g-navi ul,  x:-moz-any-link   {
	top: -137px;
}

#index-navigation ul#g-navi ul#career,  x:-moz-any-link   {
	top: -118px;
}

*html #index-navigation ul#g-navi ul {
	line-height: 0;
}

#index-navigation ul#g-navi ul li {
	float: none;
	margin-bottom: 7px;
	padding: 0px;
	background: none;
}


#index-news ul {
	padding-left: 120px;
	margin-bottom: 70px;
	background: url(../img/img_index_whatsnew.gif) no-repeat top left;
}

#index-news ul li {
	font-size: 85%;
	line-height: 1.6;
	padding-left: 53px;
}

#index-news ul li.fresh {
	background: url(../img/img_icon_fresh.gif) no-repeat top left;
}

#index-news ul li.recruit {
	background: url(../img/img_icon_recruit.gif) no-repeat top left;
}

#index-news ul li.career {
	background: url(../img/img_icon_career.gif) no-repeat top left;
}

#index-news ul li.arubaito {
	background: url(../img/img_icon_arubaito.gif) no-repeat top left;
}

#index-news ul li span {
	display: block;
	float: left;
	padding-right: 6px;
	font-weight: bold;
	color: #f6aa00;
}


#index-c-navigation ul#c-navi {
	float: left;
}

#index-c-navigation ul#c-navi li {
	float: left;
	margin-right: 8px;
}

#index-c-navigation ul#banner {
	float: right;
}

#index-c-navigation ul#banner li{
	float: left;
	margin-left: 8px;
}