/*

 * 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(http://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 */}