/*
 * jQuery banner Schedule plugin for vchat by wito2009
 * バナさし君用jQueryプラグイン・バナー「だす代」さん(仮名) CSS
 * Copyright (c) 2012 DTI Services, INC
 * Version: 0.1.2 (31-AUG-2012)
 * Requires: jQuery v1.4.4 or later
 * This is open souce for the use of DTI hosted web site.
 */
@charset "utf-8";
/* ajax loading image is created with:  http://ajaxload.info/*/
/* */
div.bn_child, div.bn_parent{background-image: url(//franchat-jp.dxlive.com/js/latest/bannerSchedule/loader_white.gif);}
div.bn_parent{background-repeat:no-repeat;background-position:50% 50%;position:relative;overflow:hidden;}
div.bn_controller{position:relative;overflow:hidden;}
div.bn_child{background-repeat:no-repeat;background-position:50% 50%}
div.bn_child a { padding:0; margin:0;}
img.bn_img{}
div.bn_navbox{z-index:999; position:absolute; bottom:3px;left:3px;letter-spacing:-.40em; height: 16px;}
/*div.bn_navbox{z-index:999; position:absolute; bottom:5px;left:5px;letter-spacing:-.40em; height:16px;}*/
/*background does not transit yet....but for the future browsers*/
a.bn_navbtn, a.bn_navbtn span {-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear;}
a.bn_navbtn{letter-spacing:normal;/* text-indent:-9999px;*/ display:inline-block; text-decoration:none; vertical-align:top;
/display: inline;/zoom: 1; line-height:100%;}/*IE7*/
a.bn_navbtn span { display:block;width:14px;height:14px;border:1px solid #CCC; text-indent:-9999px;
margin:0 2px;font-size:10px;color:white;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background: #3f4c6b; /* Old browsers */
background: -moz-linear-gradient(top, #3f4c6b 0%, #7280a0 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3f4c6b), color-stop(99%,#7280a0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #3f4c6b 0%,#7280a0 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #3f4c6b 0%,#7280a0 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #3f4c6b 0%,#7280a0 99%); /* IE10+ */
background: linear-gradient(to bottom, #3f4c6b 0%,#7280a0 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f4c6b', endColorstr='#7280a0',GradientType=0 ); /* IE6-9 */
}
a.bn_navbtn:hover span {
background: #fb83fa; /* Old browsers */
background: -moz-linear-gradient(top, #fb83fa 0%, #e93cec 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fb83fa), color-stop(100%,#e93cec)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fb83fa 0%,#e93cec 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fb83fa 0%,#e93cec 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fb83fa 0%,#e93cec 100%); /* IE10+ */
background: linear-gradient(to bottom, #fb83fa 0%,#e93cec 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb83fa', endColorstr='#e93cec',GradientType=0 ); /* IE6-9 */
}
a.bn_navbtn.on, a.bn_navbtn.on{ cursor: default;}
a.bn_navbtn.on span, a.bn_navbtn.on:hover span {background: #cf0404; /* Old browsers */
background: -moz-linear-gradient(top, #cf0404 0%, #ff3019 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cf0404), color-stop(100%,#ff3019)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #cf0404 0%,#ff3019 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #cf0404 0%,#ff3019 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #cf0404 0%,#ff3019 100%); /* IE10+ */
background: linear-gradient(to bottom, #cf0404 0%,#ff3019 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cf0404', endColorstr='#ff3019',GradientType=0 ); /* IE6-9 */}