@charset "iso-2022-jp";
  /*Chart*/
.guide #contentsarea{clear:both; width:610px; margin:10px 0 0 10px; overflow:hidden;}
.guide .waku_bottom{clear:both; width:610px; height:18px;margin-left:10px; background: url(../img/bg_bottom.jpg) no-repeat;}
.guide .guide_box{ width:610px; height:1040px; background: url(../img/guide/card_main.jpg)  no-repeat; position:relative; }
.guide #nkmdm { width:588px; height:930px; position:absolute; top: 0px; left: 0px; background: url(/img/cover.gif) no-repeat;}
.guide #prof01 a{ width:125px; height:185px; display:block; position: absolute; left:59px; top:316px; }
.guide #prof02 a{ width:125px; height:185px; display:block; position: absolute; left:425px; top:589px; }
.guide #prof03 a{ width:125px; height:185px; display:block; position: absolute; left:425px; top:316px; }
.guide #prof04 a{ width:125px; height:185px; display:block; position: absolute; left:242px; top:211px; }
.guide #prof05 a{ width:125px; height:185px; display:block; position: absolute; left:59px; top:589px; }
.guide #prof06 a{ width:125px; height:185px; display:block; position: absolute; left:242px; top:694px; }
.guide #prof07 a{ width:125px; height:185px; display:block; position: absolute; left:242px; top:453px; }
.guide .guide_box li a:hover{ filter: alpha(opacity=10);-moz-opacity:0.1;opacity:0.1; background:#ffff00;}

 /*Chart_pop*/
#card_box{ position:relative;}
#card_box #chara01{ width:600px; height:420px; background:url(../img/guide/card01.jpg) no-repeat;}
#card_box #chara02{ width:600px; height:420px; background:url(../img/guide/card02.jpg) no-repeat;}
#card_box #chara03{ width:600px; height:420px; background:url(../img/guide/card03.jpg) no-repeat;}
#card_box #chara04{ width:600px; height:420px; background:url(../img/guide/card04.jpg) no-repeat;}
#card_box #chara05{ width:600px; height:420px; background:url(../img/guide/card05.jpg) no-repeat;}
#card_box #chara06{ width:600px; height:420px; background:url(../img/guide/card06.jpg) no-repeat;}
#card_box #chara07{ width:600px; height:420px; background:url(../img/guide/card07.jpg) no-repeat;}
#card_box #nkmdm2 { width:600px; height:420px; position:absolute; top: 0px; left: 0px; background: url(/img/cover.gif) no-repeat;}

.charadetail .detailtext{ width:325px; height: 300px; padding-right:5px; position: absolute; left: 255px; top: 90px; overflow:auto; font-size: 120%; line-height:180%; text-align:left; color:#fff; }
.charadetail .btn_close{ position: absolute; left: 571px; top: 9px;}
.charadetail .btn_close a{ display:block; width:20px; height:20px;}