@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(title_wall.png) left center / auto auto no-repeat scroll padding-box border-box transparent;
	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(subcaption_wall.png) left bottom / auto auto repeat-x scroll padding-box border-box transparent;
	color : #404040;
	font-size : 90%;
	font-weight : bold;
	line-height : 2em;
	padding-left : 20px;
	margin-bottom : auto;
	position : relative;
}

.listCaption::before{
	content : url(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(icon_telephone.png);
}

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

.txt_mail.icon{
	background-image : url(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(icon_telephone_plate.png);
}

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

.txt_mail.icon_plate{
	background-image : url(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(curlybracket_left.png) left center / auto auto no-repeat scroll padding-box border-box transparent;
	background-size : contain;
}

.area_curlybracket_right{
	background : url(curlybracket_right.png) right center / auto auto no-repeat scroll padding-box border-box transparent;
	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 : url(area_event_wall.png) center top / auto auto repeat scroll padding-box border-box rgba(225, 225, 100, 0.5);
	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(circle_wall_gray.png) center center / auto auto no-repeat scroll padding-box border-box transparent;
	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 : url(paint_wall_yellow.png) center center / auto auto no-repeat scroll padding-box border-box #c5ebc9;
	background-size : 260%;
	text-align : center;
}

.tbl_information tr:nth-child(2n-1) th{
	background-image : url(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(paint_wall_lightgray.png) center center / auto auto no-repeat scroll padding-box border-box transparent;	
	background-size : 250%;
	text-align : center;
}





.tbl_unit tbody th{
	background : url(paint_wall.png) center center / auto auto repeat scroll padding-box border-box transparent;
	background : url(paint_wall_lime.png) center center / auto auto repeat scroll padding-box border-box transparent;
	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(icon_clock.png) left center / auto auto no-repeat scroll padding-box border-box transparent;
	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;
}