@charset "utf-8";

/* ***********************************************************
 *
 * Since:     2014-01-15
 * Editor:    contents kinoshita
 * Modified:  2014-00-00 by:
 *
 * ***********************************************************
 */


/* Font-size Adjustment
--------------------------------------------------------------
 *
 *    77% = 10px  |  122% = 16px  |	167% = 22px
 *    85% = 11px  |  129% = 17px  |	174% = 23px
 *    92% = 12px  |  136% = 18px  |	182% = 24px
 *    100% = 13px |  144% = 19px  |	189% = 25px
 *    107% = 14px |  152% = 20px  |	197% = 26px
 *    114% = 15px |  159% = 21px  |
 *
--------------------------------------------------------------
*/


/*============================================================

	Project

============================================================*/

#contents {
	width: 662px !important;
	float: left;
	margin: 0 0 4.0em 45px;
	border:0px solid #000;
	padding: 0 !important;
}

.side{
	width: 180px;
	float: right;
	margin: 0 45px 0px 0;
}

#heading { margin-bottom:33px; }


.hl{
	margin:0px 0px 0px 0px;
}


/*	contents
------------------------------------------------------------*/
.block {}

.block.childCare { margin-bottom:0; }

.block .txt {
	margin-bottom:15px;
	padding-right:274px;
	background:url(/frsupport/images/project/pic01.jpg) no-repeat right top;
}
.block .txt p { margin-bottom:2.0em; }

.block .txt p.link { margin:-1.5em 0px 1.0em; }

.facil { margin:0px 0px 2.0em -22px; }

.facil li {
	float:left;
	margin:0px 0px 22px 22px;
}


.block.surveys {
	padding-right:274px;
	background:url(/frsupport/images/project/pic08.jpg) no-repeat right top;
}
.block.surveys h4 {
	margin-bottom: 1.0em;
	padding:0.5em 0px 0.5em 1.0em;
	background:#F9E8EB;
	color:#D86478;	
}
.block.coop {
	padding-right:274px;
	background:url(/frsupport/images/project/pic06.jpg) no-repeat right top;
}
.coop .member {
	margin:1.0em 0px;
	padding:1.2em 2.0em;
	border:1px solid #DDD;
}
.qweaLink { font-size:92%; }

.qweaLink img {
	margin-right:0.8em;
	vertical-align:middle;
}

.block.consul .main {
	float:left;
	width:556px;
}

.block.consul .item { margin:2.0em 0px; }

.block.consul .item dt {
	margin-bottom: 1.0em;
	padding:0.5em 0px 0.5em 1.0em;
	background:#F9E8EB;
	color:#D86478;
}
.block.consul .item dd > ul { margin-left:-26px; }

.block.consul .item dd > ul > li {
	float:left;
	width:265px;
	margin:0px 0px 1.0em 26px;
}
.block.consul .item h4 { color:#D86478; }

.block.consul .item dd ul li ul li {
	padding-left:12px;
	background:url(/frsupport/images/common/marker01.jpg) no-repeat left 0.4em;
}

.noteArea {
	float:right;
	width:250px;
}
.block.consul .noteArea img { margin-bottom:0.5em; }

.block.consul .noteArea p { text-align:center; }

.block.consul .note {
	margin-top:0.5em;
	padding:0.5em 1.0em;
	border:1px solid #DDD;
	text-align:left !important;
}

.infoArea {
	position:relative;
	padding:20px 20px 0px;
  margin-bottom:25px;
	border:2px solid #F2CED4;
}
.infoArea .infoTitle { margin-bottom:18px; }

.infoArea p {
	position:absolute;
	right:20px;
	top:10px;
}
.infoArea dl dt { float:left; }

.infoArea dl dd {
	margin-bottom:1.0em;
	padding:0px 0px 1.0em 6.7em;
	border-bottom:1px solid #DDDDDD;
}

.infoArea dl dd img { margin-right:5px; }

.infoArea dl dd:last-child {
	margin-bottom:2.0em;
	padding-bottom:0px;
	border:none;
}

.infoArea dl dd .new {
	margin-left:0.5em;
	color:#C00;
	font-size:85%;
	font-weight:bold;
}

/*	------------------------------------------------------------
	#indexWrapper 
------------------------------------------------------------*/

#indexWrapper .hl{
	margin-bottom: 25px !important;
}

#indexWrapper .block01 {
	margin:0px 0px 0px;
	padding-right:248px;
	background:url(/frsupport/images/support/pic01.jpg) no-repeat right top;
}

#indexWrapper .block01 p {
	margin-bottom:2.0em;
	line-height:170%;
}

#indexWrapper .link { margin-top:-1.0em; }

#indexWrapper .flow01 { margin-bottom:20px; }

/*	inquiryBox
------------------------------------------------------------*/

#indexWrapper .inquiryBox{
	width:652px !important;
}

	#indexWrapper .inquiryBox .innerBox{
		padding: 18px 15px 18px 15px;
	}

/*	libraryWrapper
------------------------------------------------------------*/

#libraryWrapper .hl{
	margin-bottom: 30px;
}

/* searchSec */
#libraryWrapper .searchSec{
	background-image:url(/frsupport/images/common/link_bg.jpg);
	padding: 5px 5px 5px 5px;
	margin-bottom: 30px;
}

	#libraryWrapper .searchSec dl{
		background-color:#FFFFFF;
		padding: 15px 40px 15px 23px;
	}
	
		#libraryWrapper .searchSec dl dt{
			width: 145px;
			float: left;
			font-weight: bold;
			font-size:107%;
			padding: 5px 0 0 0;
		}
		
			#libraryWrapper .searchSec dl dt span{
				border-left:3px solid  #D86478;
				padding: 0 0 0 10px;
				line-height: 1.0 !important;
			}

		#libraryWrapper .searchSec dl dd input[type=text]{
			width: 375px;
			padding:5px 10px 5px 10px;
			margin: 0 2px 0 0;
		}
		
		#libraryWrapper .searchSec dl dd input[type=submit]{
			background-color:#D86478;
			color: #FFF;
			border: none;
			padding:5px 4px 5px 4px;
		}

/* searchrResult */

#libraryWrapper .searchrResult{
	margin: 0 0 5px 0;
}

	#libraryWrapper .searchrResult span{
		color: #D86478;
		font-size: 107%;
	}


/* resultTbl01 */	

#libraryWrapper .resultTbl01{
	width: 100%;
	border-collapse: collapse;
	margin: 0 0 20px 0;
}

	#libraryWrapper .resultTbl01 th{
		background-color: #F9E8EB;
		border: 1px solid #DDDDDD;
		padding: 10px 0 10px 0;
		text-align: center;
		line-height: 1.0;
		border-bottom: 1px solid  #D86478;
		font-weight: bold;
	}

	#libraryWrapper .resultTbl01 td{
		border: 1px solid #DDDDDD;
		padding: 12px 12px 12px 12px;
	}
	
		#libraryWrapper .resultTbl01 td.cell01{
			text-align: center;
			width: 16px;
		}
		
		#libraryWrapper .resultTbl01 td.cell02{
			width: 199px;
		}
		
		#libraryWrapper .resultTbl01 td.cell03{
			width: 276px;
		}
		
		#libraryWrapper .resultTbl01 td.cell04{
			width: 78px;
			text-align: center;
		}

	#libraryWrapper .resultTbl01 tr:nth-child(odd){
		background-color: #EEE;
	}


/* pagination */

#libraryWrapper .pagination{
	width: 100%;
	text-align: center;
}
	
	#libraryWrapper .pagination li{
		display: inline-block;
		margin: 0 5px 0 0;
	}
	
	#libraryWrapper .pagination li a{
		display: inline-block;
		border: 1px solid #ddd;
		padding: 8px 12px 8px 12px;
		text-decoration: none;
	}
	
	#libraryWrapper .pagination li.active a,
	#libraryWrapper .pagination li:hover a{
		background-color:#D86478;
		border: 1px solid #D86478;
		color: #FFF;
	}

	#libraryWrapper .pagination .prev{
		padding:0px 0px 0px 10px;
		background:url(/frsupport/images/common/arrow03.jpg) no-repeat left 50%;
		float: left;
	}
	
		#libraryWrapper .pagination .prev a{
			border: none;
		}
	
	#libraryWrapper .pagination .next{
		padding:0px 10px 0px 0px;
		background:url(/frsupport/images/common/arrow04.jpg) no-repeat right 50%;
		float: right;
	}
	
		#libraryWrapper .pagination .next a{
			border: none;
		}

/*	------------------------------------------------------------
	#childcareWrapper 
------------------------------------------------------------*/

#childcareWrapper .hl{
	margin-bottom: 25px !important;
}

/*	textBlock
------------------------------------------------------------*/
#childcareWrapper .textBlock{
	margin: 0 0 20px 0px;
}
	
/* textBox */
#childcareWrapper .textBlock .textBox{
	width: 378px;
	float: left;
}

	#childcareWrapper .textBlock .textBox p{
		margin-bottom: 10px;
	}
	
	#childcareWrapper .textBlock .textBox .emText{
		border: 1px dotted #C00;
		padding: 10px 10px 10px 10px;
		color: #C00;
		font-weight: bold;
		letter-spacing:-0.5px;
	}

/* imageBox */
#childcareWrapper .textBlock .imageBox{
	width: 250px;
	float: right;
}

/*	textBlock
------------------------------------------------------------*/
#childcareWrapper .textBlock{
	margin: 0 0 20px 0px;
}

/*	listBox01
------------------------------------------------------------*/
#childcareWrapper .listBox01{
	border: 2px solid #DDDDDD;
	padding: 11px 18px 0px 18px;
	margin-bottom: 40px;
}

	#childcareWrapper .listBox01 dt{
		border-bottom: 1px solid  #CCC;
		padding: 10px 0 10px 14px;
		line-height: 1.0;
		font-weight: bold;
		margin: 0 0 16px 0;
		background-image:url(/frsupport/images/common/hl_bg03.gif);
		background-position: 1px 8px;
		background-repeat: no-repeat;
		font-size: 114%;
	}
	
	#childcareWrapper .listBox01 dd{
		border-bottom: 1px dotted #CCC;
		padding: 0 10px 12px 2.5em;
		margin: 0 0 15px 0;
		font-size: 92%;
		text-indent: -2.5em;
	}	
	
	#childcareWrapper .listBox01 dd:last-child{
		border-bottom: 0px dotted #CCC;
	}	

/*	pageNavi01
------------------------------------------------------------*/
#childcareWrapper .pageNavi01{
	margin-bottom: 18px;
	margin-left: -4px;
}

	#childcareWrapper .pageNavi01 li{
		width: 212px;
		float: left;
		border: 3px solid  #D86478;
		margin-left: 4px;
	}
		
		#childcareWrapper .pageNavi01 li a{
			display: block;
			font-size: 114%;
			text-decoration: none;
			color: #444;
			font-weight: bold;
			padding: 16px 32px 15px 16px;
			line-height: 1.0;
			background-image:url(/frsupport/images/common/pagenavi_arrow01.png);
			background-repeat:no-repeat;
			background-position:181px 17px;
		}
		
		#childcareWrapper .pageNavi01 li a:hover{
			background-color:#F9E8EB;
		}

/*	flowBox
------------------------------------------------------------*/

#childcareWrapper .flowBox{
	background-image:url(/frsupport/images/common/link_bg.jpg);
	padding: 3px;
	clear: both;
}

	#childcareWrapper .flowBox dl{
		background-color:#FFFFFF;
		padding: 18px 17px 18px 27px;
		overflow: hidden;
		display: table;
		width: 612px;
	}
	
		#childcareWrapper .flowBox dl dt{
			width: 60px;
			float: left;
			vertical-align: middle;
			padding: 15px 0px 0px 0px;
		}
		
		#childcareWrapper .flowBox#no03 dl dt{
			padding-top: 25px !important;
		}
		
		#childcareWrapper .flowBox#no04 dl dt{
			padding-top: 5px !important;
		}
		
		#childcareWrapper .flowBox dl dd{
			width: 504px;
			border-left: 2px solid  #D9677B;
			padding:10px 0px 10px 26px;
			float: left;
			font-size: 92%;
		}
		
			#childcareWrapper .flowBox dl dd .lead{
				font-weight: bold;
				font-size: 122%;
			}
		
		#childcareWrapper .flowBox dl dd.teisyutsu{
			background-image:url(/frsupport/images/project/childcare_flow_image01.jpg);
			background-repeat:no-repeat;
			background-position: right 50%;
			padding:20px 80px 15px 26px;
			width: 440px;
		}
		
		#childcareWrapper .flowBox dl dd .textRed01{
			color: #C00;
			font-weight: bold;
		}
		
		#childcareWrapper .arrow01{
			text-align: center;
			margin: 10px 0 10px 0;
		}

/*	flowBox
------------------------------------------------------------*/

#childcareWrapper .link01,
#trainingWrapper .link01{
	width: 622px;
	margin: 0 auto 35px;
}

#childcareWrapper .link01 li,
#trainingWrapper .link01 li{
	background:url(/frsupport/images/common/link_bg.jpg);
  	margin-bottom:5px;
}

#childcareWrapper .link01 li a,
#trainingWrapper .link01 li a{
	display:block;
	padding:0.8em 2.0em 0.8em 34px;
	background:url(/frsupport/images/common/link_bg_arrow.jpg) no-repeat left;
	text-decoration:none;
}


#childcareWrapper .link01 li a span,
#trainingWrapper .link01 li a span{
	color: #444 !important;
}


#childcareWrapper .link01 li a:hover,
#trainingWrapper .link01 li a:hover { background:#F9E8EB url(/frsupport/images/common/link_bg_arrow.jpg) no-repeat left; }

/*	------------------------------------------------------------
	#trainingWrapper 
------------------------------------------------------------*/

#trainingWrapper .block01{
	margin: 0 0 30px 0;
}

	#trainingWrapper .block01 .boxLeft01{
		width: 320px;
		float: left;
	}

	#trainingWrapper .block01 .boxRight01{
		width: 320px;
		float: right;
	}

/*	------------------------------------------------------------
	#invitationWrapper 
------------------------------------------------------------*/

#invitationWrapper .mainCopy{
	margin: 0 0 40px 0;
	background-image:url(/frsupport/images/project/invitation_image01.jpg);
	background-repeat:no-repeat;
	background-position:right top;
	min-height:200px;
	padding: 0 280px 0 0;
}

#invitationWrapper .link01{
	text-align: right;
	margin: 00px 0 30px 0;
}

	#invitationWrapper .link01 a{
		background-image:url(/frsupport/images/common/arrow05.jpg);
		background-repeat: no-repeat;
		background-position: 0 50%;
		padding: 0 0 0 20px;
	}

#invitationWrapper .seminarList{
	margin: 0 0 30px 0;
}

	#invitationWrapper .seminarList li{
		border-bottom: 1px solid #DDDDDD;
		padding: 12px 10px 12px 10px;
	}

		#invitationWrapper .seminarList li a{
			background-image:url(/frsupport/images/common/arrow02.png);
			background-repeat: no-repeat;
			background-position: 0 50%;
			padding: 0 0 0 15px;
		}

#invitationWrapper .btnList{
	margin: 0 0 30px 0;
}

	#invitationWrapper .btnList li{
		float: left;
		margin: 0 22px 0 0px;
	}
	
	#invitationWrapper .btnList li:last-child{
		margin: 0 0 0 0px;
	}

/*	------------------------------------------------------------
	#qweanetWrapper 
------------------------------------------------------------*/

#qweanetWrapper .textBlock{
	width: 390px;
	float: left;
}
	
	#qweanetWrapper .textBlock .uniList{
		border-top: 1px solid  #DDD;
		border-bottom: 1px solid  #DDD;
		padding: 15px 10px 15px 10px;
		margin: 0 0 20px 0;
	}
	
		#qweanetWrapper .textBlock .uniList dt{
			color: #D86478;
			font-weight: bold;
			margin: 0 0 5px 0;
		}

#qweanetWrapper .imageBlock{
	width: 230px;
	float: right;
}