@charset "utf-8";
/* CSS Document */
/* ==================================================================
CSS information
 style info : インデックス設定　*yama 201103renew
================================================================== */

/* --------------------------------------------------------
	メインビジュアル切り替え画像設定　
-------------------------------------------------------- */
/* ◆◆◆トップページのみ使用のID・class◆◆◆ */



#main_image { /* メインビジュアル切り替え画像 */
	height: 250px;
}
	
	.cf_element {
		width: 634px;
		height: 250px;
	}

	.cf_element h3 {
		display:none;
		visibility:hidden;
	}

	.cf_element a {
		text-indent:-9999px;
		display:block;
		height: 250px;
		width:634px;
	}
	
	#cf1 {
		background:url(../img/mainimage/main.jpg) no-repeat;
	}

	#cf2 {
		background:url(../img/mainimage/trial.jpg) no-repeat;
	}
	
	#cf3 {
		background:url(../img/mainimage/happy.jpg) no-repeat;
	}
	
	#cf4 {
		background:url(../img/mainimage/facilities.jpg) no-repeat;
	}

	#cf5 {
		background:url(../img/mainimage/guidance.jpg) no-repeat;
	}
	
	#cf6 {
		background:url(../img/mainimage/gakuhi.jpg) no-repeat;
	}
	
	#cf7 {
		background:url(../img/mainimage/ryugaku.jpg) no-repeat;
	}
	
	#cf8 {
		background:url(../img/mainimage/mibu.jpg) no-repeat;
	}
	#cf9 {
		background:url(../img/mainimage/kisotsu.jpg) no-repeat;
	}

/* --------------------------------------------------------
	コンテンツ　
-------------------------------------------------------- */

#index{ margin-top:10px;}

#index #index_about{ margin:5px 0; font-size:10px; line-height:16px;}

#index h1{ float:left; font-weight:normal; background:url(../img/index/clover.jpg) no-repeat; height:16px; padding-left:24px;}

#index p.h1_txt{ float:left;}


#index h3{ margin-bottom:7px; padding-top:10px;}


/* メインバナー２列体制 */

#index ul#bn_main_two { margin-top:10px;}
#index ul#bn_main_two li{ float:left; padding-bottom:10px; width:309px;}
#index ul#bn_main_two li img{ margin-bottom:3px;}
#index ul#bn_main_two li.sp{ margin-right:16px;}
/* what's NEW */

#index #blog div.new_left{ float:left;}

#index #blog div.new_main{ float:left; width:487px;}

#index #blog div.new_main .what_01{ background:url(../img/index/whats_01.jpg) no-repeat ; width:447px; height:25px; padding:40px 20px 0 20px;}
	
#index #blog h2{ float:left; color:#f36d7e;}
#index #blog ul{ float:right; }
#index #blog ul li{ float:left; margin-left:6px;}
#index #whatsnew{background:url(../img/index/whats_02.jpg) ;  width:447px; padding:0 20px;}


#index #whatsnew dl{ width:447px;}

#index #whatsnew dl dd{ float:left;	border-bottom: dotted 1px #b4b4b4;line-height:29px; width:347px;}

#index #whatsnew dl dt{
	clear:both;
	float:left;
	border-bottom: dotted 1px #b4b4b4;
	height:29px;
	line-height:29px;
	padding-right:20px;
	width:80px; color:#f36d7e;
	font-weight:bold;
}

#index #whatsnew  div#whatsnew_icon{ clear:both; text-align:right;padding-top:5px;}
#index #whatsnew  div#whatsnew_icon img{ margin-left:5px;}

/* メインバナーの余白 */
#index .sp_m5{ margin-top:5px;}

/* 中サイズバナー２列 */
#index ul.bn_2col{ margin-top:5px;}
#index ul.bn_2col li{ float:left; padding-bottom:5px;}
#index ul.bn_2col li a{ display:block; width:309px; height:100px;}

#index ul.bn_2col li.sp{ margin-right:16px;}

/* 学生日記 */

#gakusei{ background:url(../img/index/bn_gakusei.jpg) no-repeat; width:309px; height:100px;}
#gakusei p{ margin-left:155px; padding:40px 5px 0 10px; width:130px;}

/* 内定者 */
#naitei{background:url(../img/index/bn_naitei.jpg) no-repeat; width:309px; height:100px;}
#naitei p{ margin-left:155px; padding:40px 5px 0 10px; width:130px; color:#F60;}
#naitei a{ color:#F60;}

/* 中サイズバナー３列 */
#index ul.bn_3col{ margin-top:5px;}
#index ul.bn_3col li{ float:left; padding-bottom:5px;}
#index ul.bn_3col li.sp{ margin-right:8px; width:206px;}

#index ul.bn_3col li.arrow{ width:194px;padding:0px 0px 0px 12px; margin-right:8px;
	background:url(../img/menu/list_arrow.jpg) 0px 2px no-repeat;}