@charset "utf-8";

/* ==================================================== */
/* follow.css                                           */
/* July 23,2007                                         */
/* ==================================================== */


/*----------------------------------------------------
category-breadcrumb
----------------------------------------------------*/
div#categoryTitle {
width:760px;
height:85px;
margin:0 5px;
background:url(../img/category_image_follow.jpg) no-repeat;
position:relative;
}

div#categoryTitle h1 {
position:absolute;
top:10px;
left:10px;
}


/*----------------------------------------------------
flow
----------------------------------------------------*/
ol#flow {
margin:0 39px 30px;
}

ol#flow h3 img {
vertical-align:top;
}

ol#flow li img {
vertical-align:top;
}

ol#flow div.type01 {
margin:0 14px;
padding:3px 20px 35px 20px;
background:#ebf3fa url(../../follow/img/boxbtm_follow01.gif) no-repeat center bottom;
}

ol#flow div.type02 {
margin:0 14px;
padding:3px 20px 35px 20px;
background:#ecf8f8 url(../../follow/img/boxbtm_follow03.gif) no-repeat center bottom;
}

ol#flow div.type02 ul li {
padding:10px 0 0 0;
background:#fff url(../../follow/img/boxtop_follow01.gif) no-repeat center top;
}

ol#flow div.type02 div.exBox {
padding:5px 15px 15px 15px;
background:#fff url(../../follow/img/boxbtm_follow02.gif) no-repeat center bottom;
}

ol#flow div.type02 div.imgBox {
float:left;
width:130px;
}

ol#flow div.type02 div.txtBox {
float:right;
width:257px;
}

ol#flow div.type03 {
margin:0 14px;
padding:3px 20px 5px 20px;
background:#ebf3fa url(../../follow/img/boxbtm_follow05.gif) no-repeat center bottom;
}