@charset "utf-8";

/* ============================== resets style ============================== */

body,img,p,ul,li,address,div,h1,h2,h3,p {
 margin: 0;
 padding: 0;
 line-height: 150%;
 font-size: 13px;
}
table {
 border-collapse: collapse;
}
th {
 font-weight: normal;
}
a img {
 border: 0;
 background-color: #FFFFFF;
 text-decoration: none;
}
em {
 color: #CC0000;
 font-weight: normal;
 font-style: normal;
 }

/* ============================== page style ============================== */

/* --- base style --- */
body {
 padding: 0 0 10px;
 background: url(../image/common/back.gif) left top;
 font-size: 100%;
}
div#wrapper {
 margin: 0 auto;
 width: 762px;
 border-left: 1px solid #333;
 border-right: 1px solid #333;
 background: #FFFFFF url(../image/common/bg_topline.jpg) left top no-repeat;
}

/* --- header style --- */
div#header {
 width: 762px;
 position: relative;
 padding-top: 4px;
}
.titleLink {
 height: 175px;
 background: url(../image/common/bg_affiliate.png) left top no-repeat;
 
}
div.countLink {
 padding-left: 90px;
 font-size: 12px;
}
div.countLink p.number {
 margin-top: 3px;
 font-size: 30px;
 line-height: 108%;
}

img#login {
 position: absolute;
 right: 5px;
 top: 15px;
}

/* --- content style --- */
div#content {
 width: 100%;
 padding-top: 3px;
}
div.content_bg {
 background: url(../image/common/bg_content.gif) left top repeat-y;
}
.clear {
    zoom: 1;/*for IE 5.5-7*/
}
.clear:after {/*for modern browser*/
    content:".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}
* html .clear {
 display: inline-table;
 /*\*/display: block;/**/
}

/* main style（サイドメニュー：有） */
div#main {
 float: right;
 width: 560px;
 padding-top: 10px;
}
div#main div.section {
 width: 525px;
 margin: 0px 10px 30px 18px;
}
div#main div.section ul {
 margin-bottom: 20px;
}

/* main style（サイドメニュー：無） */
div#main2 {
 padding-top: 20px;
}
div#main2 div.section h2,
div#main2 div.section .plink{
 margin-left: 75px;
}
div.section table {
 margin: 0px auto;
}

/* --- sidebar style --- */
div#sidebar {
 float: left;
 width: 200px;
 padding-top: 10px;
 padding-bottom: 30px;
}
#sidebar .innerNav {
 margin: 5px 10px 10px 10px;
 padding: 10px 0px 5px 10px;
 background-color: #FFFFFF;
 border:1px solid #CCCCCC;
}
div#sidebar ul {
 text-align: center;
}
ul.companyNav li {
 height: 33px;
 line-height: 0;
 font-size: 0;
}
.innerNav li {
 text-align: left;
 margin-bottom: 2px;
 }

/* --- link style --- */
.linkEnter {
 margin: 30px 0px 20px;
 text-align: center;
}
ul.linkNav {
 margin-bottom: 30px;
 text-align: center;
}
ul.linkNav li {
 display: inline;
}
p.linkFlow {
 width: 350px;
 padding-bottom: 50px;
 margin-left: 90px;
 background: url(../image/link/arr_affiliate_flow.gif) no-repeat bottom center;
}
p.linkFlow04 {
 width: 500px;
 height: 55px;
 margin-top: 15px;
 padding-top: 10px;
 padding-left: 15px;
 background: url(../image/link/bg_affiliate_flow04.gif) no-repeat top center;
}
#linkHp table ul {
 margin-left: 3px;
 list-style-type: none;
}
.linkPrice {
 border-collapse: separate;
 margin: 0 auto;
}
div.features p {
 margin-bottom: 20px;
}

/* --- footer style --- */
div#footer {
 width: 762px;
 margin: 0 auto;
 border-top: 1px solid #CCCCCC;
 border-bottom: 1px solid #333333;
 text-align: center;
}
address {
 padding: 15px 0px;
 text-align: center;
 font-style: normal;
 font-size: 11px;
}

/* ============================== for common style ============================== */

h1 {
 padding: 10px;
 font-size: 12px;
 font-weight: 100;
}
div#main h2.h2link {
 height: 30px;
 padding-top: 5px;
 padding-left: 25px;
 background: url(../image/common/title_h2.gif) no-repeat;
 color: #333333;
 font-size: 14px;
 font-weight: 700;
}
div#main2 h2.h2link {
 width: 610px;
 height: 30px;
 padding: 5px 25px;
 background: url(../image/common/title_h2_form.gif) no-repeat;
 color: #666;
 font-size: 14px;
 font-weight: 700;
}
p, table, li {
 line-height: 1.5;
}
ul {
 list-style: none;
}
a {
 color :#FF6600;
 text-decoration:underline;
}
a:hover {
 color :#FECD6E;
 text-decoration:underline;
}
a:visited {
 color :#FF9933;
 text-decoration:underline;
}
.center {
 display: block;
 margin: 0px auto 10px;
}
ol {
 list-style-type: none;
}
p.count {
 height: 20px;
}

/* ============================== for index ============================== */

/* --- features --- */
div.features h3,
div.bonus h3,
div.program h3,
div.company h3,
div.linkqa h3,
div.linkqa dt {
 height: 30px;
 padding: 3px 25px;
 background: url(../image/common/title_h3.gif) no-repeat;
 color: #333333;
 font-size: 15px;
 font-weight: 700;
}
div.features li {
 margin: 0px 0px 3px 15px;
 padding: 0px 0px 0px 15px;
 background: url(../image/index/linklist.gif) top left no-repeat;
}
div.features p {
 margin-bottom: 20px;
}

/* --- step --- */
div.step h3 {
 margin-bottom: 20px;
}
div.step h4 {
 margin-bottom: 12px;
}
div.step div {
 margin-bottom: 15px;
}
div.step p {
 width: 275px;
}
div.step1 {
 height: 140px;
 background: url(../image/index/img_step1.jpg) right top no-repeat;
}
div.step2 {
 height: 220px;
 background: url(../image/index/img_step2.jpg) right top no-repeat;
}
div.step3 {
 height: 140px;
 background: url(../image/index/img_step3.jpg) right top no-repeat;
}

/* ============================== for commission ============================== */

/* commissionNav */
ul.commissionNav:after {/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}
ul.commissionNav {
    zoom:1;/*for IE 5.5-7*/
    margin-top: 10px;
}
ul.commissionNav  li {
 float: left;
 margin: 0 2px;
 width: 150px;
 height: 36px;
}
ul.commissionNav  {
    zoom:1;/*for IE 5.5-7*/
 margin: 0px 0px 10px 18px;
 padding: 0;
}
ul.commissionNav :after {/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}
ul.commissionNav li a {
 text-decoration: none;
 background-color: #FFFFFF;
}

/* --- directly indirect --- */
div.directlyindirect p {
 width: 275px;
}
div.directlyindirect h3 {
 margin-bottom: 6px;
 font-size: 16px;
 color: #669900;
}
div.directly {
 height: 203px;
 margin-top: 10px;
 background: url(../image/commission/img_directly.jpg) right top no-repeat;
}
div.indirect {
 height: 215px;
 margin-top: 10px;
 background: url(../image/commission/img_indirect.jpg) right top no-repeat;
}

/* --- bonus --- */
div.bonus p {
 margin-bottom: 10px;
}
p.note {
 color: #666666;
 font-size: 10px;
}

/* ============================== for program ============================== */

/* --- bonus�Eprogram table --- */
div.section table.list {
 width: 90%;
 margin:15px 0px 40px 0px;
 border-collapse: collapse;
}
table.list td.subColor {
 width: 60%;
 text-align: left;
 background-color: #F8F8F8;
 border-left: 3px solid #E9E9E9;
}
table.list td {
 padding: 10px 20px;
 border: 1px solid #E9E9E9;
 text-align: center;
}
div.program p {
}

div.program p.star {
 margin: 5px 0px 15px 0px;
 text-align: right;
}
div..program table.list {
 margin-top:20px;
}

p.programBtn {
 float: left;
 width: 170px;
 height: 70px;
}
p.programBtn :after {/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}
p.programBtn a {
 text-decoration: none;
}

/* ============================== for company ============================== */

/* --- company table --- */
div.company {
 width: 90%;
 margin: 10px 0px 30px 0px;
 border-collapse: collapse;
}
div.company td.subColor {
 width: 20%;
 text-align: left;
 background-color: #F8F8F8;
 border-left: 3px solid #E9E9E9;
}
div.company td {
 padding: 10px;
 border: 1px solid #E9E9E9;
}
.linkqa dl {
 font-size: 12px;
 line-height: 1.8;
}
.linkqa dt {
 font-weight: 700;
 margin-top: 1.5em;
}
.linkqa h4 {
 width: 474px;
 height: 30px;
 padding: 3px 25px;
 background: url(../image/common/title_h4.gif) no-repeat;
 color: #333333;
 font-size: 13px;
 font-weight: 700;
}
.linkqa dd {
 background: #FFF url(../image/common/ico_q.jpg) no-repeat scroll left 2px;
 padding: 3px 0px 0px 30px;
 margin-left: 10px;
}
.linkqa p.answer {
 background: #FFF url(../image/common/ico_a.jpg) no-repeat scroll left top;
 padding: 3px 0px 3px 30px;
 margin-bottom: 0.5em;
}
.linkqa p.skip {
 text-align: right;
 margin: 1.5em 4em 3.0em 0;
}
.linkqa a.pageTop {
 background: #FFFFFF url(../image/common/ico_up.gif) no-repeat scroll left center;
 padding-left: 16px;
}