@charset "utf-8";

body {
	font-size: 12px;
	margin: 0;
	padding: 0;
	background-color: #323333;
	color:#dfe9ee;
	font-family: Verdana, meiryo, "ＭＳ Ｐゴシック", "Lucida Grande", Arial, "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
}
h1,h2,h3,h4,h5,h6,dl { margin:0px;padding:0px; }
img { display:block;margin:0px;padding:0px; }
p,li,dt,dl { line-height:18px; }
p { margin:0 0 0 0; }
ul,li { list-style-type:none;margin:0px;padding:0px; }
a img { border:0; }
a:link {
   text-decoration:none;
   color:#e5117d;
}
a:visited {
   text-decoration:none;
}
a:hover {
   text-decoration:underline;
}
a:active {
   color:#dfe9ee;
}

/* head-navi */
#hnavi {
	float:right;
	margin-right:10px;
	_margin-right:5px;
	margin-bottom:25px;
}
#hnavi ul {
	padding:0px;
	margin:0px;
}
#hnavi li {
	display: block;
	height: 27px;
	width: 165px;
	float: left;
	background-repeat: no-repeat;
	text-indent: -9999px;
	background-position: 0px -27px;
	margin-left:5px;
}
#hnavi a {
	display: block;
	height: 27px;
	background-position: 0px 0px;
}
#hnavi a:hover {
	background-position: 0px -27px;
}
#hnavi .bi,
#hnavi .bi a{
	background-image: url(../img/hnavi_brand.gif);
}
#hnavi .cu,
#hnavi .cu a{
	background-image: url(../img/hnavi_contact.gif);
}


/* showcase */
#showcase {
	margin-bottom:10px;
}
#showcase ul {
	padding:0px;
	margin:0px;
}
#showcase li {
	display: block;
	height: 236px;
	width: 205px;
	float: left;
	background-repeat: no-repeat;
	text-indent: -9999px;
	background-position: 0px -236px;
}
#showcase a {
	display: block;
	height: 236px;
	background-position: 0px 0px;
}
#showcase a:hover {
	background-position: 0px -236px;
}
#showcase .motejob,
#showcase .motejob a{
	background-image: url(../img/sh_motejob.jpg);
}
#showcase .brandjob,
#showcase .brandjob a{
	background-image: url(../img/sh_brandjob.jpg);
}
#showcase .meemeemail,
#showcase .meemeemail a{
	background-image: url(../img/sh_meemeemail.jpg);
}
#showcase .mosira,
#showcase .mosira a{
	background-image: url(../img/sh_mosira.jpg);
}
#showcase .kashapa,
#showcase .kashapa a{
	background-image: url(../img/sh_kashapa.jpg);
}
#showcase .snone,
#showcase .snone a{
	background-image: url(../img/sh_icon.jpg);
	background-position: 0px 0px;
}


#wrapper {
	width:820px;
	margin:0 auto;
}
h1 {
	clear:both;
	background: url(../img/logo.gif) no-repeat 0px 0px;
	width:512px;
	height:129px;
	text-indent: -9999px;
	margin-bottom:22px;
	margin-left:10px;
}
h2 {
	clear:both;
	width:800px;
	height:48px;
	text-indent: -9999px;
	margin-bottom:25px;
}
#showcase h2 {
	background: url(../img/title_showcase.gif) no-repeat 0px 0px;
	margin-left:10px;
	margin-bottom:15px;
}
#innovation h2 {
	background: url(../img/title_innovation.gif) no-repeat 0px 0px;
}
#coverage h2 {
	background: url(../img/title_coverage.gif) no-repeat 0px 0px;
	margin-bottom:20px;
	height:51px;
}
#contact h2 {
	background: url(../img/title_contact.gif) no-repeat 0px 0px;
}
#innovation {
	padding-left:10px;
	margin-bottom:10px;
}
#innovation p {
	margin-bottom:10px;
}
#innovation p strong {
	display:block;
	font-weight:normal;
	color:#8b979e;
	margin-left:20px;
}
#coverage {
	padding-left:10px;
	margin-bottom:10px;
}
#coverage .day {
	color:#e5117d;
}
#coverage .cover {
	font-weight:bold;
	line-height:24px;
}
#coverage .cover a {
	color:#dfe9ee;
}
#contact {
	padding-left:10px;
	margin-bottom:40px;
	background: url(../img/mosira.gif) no-repeat right bottom;
}
#contact .email {
	float:left;
	margin-bottom:10px;
}
#contact img {
	float:left;
	margin-top:3px;
	margin-left:3px;
}
#contact p {
	clear:both;
}

/* 進行状況 */
.status {
	width:540px;
	height:315px;
	margin:20px;
	color:#333;
}
.status .ex_info {
	width:166px;
}
.status .ex_title {
	display:block;
	font-size:18px;
	line-height:18px;
	margin-bottom:15px;
}
.status .ex_title img {
	float:left;
	padding-top:3px;
}
.status .ex_percent img {
}
.status .ex_percent {
	text-align:right;
	padding-right:66px;
	font-size:70px;
	line-height:70px;
	color:#e5117d;
	margin-bottom:20px;
	width:100px;
	background: url(../img/status_percent.gif) no-repeat right bottom;
}
.status .ex_contents {
	clear:both;
	line-height:18px;
}
.status .ex_contents img {
	padding-bottom:10px;
	display:block;
}
#ex_mosira.status {
	background: url(../img/status_icon_mosira.gif) no-repeat right top;
}
#ex_motejob.status {
	background: url(../img/status_icon_motejob.jpg) no-repeat right top;
}
#ex_brandjob.status {
	background: url(../img/status_icon_brand.jpg) no-repeat right top;
}
#ex_meemeemail.status {
	background: url(../img/status_icon_meemee.jpg) no-repeat right top;
}
#ex_kashapa.status {
	background: url(../img/status_icon_kashapa.jpg) no-repeat right top;
}




.clear {
  clear:both;
}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}