@charset "UTF-8";

/* ------------------------------------------------------------
[/common/css_company/design_base.css]
Copyright (C) 2012 en-japan Inc.
------------------------------------------------------------ */
.popBubble { position: relative; }
.bubble { position: absolute; top: -8px; left: 0; }
.bubble em { font-size: 13px; color: #f00; }

.lazyBubble { position: relative; display: none; text-align: left; }
.lazyBubble .comment { width: 180px; padding: 6px; position: absolute; bottom: 10px; left: 0; 
background-color: #333; /* fallback for browsers that dont support rgba */
background-color: rgba(0, 0, 0, 0.8);
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
color: #fff;
font-size: 12px; line-height: 150%;
 }
.lazyBubble .comment:after {
border-color:#333 transparent transparent;
border-style:solid;
border-width:10px 10px 0;
bottom:-10px;
content:"";
display:block;
left:20px;
position:absolute;
width:0;
}
.lazyBubble .commentRight { width: 180px; padding: 6px; position: absolute; bottom: 10px; right: 0; 
background-color: #333; /* fallback for browsers that dont support rgba */
background-color: rgba(0, 0, 0, 0.8);
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
color: #fff;
font-size: 12px; line-height: 150%;
 }
.lazyBubble .commentRight:after {
border-color:#333 transparent transparent;
border-style:solid;
border-width:10px 10px 0;
bottom:-10px;
content:"";
display:block;
right:20px;
position:absolute;
width:0;
}

.demoLogin { padding: 60px 0; font-size: 0.75em; text-align: center; }
.demoLogin p { font-size: 2em; font-weight: bold; color: #f90; }
.demoLogin .message { width: 500px; margin: 30px auto; line-height: 150%; }