body{
	margin:0;
}

#ccbillWrapper{
	width: 640px;
	margin: 0 auto;
	position: relative;
	font-family: "ヒラギノ角ゴ StdN W6", "Hiragino Kaku Gothic StdN", "Meiryo, メイリオ", Verdana, Helvetica, Arial, sans-serif;
	text-align: left;
}

.ccContainer{
	padding: 10px 10px 50px 10px;
}

h1{
	margin:0;
	font-size: 2.2em;
	text-align: center;
	padding:20px 0;
}

#ccbillWrapper p{
  font-size: 1.4em;
}

#ccbillWrapper p span{
  color: #ff0000;
	font-weight: bold;
}

#ccbillWrapper h2{
  color: #ff0000;
	text-align: center;
}


#ccbillWrapper h3{
	text-align: center;
	font-size:1.4rem;
}

#ccbillWrapper .notes{
	background-color:#f3f3f3;
	padding:10px 20px;	
}

#ccbillWrapper .notes p{
	font-size:1.2rem;	
}

#ccbillWrapper .signature{
	text-align: right;}

.ctext, .ctext, .htext, .cterm, .hterm{
	text-align: center;
	font-weight: bold;
}

.conventional .ctitle{
	padding:10px 0 0;
	font-weight: bold;
}

.conventional .cterm{
	color:#fff;
	background-color:#375c9e;
	margin-bottom:0;
	padding:10px 0;
}

.conventional .ctext{
	background-color:#deebf7;
	margin-top:0;
	padding:10px 0;
}

.hereafter .htitle{
	padding:10px 0 0;
	font-weight: bold;
}

.hereafter .hterm{
	color:#fff;
	background-color:#f88232;
	margin-bottom:0;
	padding:10px 0;
}

.hereafter .htext{
	background-color:#ffe7d7;
	margin-top:0;
	padding:10px 0;
}

.triangle{
  width: 0;
  height: 0;
  border-left: 60px solid transparent;
  border-right: 60px solid transparent;
  border-top: 30px solid #ffc000;
	margin: 0 auto;
	color:#ffc000;
}

@media (max-width: 767px) {
  #ccbillWrapper {
    width: 100%;
    margin: 0 auto;
}

#ccbillWrapper h1,#ccbillWrapper h2{
	font-size:1.6rem;
}

#ccbillWrapper p{
	font-size:1.1rem;
}

#ccbillWrapper .notes{
	padding:5px 10px;	
}
}