@charset "utf-8";
.body_pro01{background:url(../images/pro_01/body_di_a.jpg) repeat-x top left;}
.body_pro01 .head{width:100%; background: url(../images/member_02/head_di_a.jpg) repeat-y top;}
.body_pro01 .head_di_b{width:100%; background: url(../images/pro_01/head_di_b.jpg) no-repeat top;}
.body_pro01 .head_di_c{width:100%; background: url(../images/member_02/head_di_c.gif) no-repeat bottom;}
.body_pro01 .head_di_d{ width:1002px;background:url(../images/member_02/head_di_a.jpg) repeat-y center; margin:0px auto;}
.body_pro01 .head_di_e{ width:1002px;background:url(../images/member_02/head_di_d.jpg) no-repeat;}
.body_pro01 .head_1003{ width:1002px;background:url(../images/member_02/head_di_c.gif) no-repeat bottom;}

.body_pro01 .logo{width:147px; top:59px; left:41px; position:absolute;}
.body_pro01 .menu{width:722px; top:58px; right:33px;position:absolute;}

.body_pro01 .contents{ padding:507px 0px 0px 0px;}
.body_pro01 .contents .left_box{ width:226px; margin:56px 0px 50px 0px;}
.body_pro01 .contents .right_box{ width:770px;}
.body_pro01 .contents_left_a{ padding-bottom:140px;}
.body_pro01 .contents_left_b_dia{background:url(../images/pro_01/contents_left_b_dia.jpg) repeat-y top;}
.body_pro01 .contents_left_b_dib{background:url(../images/pro_01/contents_left_b_dib.jpg) no-repeat top;}
.body_pro01 .contents_left_b_dic{background:url(../images/pro_01/contents_left_b_dic.jpg) no-repeat bottom;}
.body_pro01 .contents_left_b_did{background:url(../images/pro_01/contents_left_b_dif.jpg) repeat-y right;}
.body_pro01 .contents_left_b_dic ul{width:172px; float:right; padding:15px 0px 17px 0px;}
.body_pro01 .contents_left_b_dic li{ width:86px; height:73px;}
.body_pro01 .left_box_a{ background:url(../images/pro_01/contents_left_b_did.jpg) no-repeat;}
.body_pro01 .right_box_a{ background:url(../images/pro_01/contents_left_b_die.jpg) no-repeat;}
.body_pro01 .left_box_a img{ margin:6px 0px 0px 18px;}
.body_pro01 .right_box_a img{ margin:6px 0px 0px 7px;}
.body_pro01 .contents_right_ane{ margin-bottom:50px; width:600px;height:170px;position: relative; z-index:600;}
.body_pro01 .contents_right_a{margin-left:15px;}
.body_pro01 .contents_right_b{margin-left:130px;}
.body_pro01 .contents_right_c{margin-left:29px;}
.body_pro01 .contents_right_d{margin-left:106px;}
.body_pro01 .contents_right_e{margin-left:26px;}

.body_pro01 .contents_right_boxa{ width:104px;}
.body_pro01 .contents_right_boxb{ width:490px;}
.body_pro01 .contents_right_boxba{ width:100%; height:45px; background:url(../images/pro_01/contents_right_box.jpg) no-repeat bottom;}
.body_pro01 .contents_right_boxba h1{font-weight: bold; padding:15px 10px 0px 10px; color:#333}
.body_pro01 .contents_right_boxba h4{ font-size:12px; padding:18px 5px 0px 0px; color:#333}
.body_pro01 .contents_right_boxbb{ font-size:12px;padding:5px 0px 0px 10px; letter-spacing:1px; color:#666; width:245px; line-height:160%}
.body_pro01 .contents_right_boxbb a{ width:80px; color:#900; display:block; float: right;}
.body_pro01 .contents_right_boxbc{ width:212px;}
.body_pro01 .contents_right_boxbc div{ font-size:12px;color:#900; line-height:130%; letter-spacing:1px; padding:3px 0px 0px 5px;}
.body_pro01 .contents_right_boxbd{ position:absolute; right:-35px; top:-55px;}
.body_pro01 .contents_right_boxbda{ width:104px; height:77px; background:url(../images/pro_01/di_a.jpg) no-repeat; position:absolute;right:120px; top:-55px;}
.body_pro01 .contents_right_boxbdb{ width:142px; height:103px; background:url(../images/pro_01/di_b.jpg) no-repeat; position:absolute; right:120px; top:-60px;}
.body_pro01 .preandnext{color:#7D0404; font-size:13px; padding:0px 0px 50px 200px;}
.body_pro01 .preandnext a{color:#7D0404; padding:0px 5px 0px 5px;}
.body_pro01 .preandnext img{ margin-top:-5px;}
.body_pro01 .pro a{width:78px; height:78px;display:block; background: url(../images/pro_01/di_d.jpg) no-repeat; z-index:400; position: relative;}
.body_pro01 .pro a:hover{width:78px; height:78px;display:block; background: url(../images/pro_01/di_c.jpg) no-repeat;}
.body_pro01 .pro img{padding:9px 0px 0px 9px;}
.body_pro01 .pro span {display: none; }
.pro:hover span{background: url(../images/pro_01/di_e.gif) no-repeat bottom left; display:block; position:absolute; z-index:500; top:-25px; left:25px; width:130px; padding:5px;text-align:left; color:#fff; font-size:12px;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;} /* for IE/Mac */