@charset "shift_jis";

/*//////////////////*/
/* 左側メニュー基本 */
/*//////////////////*/
ul { margin:0; padding:0;}
li{list-style:outside;list-style:none;margin:-4px -2px -2px 0px;padding:0;clear:left;} 


/*////////////////////////////////////////////////////////////////////////*/
/* JTIAについて　人材育成事業　普及事業　サポート事業の各ページでの微調整 */
/*////////////////////////////////////////////////////////////////////////*/

/* 一番上のボタン　上下に余白 */
.side #a img{float:left; margin-top:4px; margin-bottom:4px;}
/* 選択中の分類ボタン　下にサブメニューが出るため下には余白なし */
.side #b img{float:left; margin:0;}
/* 一番下のボタン　下にだけ余白 */
.side #c img{float:left; margin-bottom:4px;}
/* 上にだけ余白 */
.side #d img{float:left; margin-top:4px;}


/*////////////////////////////////////////////////////////////////////////*/
/* 各ページを押した時のサブメニュー(グラデーション部分)の色　　　　　　　 */
/*////////////////////////////////////////////////////////////////////////*/

/* 青・JTIAについて */
#about_sub{
	width:190px;
	height:28px;
	margin:-2px -2px -2px -6px;
	background-image:url(../img/side/about_sub.png);
	display:table-cell;
	text-align:left;
	}

/*　ここから↓を吉原が追加 */
#about_topmenu{
	width:720px;
	height:150px;
	display:table-cell;
	text-align:left;
	float: left;
	}
/*　ここまで↑を吉原が追加 */

#about_sub a{
	padding:8px 20px 8px 12px;
	width: 190px;
	line-height:16px;
	font-weight:bold;
	font-size:12px;
	display:block;height:100%;width:100%;
}
.side #about_sub a:hover {
	text-decoration: none;
	color: #FFFFFF;
	background-image:url(../img/side/about_sub_2.png);
	background-repeat:no-repeat;
}



/* 緑・人材育成事業 */
#training_sub{
	width:190px;
	height:28px;
	margin:-2px -2px -2px -6px;
	background-image:url(../img/side/training_sub.png);
	display:table-cell;
	text-align:left;
	}
#training_sub a{
	padding:8px 20px 8px 12px;
	width: 190px;
	line-height:16px;
	font-weight:bold;
	font-size:12px;
	display:block;height:100%;width:100%;
}
.side #training_sub a:hover {
	text-decoration: none;
	color: #FFFFFF;
	background-image:url(../img/side/training_sub_2.png);
	background-repeat:no-repeat;
}
/* 赤・普及事業 */
#spread_sub{
	width:190px;
	height:28px;
	margin:-2px -2px -2px -6px;
	background-image:url(../img/side/spread_sub.png);
	display:table-cell;
	text-align:left;
	}

/*　ここから↓を吉原が追加 */
#ariake_topmenu{
	width:720px;
	height:50px;
	display:table-cell;
	text-align:center;
	float: left;
	}
/*　ここまで↑を吉原が追加 */

#spread_sub a{
	padding:8px 20px 8px 12px;
	width: 190px;
	line-height:16px;
	font-weight:bold;
	font-size:12px;
	display:block;height:100%;width:100%;
}
.side #spread_sub a:hover {
	text-decoration: none;
	color: #FFFFFF;
	background-image:url(../img/side/spread_sub_2.png);
	background-repeat:no-repeat;
}
/* 水色・サポート事業 */
#support_sub{
	width:190px;
	height:28px;
	margin:-2px -2px -2px -6px;
	background-image:url(../img/side/support_sub.png);
	display:table-cell;
	text-align:left;
	}
#support_sub a{
	padding:8px 20px 8px 12px;
	width: 190px;
	line-height:16px;
	font-weight:bold;
	font-size:12px;
	display:block;height:100%;width:100%;
}
.side #support_sub a:hover {
	text-decoration: none;
	color: #FFFFFF;
	background-image:url(../img/side/support_sub_2.png);
	background-repeat:no-repeat;
}