@charset "utf-8";

/*
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
社会福祉法人　みどり社会福祉協会
	ver.20150801
	Custom Parts Design CSS（個別文章装飾のスタイルシート）
───────────────────────────────────────────
FileName:		/resources/css/customPartsDesign.css
Editor:			TRUSTEC
Description:	個別文章装飾のスタイルシート
───────────────────────────────────────────
2015/08/01:		開発開始。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
*/





/*
--------------------------------------------------------------------------------
□ マージン
--------------------------------------------------------------------------------
*/
/*
.mt_small, .mt_middle, .mt_large, 
.mb_small, .mb_middle, .mb_large, 
.mr_small, .mr_middle, .mr_large, 
.ml_small, .ml_middle, .ml_large
{	font-size : 16px;
	line-height : 1.5em;	}
*/





/*
--------------------------------------------------------------------------------
□ タイトル
--------------------------------------------------------------------------------
*/
/*	リセット	*/
.title, .subTitle, .caption, .subCaption, 
.slogana, .listCaption
{	background : initial;
	color : initial;
	font-size : initial;
	font-weight : initial;
	line-height : initial;
/*	margin : initial; */
	padding : initial;	}





h3, 
.title
{	background : url("../common/title_wall.png") no-repeat center left;
	color : #A0908A;
	color : #80706A;
	font-size : 28px;
	font-size : 32px;
	font-weight : normal;
	line-height : 1.5em;
	padding : 40px 0 40px 1em;
	padding : 50px 0 50px 1em;	}



h3 .sub, 
.title .sub
{	color : #60504A;
	font-size : 54%;
	line-height : 1.5em;	}

h3 .sub::before, 
.title .sub::before
{	content : " ─ ";
	margin-left : 10px;	}






h4, 
.subTitle
{	color : #70605A;
	font-size : 140%;
	font-size : 160%;
	line-height : 1.5em;
	margin-top : auto;
	margin-bottom : 1em;
	/* padding : 0 1.5em; */
	/* border-bottom : solid 1px rgba(100, 100, 100, 1); */
	/* position : relative; */

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

/*
h4::before, 
.subTitle::before
{	content : "";
	background : url("../common/paint_wall_lime.png") no-repeat center;
	background-size : contain;
	width : 3em;
	height : 2.4em;
	border-radius : 50%;
	border-radius : 120% 50% 120% 50%;
	position : absolute;
	left : 0;
	z-index : -1;
	}
*/






h5, 
.caption
{	color : #70605A;
	font-size : 120%;
	font-size : 140%;
	line-height : 1.5em;
	margin-top : auto;
	margin-bottom : 1em;	}





h6, 
.subCaption
{	color : #70605A;
	font-size : 95%;
	font-weight : bold;
	line-height : 1.5em;
	margin-top : auto;
	margin-bottom : 1em;	}





.slogana
{	color : #70605A;
	font-size : 136%;
	line-height : 1.5em;
	margin-top : auto;
	margin-bottom : 1em;	}





.listCaption
{	background : url("../common/subcaption_wall.png") repeat-x bottom left;
	color : #404040;
	font-size : 90%;
	font-weight : bold;
	line-height : 2em;
	padding-left : 20px;
	margin-bottom : auto;
	position : relative;	}

.listCaption::before
{	content : url("../common/subcaption_icon.png");
	width : 30px;
	height : 30px;
	position : absolute;
	top : -7px;
	left : 0px;
	display : inline-block;
	z-index : -1;	}





/*
--------------------------------------------------------------------------------
□ 文章装飾：
--------------------------------------------------------------------------------
*/
.txt_telephone, 
.txt_fax, 
.txt_mail
{	display : inline-block;	}

.txt_telephone::before, 
.txt_fax::before, 
.txt_mail::before
{	color : #606060;
	font-size : 70%;
	line-height : 1.5em;	}





.txt_telephone::before
{	content : "電話番号：";	}

.txt_fax::before 
{	content : "FAX番号：";	}

.txt_mail::before
{	content : "メール：";	}





.txt_telephone.icon, 
.txt_fax.icon, 
.txt_mail.icon
{	background : no-repeat left center;
	background-size : 1.5em;
	padding : 0.1em 0 0.1em 1.8em;	}

.txt_telephone.icon
{	background-image : url("../common/icon_telephone.png");	}

.txt_fax.icon
{	background-image : url("../common/icon_fax.png");	}

.txt_mail.icon
{	background-image : url("../common/icon_mail.png");	}





.txt_telephone.icon_plate, 
.txt_fax.icon_plate, 
.txt_mail.icon_plate
{	background : no-repeat left center;
	background-size : 2em;
	line-height : 1em;
	padding : 0.1em 0 0.1em 2.2em;
	display : inline-block;	}

.txt_telephone.icon_plate
{	background-image : url("../common/icon_telephone_plate.png");	}

.txt_fax.icon_plate
{	background-image : url("../common/icon_fax_plate.png");	}

.txt_mail.icon_plate
{	background-image : url("../common/icon_mail_plate.png");	}





.txt_telephone.icon::before, 
.txt_telephone.icon_plate::before, 
.txt_fax.icon::before, 
.txt_fax.icon_plate::before, 
.txt_mail.icon::before, 
.txt_mail.icon_plate::before
{	content : "";	}





/*
--------------------------------------------------------------------------------
□ 文章装飾：フレーム
--------------------------------------------------------------------------------
*/
.frm_portrait
{	border : solid 5px #FFFFFF;
	border-radius : 50%;	}





/*
--------------------------------------------------------------------------------
□ 文章装飾：波括弧
--------------------------------------------------------------------------------
*/
.area_curlybracket_left
{	background : url("../common/curlybracket_left.png") no-repeat left center;
	background-size : contain;	}

.area_curlybracket_right
{	background : url("../common/curlybracket_right.png") no-repeat right center;
	background-size : contain;	}





/*
--------------------------------------------------------------------------------
□ 更新：記事一覧（共通）
--------------------------------------------------------------------------------
*/
/* .list_log .colDate.new::after */
.list_log .new
{	background : #A00000;
	color : #FFFFFF;
	font-size : 12px;
	line-height : 1em;
	padding : 0 2px;
	border-radius : 3px;
	display : inline-block;	}





/*
--------------------------------------------------------------------------------
□ スライドショー
--------------------------------------------------------------------------------
*/
.area_slideshow
{	width : 1000px;
	height : 400px;
	overflow : hidden;
	margin : auto;	}

#slider
{	width : 100%;
	height : 100%;	}





/*
--------------------------------------------------------------------------------
□ スクロール領域の高さ
--------------------------------------------------------------------------------
*/
.height_index
{	height : 225px;
	/* height : 400px; */	}

.height_topics
{	height : 140px;
	height : 300px;	}

.height_event
{	height : 500px;	}





/*
--------------------------------------------------------------------------------
□ 行事予定
--------------------------------------------------------------------------------
*/
.area_event
{	/*
	background : rgba(102, 204, 150, 0.6) url("../common/paint_wall_bluegreen.png") no-repeat center;
	background : rgba(215, 230, 170, 1) url("../common/paint_wall_lime.png") no-repeat center;
	background-size : cover;
	*/
	
	background : rgba(225, 225, 100, 0.5) url("../common/area_event_wall.png") repeat top;
	background-size : cover;

	font-size : 90%;
	line-height : 1.5em;
	padding : 5px;
	border-radius : 5px;	}





.area_event h1, 
.area_event h2, 
.area_event h3, 
.area_event h4, 
.area_event h5, 
.area_event h6
{	color : #404040;
	font-size : 90%;
	font-weight : bold;
	line-height : 1.5em;
	text-align : center;	}





.area_event .list_log li
{	border-color : #FFFFFF;	}

.area_event .list_log li:last-child
{	border : none;	}





.area_event .list_log li .colDate
{	color : #306000;
	font-weight : bold;
	margin : 0 0 5px 0;
	padding : 0;
	border : none;
	box-shadow : none;
	display : block;	}

.area_event .list_log li a:hover
{	background : rgba(255, 255, 255, 0.3);	}





/*
--------------------------------------------------------------------------------
□ 
--------------------------------------------------------------------------------
*/
.area_circle
{	background : url("../common/circle_wall_gray.png") no-repeat center;
	background-size : cover;
	color : #FFFFFF;
	min-width : 80px;
	min-height : 80%;
	/* padding : 5% 1%; */
	border-radius : 50%;	}





.area_circle .inner_circle
{	word-wrap: break-word;
	padding : 25% 10%;
	display : block;
	/* background : rgba(0, 0, 0, 0.1); */	}





.area_circle a
{	color : #FFFFFF;
	text-align : center;
	text-decoration : none;
	word-wrap: break-word;
	width : 100%;
	height : 100%;
	display : block;	}





.area_circle.normalText, 
.area_circle:hover
{	background-color : rgba(100, 100, 100, 0.1);	}





/*
--------------------------------------------------------------------------------
□ 基本情報
--------------------------------------------------------------------------------
*/
.tbl_information td, 
.tbl_information th
{	padding : 1em;	}





.tbl_information th
{	background : #c5ebc9 url("../common/paint_wall_yellow.png") no-repeat center;
	background-size : 260%;
	text-align : center;	}

.tbl_information tr:nth-child(2n-1) th
{	background-image : url("../common/paint_wall_lime.png");	}

.tbl_information td
{	background : #FFFFFF;	}





.tbl_information tr:first-child th:first-child
{	border-top-left-radius : 5px;	}

.tbl_information tr:first-child td:last-child
{	border-top-right-radius : 5px;	}

.tbl_information tr:last-child th:first-child
{	border-bottom-left-radius : 5px;	}

.tbl_information tr:last-child td:last-child
{	border-bottom-right-radius : 5px;	}





/*
--------------------------------------------------------------------------------
□ クラス・ユニット編成
--------------------------------------------------------------------------------
*/
.tbl_unit td, 
.tbl_unit th
{	padding : 1em;	}





.tbl_unit th
{	text-align : center;	}

.tbl_unit td
{	background : #FFFFFF;	}





.tbl_unit thead th, 
.tbl_unit thead td
{	padding : 5px 1em;	}

.tbl_unit thead th
{	background : url("../common/paint_wall_lightgray.png") no-repeat center;	
	background-size : 250%;
	text-align : center;	}





.tbl_unit tbody th
{	background : url("../common/paint_wall.png") center;
	background : url("../common/paint_wall_lime.png") center;
	background-size : 300%;
	padding : 5px 1em;	}

.tbl_unit tbody tr td:first-of-type
{	/*
	background : url("../common/paint_wall_lime.png") center;
	background-size : 300%;
	*/
	text-align : center;	}





.tbl_unit thead tr:first-child th:first-child
{	border-top-left-radius : 5px;	}

.tbl_unit thead tr:first-child td:last-child
{	border-top-right-radius : 5px;	}

.tbl_unit tbody tr:last-child th:first-child
{	border-bottom-left-radius : 5px;	}

.tbl_unit tbody tr:last-child td:last-child
{	border-bottom-right-radius : 5px;	}





/*
--------------------------------------------------------------------------------
□ 沿革
--------------------------------------------------------------------------------
*/
table.tbl_history
{	background : none;
	border : none;
	position : relative;	}





.tbl_history th, 
.tbl_history td
{	background : none;
	font-size : 90%;
	line-height : 1.5em;
	padding : 1em;
	border-style : none none dotted none;	}

.tbl_history tr:last-child th, 
.tbl_history tr:last-child td
{	border : none; }





.tbl_history th
{	color : #606060;
	color : #60A040;
	text-align : right;
	padding : 1em;	}





.tbl_history td
{		}





/*
--------------------------------------------------------------------------------
□ タイムテーブル
--------------------------------------------------------------------------------
*/
.list_schedule, 
.list_schedule li
{	list-style-type : none;	}





.list_schedule li
{		}

.list_schedule li:not(:last-child)
{	margin-bottom : 1.5em;	}





.list_schedule .hour
{	background : url("../common/icon_clock.png") no-repeat left center;
	color : #606060;
	text-align : right;
	width : 5.5em;
	margin-right : 1em;
	display : inline-block;	}





/*
--------------------------------------------------------------------------------
□ 年間行事
--------------------------------------------------------------------------------
*/
table.tbl_eventCalendar
{	background : none;
	border : none;
	position : relative;	}





.tbl_eventCalendar th, 
.tbl_eventCalendar td
{	background : none;
	font-size : 90%;
	line-height : 1.5em;
	padding : 1em;
	border-style : none none dotted none;	}

.tbl_eventCalendar tr:last-child th, 
.tbl_eventCalendar tr:last-child td
{	border : none; }





.tbl_eventCalendar th
{	color : #60A040;
	text-align : center;
	padding : 1em;	}





.tbl_eventCalendar td
{		}





/*
--------------------------------------------------------------------------------
□ テーブル：手引き
--------------------------------------------------------------------------------
*/
table.tbl_flowguidance, 
.tbl_flowguidance th,  
.tbl_flowguidance td
{	background : none;
	border : none;	}





table.tbl_flowguidance
{	border-collapse: separate;
	border-spacing : 1em 1.5em;
	/* counter-reset : apple; */
	counter-reset : cntFG;
	margin-top : -1em;	}





.tbl_flowguidance th
{	color : #FFFFFF;
	min-width : 100px;
	min-height : 100px;
	position : relative;
	/* counter-increment : apple; */
	counter-increment : cntFG;	}

.tbl_flowguidance th::before
{	/* content : counter(apple)"." ; */
	content : counter(cntFG)"." ;
	font-size : 1.5em;
	line-height : 1.5em;
	margin-right : 5px;	}

.tbl_flowguidance th::after
{	content : "";
	background : #000000;
	width : 100%;
	height : 100%;
	border-radius : 50%;
	display : block;
	position : absolute;
	top : 0;
	left : 0;
	z-index : -1;
	transform: rotate(10deg);	}





.tbl_flowguidance tr:nth-child(1) th::after
{	background-color : #FF6666;
	background-color : rgba(255, 102, 102, 0.8);	}

.tbl_flowguidance tr:nth-child(2) th::after
{	background-color : #FF9900;
	background-color : rgba(255, 153, 0, 0.8);	}

.tbl_flowguidance tr:nth-child(3) th::after
{	background-color : #99CC66;
	background-color : rgba(153, 204, 51, 0.8);	}

.tbl_flowguidance tr:nth-child(4) th::after
{	background-color : #3399CC;
	background-color : rgba(51, 153, 204, 0.8);	}

.tbl_flowguidance tr:nth-child(5) th::after
{	background-color : #CC99FF;
	background-color : rgba(204, 153, 204, 0.8);	}

.tbl_flowguidance tr:nth-child(6) th:after
{	background-color : #B57C6A;
	background-color : rgba(181, 124, 106, 0.8);	}

.tbl_flowguidance tr:nth-child(7) th:after
{	background-color : #6DB09C;
	background-color : rgba(109, 176, 156, 0.8);	}





.tbl_flowguidance th.red::after
{	background-color : #FF6666;
	background-color : rgba(255, 102, 102, 0.8);	}

.tbl_flowguidance th.orange::after
{	background-color : #FF9900;
	background-color : rgba(255, 153, 0, 0.8);	}

.tbl_flowguidance th.green::after
{	background-color : #99CC66;
	background-color : rgba(153, 204, 51, 0.8);	}

.tbl_flowguidance th.blue::after
{	background-color : #3399CC;
	background-color : rgba(51, 153, 204, 0.8);	}

.tbl_flowguidance th.purple::after
{	background-color : #CC99FF;
	background-color : rgba(204, 153, 204, 0.8);	}

.tbl_flowguidance th.brown::after
{	background-color : #B57C6A;
	background-color : rgba(181, 124, 106, 0.8);	}

.tbl_flowguidance th.bluegreen::after
{	background-color : #6DB09C;
	background-color : rgba(109, 176, 156, 0.8);	}






/*
--------------------------------------------------------------------------------
□ エラー：
--------------------------------------------------------------------------------
*/
.area_error
{		}






/*
--------------------------------------------------------------------------------
□ 開発時サンプル：
--------------------------------------------------------------------------------
*/
.area_example
{	background : rgba(255, 0, 0, 0.1);
	width : 90%;
	margin-left : auto;
	margin-right : auto;
	padding : 1.5em;
	border-radius : 5px;	}