/* --- リストエリア --- */
ol.flow {
width: 700px; /* リストエリアの幅 */
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;

}

/* --- リスト項目 --- */
ol.flow li {
margin-bottom: 12px; /* リスト項目の下マージン */
padding-bottom: 28px; /* リスト項目の下パディング */
background: url(/imagefile/other/flow_back.gif) no-repeat center bottom; /* リスト項目の背景 */
}
/* --- 最後のリスト項目 --- */
ol.flow li.last {
margin-bottom: 0;
padding-bottom: 0;
background-image: none;
}

/* --- ボックス --- */
ol.flow dl {
margin: 0;
border: 1px #c0c0c0 solid; /* ボックスの境界線 */
border-collapse:separate; 
-webkit-border-radius:3px 3px 3px 3px; 
-moz-border-radius:3px 3px 3px 3px; 
border-radius: 3px 3px 3px 3px; 
}

/* --- タイトルエリア --- */
ol.flow dt {
padding: 9px 10px 7px; /* タイトルエリアのパディング（上、左右、下） */
background-color: #f9f9f9; /* タイトルエリアの背景色 */
border-bottom: 1px #c0c0c0 solid; /* タイトルエリアの下境界線 */
font-weight: bold;
color: #999999;
border-collapse:separate; 
-webkit-border-radius:5px 5px 0px 0px; 
-moz-border-radius:5px 5px 0px 0px; 
border-radius: 5px 5px 0px 0px; 
}
/* --- タイトル --- */
ol.flow dt strong {
margin-left: 3px;
color: #2b2b2b;
}

/* --- 本文エリア --- */
ol.flow dd {
margin: 0;
padding: 15px 10px; /* 本文エリアのパディング（上下、左右） */
background-color: #ffffff; /* 本文エリアの背景色 */
color: #2b2b2b;
line-height: 150%;
border-collapse:separate; 
-webkit-border-radius:3px 3px 3px 3px; 
-moz-border-radius:3px 3px 3px 3px; 
border-radius: 3px 3px 3px 3px; 
}









/* --- リストエリア --- */
ol.flow1 {
width: 700px; /* リストエリアの幅 */
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;

}

/* --- リスト項目 --- */
ol.flow1 li {
margin-bottom: 12px; /* リスト項目の下マージン */
padding-bottom: 28px; /* リスト項目の下パディング */
background: url(/imagefile/other/flow_back.gif) no-repeat center bottom; /* リスト項目の背景 */
}
/* --- 最後のリスト項目 --- */
ol.flow1 li.last {
margin-bottom: 0;
padding-bottom: 0;
background-image: none;
}

/* --- ボックス --- */
ol.flow1 dl {
margin: 0;
border: 1px #c0c0c0 solid; /* ボックスの境界線 */
border-collapse:separate; 
-webkit-border-radius:3px 3px 3px 3px; 
-moz-border-radius:3px 3px 3px 3px; 
border-radius: 3px 3px 3px 3px; 
}

/* --- タイトルエリア --- */
ol.flow1 dt {
padding: 9px 10px 7px; /* タイトルエリアのパディング（上、左右、下） */
background-color: #d5ffea; /* タイトルエリアの背景色 */
border-bottom: 1px #c0c0c0 solid; /* タイトルエリアの下境界線 */
font-weight: bold;
color: #999999;
border-collapse:separate; 
-webkit-border-radius:5px 5px 0px 0px; 
-moz-border-radius:5px 5px 0px 0px; 
border-radius: 5px 5px 0px 0px; 
}
/* --- タイトル --- */
ol.flow1 dt strong {
margin-left: 3px;
color: #2b2b2b;
font-weight:bold;
}

/* --- 本文エリア --- */
ol.flow1 dd {
margin: 0;
padding: 15px 10px; /* 本文エリアのパディング（上下、左右） */
background-color: #ffffff; /* 本文エリアの背景色 */
color: #2b2b2b;
line-height: 150%;
border-collapse:separate; 
-webkit-border-radius:3px 3px 3px 3px; 
-moz-border-radius:3px 3px 3px 3px; 
border-radius: 3px 3px 3px 3px; 
}







/* --- リストエリア --- */
ol.flow2 {
width: 700px; /* リストエリアの幅 */
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;

}

/* --- リスト項目 --- */
ol.flow2 li {
margin-bottom: 12px; /* リスト項目の下マージン */
padding-bottom: 28px; /* リスト項目の下パディング */
background: url(/imagefile/other/flow_back.gif) no-repeat center bottom; /* リスト項目の背景 */
}
/* --- 最後のリスト項目 --- */
ol.flow2 li.last {
margin-bottom: 0;
padding-bottom: 0;
background-image: none;
}

/* --- ボックス --- */
ol.flow2 dl {
margin: 0;
border: 1px #c0c0c0 solid; /* ボックスの境界線 */
border-collapse:separate; 
-webkit-border-radius:3px 3px 3px 3px; 
-moz-border-radius:3px 3px 3px 3px; 
border-radius: 3px 3px 3px 3px; 
}

/* --- タイトルエリア --- */
ol.flow2 dt {
padding: 9px 10px 7px; /* タイトルエリアのパディング（上、左右、下） */
background-color: #d5ffff; /* タイトルエリアの背景色 */
border-bottom: 1px #c0c0c0 solid; /* タイトルエリアの下境界線 */
font-weight: bold;
color: #999999;
border-collapse:separate; 
-webkit-border-radius:5px 5px 0px 0px; 
-moz-border-radius:5px 5px 0px 0px; 
border-radius: 5px 5px 0px 0px; 
}
/* --- タイトル --- */
ol.flow2 dt strong {
margin-left: 3px;
color: #2b2b2b;
font-weight:bold;
}

/* --- 本文エリア --- */
ol.flow2 dd {
margin: 0;
padding: 15px 10px; /* 本文エリアのパディング（上下、左右） */
background-color: #ffffff; /* 本文エリアの背景色 */
color: #2b2b2b;
line-height: 150%;
border-collapse:separate; 
-webkit-border-radius:3px 3px 3px 3px; 
-moz-border-radius:3px 3px 3px 3px; 
border-radius: 3px 3px 3px 3px; 
}








/* --- リストエリア --- */
ol.flow3 {
width: 700px; /* リストエリアの幅 */
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;

}

/* --- リスト項目 --- */
ol.flow3 li {
margin-bottom: 12px; /* リスト項目の下マージン */
padding-bottom: 28px; /* リスト項目の下パディング */
background: url(/imagefile/other/flow_back.gif) no-repeat center bottom; /* リスト項目の背景 */
}
/* --- 最後のリスト項目 --- */
ol.flow3 li.last {
margin-bottom: 0;
padding-bottom: 0;
background-image: none;
}

/* --- ボックス --- */
ol.flow3 dl {
margin: 0;
border: 1px #c0c0c0 solid; /* ボックスの境界線 */
border-collapse:separate; 
-webkit-border-radius:3px 3px 3px 3px; 
-moz-border-radius:3px 3px 3px 3px; 
border-radius: 3px 3px 3px 3px; 
}

/* --- タイトルエリア --- */
ol.flow3 dt {
padding: 9px 10px 7px; /* タイトルエリアのパディング（上、左右、下） */
background-color: #d5eaff; /* タイトルエリアの背景色 */
border-bottom: 1px #c0c0c0 solid; /* タイトルエリアの下境界線 */
font-weight: bold;
color: #999999;
border-collapse:separate; 
-webkit-border-radius:5px 5px 0px 0px; 
-moz-border-radius:5px 5px 0px 0px; 
border-radius: 5px 5px 0px 0px; 
}
/* --- タイトル --- */
ol.flow3 dt strong {
margin-left: 3px;
color: #2b2b2b;
font-weight:bold;
}

/* --- 本文エリア --- */
ol.flow3 dd {
margin: 0;
padding: 15px 10px; /* 本文エリアのパディング（上下、左右） */
background-color: #ffffff; /* 本文エリアの背景色 */
color: #2b2b2b;
line-height: 150%;
border-collapse:separate; 
-webkit-border-radius:3px 3px 3px 3px; 
-moz-border-radius:3px 3px 3px 3px; 
border-radius: 3px 3px 3px 3px; 
}








/* --- リストエリア --- */
ol.flow4 {
width: 700px; /* リストエリアの幅 */
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;

}

/* --- リスト項目 --- */
ol.flow4 li {
margin-bottom: 12px; /* リスト項目の下マージン */
padding-bottom: 28px; /* リスト項目の下パディング */
background: url(/imagefile/other/flow_back.gif) no-repeat center bottom; /* リスト項目の背景 */
}
/* --- 最後のリスト項目 --- */
ol.flow4 li.last {
margin-bottom: 0;
padding-bottom: 0;
background-image: none;
}

/* --- ボックス --- */
ol.flow4 dl {
margin: 0;
border: 1px #c0c0c0 solid; /* ボックスの境界線 */
border-collapse:separate; 
-webkit-border-radius:3px 3px 3px 3px; 
-moz-border-radius:3px 3px 3px 3px; 
border-radius: 3px 3px 3px 3px; 
}

/* --- タイトルエリア --- */
ol.flow4 dt {
padding: 9px 10px 7px; /* タイトルエリアのパディング（上、左右、下） */
background-color: #d5d5ff; /* タイトルエリアの背景色 */
border-bottom: 1px #c0c0c0 solid; /* タイトルエリアの下境界線 */
font-weight: bold;
color: #999999;
border-collapse:separate; 
-webkit-border-radius:5px 5px 0px 0px; 
-moz-border-radius:5px 5px 0px 0px; 
border-radius: 5px 5px 0px 0px; 
}
/* --- タイトル --- */
ol.flow4 dt strong {
margin-left: 3px;
color: #2b2b2b;
font-weight:bold;
}

/* --- 本文エリア --- */
ol.flow4 dd {
margin: 0;
padding: 15px 10px; /* 本文エリアのパディング（上下、左右） */
background-color: #ffffff; /* 本文エリアの背景色 */
color: #2b2b2b;
line-height: 150%;
border-collapse:separate; 
-webkit-border-radius:3px 3px 3px 3px; 
-moz-border-radius:3px 3px 3px 3px; 
border-radius: 3px 3px 3px 3px; 
}









