@charset "utf-8";

.pc_only{}
.sp_only{display: none;}

.wrap{
	width:1000px;
	margin:0 auto;
}

.inbox{}

.period{margin-bottom: 0;}

hr{
	clear:both;
	border:0;
	padding-bottom: 80px;
}

/*header-------------------------*/

#header{
	padding-top:20px;
	background: url("../images/bar.png") repeat-x;
	background-size: auto 8px;
}




/*contents-------------------------*/


article{}

section{}

/**グローバルメニュー*/
#area_gmenu h1{
	float: left;
	margin-right: 20px;
	line-height: 0;
}
#area_gmenu h1 img{
	width: 200px;
}
#area_gmenu ul{
	display: table;
	width: 780px;
}
#area_gmenu ul li{
	display: table-cell;
	width: 170px;
	text-align: center;
	font-size: 2.0rem;
}
#area_gmenu ul li a{
	display: block;
	color: #333;
	text-decoration: none;
	height: 50px;
	padding-top: 20px;
}

#area_gmenu ul li#con001{
	background: url("../images/bar_b.jpg")no-repeat bottom center;
}
#area_gmenu ul li#con002{
	background: url("../images/bar_o.jpg")no-repeat bottom center;
}
#area_gmenu ul li#con003{
	background: url("../images/bar_g.jpg")no-repeat bottom center;
}
#area_gmenu ul li#con004{
	background: url("../images/bar_y.png")no-repeat bottom center;
}
#area_gmenu ul li#con001,
#area_gmenu ul li#con002,
#area_gmenu ul li#con003,
#area_gmenu ul li#con004{
	background-size: auto 16px;
}


/*新着情報*/
#area_whatsnew{
	background: #F7E7C5;
	padding: 30px 0;
}
#area_whatsnew h2{
	font-size: 3.2rem;
	font-weight: normal;
	color: #5C66A4;
	float: left;
}
#area_whatsnew ul{
	margin-left: 240px;
}
#area_whatsnew ul li{
	border-bottom: 2px dashed #fff;
	padding: 20px 0 10px 0;
}
#area_whatsnew ul li:first-child{
	padding-top: 0!important;
}
#area_whatsnew ul li:last-child(){
	border-bottom: 0!important;
}
#area_whatsnew ul li span{}
#area_whatsnew ul li strong{}


/*活動日誌*/
#area_diary{
	text-align: center;
}
#area_diary h2{
	font-size: 3.2rem;
	font-weight: normal;
	color: #5C66A4;
}

#area_diary ul#cat{
	display: table;
	width: 100%;
	margin: 0 auto;
}
#area_diary ul#cat li{
	display: table-cell;
	padding: 0 30px;
}
#area_diary ul#cat li img{
	width: 100%;
}


/*あいさつ*/
#area_hello{
}

#area_hello .wrap{
	background: url("../images/img_xxx2.jpg")no-repeat;
	background-size: 340px auto;
	padding-left: 380px;
}

#area_hello h2{
	font-size: 3.2rem;
	font-weight: normal;
	color: #5C66A4
}

#area_hello3 .wrap{
	background: url("../images/img_xxx3.jpg")no-repeat;
	background-size: 340px auto;
	padding-left: 380px;
}

#area_hello3 h2{
	font-size: 3.2rem;
	font-weight: normal;
	color: #5C66A4
}

#area_hello4 .wrap{
	background: url("../images/img_xxx4.jpg")no-repeat;
	background-size: 340px auto;
	padding-left: 380px;
}

#area_hello4 h2{
	font-size: 3.2rem;
	font-weight: normal;
	color: #5C66A4
}

#btn_contact_hello img{
	width: 460px;
}


/*支援者さまへ*/
#area_supporter{
	background: url("../images/bar_color.jpg")no-repeat top center;
	background-size: 1000px auto;
}
#area_supporter .wrap{
	padding: 80px 80px 20px 80px;
}
#area_supporter h2{
	font-size: 3.2rem;
	font-weight: normal;
	color: #5C66A4;
	text-align: center;
	padding-bottom: 1em;
}

#area_supporter #wide2{
	padding-bottom: 120px;
	background: url("../images/bar_color_bottom.jpg")no-repeat bottom center;
	background-size: 1000px auto;
}


/*アクセス*/
#area_access{
	text-align: center;
	border-bottom: 10px solid #5B66A4;
}
#area_access h2{
	font-size: 3.2rem;
	font-weight: normal;
	color: #5C66A4;
}


#area_foot_head{
	text-align: center;
}
#area_foot_head img{
	width: 200px;
}



/*footer-------------------------*/

#footer{
	background:#5C66A4;
	padding:20px 0;
}

#footer div#f_list{
}

#footer div#nav{
	float: left;
	width: 400px;
}
#footer div#menu{
	float: right;
	width: 400px;
}

#footer dl{}

#footer dl dt{
	color:#FFF;
	border-bottom: 2px solid #fff;
	padding-bottom: 6px;
	margin-bottom: 10px;
}
#footer dl dd{
	color:#FFF;
}
#footer dl dd strong{
	color: #fff;
	font-size: 2.6rem;
	font-weight: normal;
}

#footer dl dd a{
	color:#FFF;
	text-decoration: none;
}

#contact_f{
	padding: 20px 0;
}
#contact_f img{
	width: 300px;
}


#copyright{
	color:#5C66A4;
	padding-top:6px;
}

#copyright p#address{
	float: left;
	font-size:1.4rem;
}


p.totop{
	font-size:1.4rem;
	text-align:right;
	float: right;
}
p.totop a{
	text-decoration:none;
}


/*共通*/

#area_title{}
#area_title h2{}
#area_title h2 img{width: 100%;}