/* ヘッダーメイン画像 */
#kokoka{
	width:100%;
	overflow:hidden;
	text-align: center;
}
#kokoka #tween {
	height:395px;
	position: relative;
	background:no-repeat center top;
}
#kokoka #tween .bgImageTweenfader{
	width:100%;
	height:100%;
	background:no-repeat center top;
	bottom:0;
	right:0;
}
/* ヘッダーメイン画像上のリンク */
#kokoka div.mlink{
	position: absolute;
	height:100%;
	width:100%;
	bottom:0;
	right:0;
}
#kokoka div.mlink div{
	width:1022px;
	text-align: right;
	margin:0 auto;
	padding:0;
}
#kokoka div.mlink a{
	margin:5px auto;
	display: inline-block;
	/*width:235px;
	height:233px;
	width:282px;
	height:274px;*/
	width:287px;
	height:288px;
	background:url(../img/circle.gif) no-repeat scroll 0 0;
/*	background:url(../img/circle.png) no-repeat scroll 0 0;*/
}
#kokoka div.mlink a:hover{
	background:url(../img/circle_ho.gif) no-repeat scroll 0 0;
/*	background:url(../img/circle_ho.png) no-repeat scroll 0 0;*/
}
/*コンテンツ*/
.extra-wrap2{
	clear:both;
	overflow: hidden;
	width: 100%;
	padding-top: 34px;
}
.totop{
	clear:both;
	overflow: hidden;
	width: 100%;
	padding-top: 10px;
	height:21px;
	text-align:right;
}
a.box_a{
	color: #333333;
	text-decoration: none;
}
.box1, .box2, .box3, .box4 {
	margin:0 6px;
	width: 246px;
	height:282px;
	float: left;
	text-align:left;
}
.box1{margin-left:0px;}
.box4{margin-right:0px;}
.box5{
	width: 222px;
	height:260px;
	text-align:left;
	overflow: hidden;
}
.box6{
	width: 222px;
	height:256px;
	text-align:left;
	overflow: hidden;
	border: 1px solid #b2b1b1;
}
.box7{
	padding: 14px 12px 12px 11px;
}
.box8{
	width: 228px;
	height:260px;
	text-align:left;
	overflow: hidden;
}
.box9{
	width: 224px;
	height:260px;
	text-align:left;
	overflow: hidden;
}
.box10{
	width: 319px;
	height:88px;
	float: left;
	margin:6px;
	padding: 6px;
}
.box10_r{
	margin-right:0px;
}
.box10_l{
	margin-left:0px;
}
.box11{
	clear:both;
	overflow: hidden;
	border: 1px solid #b2b1b1;
	padding: 6px;
}
.box12{
	float:left;
	width: 218px;
}
.box13{
	float:right;
	padding: 9px 0;
}
.box14{
	height:88px;
	float: left;
	padding: 0px 29px 0px 0px;
}
.box15 {
	margin:0 6px 0 0;
	width: 762px;
	height:282px;
	float: left;
	text-align:left;
}
.box16 {
	margin:0 ;
	width: 510px;
	height:282px;
	float: left;
	text-align:left;
}
.box17 {
	margin:0 6px 0 0;
	width: 252px;
	height:282px;
	float: left;
	text-align:left;
}
.box18 {
	margin:0;
	width: 258px;
	height:282px;
	float: left;
	text-align:left;
}
.box19 {
	margin:0 6px 0 0;
	width: 504px;
	height:282px;
	float: left;
	text-align:left;
}

.bkg1{
	background-color:#fff;
}

.bkg1foryoutube{
	/*background-color:#b0c4de;*/
	/*background-color:#a9a9a9;*/
	background-color:#778899;


}
.jibkg{
	background-color:#fff;
}
.jibkg:hover{
	background-color:#fae9d7;
}

.ho1:hover {
	background-color:#F4DDEA;
}
.ho2:hover {
	background-color:#E0D2E3;
}
.ho3:hover {
	background-color:#FAE9D6;
}
.ho4:hover {
	background-color:#E2EFE6;
}
.ho5:hover {
	background-color:#FCE5E9;
}
.ho6:hover {
	background-color:#F8DFD7;
}
.ho7:hover {
	background-color:#DEDEED;
}
.ho8:hover {
	background-color:#D5EEFB;
}
.ho9:hover {
	background-color:#E7EDF0;
}
h2#h2_2{
	margin-bottom: 7px;
}
h2#h2_3, h2#h2_9{
	margin-bottom:0;
}
h2#h2_7{
	margin-bottom: 15px;
}
h2#h2_8{
	margin-bottom: 13px;
}
h2#h2_2, h2#h2_5, h2#h2_6{
	float:left;
}
h2#h2_1, h2#h2_4, h2#h2_5,
h2#h2_6, h2#h2_10{
	margin-bottom: 12px;
}
h2.h2_jigyo{
	margin-bottom: 5px;
}
.txtr{
	text-align:right;
}
.txtc{
	text-align:center;
}
.sp{
	margin:2px 0 2px 0px;
}
.mtop{
	margin:11px auto 0;
	padding:0;
}
p.fs1{
	margin:0 auto 1px;
	font-size:12px;
}
p.fs2{
	font-size: 10px;
	line-height: 13px;
	margin:0 auto 10px;
}
p.fs3{
	font-size: 10px;
}
p.fs4{
	margin:4px 4px 4px 2px;
	font-size:12px;
}
p.fs5{
	margin:4px 2px 4px 4px;
	font-size:12px;
}
p.fs6{
	margin:25px 5px 5px 5px;
	font-size:20px;
	color: #fff;
	font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	/*font-weight: bold;*/
	display: inline-block;
	font-size: 14px !important;
	line-height: 18px;
}

#coni_1{
	margin:0 0 11px;
}
#coni_2{
	margin:-18px 0 0 26px;
}
#coni_3{
	margin:0 0 14px;
}
#coni_5{
	margin:-10px 0 0;
}
#coni_6{
	margin:0 0 7px;
}
a#gallery{
	width: 246px;
	height:282px;
	background:url(../img/photo.jpg) no-repeat scroll 0 0;
}
a#gallery:hover{
	background:url(../img/photo_ho.jpg) no-repeat scroll 0 0;
}
a#gallery p{
	margin: 0 auto;
	padding:127px 0 0;
	width: 212px;
}
.totop a.pagetop{
	width:53px;
	height:11px;
	background:url(../img/totop.png) no-repeat scroll 0 0;
	overflow: hidden;
	float:right;
}
.totop a.pagetop:hover{
	background:url(../img/totop_ho.png) no-repeat scroll 0 0;
}
a.arr1{
	float:right;
	height: 13px;
	width: 13px;
	background:url(../../../common/img/arr1.png) no-repeat scroll 0 0;
}
a.arr1:hover{
	background:url(../../../common/img/arr1_ho.png) no-repeat scroll 0 0;
}
/* facebook */
div.fb-like-box{
	margin:0 auto;
	padding: 2px;
	width: 242px;
}
/*div.fb-like-box,*/
div.fb-like-box iframe[style],
div.fb-like-box span {
    width: 100% !important;
}
/* ツイッター */
#twtr-widget-1 .twtr-doc{
	margin:0 auto;
	padding:0;
	width:250px;
}
.twtr-ft div {
	padding: 5px 10px;
}
#twitter_box{
	padding:1px;
	height:281px;
	width: 244px;
}
#twitter_box:hover{
	background-color:#8BD3E5;
}
/* 新着情報・メッセージボード・ボランティア活動報告 */
#divinfo,#divvol,#divboard{
	width:221px;
	height:235px;
}
#divinfo dl, #divvol dl{
	clear:both;
	overflow: hidden;
	font-size:11px;
	border-bottom: 1px dotted #b2b1b1;
	margin:2px 0;
	padding:2px 0;
}
#divinfo dl{
	color:#000000;
}
#divvol dl{
	color:#6f6d6d;
}
#divinfo dl a{
	color:#000000;
	display:block;
}
#divvol dl a{
	color:#999999;
	display:block;
}
#divinfo dl:hover, #divinfo dl a:hover, #divvol dl:hover, #divvol dl a:hover{
	background-color:#721d79;
	color:#ffffff;
}
#divinfo dl dt.date{
	clear:both;
	overflow: hidden;
}
#divinfo dl dt span.date{
	display:block;
	float:left;
}
#divinfo dl dt span.like{
	display:block;
	float:right;
	padding-right: 5px;
}
#divinfo dl dt span.icon{
	display:block;
	float:right;
}
#divinfo dl dd, #divvol dl dd{
	clear:both;
	overflow: hidden;
	padding-top:5px;
	margin:0;
}
/* メッセージボード */
#divboard ul{
	clear:both;
	overflow: hidden;
	font-size:11px;
	color:#6f6d6d;
	margin:2px 0;
	padding:2px 0;
	line-height: 16px;
}
#divboard ul a{
	color:#999999;
	display:block;
}
#divboard ul li:hover, #divboard ul a:hover{
	background-color:#721d79;
	color:#ffffff;
}
ul.masseList li.icon_jp {
    background: url(../img/icon_jp.gif) no-repeat scroll 0 0 transparent;
    border-bottom: 1px solid #E6E6E6;
    margin: 0 0 5px;
    padding: 0 0 5px 25px;
}
ul.masseList li.icon_jp:hover {
    background:#721d79 url(../img/icon_jp.gif) no-repeat;
}
ul.masseList li.icon_en {
    background: url(../img/icon_en.gif) no-repeat scroll 0 0 transparent;
    border-bottom: 1px solid #E6E6E6;
    margin: 0 0 5px;
    padding: 0 0 5px 25px;
}
ul.masseList li.icon_en:hover {
    background:#721d79 url(../img/icon_en.gif) no-repeat;
}
ul.masseList li.icon_ch {
    background: url(../img/icon_ch.gif) no-repeat scroll 0 0 transparent;
    border-bottom: 1px solid #E6E6E6;
    margin: 0 0 5px;
    padding: 0 0 5px 25px;
}
ul.masseList li.icon_ch:hover {
    background:#721d79 url(../img/icon_ch.gif) no-repeat;
}
ul.masseList li.icon_ko {
    background: url(../img/icon_ko.gif) no-repeat scroll 0 0 transparent;
    border-bottom: 1px solid #E6E6E6;
    margin: 0 0 5px;
    padding: 0 0 5px 25px;
}
ul.masseList li.icon_ko:hover {
    background:#721d79 url(../img/icon_ko.gif) no-repeat;
}
ul.masseList li.icon_sp {
    background: url(../img/icon_sp.gif) no-repeat scroll 0 0 transparent;
    border-bottom: 1px solid #E6E6E6;
    margin: 0 0 5px;
    padding: 0 0 5px 25px;
}
ul.masseList li.icon_sp:hover {
    background:#721d79 url(../img/icon_sp.gif) no-repeat;
}
/* スクロールバー */
.jspTrack {
	background-color:#c9c9cb;
}
.jspDrag {
	background-color:#a0a0a0;
}
.jspVerticalBar {
	width: 10px;
}
.jspPane{
	width: 200px;
}

/*イベントカレンダー*/
#divCalender{
	width:221px;
	padding-top:3px;
}
/*AD SPONSOR*/
.ads {
	border: 3px solid #999999;
	height: 276px;
	width: 240px;
	float: left;
	margin-right: 0;
	margin-left:6px;
}
/*新着情報*/
#divNewsWrapp{
	background-color:#E0D2E3;
}