@charset "utf-8";

/*----------------------------------------------
 * clearfix
------------------------------------------------*/
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;font-size:0;line-height:0}.clearfix{display:inline-table}/* Hides from IE-mac \*/ * html .clearfix{height:1%}*:first-child+html .clearfix{height:1%}.clearfix{display:block}/* End hide from IE-mac */

.dispNone{
  overflow:hidden;
  height:0;
  width:0;
}


/* common
============================================ */
body{
  font-family:"メイリオ",Meiryo,"Helvetica Neue",Helveitca,Arial,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

.yj100per-1 #wrapper, .yj100per-2 #wrapper, .yj100per-3 #wrapper{
  padding:0;
  background:#F5F9EA;
}
.yj100per-1 #yjContentsBody span.yjGuid{
  height:0;
  width:0;
}

#masthead,
#yjContentsBody{
  width:950px;
  margin:0 auto;
}
.yj100per-2 #yjMain{
  width:640px;
  margin:0;
}
a{
  text-decoration:none;
}

.cb{ clear:both;}

 /* IE7 */
*:first-child+html .cf { zoom: 1;}

/* footer
============================================ */
#footer {
	position:relative;
	clear:both;
	margin:0 auto;
	padding:20px 0 24px;
  background:#fff;
	text-align:center;
}
#footer .wrap {
	width:550px;
	margin: auto;
	position: relative;
	text-align: left;
}
#footer p {
	padding:0;
	text-align:center;
}
#footer .Ybang {
	position:absolute;
	top:-4px;
	left:28px;
	margin:0;
}



/* main
============================================ */

.mainLinkWrap{
  position:relative;
  width:950px;
  height:482px;
  margin:0 auto;
}

.mainLink{
  display:block;
  position:absolute;
  overflow:hidden;
  width:150px;
  height:30px;
  right:-50px;
  top:420px;
  text-indent:-9999px;
}

.topLink{
  display:block;
  position:absolute;
  overflow:hidden;
  width:210px;
  height:45px;
  right:-50px;
  top:10px;
  text-indent:-9999px;
}

#yjContentsHeader{
  padding-bottom:20px;
  background:#fff;
  background:url(https://s.yimg.jp/images/evt/social-action/kumamoto/img/backMainImg.jpg) repeat-x center top #fff;
  background-size: 1050px 482px;
}

.mainImg{
  width:1080px;
  height:482px;
  margin:-10px auto 15px;
  background:url(https://s.yimg.jp/images/evt/social-action/kumamoto/img/mainImg_pc.jpg) no-repeat center top;
}
/*
sns
*/

.header_social{text-align:center; margin-bottom:10px;}
.social{  margin:0 auto; width:950px;}
.top-fb,.top-tw{}


.top-fb a,.top-tw a{
	width:296px;
	display:block;
	padding-left:176px;
	float:left;
	margin-bottom: 10px;
	height: 56px;
  border-radius: 5px;
}
.top-fb a{
	background:#3d5a99;
}
.top-tw a{
	background:#1db0e6;
	float:right;
}
/*.donCmn*/
body a {color:#1ca8cb;}
.donCmn object{float:left;}
.donCmn {clear:both;}
.donCmn a{float:left;}
.donCmn li{clear:both; padding-bottom:40px; padding-top:20px; overflow:hidden; width:950px; display:block;}
.donCmn li.last-child {
  float: none;
  width: auto;
  overflow: hidden;
}
.donCmnL p{
  padding-top:10px;
}
.donCmnL{ float:left; margin-left:20px; width:550px;}
.donCmn .cmnTtl{
	font-size:143.8%;
	min-height:45px;
	height: auto !important;
	height:45px;
	float:left;
}
/**/
.donCmn .more{float:right;}
.donCmn .tag {margin:5px 0; clear:both;
/*add*/
margin:10px;
line-height:2em;
}
.donCmn .tag span{ background:#1ca8cb; color:#fff; padding:3px 6px;
    border-radius: 3px;        /* CSS3草案 */
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 3px;   /* Firefox用 */
}
p.tag.under{
    margin:0 0 10px 0;
}
a.cmnTtl.under{
margin-bottom:-12px;
}
/*payHow*/
.payHow { clear:both;}
.payHow .wallet,.payHow .point { margin:auto; float:left; width:268px;
    border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */
    padding-top: 0;
}
.payHow .wallet img,.payHow .point img{ padding:0 10px 0 15px; float:left;}
.payHow .point img{ margin-left:30px;}
.payHow .wallet a,.payHow .point a{ color:#fff; line-height:2.5em; padding-right:10px;}
.payHow .wallet{ border:#0071DD 1px solid;
background: #03ade8; /* Old browsers */
background: -moz-linear-gradient(top,  #03ade8 0%, #3781b8 50%, #386e9a 51%, #387eb2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#03ade8), color-stop(50%,#3781b8), color-stop(51%,#386e9a), color-stop(100%,#387eb2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #03ade8 0%,#3781b8 50%,#386e9a 51%,#387eb2 100%); /* Chrome10+,Safari5.1+ */
background: -ms-linear-gradient(top,  #03ade8 0%,#3781b8 50%,#386e9a 51%,#387eb2 100%); /* IE10+ */
background: linear-gradient(to bottom,  #03ade8 0%,#3781b8 50%,#386e9a 51%,#387eb2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03ade8', endColorstr='#387eb2',GradientType=0 ); /* IE6-9 */
}
.payHow .point{ border:#D01315 1px solid; background: #fa5252; /* Old browsers */
background: -moz-linear-gradient(top,  #fa5252 0%, #d22e30 49%, #d22e30 50%, #b3292f 51%, #d3383a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fa5252), color-stop(49%,#d22e30), color-stop(50%,#d22e30), color-stop(51%,#b3292f), color-stop(100%,#d3383a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fa5252 0%,#d22e30 49%,#d22e30 50%,#b3292f 51%,#d3383a 100%); /* Chrome10+,Safari5.1+ */
background: -ms-linear-gradient(top,  #fa5252 0%,#d22e30 49%,#d22e30 50%,#b3292f 51%,#d3383a 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fa5252 0%,#d22e30 49%,#d22e30 50%,#b3292f 51%,#d3383a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa5252', endColorstr='#d3383a',GradientType=0 ); /* IE6-9 */
 margin-left:10px}

.movie_source{
font-size:0.8em:
}

/*.mnyTotal*/
.mnyTotal,.pplTotal{
	float:left;
	display:block;
	line-height:1.8em;
	background-image: url(https://s.yimg.jp/images/donation/pc/images/cmnIco.png);
	background-repeat:no-repeat;
  font-size: 131.3%;
  padding-top: 0 !important;
	padding-left:18px;
	margin-right:8px;
	font-size:131.3%;
	}
.mnyTotal{background-position:left -14px;}
.pplTotal{background-position:left -56px;}
.mnyTotal span{color: #ce2828;}
/*news*/
.news li{
	list-style:disc;
	margin-left:20px;}
/**/
.newsMore{ border:#E8E8E8 1px solid; padding:10px; text-align:center; width:500px; margin:10px auto;
background: -moz-linear-gradient(top center, #fff 0%, #f5f5f5 100%);
background: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#f5f5f5));
background: linear-gradient(top center, #fff 0%, #f5f5f5 100%);
border-radius: 3px;        /* CSS3草案 */
-webkit-border-radius: 3px;    /* Safari,Google Chrome用 */
-moz-border-radius: 3px;   /* Firefox用 */
}
/**/
.fb-comments,.fb_iframe_widget{background:#fff;}
/*----------------------------
     2. yjFooter style
 ----------------------------*/
#yjfooter p {margin:0;padding:0;}
#yjfooter img {border:0;}
#yjfooter {
	position:relative;
	clear:both;
	margin:0;
	padding:20px 0 24px;
	border-top:1px solid #999;
	text-align:center;
	z-index:0;
	}
#yjfooter div.wrap {
	position:relative;
	margin:auto;
	text-align:left;
	}
#yjfooter a {
	white-space:nowrap;
	}
#yjfooter p {
	margin-left:117px;
	padding:0;
	}
#yjfooter p.links {
	margin-bottom:.2em;
	color:#ccc;
	}
#yjfooter.nolinks p.copyright{
	padding-top:8px;padding-bottom:16px;
	}
#yjfooter p.Ybang {
	position:absolute;
	top:-4px;
	left:28px;
	margin:0;
	}
	.btmlink {
    margin: 7px 0 20px;
    text-align: center;
	font-size:100%;
}
#footer .Ybang{
	display:block ;
}

/* title
============================================ */

.title,
.title--under{
  margin:30px 0 15px;
  font-size:220%;
  color:#396343;
  font-weight:bold;
  line-height:1;
}
.title--under{
  margin-top:60px;
}

/* panel
============================================ */

.panels{
  margin-right:-16px;
}
.panel{
  float:left;
  margin-right:15px;
  *margin-right:10px;
  text-align:center;
}
.panel__area{
  display:block;
  padding-bottom:20px;
  border:1px solid #E8E8E8;
  border-radius:3px;
  background:#fff;
  color:#396343;
  text-decoration:none;
  font-weight:bold;
  font-size:96%;
  *zoom:1;
}
.panel__img{
  display:block;
  width:196px;
  margin:14px;
}
/* Links
============================================ */
.links{
  margin-bottom:50px;
}
.links__item{
  float:left;
  margin-right:15px;
}