@charset "utf-8";
/* CSS Document */
/* ===================================================================
CSS information

 file name  :toppage.css
 style info :トップページのスタイル定義
=================================================================== */


/* -----------------------------------------------------------
		トップflash
----------------------------------------------------------- */

div#flash-box {
	width: 100%;
	height: 440px;
	background: #e8eeee url(../../images/flash_bg.jpg) no-repeat;
	background-position: center;
}

	div#flash-var p {
		padding-top: 50px;
		text-align: center;
	}

div#container {
	padding-top: 30px;
}

div#main {
	width: 945px;
}


/* -----------------------------------------------------------
		サービスエリア
----------------------------------------------------------- */

div.top-sec {
	margin-bottom: 20px;
}


div.service-box {
	width: 177px;
	float: left;
	margin-right: 14px;
	border-bottom: 1px solid #e9ecd1;
}

div.fc {
	margin-right: 0;
}

	div.service-txt {
		font-size: 91.7%;
		padding: 8px 10px;
		border: 1px solid #c3d194;
		border-top: 0;
		background: #ffffff;
	}
	


/* -----------------------------------------------------------
		information
----------------------------------------------------------- */


div#infoBox {
	float: left;
	clear: both;
	width: 705px;
}

	div#info-title {
		width: 705px;
		height: 30px;
		margin-bottom: 10px;
		position: relative;
		background: url(../../images/title_topinfo.gif) no-repeat;
	}
	
	div#info-title h2 {
		text-indent: -9999px;
	}
	
	div.listBtn {
		position: absolute;
		top: 7px;
		right: 7px;
	}
	
	div.topics-r-top {
		/*  新着情報一覧ページの分は[pages.css]に記述  */
		float: left;
		width: 440px;
		padding-left: 20px;
		/*color: #8bb800;*/
		color:#333;
	}

	
/* -----------------------------------------------------------
		contact
----------------------------------------------------------- */

div#contact-top {
	float: right;
	width: 225px;
	margin-bottom: 20px;
}

	div#contact-top-box {
		padding: 10px;
		padding-bottom: 15px;
		font-size: 81.3%;
		border: 1px solid #c0d198;
		background: #ffffff; /*url(../images/contact_rCol_bg.gif) no-repeat-->*/
		background-position: bottom center;
	}
	
	div#contact-top ul {
		margin-top: 8px;
	}
	
	div#contact-top li {
		float: left;
		list-style: none;
		letter-spacing: 0;
		padding-left: 12px;
		padding-right: 5px;
		background: url(../images/icon_plus.gif) no-repeat;
		background-position: left center;
	}
	
	div#tel-number {
		text-align: center;
		margin-top: 10px;
	}
	

/* -----------------------------------------------------------
		banner bottom
----------------------------------------------------------- */

div#banner-bottom {
	clear: both;
}

	div#banner-bottom img {
		margin-top:10px;
		margin-right: 15px;
	}
	
	div#banner-bottom img.rImg {
		margin-right: 0;
	}
	
	
	
	
	/* -----------------------------------------------------------
		20110629追加　oshirase
----------------------------------------------------------- */

div#oshirase-top {
	float: right;
	width: 225px;
	margin-bottom: 20px;
}

	div#oshirase-top-box {
		padding: 10px;
		padding-bottom: 15px;
		font-size: 100%;
		border: 1px solid #c0d198;
		background: #ffffff; /*url(../images/contact_rCol_bg.gif) no-repeat-->*/
		background-position: bottom center;
	}
	
	div#oshirase-top-box .span {
		color:#613030;
		font-weight:bold;
	}