@charset "utf-8";

/*
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
社会福祉法人　みどり社会福祉協会
	ver.20150801
	Index CSS（ホームのスタイルシート）
───────────────────────────────────────────
FileName:		/resources/css/index.css
Editor:			TRUSTEC
Description:	ホームのスタイルシート
───────────────────────────────────────────
2015/08/01:		開発開始。
2016/12/##:		新規ページ「花園みどり保育園」追加。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
*/





/*
--------------------------------------------------------------------------------
□ ヘッダの表示設定：ロゴ
--------------------------------------------------------------------------------
*/
#header_logo{
	width : 400px;
	height : 70px;
	margin-top : 7px;
}





/*
--------------------------------------------------------------------------------
□ 
--------------------------------------------------------------------------------
*/
.area_indexMenu{
	background : no-repeat center top;
	background-size : cover;
	background-size : contain;
	width : 500px;
	/*
	height : 300px;
	height : 320px;
	*/
	height : 400px;		/*	【2016/12/##　追加】	*/
	/* background-color : rgba(255, 0, 0, 0.1); */
}






.area_indexMenu ul, 
.area_indexMenu li{
	list-style-type : none;
}

.area_indexMenu ul{
	letter-spacing : -.40em; /* 文字間を詰めて隙間を削除する */
	margin-top : 200px;
}

.area_indexMenu li{
	letter-spacing : normal; /* 文字間を通常に戻す */
}

.area_indexMenu li a{
	background : rgba(255, 255, 255, 0.6);
	color : #60504A;
	font-size : 120%;
	font-weight : bold;
	line-height : 1em;
	text-decoration : none;
	display : block;
	padding : 10px;
	border-radius : 5px;
}

.area_indexMenu li a:hover{
	/* background : rgba(255, 255, 255, 0.6) url("../../image/list_indexMenu.png") no-repeat; */
	color : #60A040;
}





.area_indexMenu:nth-of-type(1){
	background-image : url(indexMenu_01.png);
}

.area_indexMenu:nth-of-type(1){
	padding-left : 120px;
	padding-right : 30px;
}

.area_indexMenu:nth-of-type(1) ul{
	margin-top : 160px;
}

.area_indexMenu:nth-of-type(1) ul li a{
	text-align : right;
	padding-right : 20px;
}

.area_indexMenu:nth-of-type(1) ul li a:hover{
	background-position : right;
}

/*
.area_indexMenu:nth-of-type(1) ul li:nth-child(2)
{	margin-left : 2em;	}
*/





.area_indexMenu:nth-of-type(2){
	background-image : url(indexMenu_02.png);
}

.area_indexMenu:nth-of-type(2){
	padding-left : 40px;
	padding-right : 120px;
}

.area_indexMenu:nth-of-type(2) ul li a{
	padding-left : 20px;
}

.area_indexMenu:nth-of-type(2) ul li a:hover{
	background-position : left;
}

/*
.area_indexMenu:nth-of-type(2) ul li:nth-child(1)
{	margin-left : 2em;	}
*/