@charset "UTF-8";
@import url("../main.css");
@import url("../layout.css");
@import url("../page_type/face3.css");



/* ------------------ MainColumn --------------------- */
#MainColumn {
	width:743px;
	margin-left:20px;
	_margin-left:10px;
}

#MainColumn .Title{
	margin-left:18px;
}
#MainColumn .Note{
	margin-left:18px;
}
#MainColumn .Pankuzu{
	margin-left:18px;
}

.NoteTop{
	background: url(../../img/maincolume/face3/future/back_note_top.jpg) no-repeat top left;
}
.Note .Contents p{
	width:34em;
}

.Face3{
	margin-left:0px;
}
.Future{
	overflow:hidden;
	clear:both;
}
.Face3Box div{
 float:left;
 overflow:hidden;
}
.Face3Box div a{
	display:block;
	height:384px;
	text-decoration:none;
	text-indent:-9999px;
	overflow:hidden;
}
.Face3Box .MakeBox a{
	width:260px;
	background:url(../../img/maincolume/index/face_3/make/img.png) no-repeat top center;
}
.Face3Box .MakeBox a:hover{
	background:url(../../img/maincolume/index/face_3/make/img_over.png) no-repeat top center;
}
.Face3Box .ConnectBox a{
	width:243px;
	background:url(../../img/maincolume/index/face_3/connect/img.png) no-repeat top center;
}
.Face3Box .ConnectBox a:hover{
	background:url(../../img/maincolume/index/face_3/connect/img_over.png) no-repeat top center;
}
.Face3Box .FosterBox a{
	width:228px;
	background:url(../../img/maincolume/index/face_3/foster/img.png) no-repeat top center;
}
.Face3Box .FosterBox a:hover{
	background:url(../../img/maincolume/index/face_3/foster/img_over.png) no-repeat top center;
}