.kdisp {
   /* position:fixed; bottom:20px; width:100%; height:240px; */
   width:620px; height:395px;
   opacity:0.3; z-index:5;
   transform:translate(0,50);
   transition : all 500ms;
}
.kdisp img {
   margin-top:40px; margin-left:10px;
}
#kmodarea {
   margin-top:0px; z-index:10; position:absolute;
   width:600px; height:100%; top:0px;
   margin-left:10px;
   /* background:red;opacity:0.3; */
}
#kdotarea {
   margin-top:0px; z-index:8; position:absolute;
   width:600px; height:100%; top:0px;
   margin-left:10px;
}
#kfukiarea {
   margin-top:0px; z-index:12; position:absolute;
   width:600px; height:100%; top:0px;
   margin-left:10px;
}
.scrollin {
   position:fixed; bottom:30px;
   opacity:1;
   background-color:rgba( 240, 240, 240, 0.8 );
   transform:translate(0,0);
}

.bln_close {
   right:5px;
   margin:0px 1px 0px auto; width:24px; height:24px;
	background:transparent url('img/balloon.gif') no-repeat scroll -200px -10px;
   display:block;
}
.bln_in {
   margin-top:-12px;
}
.bln_in p{
   font-size:100%!important;
}
.bln_ul {
   margin-top:0px;
}
.bln_ul li {
   margin-bottom:5px;
   list-style-type: circle;
	margin-left:20px;
}

/** triangle,bar **/
.tria_r_b {
   width:0px; height:0px;
   border-left: 22px solid blue;
   border-top: 22px solid transparent;
   border-bottom: 22px solid transparent;
}
.tria_r_o {
   width:0px; height:0px;
   border-left: 22px solid #ff8c00;
   border-top: 22px solid transparent;
   border-bottom: 22px solid transparent;
}
.yline {
   height:14px; margin-right:0px; margin-top:10px;
   padding-bottom:10px; text-align:center;
}
.co_blue {
   background:blue; color:white;
   border-color:blue;
   font-size:10pt; font-weight:bold; line-height:28px;
}
.co_orange {
   background:#ff8c00; color:white;
   border-color:#ff8c00;
   font-size:10pt; font-weight:bold; line-height:28px;
}
.stria_r_b {
   width:0px; height:0px;
   border-left: 15px solid blue;
   border-top: 15px solid transparent;
   border-bottom: 15px solid transparent;
}
.stria_r_o {
   width:0px; height:0px;
   border-left: 15px solid #ff8c00;
   border-top: 15px solid transparent;
   border-bottom: 15px solid transparent;
}
.syline_b {
   height:10px; margin-right:0px; margin-top:7px;
   padding-bottom:5px; text-align:center; background:blue;
}
.syline_o {
   height:10px; margin-right:0px; margin-top:7px;
   padding-bottom:5px; text-align:center; background:#ff8c00;
}
/** for the first **/
.dotline_b_1 {
   border-left: 1px dotted blue;
   border-right: 1px dotted blue;
}
.dotline_b {
   border-right: 1px dotted blue;
}
/** to bottom arrow **/
.botar_b {
   width: 15px;
   height: 15px;
   border: 5px solid;
   border-color:  transparent transparent blue blue;
   transform: rotate(-45deg);
   float:left;
   margin-top:1px; /** -12px **/
}
.botar_o {
   width: 15px;
   height: 15px;
   border: 5px solid;
   border-color:  transparent transparent #ff8c00 #ff8c00;
   transform: rotate(-45deg);
   float:left;
   margin-top:1px;
}
.botln_b {
   border-bottom: 5px solid blue; float:left;
   margin-top:13px;
}
.botln_l_b {
   width:18px; height:18px; background:url( img/btm_b_l.png);
   float:left;
}
.botln_r_b {
   width:18px; height:18px; background:url( img/btm_b_r.png);
   float:left;
}
.botln_o {
   border-bottom: 5px solid #ff8c00; float:left;
   margin-top:13px;
}
.botln_l_o {
   width:18px; height:18px; background:url( img/btm_o_l.png);
   float:left;
}
.botln_r_o {
   width:18px; height:18px; background:url( img/btm_o_r.png);
   float:left;
}
.btxt_b { text-align:center; font-size:11pt; color:blue; margin-top:10px; font-weight:bold;}
.btxt_o { text-align:center; font-size:11pt; color:#ff5600; margin-top:10px; font-weight:bold;}

/** fukidashi **/
.fukidashi {
   position: relative; display: inline-block;
   margin: 0.5em 0; padding: 5px 10px;
   min-width: 120px; max-width: 100%;
   font-size: 85%; background: #ffff99;/*#e0edff;*/
   border-radius: 15px;
}
/*
.fukidashi:before {
   content: ""; position: absolute; top: 100%; left: 50%;
   margin-top:-1px;margin-left: -15px; border: 15px solid transparent;
   border-top: 15px solid #ffff99;
}
*/
.fukidashi_l:before {
   content: ""; position: absolute; top: -25px; left: 17%;
   margin-top:-1px;margin-left: -15px;
   border: 15px solid transparent; border-bottom: 15px solid #ffff99;
}
.fukidashi_r:before {
   content: ""; position: absolute; top: -25px; left: 75%;
   margin-top:-1px;margin-left: -15px;
   border: 15px solid transparent; border-bottom: 15px solid #ffff99;
}
.fukidashi_rr:before {
   content: ""; position: absolute; top: -25px; left: 85%;
   margin-top:-1px;margin-left: -15px;
   border: 15px solid transparent; border-bottom: 15px solid #ffff99;
}

.fukidashi_j {
   border-color:#ccc; background:#ffff99;
}
.fukidashi_jl:before {
   content: ""; position: absolute; top: 98%; left: 20%;
   margin-top:-1px;margin-left: -15px;
   border: 15px solid transparent; border-top: 15px solid #ffff99;
}
.fukidashi_jm:before {
   content: ""; position: absolute; top: 98%; left: 50%;
   margin-top:-1px;margin-left: -15px;
   border: 15px solid transparent; border-top: 15px solid #ffff99;
}
.fukidashi_jr:before {
   content: ""; position: absolute; top: 98%; left: 80%;
   margin-top:-1px;margin-left: -15px;
   border: 15px solid transparent; border-top: 15px solid #ffff99;
}
.fukidashi p { margin: 0; padding: 0; line-height:1.4em!important;}