@charset "utf-8";

/*
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
社会福祉法人　みどり社会福祉協会
	ver.20150801
	Custom Layout CSS（個別レイアウトのスタイルシート）
───────────────────────────────────────────
FileName:		/resources/css/customLayout.css
Editor:			TRUSTEC
Description:	個別レイアウトのスタイルシート
───────────────────────────────────────────
2015/08/01:		開発開始。
2015/08/24:		仮アップ。
2016/05/30:		納品。
2016/06/##:		新規ページ「下塩児童クラブ」追加。
2016/12/##:		新規ページ「花園みどり保育園」追加。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
*/





/*
--------------------------------------------------------------------------------
□ 通常タグの表示設定
--------------------------------------------------------------------------------
*/
body{
	background : url(body_wall.jpg) 0% 0% / auto auto repeat scroll padding-box border-box #f0ecd6;
	color : #000000;
}





/*
--------------------------------------------------------------------------------
□ 標準レイアウト
--------------------------------------------------------------------------------
*/
#box_contents{
	/* background : rgba(0, 0, 0, 0.1); */
	margin-bottom : 100px;
}





.wrapper_contents{
	width : 980px;
}





/*
--------------------------------------------------------------------------------
□ ヘッダの表示設定：ヘッダブロック
--------------------------------------------------------------------------------
*/
#box_header{
	background : url(header_wall.png) center top / auto auto repeat-x scroll padding-box border-box transparent;
	height : 100px;
}





/*
--------------------------------------------------------------------------------
□ ヘッダの表示設定：SEO対策用見出し
--------------------------------------------------------------------------------
*/
#header_seo
{
	/* background : rgba(255, 0, 0, 0.1); */	}





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





/*
--------------------------------------------------------------------------------
□ ヘッダメニューの表示設定：
--------------------------------------------------------------------------------
*/
#header_menu{
	font-size : 14px;
	line-height : 1.5em;
	text-align : right;
	width : 600px;
	margin-top : 25px;
}





#header_menu ul, 
#header_menu ul li{
	list-style-type : none;
}





#header_menu li:not(:first-child)
{	/*margin-left : 1.5em;*/	}

#header_menu li:not(:first-child){
	border-left : solid 1px rgba(50, 50, 50, 0.3);
}

#header_menu li:not(:last-child){
	box-shadow : 1px 0 0 rgba(255, 255, 255, 1);
}





#header_menu li a{
	color : #60504A;
	padding : 10px 15px 5px 15px;
}

#header_menu li a:hover, 
#header_menu li.active a{
	background : url(header_menu_wall.png) center bottom / auto auto repeat-x scroll padding-box border-box transparent;
}





/*
--------------------------------------------------------------------------------
□ ヘッダの表示設定：フッタブロック
--------------------------------------------------------------------------------
*/
#box_footer{
	background : url(footer_wall.png) right top / auto auto repeat-x scroll padding-box border-box transparent;
	padding : 20px 0;
}





footer{
	width : 1100px;
	position : relative;

	/* background-color:rgba(0, 255, 0, 0.1); */
}





/*
--------------------------------------------------------------------------------
□ フッタの表示設定：問合せ先
--------------------------------------------------------------------------------
*/
footer address
{
	/* background : rgba(0, 0, 0, 0.1); */	}





/*
--------------------------------------------------------------------------------
□ フッタの表示設定：ロゴ
--------------------------------------------------------------------------------
*/
#footer_logo{
	width : 230px;
	height : 40px;

	/* background : rgba(0, 0, 0, 0.1); */
}





/*
--------------------------------------------------------------------------------
□ フッタメニューの表示設定：
--------------------------------------------------------------------------------
*/
#footer_menu{
	margin-left : 50px;
	float : left;
	/* background : rgba(0, 0, 0, 0.1); */
}





#footer_menu ul, 
#footer_menu ol{
	float : left;
}

#footer_menu ul:not(:first-of-type), 
#footer_menu ol:not(:first-of-type){
	margin-left : 20px;
}





#footer_menu li a{
	color : #60504A;
	padding : 5px;
}





/*
--------------------------------------------------------------------------------
□ グローバルメニューの表示設定：
--------------------------------------------------------------------------------
*/
#global_menu li{
	width : 25%;
	width : 20%;

	width : 200px;
	width : 240px;
}





#global_menu li a{
	color : #60504A;
	padding : 15px 5px 5px 5px;
	border-radius : 0 0 12px 12px;
}

#global_menu li a:hover{
	text-decoration : none;
}

#global_menu li a:hover, 
#global_menu li a:active, 
#global_menu li.active a{
	/*
	box-shadow : rgba(190, 217, 158, 0.8) 0 -3px 1px -1px inset;
	-webkit-box-shadow : rgba(190, 217, 158, 0.8) 0 -3px 1px -1px inset;
	-moz-box-shadow : rgba(190, 217, 158, 0.8) 0 -3px 1px -1px inset;
	*/
	
	background : no-repeat center bottom;
}
 
#global_menu li.active a{
	background-image : url(globalmenu_active.png);
	font-weight : bold;
}

#global_menu li a:hover{
	background-image : url(globalmenu_hover.png);
}





/*	【2016/12/##　追加】	*/
#global_menu {

/*	background-color: rgba(255, 0, 0, 0.2);	*/
}





#global_menu nav ul {
	/*
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	-ms-flex-wrap: wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-ms-flex-align: stretch;
	align-items: stretch;
	-ms-flex-line-pack:stretch;
	align-content: center;
	*/
	

/*	background-color: rgba(255, 0, 0, 0.2);	*/
}





#global_menu nav ul > li {
	/*
	width: 100%;
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: 20%;
	flex: 0 1 20%;
	*/

	/*	【2017/##/##　追加予定】★仮：追加予定	*/
	/*
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: 200px;
	*/

/*	background-color: rgba(255, 0, 0, 0.2);	*/
}






/*
--------------------------------------------------------------------------------
□ ページメインの表示設定
--------------------------------------------------------------------------------
*/





/*
--------------------------------------------------------------------------------
□ ナビゲーション：トピックパス（パンくずリスト）
--------------------------------------------------------------------------------
*/
.wrapper_title{
	width : 1200px;
	margin : auto;
	position : relative;
}




#topicpath{
	width : 100%;
	padding : 5px;
	position : absolute;
	bottom : 10px;
}





#topicpath ol{
	text-align : right;
}





/*
--------------------------------------------------------------------------------
□ ナビゲーション：
--------------------------------------------------------------------------------
*/
.title_information{
	background : rgba(0, 0, 0, 0.1);
	background : rgba(220, 200, 100, 0.5);
	font-size : 90%;
	text-align : center;
	width : 190px;
	border-radius : 5px;
	position : absolute;
	right : 0;
	bottom : 50px;
}





/*
--------------------------------------------------------------------------------
□ ナビゲーション：著作権等に関する表記
--------------------------------------------------------------------------------
*/
.area_copyright{
	/* background-color: rgba(255, 0, 0, 0.2); */
	color : #606060;
	display : block;
	position : absolute;
	top : -50px;
	right : 160px;
}





/*
--------------------------------------------------------------------------------
□ ナビゲーション：ホーム／ページトップへ戻る
--------------------------------------------------------------------------------
*/
.area_returnlink{
	color : #669933;
	width : 150px;
	height : 150px;
	display : block;
	border-radius : 50%;
	position : absolute;
	top : -95px;
	right : 0;
}





.area_returnlink ul, 
.area_returnlink ol{
	letter-spacing : normal;
	width : 100%;
	height : 100%;
}





.area_returnlink li{
	letter-spacing : normal;
	width : 100%;
	height : 50%;
	margin : 0;
	border-radius : 0;
	display : block;
}

.area_returnlink li:not(:first-child){
	margin-left : 0;
}





.area_returnlink li a{
	background : none;
	text-align : center;
	width : 100%;
	height : 100%;
	padding : 1px 5px	;
}

.area_returnlink li:first-child a{
	background : rgba(100, 150, 50, 0.4);
	padding-top : 20%;
	border-radius : 150px 150px 0 0;
}

.area_returnlink li:last-child a{
	background : rgba(150, 100, 50, 0.4);
	padding-top : 15%;
	border-top : dotted 1px rgba(0, 0, 0, 0.1);
	border-radius : 0 0 150px 150px;
}

.area_returnlink li a:hover{
	background-color : rgba(100, 150, 50, 0.8);
	color : #FFFFFF;
	text-decoration : none;
}





/*
--------------------------------------------------------------------------------
□ ページメインの表示設定：メニュー部
--------------------------------------------------------------------------------
*/
.wrapper_menu{
	font-size : 90%;
	line-height : 150%;
}





.wrapper_menu .menuCaption{
	/*
	background : url("../common/paint_wall.png") no-repeat center top;
	*/
	color : #404040;
	font-size : 90%;
	font-weight : bold;
	line-height : 1.5em;
	text-align : center;
	margin : auto;
	padding : 5px 0;
}





.wrapper_menu_inner{
	background-color : rgba(110, 170, 50, 0.7);
	border-radius : 5px;
}






.wrapper_menu_inner li a{
	background : url(wrapper_menu_wall.png) center center / auto auto no-repeat scroll padding-box border-box transparent;
	color : #FFFFFF;
	text-decoration : none;
	padding : 1em 0 1em 0.5em;
}

.wrapper_menu_inner li:nth-child(2n) a{
	background-position : center -60px;
}

.wrapper_menu_inner li:nth-child(2n+1) a{
	background-position : center -100px;
}

.wrapper_menu_inner li:last-child a{
	background-position : center bottom;
	border-radius : 0 0 5px 5px;
}

.wrapper_menu_inner li a:hover{
	background-color : rgba(0, 0, 0, 0.1);
}





.wrapper_menu_inner.small a{
	font-size : 90%;
	line-height : 150%;
	padding : 0.6em 0 0.6em 0.6em;
}





.wrapper_menu_inner .info{
	padding : 5px;
}

.wrapper_menu_inner .info .fnt_big{
	font-size : 120%;
	line-height : 1.5em;
}





/*
--------------------------------------------------------------------------------
□ Adobe：ダウンロード
--------------------------------------------------------------------------------
*/
.area_adobeDL{
	font-size : 13px;
	line-height : 1.2em;
	text-align : right;
	width : 100%;
	margin : auto 0;
	padding : 0 1em;
	border : none;
}