@charset "utf-8";
@import "common.css";
/* -- TOP専用CSS -----------------------------------------------------*/
#main_visual{
	height:250px;
	margin-bottom:1em;
	background:url('../images/top/main_visual.png') no-repeat left top;
}

/*- タイトル設定 -----------------------------------------------------*/
.title1{background-image:url('../images/top/title.png');}
.merit_title{background-image:url('../images/joining/merit_title.png');}

/*- 3カラム設定 ------------------------------------------------------*/
.ColumnWrap{margin-bottom:1.5em;}

.Column3,
.ColumnEnd{
	width:32%;
}
.Column3{margin-right:1.3em;}

/*- カラムタイトル ---------------------------------------------------*/
.Column3 h3,
.ColumnEnd h3{
	background-position: left top;
	background-repeat: no-repeat;
	border-bottom: 1px solid #666666;
	height: 18px;
	margin-bottom: 0.5em;
	padding-bottom: 0.3em;
}
.aboutTitle   {background-image: url("../images/about/about_title.png");}
.joiningTitle {background-image: url("../images/joining/merit_title.png");}
.accessTitle  {background-image: url("../images/access/title.png");}

/*- カラムタイトルリンク ---------------------------------------------*/
.Column3 h3 a,
.ColumnEnd h3 a{
	width:264px;
	height:23px;
	display:block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

a.ColumnImg{
	margin-bottom:1em;
	display:block;
	width:264px;
	height:78px;
}
a.ColumnImg:hover{
-ms-filter: "alpha( opacity=50 )";
filter: alpha( opacity=50 );
opacity: 0.5;
}