/*--------------------*
*Basic Tag*
*--------------------*/
H4{
  padding-bottom: 4px;
  font-size: 1.1em;
}
EM{
  font-weight: bold;
  font-style: normal;
  color: #FC7F30;
  color: #f40000;
}

/*--------------------*
* Common-class *
*--------------------*/
.hrBox{
  margin-top: 10px;
  margin-bottom: 10px;
  border-top: 1px dotted #A89276;
}
.pr{
  line-height: 150%;
}
.categoryIcon,.icon{
  float: left;
  padding-right: 10px;
}
.titleCaption{
  width: 520px;
  float: left;
}
.upper{
  text-align: right;
  padding:5px 0px 2px 0px;
}
.info{
  text-align: right;
  padding:2px 0px;
}
/*--------------------*
* ID: indexFlash *
*--------------------*/
#indexFlash{
  width: 690px;
  margin: 0px auto;
}
#indexFlash H1{
  width: 690px;
  height: 186px;
}
#indexFlash H1 img{
  display:block;
  }
/*--------------------*
* ID: headerNaviIndex *
*--------------------*/
#headerNaviIndex{
  background: url(/zap/ronri/image/index/botton_bg.gif);
  height: 28px;
  padding-left: 19px;
}
#headerNaviIndex UL{
  list-style-type: none;
}
DIV#headerNaviIndex LI{
  width:156px;
  padding-right:9px;
  float: left;
  display: block;
}
DIV#headerNaviIndex LI A{
  display: block;
  width: 156px;
  padding-right:0px;
  height: 28px;
  text-indent: -10000em;
}
DIV#headerNaviIndex LI.profile A{
  background: url(/zap/ronri/image/index/btn_profile.gif) no-repeat left top;
}
DIV#headerNaviIndex LI.profile A:hover{
  background: url(/zap/ronri/image/index/btn_profile_over.gif) no-repeat left top;
}
DIV#headerNaviIndex LI.explain A{
  background: url(/zap/ronri/image/index/btn_explain.gif) no-repeat left top;
}
DIV#headerNaviIndex LI.explain A:hover{
  background: url(/zap/ronri/image/index/btn_explain_over.gif) no-repeat left top;
}
DIV#headerNaviIndex LI.sample A{
  background: url(/zap/ronri/image/index/btn_sample.gif) no-repeat left top;
}
DIV#headerNaviIndex LI.sample A:hover{
  background: url(/zap/ronri/image/index/btn_sample_over.gif) no-repeat left top;
}
DIV#headerNaviIndex LI.link A{
  background: url(/zap/ronri/image/index/btn_link.gif) no-repeat left top;
}
DIV#headerNaviIndex LI.link A:hover{
  background: url(/zap/ronri/image/index/btn_link_over.gif) no-repeat left top;
}
/*--------------------*
* ID: index *
*--------------------*/
#index{
  width: 690px;
  margin: 0px auto;
}
/*--------------------*
*ID: newMenu*
*--------------------*/
#newMenu{
  width: 654px;
  margin: 10px auto 0px auto;
  text-align: left;
  background: url(/zap/ronri/image/index/new_body.gif) 0px 60px;
}
#newMenu H4{font-weight: bold;}
#newMenu A:link{color: #B20000;}
#newMenu A:visited{color: #B20000;}
#newMenu A:hover{color: #E80000;}
#newMenu A:active{color: #E80000;}
#newMenu .hdr{
  width: 654px;
  background: url(/zap/ronri/image/index/new_header.gif) no-repeat left top;
}
#newMenu .hdr H2{
  width: 654px;
  height: 60px;
  text-indent: -9999em;
}
#newMenu .ftr{
  padding-bottom:10px;
  background: url(/zap/ronri/image/index/new_footer.gif) no-repeat left bottom;
}
#newMenu .box{
  margin: 0px 34px;
}
#newMenu .boxNL{
  margin: 10px 34px;
  padding-top:10px;
  border-top: 1px dotted #A89276;
}
/*--------------------*
*ID: recMenu*
*--------------------*/
#recMenu{
  width: 654px;
  margin: 10px auto 0px auto;
  background: url(/zap/ronri/image/index/pickup_body.gif);
  color: #666;
}
#recMenu H4{font-weight: bold;}
#recMenu A:link{color: #03A0B3;}
#recMenu A:visited{color: #03A0B3;}
#recMenu A:hover{color: #00B1DE;}
#recMenu A:active{color: #00B1DE;}
#recMenu .hdr H2{
  width: 654px;
  height: 41px;
  background: url(/zap/ronri/image/index/pickup_header.gif) no-repeat left top;
  text-indent: -9999em;
}
#recMenu .ftr{
  padding-bottom: 10px;
  background: url(/zap/ronri/image/index/pickup_footer.gif) no-repeat left bottom;
}
/*--------------------*
*recMenu inside*
*--------------------*/
#recMenu .menuBox{
  width: 610px;
  margin: 0px auto 8px auto;
  background: url(/zap/ronri/image/index/pickup_menu_body.gif) 0px 10px;
}
#recMenu .pickupHdr{
  padding-top: 10px;
  background: url(/zap/ronri/image/index/pickup_menu_header.gif) no-repeat left top;
}
#recMenu .pickupFtr{
  padding-bottom: 10px;
  background: url(/zap/ronri/image/index/pickup_menu_footer.gif) no-repeat left bottom;
}
#recMenu .pickupBody{
  padding: 0px 10px;
  text-align: left;
}
#recMenu .title{
  float: left;
  width: 520px; 
}
/*--------------------*
* ID: allMenu*
*--------------------*/
#allMenu{
  width: 690px;
  margin: 0px auto;
}
#allMenu .icon IMG{display:block;}
#allMenu .right,
#allMenu .left{
  width:302px;
  /* MacIE ignore\*/
  width: 292px;
  /* */
  /*IE6*/
  _width: 302px;
  padding-left: 10px;
  text-align: left;
}
#allMenu .left{float: left;}
#allMenu .right{float: right;}
#allMenu .title{
  padding-right:10px;
  float:left;
}
#allMenu .title H4{
  font-size: 1.1em;
  line-height:130%;
}
#allMenu .caption{
  padding-right:10px;
  padding-top: 5px;
  margin-left:0px;
  text-align: left;
}
#allMenu .upper,
#allMenu .info{
  margin-left:0px;
  padding-right:10px;
}
#allMenu H3{
  margin-bottom: 5px;
  text-align: left;
}
#allMenu .hdr H3{
  width: 690px;
  height: 42px;
  text-indent: -9999em;
}
#allMenu .ftr{
  padding-bottom: 5px;
}
#allMenu .menuBoxBlk .right{
  width:1px;
  height:153px;
}
#allMenu .menuBox,
#allMenu .menuBoxBlk{
  width: 618px;
  margin: 0px auto 10px auto;
}
#allMenu .menuBox .menuBox_hdr,
#allMenu .menuBoxBlk .menuBox_hdr{
  width: 618px;
  padding-top: 10px;
}
#allMenu .menuBox .menuBox_ftr,
#allMenu .menuBoxBlk .menuBox_ftr{
  padding-bottom: 15px;
  /*IE6*/
  _padding-bottom:4px;
}
/*--------------------*
*ID: group1*
*--------------------*/
#group1{margin: 10px auto 0px auto;}
#group1 H4{font-weight: bold;}
#group1 A:link{color: #B20000;}
#group1 A:visited{color: #B20000;}
#group1 A:hover{color: #E80000;}
#group1 A:active{color: #E80000;}
#group1 .menuBoxBase{background: url(/zap/ronri/image/index/group1_body.gif);}
#group1 .hdr{background: url(/zap/ronri/image/index/group1_header.gif) no-repeat;}
#group1 .ftr{background: url(/zap/ronri/image/index/group1_footer.gif) no-repeat left bottom;}
#group1 .menuBox{background: url(/zap/ronri/image/index/group1_menu_body.gif);}
#group1 .menuBox .menuBox_hdr{background: url(/zap/ronri/image/index/group1_menu_header.gif) no-repeat;}
#group1 .menuBox .menuBox_ftr{background: url(/zap/ronri/image/index/group1_menu_footer.gif) no-repeat left bottom;}
/*for menuBoxBlk*/
#group1 .menuBoxBlk{background: url(/zap/ronri/image/index/group1_menu_body_blk.gif);}
#group1 .menuBoxBlk .menuBox_hdr{background: url(/zap/ronri/image/index/group1_menu_header_blk.gif) no-repeat;}
#group1 .menuBoxBlk .menuBox_ftr{background: url(/zap/ronri/image/index/group1_menu_footer_blk.gif) no-repeat left bottom;}

/*--------------------*
*ID: group2*
*--------------------*/
#group2{margin: 10px auto 0px auto;}
#group2 H4{font-weight: bold;}
#group2 A:link{color: #B66803;}
#group2 A:visited{color: #B66803;}
#group2 A:hover{color: #EF8103;}
#group2 A:active{color: #EF8103;}
#group2 .menuBoxBase{background: url(/zap/ronri/image/index/group2_body.gif);}
#group2 .hdr{background: url(/zap/ronri/image/index/group2_header.gif) no-repeat;}
#group2 .ftr{background: url(/zap/ronri/image/index/group2_footer.gif) no-repeat left bottom;}
#group2 .menuBox{background: url(/zap/ronri/image/index/group2_menu_body.gif);}
#group2 .menuBox .menuBox_hdr{background: url(/zap/ronri/image/index/group2_menu_header.gif) no-repeat;}
#group2 .menuBox .menuBox_ftr{background: url(/zap/ronri/image/index/group2_menu_footer.gif) no-repeat left bottom;}
/*for menuBoxBlk*/
#group2 .menuBoxBlk{background: url(/zap/ronri/image/index/group2_menu_body_blk.gif);}
#group2 .menuBoxBlk .menuBox_hdr{background: url(/zap/ronri/image/index/group2_menu_header_blk.gif) no-repeat;}
#group2 .menuBoxBlk .menuBox_ftr{background: url(/zap/ronri/image/index/group2_menu_footer_blk.gif) no-repeat left bottom;}

/*--------------------*
*ID: group3*
*--------------------*/
#group3{margin: 10px auto 0px auto;}
#group3 H4{font-weight: bold;}
#group3 A:link{color: #1C02BB;}
#group3 A:visited{color: #1C02BB;}
#group3 A:hover{color: #1CB7FF;}
#group3 A:active{color: #1CB7FF;}
#group3 .menuBoxBase{background: url(/zap/ronri/image/index/group3_body.gif);}
#group3 .hdr{background: url(/zap/ronri/image/index/group3_header.gif) no-repeat;}
#group3 .ftr{background: url(/zap/ronri/image/index/group3_footer.gif) no-repeat left bottom;}
#group3 .menuBox{background: url(/zap/ronri/image/index/group3_menu_body.gif);}
#group3 .menuBox .menuBox_hdr{background: url(/zap/ronri/image/index/group3_menu_header.gif) no-repeat;}
#group3 .menuBox .menuBox_ftr{background: url(/zap/ronri/image/index/group3_menu_footer.gif) no-repeat left bottom;}
/*for menuBoxBlk*/
#group3 .menuBoxBlk{background: url(/zap/ronri/image/index/group3_menu_body_blk.gif);}
#group3 .menuBoxBlk .menuBox_hdr{background: url(/zap/ronri/image/index/group3_menu_header_blk.gif) no-repeat;}
#group3 .menuBoxBlk .menuBox_ftr{background: url(/zap/ronri/image/index/group3_menu_footer_blk.gif) no-repeat left bottom;}

/*--------------------*
*ID: nextMenu*
*--------------------*/
#nextMenu{
  width: 640px;
  margin: 10px auto 0px auto;
  background: url(/zap/ronri/image/index/next_body.gif) left top;
}
#nextMenu A{font-weight: bold;}
#nextMenu A:link{color: #B20000;}
#nextMenu A:visited{color: #B20000;}
#nextMenu A:hover{color: #E80000;}
#nextMenu A:active{color: #E80000;}
#nextMenu .hdr H3{
  width: 640px;
  height: 56px;
  background: url(/zap/ronri/image/index/next_header.gif);
  text-indent: -9999em;
}
#nextMenu .ftr{
  padding-bottom: 35px;
  background: url(/zap/ronri/image/index/next_footer.gif) no-repeat left bottom;
}
#nextMenu .box{
  padding: 0px 27px;
  text-align: left;
}
#nextMenu .menuCaption H4{color:#B60105;}
/*--------------------*
*ID: popContents
*--------------------*/
#popContents{
  margin: 10px auto 0px auto;
  color:#666;
  }
#popContents A{font-weight: bold;}
#popContents A:link{color: #B20000;}
#popContents A:visited{color: #B20000;}
#popContents A:hover{color: #E80000;}
#popContents A:active{color: #E80000;}
#popContents H5 A:link{color: #20747E;}
#popContents H5 A:visited{color: #20747E;}
#popContents H5 A:hover{color: #2DA5AE;}
#popContents H5 A:active{color: #2DA5AE;}
#popContents H3{
  margin-bottom: 5px;
  width: 690px;
  height: 42px;
  background: url(/zap/ronri/image/index/pop_title.gif);
  text-indent: -9999em;
}
#popContents .icon{
  float: left;
  padding-right: 10px;
}
#popContents .icon IMG{display:block;}
#popContents .right,
#popContents .left{
  width:302px;
  /* MacIE ignore\*/
  width: 292px;
  /* */
  /*IE6*/
  _width: 302px;
  padding-left: 10px;
  text-align: left;
}
#popContents .left{float: left;}
#popContents .right{float: right;}
#popContents .title{
  padding-right:10px;
  float:left;
}

#popContents .title H4{
  padding-bottom: 4px;
  font-size: 1.1em;
  line-height:130%;
}
#popContents .caption{
  padding-right:10px;
  padding-top: 5px;
  margin-left:0px;
  text-align: left;
}
#popContents .upper,
#popContents .info{
  margin-left:0px;
  padding-right:10px;
  text-align: right;
}
#popContents .menuBox{
  width: 618px;
  margin: 0px auto 10px auto;
  background: url(/zap/ronri/image/index/pop_body.gif);
}
#popContents .menuBox .menuBox_hdr{
  width: 618px;
  padding-top: 10px;
  background: url(/zap/ronri/image/index/pop_hdr.gif) no-repeat;
}
#popContents .menuBox .menuBox_ftr{
  padding-bottom: 15px;
  /*IE6*/
  _padding-bottom:4px;
  background: url(/zap/ronri/image/index/pop_ftr.gif) no-repeat left bottom;
}
#popContents .menuBoxBlk{
  width: 618px;
  margin: 0px auto 10px auto;
  background: url(/zap/ronri/image/index/pop_body.gif);
}
#popContents .menuBoxBlk .menuBox_hdr{
  width: 618px;
  padding-top: 10px;
  background: url(/zap/ronri/image/index/pop_hdr.gif) no-repeat;
}
#popContents .menuBoxBlk .menuBox_ftr{
  padding-bottom: 15px;
  /*IE6*/
  _padding-bottom:4px;
  background: url(/zap/ronri/image/index/pop_ftr.gif) no-repeat left bottom;
}
/*pr*/
P.pr{
  padding-bottom:3px;
  font-size:0.9em;
  color: #f40000;
}
P.pr SPAN{
  padding-left:2px;
  color:#b34141;
}
P.pr A:link,
P.pr A:visited{
  font-weight:light;
  color:#b34141 !important;
}
P.pr A:hover,
P.pr A:active{
  font-weight:light;
  color:#f40000 !important;
}