@charset "euc-jp";

img{
   border:none;
}

div#donation-body{
   width:770px;
   color: #000;
   font-size: 12px;
   line-height: 1.6;
   overflow:hidden;
   text-align: center;
   margin: 15px 0 15px 18px;
   background: #000 url(../img/bg.gif) repeat-y left 425px;
   padding-bottom: 30px;
   border-bottom: solid 1px #e9e7c7;
}
div#donation-body div#donation-title{
   height: 250px;
   background: url(../img/title.gif) no-repeat center top;
}
div#donation-body div#donation-title *{
   display: none;
}
#donation-body #donation-title.end{
   background-image: url(../img/title_end.gif);
}
#donation-title-sub{
   margin-top: 10px;
}
div#donation-body div#donation-text{
   width: 710px;
   margin-left: 30px;
}
div#donation-body div#donation-text h4,
div#donation-body div#donation-text div{
   text-align: left;
}
div#donation-body div#donation-text div span#cb_txt{
   font-weight: bold;
   margin-top: 7px;
   display: block;
   color: #d72867;
}
div#donation-body div#donation-text h4{
   font-size: 18px;
   color: #d72867;
   margin-top: 30px;
}
span#projectname{
   color: #f05391;
}

div#donation-body div#donation-text table{
   width: 710px;
   background: #dedcb6;
   margin: 15px 0 0 0px;
}
div#donation-body div#donation-text table th,
div#donation-body div#donation-text table td{
   background: #fafaee;
   text-align: left;
   padding: 9px;
}

div#donation-body p{
   margin-top: 0px;
}
div#donation-body p strong{
   font-size: 14px;
   color: #000000;
}


div#donation-contact{
   margin-top: 15px;
}
div#donation-contact h3{
   font-size: 18px;
   font-weight: bold;
}
div#donation-contact a{
   font-size: 18px;
}

#donation-text .total{
   font-size: 18px;
   color: #D72867;
}

div.donation-total{
   text-align: center!important;
   background: #D72867;
   margin-top:10px;
   padding:7px 0;
   color:#ffffff;
   font-size:1.2em
}

div.donation-total span{
   font-weight:bold;
   font-size:1.3em;
}


#donation-bnr{
   margin-top: 15px;
}

.message{
   border-bottom: solid 1px #ddd;
   text-align: center;
   padding-bottom: 20px;
   margin-top: 20px;
}
.message p{
   text-align: center;
}

.bnrarea{
   text-align: center;
   padding: 0 0 20px;
}
.bnrarea a{
   display: block;
   width: 404px;
   text-align: center;
   margin: 0 auto;
}
.bnrarea img{
   display: inline;
}

/* -----------------------------------------------
お友達紹介キャンペーン追加
--------------------------------------------------*/
form {
	margin-top: 20px;
}

.default {
	margin-bottom: 20px;
}

.campaign_read {
	text-align: center;
}
.campaign_read .red {
	color: red;	
	text-align: center;
	margin-bottom: 20px;
}
.title-p {
	margin: 20px 0;
}
.attention_red {
	color: red;
	margin:  20px 0 50px;
}

.introducer_item {
	width: 50%;
	margin: 0 auto;
	text-align: center;
	margin: 20px auto;
}

.introducer_share_text {
    position: relative;
    padding: 0.5rem 1.5rem;
    font-size: 1.5rem;
    font-weight: bold;
}

.introducer_item_img{
	margin-bottom: 20px;
	
}

.introducer_share_text::before,
.introducer_share_text::after {
    position: absolute;
    top: 0.8rem;
    height: 1.8rem;
    content: '';
}

.introducer_share_text::before {
    border-left: solid 1px;
    left: 0;
    transform: rotate(-30deg);
    left: 8rem;
}

.introducer_share_text::after {
    border-right: solid 1px;
    right: 0;
    transform: rotate(30deg);
    right: 8rem;
}