@charset "shift-jis";
/* /cooperate/index.html専用CSS */

/* ----------------------------
　　　　共通パーツ
---------------------------- */
h2 {
	margin:0;
	padding:0;
}
h3 {
	border:none;
}
.coop_top_li{
	font-size:14px;
	margin:0 0 10px 0px;
	list-style:none;
}


img{
border:0 none;
}
.a_ttl{
	background:url('../images/top/action_title.jpg') no-repeat scroll 0 0 transparent;
	width:979px;
	height:43px;
	margin:10px 0 20px 0;
	font-size:10px;
}
.a_ttl span{
	z-index:-1;
	position:relative;
}

#left{
	float:left;
	display:block;
	margin:0 10px 0 0;
}
#right{
	float:left;
	display:block;
}
.clear{
	clear:both;
}
/* ----------------------------
　　area01（ユニセフ募金）
---------------------------- */
.area01{
	width:613px;
/*	height:434px;*/
	margin:0 0 10px 0;
}
.area01_ttl{
	background:url('../images/top/ttl_01.jpg') no-repeat scroll 0 0 transparent;
	width:613px;
	height:40px;
}
.area01_ttl span{
	z-index:-1;
	position:relative;
}
.area01_txt{
/*	background:url('../images/top/area_01.jpg') no-repeat scroll 0 0 transparent;*/
	width:591px;
/*	height:394px;*/
/*	position:relative;*/
}
.area01a{
	background:url('../images/top/pic_01.jpg') no-repeat scroll 0 0 transparent;
	width:613px;
	height:150px;
	z-index:1;
	margin:0;
}
.area01a span{
	z-index:-1;
	position:relative;
}
.area01a ul{
	position:absolute;
	left:0px;
	top:85px;
}
.area01a ul li{
	margin:0 0 7px 15px;
}
.area01a img{
	position:absolute;
	left:416px;
	top:12px;
}
.area01b{
/*	position:relative;*/
}
.h3{
	background:url('../images/top/pic_01a.jpg')  no-repeat scroll 0 0 transparent;
	width:613px;
	height:32px;
}
.h3 span{
	z-index:-2;
	position:relative;
	margin:5px 0 0 15px;
	display:inline-block;
}
.area01b span{
	z-index:-1;
	position:relative;
}
.area01b ul{
/*	position:absolute;
	left:15px;
	top:218px;
	float:left;
	width:272px;*/
	padding:10px 0 0 10px;
}
.area01b ul li{
	margin:0 0 0 6px;
	padding:0 0 0 10px;
}
.pic01{
	margin:0;
}
.pic01 div{
	width:292px;
	height:88px;
	float:left;
}
.pic01b{
	background:url('../images/top/pic_01b_2501.jpg') no-repeat scroll 0 0 transparent;
}
.pic01b span{
	margin-left:-9999\9;
}
.pic01c{
	background:url('../images/top/pic_01c_2501.jpg') no-repeat scroll 0 0 transparent;
}
.pic01c span{
	margin-left:-9999\9;
}
.pic01d{
	background:url('../images/top/pic_01d_2501.jpg') no-repeat scroll 0 0 transparent;
}
.pic01d span{
	margin-left:-9999\9;
}
.pic01e{
	background:url('../images/top/pic_01e_2501.jpg') no-repeat scroll 0 0 transparent;
}
.pic01e span{
	margin-left:-9999\9;
}
.area01c li{
	width:200px;
	display:inline-block;
}
.pic01f li{
display:inline-block;
/* width:200px; */
	width:165px;
}
.pic_01fjpg{
float:right;
margin:1px 7px 10px 0;
}
.pic_01gjpg{
margin-bottom:10px;
}
.area01_txt.area_txt{
padding-bottom:15px;
}
/* --------------------------------------
　　area02（こんな募金・ご支援方法も）
-------------------------------------- */

.area02{
	width:613px;
	height:356px;
	margin:0 0 10px 0;
	position:relative;
}
.area02_ttl{
	background:url('../images/top/ttl_02.jpg') no-repeat scroll 0 0 transparent;
	width:613px;
	height:40px;
}
.area02_ttl span{
	z-index:-1;
	position:relative;
}
.area02_txt{
/*	background:url('../images/top/area_02.jpg') no-repeat scroll 0 0 transparent;
	height:317px;
	width:613px;*/
	padding:15px 0 0 0;
}
.area02img1{
	position:absolute;
	top:58px;
	left:251px;
}
.area02img2{
position:absolute;
top:199px;
left:250px;
}
.area02img3{
position:absolute;
top:194px;
left:479px;
}
.area02_txtul{
margin:10px 17px 20px 17px;
}
/* ----------------------------
　　area03（支援ギフト）
---------------------------- */

.area03{
	width:353px;
	margin:0 0 10px 0;
}
.area03_ttl{
	background:url('../images/top/ttl_03b.jpg') no-repeat scroll 0 0 transparent;
	width:353px;
	height:40px;
}
.area03_ttl span{
	z-index:-1;
	position:relative;
}
.area03_txt{
	width:331px;
/*	width:353px\9; */
	height:149px;
	padding:15px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
       /* IE10-specific styles go here */
.area03_txt{
/*	width:323px; */
}
}

.area03_txt p{
	margin:0;
}
.area03_txt img{
	float:right;
	clear:both;
	margin:0 0 15px 10px;
}

/* --------------------------------------
　area04（企業・団体・学校によるご支援）
-------------------------------------- */
.area04{
	width:353px;
/*	height:170px;*/
	margin:0 0 10px 0;
}
.area04 ul{
	margin:10px 0;
}
.area04_ttl{
	background:url('../images/top/ttl_04.jpg') no-repeat scroll 0 0 transparent;
	width:353px;
	height:40px;
}
.area04_ttl span{
	z-index:-1;
	position:relative;
}
.area04_txt{
/*	background:url('../images/top/area_04.jpg') no-repeat scroll 0 0 transparent;
	height:130px;*/
	width:331px;
	padding:15px 0 0 0;
}
.area04cgif{
	float:right;
	margin-bottom:10px;
}

/* --------------------------------------
　area04c（緊急支援情報）
-------------------------------------- */
.area04c{
	width:353px;
	margin:0 0 10px 0;
}
.area04c_ttl{
	background:url('../images/top/ttl_04b.jpg') no-repeat scroll 0 0 transparent;
	width:353px;
	height:40px;
}
.area04c_ttl span{
	z-index:-1;
	position:relative;
}
.area04c_txt{
	width:331px;
	height:110px;
}
.area04c_txt img{
	float:right;
	clear:both;
	margin:4px 9px 0 5px;
	width:133px;
}
.area_txt{
	padding:10px 10px 0;
	border:1px solid #09f;
	border-radius:0 0 10px 10px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#d0edff', endColorstr = '#ffffff');
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#d0edff', endColorstr = '#ffffff')";
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
background-image: -moz-linear-gradient(top, #d0edff, #ffffff);
background-image: -ms-linear-gradient(top, #d0edff, #ffffff);
background-image: -o-linear-gradient(top, #d0edff, #ffffff);
background-image: -webkit-gradient(linear, center top, center bottom, from(#d0edff), to(#ffffff));
background-image: -webkit-linear-gradient(top, #d0edff, #ffffff);
background-image: linear-gradient(top, #d0edff, #ffffff);
/*--IE9 DOES NOT SUPPORT CSS3 GRADIENT BACKGROUNDS--*/
}

/* --------------------------------------
　area05（日本ユニセフ協会の活動を支援）
-------------------------------------- */
.area05{
	width:353px;
	height:142px;
	margin:0 0 10px 0;
}
.area05_ttl{
	background:url('../images/top/ttl_05.jpg') no-repeat scroll 0 0 transparent;
	width:353px;
	height:40px;
}
.area05_ttl span{
	z-index:-1;
	position:relative;
}
.area05_txt{
	background:url('../images/top/area_05.jpg') no-repeat scroll 0 0 transparent;
	width:353px;
	height:102px;
	padding:15px 0 0 0;
}


/* -----------------------
　　area06（便利な機能）
------------------------ */
.area06{
	width:353px;
	height:143px;
	margin:0 0 10px 0;
}
.area06_ttl{
	background:url('../images/top/ttl_06.jpg') no-repeat scroll 0 0 transparent;
	width:353px;
	height:40px;
}
.area06_ttl span{
	z-index:-1;
	position:relative;
}
.area06_txt{
	background:url('../images/top/area_06.jpg') no-repeat scroll 0 0 transparent;
	width:353px;
	height:103px;
	padding:15px 0 0 0;
}

/* 2016/3/7追加 */
.cont_a01_left {
	float:left;
}

.cont_a01_right {
	float:right;
}
.cont_a01_right .pic_01fjpg2 {
	margin: 1px 7px 12px 0;
}
.cont_a01_right ul {
	margin:0;
}
.area02 {
	height:auto;
}