/*--------------------*
 *  sample
 *--------------------*/
 
 /*--------------------*
 *  pageTitle
 *--------------------*/
#pageTitle{
  width:666px;
  height:66px;
  margin:auto;
  background:url(/zap/ronri/image/common/page_title_bg.gif) no-repeat;
}
#pageTitle H2{
  width:666px;
  height:60px;
  background:url(/zap/ronri/image/sample/page_ttl.gif) no-repeat 50% 50%;
  text-indent:-10000px;
}
 /*--------------------*
 *  sampleOne
 *  sampleTwo
 *--------------------*/
#sampleOne,
#sampleTwo{
  text-align:center;
}
#sampleOne H3,
#sampleTwo H3{
  width:690px;
  height:40px;
  margin-top:20px;
  text-indent:-10000px;
}
#sampleOne H3{background:url(/zap/ronri/image/sample/1_title.gif) no-repeat 0px 0px;}
#sampleTwo H3{background:url(/zap/ronri/image/sample/2_title.gif) no-repeat 0px 0px;}
#sampleOne DIV.sampleBox,
#sampleTwo DIV.sampleBox{
  width:640px;
  margin:20px auto 0px auto;
}
#sampleOne DIV.sampleImage{
  width:320px;
  float:left;
}
#sampleTwo DIV.sampleImage{
  width:320px;
  float:right;
}
#sampleOne DIV.sampleImage P{
  color:#29646A;
  text-align:center;
}
#sampleTwo DIV.sampleImage P{
  color:#71252D;
  text-align:center;
}
 /*--------------------*
 *  sampleOneList
 *  sampleTwoList
 *--------------------*/
#sampleOneList,
#sampleTwoList{
  width:300px;
  text-align:left;
}
#sampleOneList{float:right;}
#sampleTwoList{float:left;}

#sampleOneList OL,
#sampleTwoList OL{list-style:none;}
#sample DIV.sampleBox LI{
  padding-top:24px;
  background:url(/zap/ronri/image/sample/line.gif) no-repeat left bottom;
}
#sampleOneList LI P,
#sampleTwoList LI P{
  padding-top:8px;
  padding-bottom:24px;
  padding-left:44px;
}
#sampleOneList P.read_1{background: url(/zap/ronri/image/sample/1_1.gif) no-repeat left top;}
#sampleOneList P.read_2{background: url(/zap/ronri/image/sample/1_2.gif) no-repeat left top;}
#sampleOneList P.read_3{background: url(/zap/ronri/image/sample/1_3.gif) no-repeat left top;}
#sampleOneList P.read_4{background: url(/zap/ronri/image/sample/1_4.gif) no-repeat left top;}
#sampleOneList P.read_5{background: url(/zap/ronri/image/sample/1_5.gif) no-repeat left top;}
#sampleOneList P.read_6{background: url(/zap/ronri/image/sample/1_6.gif) no-repeat left top;}

#sampleTwoList P.read_1{background: url(/zap/ronri/image/sample/2_1.gif) no-repeat left top;}
#sampleTwoList P.read_2{background: url(/zap/ronri/image/sample/2_2.gif) no-repeat left top;}
#sampleTwoList P.read_3{background: url(/zap/ronri/image/sample/2_3.gif) no-repeat left top;}
#sampleTwoList P.read_4{background: url(/zap/ronri/image/sample/2_4.gif) no-repeat left top;}
#sampleTwoList P.read_5{background: url(/zap/ronri/image/sample/2_5.gif) no-repeat left top;}
#sampleTwoList P.read_6{background: url(/zap/ronri/image/sample/2_6.gif) no-repeat left top;}

#sample DIV.sampleBox EM{
  font-style:normal;
  font-weight:bold;
}
#sampleOneList EM{color:#29646A;}
#sampleTwoList EM{color:#71252D;}
#sampleOneList SPAN{color:#29646A;font-size:0.8em;}
#sampleTwoList SPAN{color:#71252D;font-size:0.8em;}