/*********************************************
**	Name: merchant.css		  				**
**	Desription: マーチャントのスタイル		**
**	Version: 1.0.0							**
**	LastUpDate: 2008-09-05					**
*********************************************/


/* ----------------------- font-information ----------------------- */
#main{
color:#333333;
}
#merchant p.image{
text-align:center;
}
#merchant01 div.a_contents h3.title02{
text-align:center;
}
#merchant span.caution{
color:#FF0000;
}
#merchant span.black{
color:#333333;
}
#merchant04 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;
}
#merchant{
font-size:14px;
}


/* ----------------------- merchant ----------------------- */
#merchant ul{
zoom:1;/*for IE 5.5-7*/
width:477px;
margin:20px auto 0 auto;
}
#merchant ul:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}
#merchant ul li.btn01,
#merchant ul li.btn02,
#merchant ul li.btn03{
float:left;
padding:0 4px;
}


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


/* ----------------------- merchant02 ----------------------- */
#merchant02 h2{
text-indent:-9999px;
background:url(../img/merchant02_header.jpg) left top no-repeat;
width:550px;
height:54px;
}
#merchant02 div.a_contents{
width:499px;
margin:0 auto;
background:url(../img/affiliate01_c_bg.jpg) left top repeat-y;
}
#merchant02 div.a_contents2{
background:url(../img/affiliate01_c_footer.jpg) left bottom no-repeat;
padding:0 0 60px 0;
}
#merchant02 div.a_contents h3.title01{
text-indent:-9999px;
background:url(../img/merchant02_c_title01.jpg) left top no-repeat;
height:26px;
padding:0 0 10px 0;
}
#merchant02 div.a_contents p.text_area{
padding:0 25px 50px 25px;
}
#merchant02 div.a_contents p.text_area2{
	padding:0 25px 20px 0;
	text-align:right;
}
table#a_course{
background:#cccccc;
margin:0 auto 25px auto;
}
table#a_course td{
padding:1px;
background:#ffffff;
}
table#a_course td.cell{
width:175px;
padding:3px 5px;
}
table#a_course td.cell2{
width:175px;
padding:3px 5px;
text-align:right;
}
table#a_course td.caption{
width:90px;
background:url(../img/merchant02_c_cell_bg01.jpg) left top repeat-x #ededed;
vertical-align:middle;
text-align:center;
}
table#b_course{
background:#cccccc;
margin:0 auto 25px auto;
}
table#b_course td{
padding:1px;
background:#ffffff;
}
table#b_course td.cell{
width:175px;
padding:3px 5px;
}
table#b_course td.cell2{
width:175px;
padding:3px 5px;
text-align:right;
}
table#b_course td.caption{
width:90px;
background:url(../img/merchant02_c_cell_bg02.jpg) left top repeat-x #D6DBBF;
vertical-align:middle;
text-align:center;
}
table#c_course{
background:#cccccc;
margin:0 auto 55px auto;
}
table#c_course td{
padding:1px;
background:#ffffff;
vertical-align:middle;
}
table#c_course td.cell{
width:175px;
padding:3px 5px;
}
table#c_course td.cell2{
width:175px;
padding:3px 5px;
text-align:right;
}
table#c_course td.caption{
width:90px;
vertical-align:middle;
text-align:center;
padding:5px 0;
}


/* ----------------------- merchant03 ----------------------- */
#merchant03 h2{
text-indent:-9999px;
background:url(../img/merchant03_header.jpg) left top no-repeat;
width:550px;
height:54px;
padding:0 0 15px 0;
}
#merchant03 div.a_contents{
width:499px;
margin:0 auto;
background:url(../img/affiliate01_c_bg.jpg) left top repeat-y;
}
#merchant03 div.a_contents2{
background:url(../img/affiliate01_c_footer.jpg) left bottom no-repeat;
padding:0 0 70px 0;
}
#merchant03 div.a_contents h3.title01{
text-indent:-9999px;
background:url(../img/merchant03_c_title01.jpg) left top no-repeat;
height:26px;
padding:15px 0 0 0;
}
#merchant03 div.a_contents p.image{
padding:0 0 15px 0;
}
#merchant03 div.a_contents dl{
width:482px;
padding:0 0 30px 0;
margin:0 auto;
}
#merchant03 div.a_contents dl dt{
text-indent:-9999px;
width:482px;
height:46px;
}
#merchant03 div.a_contents dl dt.step1{
background:url(../img/merchant03_c_step01.jpg) left top no-repeat;
}
#merchant03 div.a_contents dl dt.step2{
background:url(../img/merchant03_c_step02.jpg) left top no-repeat;
}
#merchant03 div.a_contents dl dt.step3{
background:url(../img/merchant03_c_step03.jpg) left top no-repeat;
}
#merchant03 div.a_contents dl dt.step4{
background:url(../img/merchant03_c_step04.jpg) left top no-repeat;
}
#merchant03 div.a_contents dl dt.step5{
background:url(../img/merchant03_c_step05.jpg) left top no-repeat;
}
#merchant03 div.a_contents dl dt.step6{
background:url(../img/merchant03_c_step06.jpg) left top no-repeat;
}
#merchant03 div.a_contents dl dd{
padding:5px 15px 15px 15px;
}

/* ----------------------- affiliate04 ----------------------- */
#affiliate04 h2{
text-indent:-9999px;
background:url(../img/merchant022_header.jpg) left top no-repeat;
width:550px;
height:54px;
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;
}
#affiliate04 div.a_contents p.agree_btn{
text-align:center;
}

/* ----------------------- affiliate05 ----------------------- */
#affiliate05 h2{
text-indent:-9999px;
background:url(../img/merchant05_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/merchant05_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;
}