@charset "utf-8";

/* *****************************************
/*+  トップページ  +************************
/***************************************** */
#mainImg {
	position:relative;
}
#movie {
	position:absolute;
	left:70px;
	top:175px;
	z-index:2;
}


/* topContents
----------------------------------------------------------*/
#topContents:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
#topContents { 
	display: inline-block;/*IE7・Mac版IE向け */
}
#topContents { 
	display: block;/*Opera、Safari向け */
}
#topContents {
	padding:20px 20px 30px 20px;
}


/* コンテンツナビ
----------------------------------------------------------*/
ul#cNaviBox {
	margin:0 auto;
	padding:0 0 30px 0;
	width:810px;
}
ul#cNaviBox:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
ul#cNaviBox { 
	display: inline-block;/*IE7・Mac版IE向け */
}
ul#cNaviBox { 
	display: block;/*Opera、Safari向け */
}
ul#cNaviBox li {
	padding:0 19px 0 0;
	float:left;
}
ul#cNaviBox li.last {
	padding:0;
	float:left;
}
ul#cNaviBox li p {
	padding:15px;
	background:url(../images/common/back.gif);
	width:227px;
}


/* 新着ブログ一覧（左ボックス）
----------------------------------------------------------*/
#topBlog {
	float:left;
	width:470px;
}
#topBlog a.btn {
	padding:0 0 0 20px;
	background:url(../images/common/arrow.gif) no-repeat 0 2px;
}
#topBlog ul {
	margin-bottom:10px;
}
#topBlog li {
	padding:8px 0;
	border-bottom:1px dotted #CCC;
}
#topBlog p.data {
	padding:0 15px;
	float:left;
	width:70px;
}
#topBlog p.title {
	padding:0 0 0 20px;
	float:right;
	background:url(../images/common/arrow.gif) no-repeat 0 2px;
	width:350px;
}

#topBlog li:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
#topBlog li { 
	display: inline-block;/*IE7・Mac版IE向け */
}
#topBlog li { 
	display: block;/*Opera、Safari向け */
}


/* 右ボックス
----------------------------------------------------------*/
#topBoxR {
	float:right;
}

/* ボランティア募集
----------------------------------------------------------*/
#topVol {
	margin-bottom:20px;
	padding:10px 15px;
	background:#3ba3cf;
	color:#fff;
	width:290px;
	text-align:center;
}
#topVol p {
	padding:10px 0 5px 0;
}


/* バナーリスト
----------------------------------------------------------*/
#topBnrList li {
	padding:0 0 10px 0;;
}




/* 対談
----------------------------------------------------------*/
#taidanLink{
	float:left;
	width:250px;
	height:150px;
	font-size:75%;
	margin:15px 0 0;
	}



/* SNSリンク
----------------------------------------------------------*/
#snsLink{
	float:right;
	width:200px;
	margin:15px 0 0;
	}