
/*------------------------------------------------------------------------
	purchase Contents
------------------------------------------------------------------------*/

/*ローカルナビ*/

#contentarea #menuArea ul#ord{
width:193px;
margin-left:3px;
}

#contentarea #menuArea ul#ord li a{background:url(images/sub_pc_btn.gif) no-repeat;}



/*TOP*/

#contentarea #mainArea .CategorySelect{
width:530px;
height:auto;
padding:10px 20px;
margin:-10px 0 0 0;
}	

#contentarea #mainArea .CategorySelect .p00,
#contentarea #mainArea .CategorySelect .s00{
width:484px;
height:143px;
font-size:11px;
padding:45px 18px 0 18px;
margin:0;
float:left;
}

#contentarea #mainArea .CategorySelect .p00 p,
#contentarea #mainArea .CategorySelect .s00 p{
width:360px;
padding:10px 0;
text-align:center;
}


#contentarea #mainArea .CategorySelect .p00{color:#5d92b9;}
#contentarea #mainArea .CategorySelect .s00{color:#5fa792;}

#contentarea #mainArea .CategorySelect h2{text-indent:-9999px;}

#contentarea #mainArea .CategorySelect .p00{background:url(images/purchare_t01.jpg) no-repeat;}
#contentarea #mainArea .CategorySelect .s00{background:url(images/purchare_t02.jpg) no-repeat;}

#contentarea #mainArea  h3{text-indent:-9999px;}

#contentarea #mainArea h3.st00{
background:url(images/purchase_st01.gif) no-repeat;
width:552px;
height:28px;
margin:10px 8px;
}

#contentarea #mainArea h3.st01{
background:url(images/purchase_st02.gif) no-repeat;
width:552px;
height:28px;
margin:10px 8px;
}


#contentarea #mainArea .categories,
#contentarea #mainArea .categories2{
width:522px;
height:120px;
padding:15px;
margin:0 0 0 8px;
border-bottom:dotted 1px #cac9c9;
}

#contentarea #mainArea .categories2{
border:none;
height:200px;
}

#contentarea #mainArea .categories img.l01,
#contentarea #mainArea .categories2 img.l01{
float:left;
padding:5px 20px 0 0;
}

#contentarea #mainArea .categories strong,
#contentarea #mainArea .categories2 strong{
color:#111;
width:320px;
padding:3px 0 3px 10px;
margin:0 0 0 10px;
}

#contentarea #mainArea .categories p,
#contentarea #mainArea .categories2 p{
padding:0 0 10px 92px;
line-height:1.8;
margin:0 0 0 10px;
}


/*購入の流れ*/

#contentarea #mainArea h2.pcTitle{
display:block;
font-size:18px;
color:#111;
margin:10px 0 0 20px;
}

#contentarea #mainArea p.leads{
padding:10px 30px 10px 0;
margin:0 0 0 20px;
}

#contentarea #mainArea strong{
color:#111;
}

#contentarea #mainArea em{
color:#71b6a2;
font-style:normal;
}

#contentarea #mainArea p.box01{
width:494px;
margin:10px 0 10px 20px;
border:solid 1px #cacaca;
padding:15px;
}

#contentarea #mainArea p.box02{
width:494px;
margin:10px 0 10px 20px;
padding:15px;
background:#f6f6f6;
}

#contentarea #mainArea .stepHead{
width:528px;
height:10px;
padding:0;
overflow:hidden;
margin:10px 0 0 20px;
background:url(images/step_top.gif) no-repeat;
}

#contentarea #mainArea .stepBody{
width:528px;
padding:10px 0;
margin:0 0 0 20px;
background:url(images/step_bg.gif) repeat-y;
}

#contentarea #mainArea .stepBody ul{
display:block;
}

#contentarea #mainArea .stepBody ul li{
float:left;
display:block;
padding:0 5px;
}

#contentarea #mainArea .stepBody ul li strong{
display:block;
width:210px;
padding:3px 0;
color:#111;
}

#contentarea #mainArea .stepBody ul li.step001{
font-size:12px;
color:#fff;
width:40px;
padding:50px 10px 0 5px;
font-weight:bold;
}

#contentarea #mainArea .stepBody ul li.step002{
width:220px;
padding:0 15px;
}

#contentarea #mainArea .stepBody ul li.step001{
font-size:12px;
color:#fff;
padding:10px 5px 0 5px;
}

#contentarea #mainArea .stepFoot,
#contentarea #mainArea .stepFoot2{
width:528px;
height:18px;
padding:0;
margin:0 0 10px 20px;
background:url(images/step_foot.gif) no-repeat;
overflow:hidden;
}

#contentarea #mainArea .stepFoot2{
height:10px;
background:url(images/step_foot2.gif) no-repeat;
}


#contentarea #mainArea .stepex01,
#contentarea #mainArea .stepex02{
text-align:center;
width:418px;
height:77px;
margin:0 0 10px 70px;
}

#contentarea #mainArea .stepex01 strong,
#contentarea #mainArea .stepex02 strong{
font-size:14px;
color:#fff;
padding:5px 0;
}

#contentarea #mainArea .stepex01 p,
#contentarea #mainArea .stepex02 p{
padding:10px 0;
}

#contentarea #mainArea .stepex01{
background:url(images/step0001.gif) no-repeat;
}


#contentarea #mainArea .stepex02{
background:url(images/step0002.gif) no-repeat;
}


/*印鑑申込み方法*/

#contentarea #mainArea p.caseTitle{margin:22px 0 10px 12px;}

#contentarea #mainArea table.CaseList{
width:540px;
margin:10px 0 10px 12px;
border:none;
}

#contentarea #mainArea table.CaseList td{
padding:5px 8px;
vertical-align:top;
border-bottom:solid 2px #fff;
}

#contentarea #mainArea table.CaseList td.casehead{
width:90px;
color:#855700;
background:#e7e7e0;
}

#contentarea #mainArea table.CaseList td.casecontent{
background:#f7f7f0;
}

/*購入 Detal*/

#contentarea #mainArea .pcHead{
width:524px;
height:22px;
padding:5px 0;
margin:22px 0 0 20px;
text-align:center;
overflow:hidden;
color:#fff;
background:url(images/pchead.gif) no-repeat;
}

#contentarea #mainArea .pcFoot{
width:524px;
height:15px;
overflow:hidden;
margin:0 0 5px 20px;
background:url(images/pcfoot.gif) no-repeat;
}

#contentarea #mainArea .pcBody{
width:484px;
padding:15px 20px;
background:url(images/pcbg.gif) repeat-y;
margin:0 0 0 20px;
}

#contentarea #mainArea .pcBody p{
padding:0 0 0 105px;
margin:0 0 0 10px;
}

#contentarea #mainArea .pcBody img.l01{
float:left;
padding:0 15px;
}

#contentarea #mainArea .article p{
color:#717171;
line-height:1.8;
padding:10px 10px 20px 10px;
}

#contentarea #mainArea .article p.intro{
color:#717171;
line-height:1.8;
padding:10px 10px 20px 10px;
background:#fffcc8;
}

#contentarea #mainArea .article p img{
float:right;
padding:0 0 10px 15px;
}

#contentarea #mainArea .article h2{
width:517px;
height:27px;
background:url(images/sc_phase01.gif) no-repeat;
margin:15px 0;
text-indent:-9999px;
}

#contentarea #mainArea .article h2#phase01{background:url(images/sc_phase01.gif) no-repeat;}
#contentarea #mainArea .article h2#phase02{background:url(images/sc_phase02.gif) no-repeat;}
#contentarea #mainArea .article h2#phase03{background:url(images/sc_phase03.gif) no-repeat;}


#contentarea #mainArea h3.pctitles{
color:#2b856b;
text-indent:40px;
padding:5px 10px;
margin:10px 0 0 20px;
background:url(images/purchase_st03.gif) no-repeat;
font-size:14px;
}


/*others*/

.toTop{
padding:0 8px;
text-align:right;
}


.clear{
clear:both;
height:5px;
overflow:hidden;
padding:0;
margin:0;
}
