@charset "shift_jis";

* { box-sizing: border-box; }
* { -moz-box-sizing: border-box; }

body{background-color:#FFF3CD; text-align:center; font-size:12px; color:#333; margin:0 auto; padding:10px 0; line-height:1.4}



a:hover{text-decoration:none; color:#FF3419}


#header{width:800px; height:120px; background:transparent url('/img/header.gif') no-repeat 100% 0; text-align:left; margin:0 auto 20px auto}

#logo{float:left; width:354px; height:120px}

#button_header{width:446px; height:28px;float:right}
#button_pass a{float:left; width:140px; height:28px; background:url('/img/button_pass.gif') 0 0 no-repeat; margin:86px 5px 0 44px}
#button_pass a:hover{background-position:0 -32px}
#button_login a{float:left; width:140px; height:28px; background:url('/img/button_login.gif') 0 0 no-repeat; margin-top:86px}
#button_login a:hover{background-position:0 -32px}

#menu{width:800px; height:32px; text-align:left; margin:0 auto; border-bottom:1px solid #FF3419}
#menu_top_here a{float:left; width:140px; height:32px; background:url('/img/menu_top.gif') 0 0 no-repeat; margin:0 5px 0 0; background-position:0 -38px}
#menu_top a{float:left; width:140px; height:32px; background:url('/img/menu_top.gif') 0 0 no-repeat; margin:0 5px 0 0}
#menu_top a:hover{background-position:0 -38px}
#menu_affiliate_here a{float:left; width:280px; height:32px; background:url('/img/menu_affiliate.gif') 0 0 no-repeat; margin:0 5px 0 0; background-position:0 -38px}
#menu_affiliate a{float:left; width:280px; height:32px; background:url('/img/menu_affiliate.gif') 0 0 no-repeat; margin:0 5px 0 0}
#menu_affiliate a:hover{background-position:0 -38px}
#menu_merchant_here a{float:left; width:220px; height:32px; background:url('/img/menu_merchant.gif') 0 0 no-repeat; background-position:0 -38px}
#menu_merchant a{float:left; width:220px; height:32px; background:url('/img/menu_merchant.gif') 0 0 no-repeat}
#menu_merchant a:hover{background-position:0 -38px}

#maincontent{ width:800px; background:transparent url('/img/haikei.gif') repeat-y 0 50%; border-bottom:1px solid #FF3419; text-align:left; padding:20px 0; margin:0 auto}

.content{width:760px; margin:0 auto; text-align:left}

#footer{ width:760px; margin:40px auto 0 auto; background:transparent url('/img/footer.gif') no-repeat 0 0; padding-top:20px; clear:both; text-align:center; }

/*top*/
#top_content{width:760px; margin:30px auto 0 auto}
#top_left{width:510px; float:left; text-align:left; font-size:12pt; }
#top_right{width:250px; float:right; text-align:right}

#button_affiliate a{width:220px; height:90px; background:url('/img/button_affiliate.gif') 0 0 no-repeat; margin:0 auto 15px 30px; display:block}
#button_affiliate a:hover{background-position:0 -100px}
#button_merchant a{width:220px; height:90px; background:url('/img/button_merchant.gif') 0 0 no-repeat; margin:0 auto 15px 30px; display:block}
#button_merchant a:hover{background-position:0 -100px}

/*affiliate*/
.affiliate_content{width:760px; margin:20px auto 0 auto}
.affiliate_left{width:510px; float:left; text-align:left; padding-top:20px}
.affiliate_right{width:250px; float:right; text-align:right}

.button_affiliate_a a{width:220px; height:90px; background:url('/img/button_affiliate.gif') 0 0 no-repeat; margin-left:0px; display:block}
.button_affiliate_a a:hover{background-position:0 -100px}

.affiliate_text{width:760px; margin:20px auto; text-align:left}

/*merchant*/
.merchant_content{width:760px; margin:20px auto 0 auto}
.merchant_left{width:510px; float:left; text-align:left; padding-top:20px}
.merchant_right{width:250px; float:right; text-align:right}

.button_merchant_m a{width:220px; height:90px; background:url('/img/button_merchant.gif') 0 0 no-repeat; margin-left:0px; display:block}
.button_merchant_m a:hover{background-position:0 -100px}

.merchant_text{width:760px; margin:20px auto; text-align:left}

/* login form */
div#advertiserLogin TABLE.std { border:1px solid #66c; border-collapse:collapse; }
div#advertiserLogin TABLE.std TH { padding:5px 8px 5px 8px; background-color:#eef; border:1px solid #66c; font-weight:normal; text-align:left; color:#006; }
div#advertiserLogin TABLE.std TD { padding:5px 8px 5px 8px; border:1px solid #66c; }

div#partnerLogin TABLE.std { border:1px solid #6c6; border-collapse:collapse; }
div#partnerLogin TABLE.std TH { padding:5px 8px 5px 8px; background-color:#efe; border:1px solid #6c6; font-weight:normal; text-align:left; color:#060; }
div#partnerLogin TABLE.std TD { padding:5px 8px 5px 8px; border:1px solid #6c6; }

.form_error { color:red; font-weight:bolder; }
span.must { color:red; }
p.error { background-color:red; color:yellow; font-weight:bolder; padding:5px 10px; }
.center { text-align:center; }