

.title01 {
    background: url(title01.png) no-repeat top left;
    width: 100%;
    height: 103px;
	position:relative;
}

.title02 {
    background: url(icon_title_01.gif) no-repeat top left;
    width: 100%;
    height: 56px;
	position:relative;
	margin-left:20px;
	margin-top:20px;

}


.title03 {
    background: url(icon_title_02.gif) no-repeat top left;
    width: 100%;
    height: 56px;
	position:relative;
	margin-left:20px;
	margin-top:20px;

}
.title01:after {
	content:"";
	background: url(title01-right.jpg) no-repeat;
	width:40px;
	height:48px;
	display: inline-block;
    right: 0;
	bottom: 0;
    position: absolute;
}
.offer-wrap {
	border:1px #cccccc solid;
	margin-top: -10px;
}
.offer-wrap2 {
	border:1px #cccccc solid;
	margin-top: -18px;
}
.offer-list {display:inline-block;width:100%;padding:20px 10px 25px 20px; box-sizing: border-box;vertical-align: middle;}
.offer-list1 {display:inline-block;width:100%;padding:45px 10px 0px 20px; box-sizing: border-box;vertical-align: middle; float:none;}
.offer-list2 {padding:10px 20px 25px 20px;}

.offer-list-b {display:inline-block;width:49.5%;padding:35px 20px 10px 20px; box-sizing: border-box;vertical-align: middle;}

.offer-list-d {display:inline-block;width:100%;padding:35px 20px 10px 20px; box-sizing: border-box;vertical-align: middle;}

.offer-list-c {display:inline-block;width:100%;padding:35px 20px 30px 20px; box-sizing: border-box;vertical-align: middle;}

.offer-list-b ul {padding-left: 20px;color:#39b54a;}
.offer-list-b ul li {font-size:18px;}
.offer-list-b .ul-p {padding-left: 20px;font-size:14px;}

.offer-list-d ul {padding-left: 20px;color:#39b54a;}
.offer-list-d ul li {font-size:18px;}
.offer-list-d .ul-p {padding-left: 20px;font-size:14px;}

.mar-b {margin: 0 0 20px 20px;}

.offer-img {
	float: left;
    width: 40px;
	height:50px;
	margin-bottom:15px;}
.offer-img2 {
	float: left;
    width: 40px;
	height:50px;}	
.offer-txt p {font-size:14px;}

.redbtn {background-color: #FF0000;}
.redbtn:hover {background-color: #930F16;}
.btn_n_custom {font-size:18px;}
.btn_log_custom {font-size:18px;}

.act {width:55%;  margin-right:10px;}
.act-right {margin-right:0px;}
.act-box {border: 1px solid #cccccc; padding:20px 5px 20px 5px;}
.act-box h2 {font-size:16px;margin:0;}
.act-box p {font-size:14px;}
.act img {padding-right:10px;}
.act-box-txt {display:inline-block;vertical-align: middle;text-align: left;}

@media screen and (max-width: 970px) {
.offer-list {width:100%;padding:45px 10px 20px 20px;}
.offer-list {width:100%;padding:20px 10px 20px 20px;}
.offer-list2 {width:100%;padding:0px 10px 20px 20px;}
.offer-list-b {width:100%}

.act {width:100%; float:left; margin-left:0px; margin-top:10px;} 
}


@media screen and (max-width: 800px) {
.actbutton {width: 100%;}	 
.btn1 {text-align: center;}
.btn2 {text-align: center; margin-top: 10px;}	 
}	

@media screen and (max-width: 520px) {
.offer-img { height:120px;}
.offer-img2 { height:85px;}
}

