/*********************************************
**	Name: affiliate.css		  				**
**	Desription: パートナーｖ々タイル	**
**	Version: 1.0.0							**
**	LastUpDate: 2007-09-20					**
*********************************************/


/* ----------------------- font-information ----------------------- */
#main{
color:#333333;
}
#affiliate p.image{
text-align:center;
}
#affiliate01 div.a_contents h3.title02{
text-align:center;
}
#affiliate span.caution{
color:#FF0000;
}
#affiliate span.black{
color:#000000;
}
#affiliate04 div.a_contents p.agree_btn{
text-align:center;
}


/* ----------------------- footprint ----------------------- */
#footprint{
background:url(../img/footprint_line.gif) left top no-repeat;
margin:0 0 5px 0;
}
#footprint .contents{
background:url(../img/footprint_line.gif) left bottom no-repeat;
padding:8px 15px;
}
#affiliate{
font-size:14px;
}


/* ----------------------- affiliate ----------------------- */
#affiliate ul{
zoom:1;/*for IE 5.5-7*/
width:436px;
margin:0 auto;
}
#affiliate ul:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}
#affiliate ul li.btn01{
float:left;
}
#affiliate ul li.btn02{
float:right;
}


/* ----------------------- affiliate01 ----------------------- */
#affiliate01 h2{
text-indent:-9999px;
background:url(../img/affiliate01_header.jpg) left top no-repeat;
width:550px;
height:48px;
}
#affiliate01 div.a_contents{
width:499px;
margin:0 auto;
background:url(../img/affiliate01_c_bg.jpg) left top repeat-y;
}
#affiliate01 div.a_contents2{
background:url(../img/affiliate01_c_footer.jpg) left bottom no-repeat;
padding:0 0 45px 0;
}
#affiliate01 div.a_contents h3.title01{
text-indent:-9999px;
background:url(../img/affiliate01_c_title01.jpg) left top no-repeat;
height:26px;
padding:0 0 10px 0;
}
#affiliate01 div.a_contents h3.title02{
text-indent:-9999px;
background:url(../img/affiliate01_c_title02.jpg) left top no-repeat;
width:466px;
height:23px;
margin:0 auto;
padding:0 0 10px 0;
}
#affiliate01 div.a_contents p.image{
padding:0 0 60px 0;
}
#affiliate01 div.a_contents p.text_area{
padding:0 25px 20px 25px;
}


/* ----------------------- affiliate02 ----------------------- */
#affiliate02 h2{
text-indent:-9999px;
background:url(../img/affiliate02_header.jpg) left top no-repeat;
width:550px;
height:54px;
}
#affiliate02 div.a_contents{
width:499px;
margin:0 auto;
background:url(../img/affiliate01_c_bg.jpg) left top repeat-y;
}
#affiliate02 div.a_contents2{
background:url(../img/affiliate01_c_footer.jpg) left bottom no-repeat;
padding:0 0 45px 0;
}
#affiliate02 div.a_contents h3.title01{
text-indent:-9999px;
background:url(../img/affiliate02_c_title01.jpg) left top no-repeat;
height:26px;
}
#affiliate02 div.a_contents p.image{
padding:0 0 15px 0;
}
#affiliate02 div.a_contents dl{
width:482px;
padding:0 0 30px 0;
margin:0 auto;
}
#affiliate02 div.a_contents dl dt{
text-indent:-9999px;
width:482px;
height:46px;
}
#affiliate02 div.a_contents dl dt.step1{
background:url(../img/affiliate02_c_step01.jpg) left top no-repeat;
}
#affiliate02 div.a_contents dl dt.step2{
background:url(../img/affiliate02_c_step02.jpg) left top no-repeat;
}
#affiliate02 div.a_contents dl dt.step3{
background:url(../img/affiliate02_c_step03.jpg) left top no-repeat;
}
#affiliate02 div.a_contents dl dt.step4{
background:url(../img/affiliate02_c_step04.jpg) left top no-repeat;
}
#affiliate02 div.a_contents dl dt.step5{
background:url(../img/affiliate02_c_step05.jpg) left top no-repeat;
}
#affiliate02 div.a_contents dl dd{
padding:5px 15px 15px 15px;
}


/* ----------------------- affiliate03 ----------------------- */
#affiliate03 h2{
text-indent:-9999px;
background:url(../img/affiliate03_header.jpg) left top no-repeat;
width:550px;
height:30px;
padding:0 0 25px 0;
margin:10px 0 0 0;
}
#affiliate03 div.a_contents p.image{
padding:0 0 15px 0;
}
#affiliate03 div.a_contents{
width:499px;
margin:0 auto 20px auto;
background:url(../img/affiliate01_c_bg.jpg) left top repeat-y;
}
#affiliate03 div.a_contents2{
background:url(../img/affiliate01_c_footer.jpg) left bottom no-repeat;
padding:0 0 35px 0;
}
#affiliate03 div.a_contents h3.title01{
text-indent:-9999px;
background:url(../img/affiliate03_c_title01.jpg) left top no-repeat;
height:26px;
}
#affiliate03 div.a_contents h3.title02{
text-indent:-9999px;
background:url(../img/affiliate03_c_title02.jpg) left top no-repeat;
height:26px;
}
#affiliate03 div.a_contents ul.list li{
padding:0 0 10px 0;
}
#affiliate03 div.a_contents p.text_area{
padding:0 25px 20px 25px;
}


/* ----------------------- affiliate04 ----------------------- */
#affiliate04 h2{
text-indent:-9999px;
width:550px;
height:5px;
padding:0 0 15px 0;
}
#affiliate04 div.a_contents{
width:499px;
margin:0 auto 20px auto;
background:url(../img/affiliate01_c_bg.jpg) left top repeat-y;
}
#affiliate04 div.a_contents2{
background:url(../img/affiliate01_c_footer.jpg) left bottom no-repeat;
padding:0 0 45px 0;
}
#affiliate04 div.a_contents h3.title01{
text-indent:-9999px;
background:url(../img/affiliate04_c_title01.jpg) left top no-repeat;
height:26px;
padding:0 0 15px 0;
}
#affiliate04 div.a_contents p.text_area{
padding:0 25px 10px 25px;
}
#affiliate04 div.a_contents ul.condition{
width:400px;
margin:0;
padding:0;
}
#affiliate04 div.a_contents ul.condition li{
margin:0;
padding:0 0 3px 0;
}
div#agreement{
border:1px solid #cccccc;
width:442px;
margin:0 auto 20px auto;
padding:10px 10px 10px 10px;
}
div#agreement p{
padding:0 0 20px 0;
}
div#agreement span.caution{
padding:0 0 0 15px;
}
div#agreement2{
border:1px solid #cccccc;
width:400px;
height:195px;
margin:0 auto 20px auto;
padding:10px 15px;
overflow:auto;
}

/* ----------------------- affiliate05 ----------------------- */
#affiliate05 h2{
text-indent:-9999px;
background:url(../img/affiliate05_header.jpg) left top no-repeat;
width:550px;
height:48px;
}
#affiliate05 div.a_contents{
width:499px;
margin:0 auto;
background:url(../img/affiliate05_c_bg.jpg) left top repeat-y;
}
#affiliate05 div.a_contents2{
background:url(../img/affiliate05_c_footer.jpg) left bottom no-repeat;
padding:0 0 45px 0;
}
#affiliate05 div.a_contents h3.title01{
text-indent:-9999px;
background:url(../img/affiliate05_c_title01.jpg) left top no-repeat;
height:26px;
padding:0 0 10px 0;
}
#affiliate05 div.a_contents h3.title02{
text-indent:-9999px;
background:url(../img/affiliate05_c_title02.jpg) left top no-repeat;
width:466px;
height:23px;
margin:0 auto;
padding:0 0 10px 0;
}
#affiliate05 div.a_contents p.image{
padding:0 0 60px 0;
}
#affiliate05 div.a_contents p.text_area{
padding:0 25px 20px 25px;
}

/* ----------------------- information_area ----------------------- */
#information_area{
padding:0 0 20px 0;
text-decoration:none;
}

#information_area .contents{
padding:10px;
text-decoration:none;
}
#information_area .contents ul{
height:auto;
padding:10px 40px 0 0;
}
#information_area .contents ul li{
font-size: 14px;
color:#999999;
background:url(../img/icon_a.gif) left top no-repeat;
padding:0 0 0 22px;
margin:0 0 5px 0;
line-height:1.4em;
}
.q{
background:url(../img/icon_q.gif) left top no-repeat;
padding:0 0 0 22px;
margin:0 0 5px 0;
line-height:1.4em;
}
#information_area .contents ul li .date{
font-weight:bold;
letter-spacing:0.12em;
padding:0 5px 0 0;
}
#information_area .contents ul li .caution{
color:#FF0000;
}