#wrapArea,
#donationArea{
	margin:0 auto 30px;
	background : #e6f8fa url('images/bg_wrapArea.png') no-repeat;
	background-position : top center;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	background-size: 100%;
	padding-bottom : 3%;
	border : 1px solid #6cd1f6;
}
#wrapArea #mainArea {
	background : url('images/bg_contents_top.png') no-repeat;
	background-position : top center;
	margin : 2% 4%;
	padding : 10px 0 0 0;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	background-size: 100%;
}
#wrapArea #mainArea .mainInner{
	background : url('images/bg_contents_bottom.png') no-repeat,url('images/bg_contents.png') repeat-y;
	background-position :bottom center,bottom center;
	padding : 4%;
	-webkit-background-size: 100%,100%;
	-moz-background-size: 100%,100%;
	background-size: 100%,100%;
}


/*-------------index--------------*/


#index #newcardBnr {
	margin : 20px 8px 5px 8px;
	border-radius : 5px;
	padding : 1%;
	border :1px solid #0079b2;
	background : #fff;
    font-size : 60%;
}
#index #newcardBnr h1{
	color : #0079b2;
	margin-top : -16px;
	text-align : center;
	margin-bottom : 2%;
	font-size : 150%;
	margin-right : 25%;
	margin-left : 25%;
}

#index #newcardBnr li{
	float : left;
	text-align : left;
	width : 32.6%;
	margin-right : 1%;
}
#index #newcardBnr li:last-child{
	float : right;
	margin-right : 0;
}


#index #wrapArea{
	padding-bottom : 0;
	text-align : center;
}
#index #wrapArea ul.inavi{
	margin : auto 4.5% auto 4.5%;
	margin-top : 10px;
	padding-bottom : 7%;
}
#index #wrapArea ul.inavi li.main{
	float : none;
	width : 96.6%;
	padding-bottom : 3%;
}
#index #wrapArea ul.inavi li{
	float : left;
	width : 32%;
	padding-bottom : 3%;
	margin-right : 1.4%;
}
#index #wrapArea ul.inavi li:nth-child(3n+1){
	margin-right : 0;
}

#index #wrapArea ul.inavi li.main{
	float : none;
	width : 100%;
	padding-bottom : 3%;
}

#index #wrapArea #mapArea li:nth-child(odd){
	float : left;
	width : 48.3%;
	padding-bottom : 3%;
}

#index #wrapArea #mapArea li:nth-child(even){
	float : right;
	width : 48.3%;
	padding-bottom : 3%;
}
#index #wrapArea #mapArea{
	background : url('images/index/bg_map_area.png') no-repeat;
	background-position : top center;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	background-size: 100%;
	padding-top : 40px;
	padding-bottom : 10px;
}
#index #wrapArea #mapArea h2 {
	background: #005d9b;
	color: #fff;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	font-size: 11px;
	padding: 3px 5px;
	margin : auto 50% auto 4.5%;
	font-weight: bold;
}
#index #wrapArea #mapArea ul{
	margin : 20px 4.5% auto 4.5%;
}





#about #wrapArea #mainArea .contentsHeader,
#feature #wrapArea #mainArea .contentsHeader,
#achieved #wrapArea #mainArea .contentsHeader,
#cardListDonation #wrapArea #mainArea .contentsHeader{
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding : 2%;
	margin-bottom : 10px;
}

#about #wrapArea #mainArea .contentsHeader h1,
#feature #wrapArea #mainArea .contentsHeader h1,
#achieved #wrapArea #mainArea .contentsHeader h1,
#cardListDonation #wrapArea #mainArea .contentsHeader h1{
	font-size : 16px;
	font-weight : bold;
	color : #fff;
	background : url('images/bg_h1.png') no-repeat;
	background-position : left bottom;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	background-size: 100%;
	padding-bottom : 14px;
}

#about #wrapArea #mainArea .contentsHeader p,
#feature #wrapArea #mainArea .contentsHeader p,
#achieved #wrapArea #mainArea .contentsHeader p,
#cardListDonation #wrapArea #mainArea .contentsHeader p{
	text-align : left;
	font-size : 12px;
	font-weight : bold;
	color : #fff;
}


/*-------------about--------------*/
#about #wrapArea #mainArea .contentsHeader{
	background : #bbd004;
}
#about #wrapArea #mainArea h2{
	margin-bottom : 0px;
}
#about #wrapArea #mainArea .about{
	padding : 15px 0;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	background-size: 100%;
}
#about #wrapArea #mainArea .about p{
	margin-bottom : 15px;
}
#about #wrapArea #mainArea .flow h2{
	margin-bottom : 15px;
}
#about #wrapArea #mainArea .flow .lead{
	margin-top : 15px;
	margin-bottom : 10px;
}


/*-------------achieved--------------*/
#achieved #wrapArea #mainArea .contentsHeader{
	background : #ec2691;
}

#achieved #wrapArea #mainArea h2{
	color : #ec2691;
	font-weight : bold;
	font-size : 14px;
	border-bottom : 1px solid #ec2691;
	padding : 5px;
	margin : 0 auto 10px auto;
	line-height : 1.4em;
}
#achieved #wrapArea #mainArea .article{
	margin : 30px 0 20px 0;
	text-align : left;
}
#achieved #wrapArea #mainArea .article p{
	margin : 18px 0;
	font-size : 12px;
}
#achieved #wrapArea #mainArea .article ul{
	margin : auto auto 15px 0;
}
#achieved #wrapArea #mainArea .article ul li{
	float : left;
	width : 30%;
	margin-right : 2%;
}
#achieved #wrapArea #mainArea .article ul li:first-child{
	margin-left : 3%;
}
#achieved #wrapArea #mainArea .article p.leftImg{
	float : left;
	margin : 10px 5px 5px 0;
	width : 30%;
}
#achieved #wrapArea #mainArea .article.last{
	margin-bottom : 0px;
}



/*-------------feature--------------*/
#feature #wrapArea #mainArea .contentsHeader{
	background : #1ec8ca url('images/feature/bg_contents_header.png') no-repeat;
	background-position : right bottom;
	-webkit-background-size: 150px auto;
	-moz-background-size: 150px auto;
	background-size: 150px auto;
}

#feature #wrapArea #mainArea h2{
	margin : 0 auto 20px auto;
}
#feature #wrapArea #mainArea .article{
	margin : 10px 0;
	text-align : left;
	border-bottom : 1px dotted #c0c0c0;
	padding-bottom : 10px;
}
#feature #wrapArea #mainArea .article p{
	margin : 18px 0;
	font-size : 12px;
}
#feature #wrapArea #mainArea .article p.leftImg{
	float : left;
	width : 100px;
	margin : 0 5px 5px 0;
}
#feature #wrapArea #mainArea .article p.rightImg{
	float : right;
	margin : 0 0 5px 5px;
	width : 100px;
}
#feature #wrapArea #mainArea .article p strong.red{
	color : #eb5a44;
}
#feature #wrapArea #mainArea .article.last{
	border : none;
	margin-bottom : 0px;
}


/*-------------cardList--------------*/
#cardList #wrapArea #mainArea h1{
	font-size : 14px;
	border-bottom : 1px solid #005d9c;
	color : #005d9c;
	margin-bottom : 15px;
}
#cardList #wrapArea #mainArea li h2,
#cardListDonation #wrapArea #mainArea li h2{
	background : none;
	background: url('/s/common/images/link_point08.png'),-moz-linear-gradient(top,#FFF 0%,#e8e8e8);
	background: url('/s/common/images/link_point08.png'),-webkit-gradient(linear, left top, left bottom, from(#FFF), to(#e8e8e8));
	background-repeat : no-repeat,no-repeat;
	background-position : 0% 50%,100% 100%;
	-webkit-background-size: auto 21px,auto;
	background-size: auto 21px,auto;
	border : 1px solid #bfbfbf;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	color : #083e56;
	padding : 0;
	margin : 0 0 10px 0;
	text-align : left;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#cardList #wrapArea #mainArea li h2 a,
#cardListDonation #wrapArea #mainArea li h2 a{
	display : block;
	font-size : 12px;
	color: #424242;
	padding : 8px 5px 8px 28px;
}
#cardList #wrapArea #mainArea li h2 a span{
	font-size :10px;
	/*color : #1ea0df;*/
	margin-left : 5px;
}
#cardList #wrapArea #mainArea .post_inner,
#cardListDonation #wrapArea #mainArea .post_inner{
	margin-top : 10px;
	display : none;
}
#cardList #wrapArea #mainArea .post_inner li,
#cardListDonation #wrapArea #mainArea .post_inner li{
	border-bottom : 1px solid #bfbfbf;
}
#cardList #wrapArea #mainArea .post_inner li a,
#cardListDonation #wrapArea #mainArea .post_inner li a{
	display : block;
	padding : 10px 5px 10px 5px;
}
#cardList #wrapArea #mainArea .post_inner li a span.en{
	font-size : 80%;
}
#cardList #wrapArea #mainArea .att{
	color : #ff0000;
}
#cardList #wrapArea #mainArea .post_inner li.close,
#cardListDonation #wrapArea #mainArea .post_inner li.close{
	text-align : right;
	margin : 10px;
	border : none;
}
#cardList #wrapArea #mainArea .post_inner li.close a,
#cardListDonation #wrapArea #mainArea .post_inner li.close a{
	padding : 5px;
	display : inline-block;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background : #005d9c;
	color : #fff;
}

#cardList #wrapArea #mainArea h3{
	font-size : 14px;
	border-bottom : 1px solid #e56f13;
	color : #e56f13;
	margin-bottom : 15px;
	margin-top : 20px;
}


/*-------------cardListDonation--------------*/
#cardListDonation #wrapArea #mainArea .contentsHeader{
	background : #00ac46 url('images/card_list_donation/bg_contents_header.png') no-repeat;
	background-position : right bottom;
	-webkit-background-size: 90px auto;
	-moz-background-size: 90px auto;
	background-size: 90px auto;
}
#cardListDonation #wrapArea #mainArea span.new{
	border-radius : 3px;
	background : #ec2590;
	color : #fff;
	font-size : 8px;
	display : inline-block;
	padding : 1px 5px;
	text-align : center;
	margin-right : 3px;
}