* {
margin:0;
padding:0;
font-weight: normal;
}

img {
border:0;
}

.clear {
clear: both;
}

strong {
font-weight: nomal;
}

body {
margin: 0px 0px 0px 0px;
font-family: Verdana, Arial, sans-serif;
background:url(img/bg.gif) #eeebe6;
}

a {
text-decoration: underline;
}

a:link,a:visited,a:active {
color: #0000ff;
}

a:hover {
color: #ff0000;
}

#container {
line-height: 150%;
margin-right: auto;
margin-left: auto;
text-align: left;
padding: 0px;
width: 770px;
padding-bottom: 20px;
background: url(img/back.jpg) repeat-y;
}

h1 {
background: url(img/bana1.jpg) no-repeat center;
font-size: 12px;
text-indent: -4567px;
color: #fff;
font-weight: normal;
padding: 0px 0px 0px 0px;
text-align: left;
height: 250px;
margin-bottom: 10px;
}

h2#top-h2 {
background: url(img/h2-bg1.gif) no-repeat left center;
height: 50px;
text-indent: -3456px;
margin-left: 15px;
margin-bottom: 10px;
}


h3 {
background: url(img/h3-bg1.gif) no-repeat left center;
height: 50px;
text-indent: -3456px;
margin-left: 15px;
margin-bottom: 10px;
}

h4 {
background: url(img/h4-bg1.gif) no-repeat left center;
height: 50px;
text-indent: -3456px;
margin-left: 15px;
margin-bottom: 10px;
}


p.btn-1 {
float: right;
margin: 30px 0px 0px 0px;
padding: 0px 15px 0px 0px;
width: 282px;
}

p.p-dot1{
float: left;
font-size: 14px;
padding-top: 4px;
padding-bottom: 6px;
background: url(img/note.gif) #fff;
width: 430px;
margin-right: 0px;
margin-left: 10px;
margin-top: 0px;
margin-bottom: 10px;
line-height: 28px;
padding-left: 10px;
padding-right: 0px;

}

p.p-dot2{
font-size: 14px;
padding-top: 4px;
padding-bottom: 6px;
background: url(img/note.gif) #fff;
margin-right: 20px;
margin-left: 20px;
margin-top: 0px;
margin-bottom: 10px;
line-height: 28px;
padding-left: 20px;
padding-right: 30px;
}

p.text-c {
padding: 0px 0px 0px 0px;
text-align: center;
margin-bottom: 10px;
}

#dvd1 {
clear: both;
background: url(img/dvd1.jpg) no-repeat;
height: 453px;
margin-left: 30px;
padding-top: 105px;
margin-bottom: 15px;
}

#dvd2 {
clear: both;
background: url(img/dvd2.jpg) no-repeat;
height: 303px;
margin-left: 30px;
padding-top: 105px;
margin-bottom: 25px;
}

#jhon {
clear: both;
background: url(img/jhon.jpg) no-repeat;
height: 155px;
margin-left: 50px;
margin-bottom: 25px;
padding-top: 25px;
padding-left: 20px;
padding-right: 55px;
}

#jhon p.jhon-title {
font-weight: bold;
font-size: 18px;

padding-left: 100px;
margin-bottom: 27px;
}


#dvd1 .step1 {
clear: both;
background: url(img/step-1.jpg) no-repeat left top;
height: 130px;
margin-left: 67px;
margin-bottom: 10px;
font-size: 15px;
padding: 10px 95px 0px 160px;
}

#dvd1 .step2 {
clear: both;
background: url(img/step-2.jpg) no-repeat left top;
height: 130px;
margin-left: 67px;
margin-bottom: 10px;
font-size: 15px;
padding: 10px 95px 0px 160px;
}

#dvd1 .step3 {
clear: both;
background: url(img/step-3.jpg) no-repeat left top;
height: 130px;
margin-left: 67px;
margin-bottom: 0px;
font-size: 15px;
padding: 10px 95px 0px 160px;
}

#dvd2 .step4 {
clear: both;
background: url(img/step-4.jpg) no-repeat left top;
height: 130px;
margin-left: 67px;
margin-bottom: 10px;
font-size: 15px;
padding: 10px 95px 0px 160px;
}

#dvd2 .step5 {
clear: both;
background: url(img/step-5.jpg) no-repeat left top;
height: 130px;
margin-left: 67px;
margin-bottom: 0px;
font-size: 15px;
padding: 10px 95px 0px 160px;
}



#foot {
border-top: solid 1px #999;
color: #555;
text-align: center;
font-size: 12px;
padding-top: 20px;
margin-top: 30px;
margin-left: 10px;
margin-right: 10px;
}

#foot .copy a {
font-weight: normal;
color: #555;
text-decoration: none;
}

#affi1 {
float: right;
width:281px;
height: 66px;
background: url(img/btn-2.gif) no-repeat;
display: block;
font-size: 10px;
text-indent: -4567px;
overflow: hidden;
}

#affi1:hover {
background-position: 0 -66px;
}

#affi2 {
width:451px;
height: 66px;
background: url(img/btn-3.gif) no-repeat;
display: block;
font-size: 10px;
text-indent: -4567px;
margin-right: auto;
margin-left: auto;
margin-top: 20px;
padding:0px;
overflow: hidden;
}

#affi2:hover {
background-position: 0 -66px;
}

p.ereven {
float: left;
width: 335px;
padding-left: 30px;
margin-right: 20px;
background: url(img/eleven.jpg) no-repeat bottom;
height: 430px;
}

.cashback {
background: url(img/cashback.jpg) no-repeat center;
height: 140px;
}

table {
float: right;
background :#fff;
margin: 0px 30px 20px 0px;
padding: 0px 0px 0px 0px;
color: #5d5d5d;
width: 350px;
border-collapse: collapse;
font-size: 14px;
}

td {
border: solid 1px #ff7575;
padding: 5px 5px;
}

th {
border: solid 2px #ff7575;
padding: 5px 5px;
background: #fff2f2;
font-weight: bold;
}

td.w50 {
width: 50%;

}

th.w50 {
width: 50%
}

/*------------- 　文字  ----------*/
.red  {color: red; }
.redb {color: red; font-weight: bold; font-size: 14px;}
.redl {color: red; font-weight: bold; font-size: 20px; }



#wrap{
 width: 750px;
 text-align: left;
 margin-top: 5px;
 margin-right: auto;
 margin-bottom: 0;
 margin-left: auto;
}


/*
コンテンツ
----------------------------------*/
dl {
 margin: 20px;

 background-color: #FFFFFF;
}

img{ border-style: none; }

dt{
 line-height: 25px;
 background-image: url(img/dt.gif);
 background-repeat: no-repeat;
 background-color: #525252;
 padding-left: 25px;
 color: #FFFFFF;
 border-top-width: 1px;
 border-bottom-width: 1px;
 border-top-style: solid;
 border-bottom-style: solid;
 border-top-color: #CCCCCC;
 border-bottom-color: #333333;
}
dd{
 font-size: 10px;
 padding-top: 5px;
 padding-right: 15px;
 padding-bottom: 5px;
 padding-left: 15px;
}

.content ul{
 list-style-type: none;
 float: left;
}

.content ul li{
 float: left;
 width: 163px;
 display: block;
 margin-bottom: 7px;
 margin-right: 9px;
 background-color: #525252;
 background-image: url(img/top_li.gif);
 background-repeat: no-repeat;
 border: 1px solid #000000;
}

.content li a {
 color: #FFFFFF;
 text-decoration: none;
 line-height: 22px;
 padding-left: 20px;
 font-size: 10px;
}

.link{ text-align :right; }

#top_list {
padding-left: 25px;
padding-top: 10px;
font-size: 10px;
text-align: center;
}


#top_list ul li {
white-space:nowrap;
float: left;
margin-right: 10px;
list-style-type: none;
}

p.navi {
margin-left: 30px;
}

.mess {
margin-left: 30px;
}