/* BOWcss */
@charset "utf-8";
/* トップページ */

p,h1,h2,h3,h4,h5,h6,ul {
           margin: 0px;
           padding: 0px;
}

li {
           list-style: none;
}

body { 
           margin: 0px auto;
           padding: 0;
           width: 970px;
           font-family: "MS Pゴシック",Osaka,"ヒラギノ角ゴPro W3";
           background-image: url(http://bobtealweb.com/css/images/background-img.jpg);
           background-repeat: repeat-y;
           background-color: #f2f2f2;
           background-position: center;
           text-align: center;
           
}

#top-logo {
           margin: 0 auto;
}       

#navibar {
           margin: 0 auto;
           background-color: #ffffff;
           width: 950px;
           padding: 0px;
           border-top: 4px solid #FFFFFF;          
}

#navibar ul {
           margin: 0;
           padding: 0;     
}          

#navibar li {
           float: left;
}

#navibar-01 a {
           text-decoration: none;
           width: 120px;
           display: block;
           background-image: url(http://bobtealweb.com/css/images/navibar01.jpg);
           text-indent: -9999px;           
}

#navibar-01 a:hover {
           background-image: url(http://bobtealweb.com/css/images/navibar01-.jpg);
}

#navibar-00 a {
           text-decoration: none;
           width: 120px;
           display: block;
           background-image: url(http://bobtealweb.com/css/images/navibar00.jpg);
           text-indent: -9999px;           
}

#navibar-00 a:hover {
           background-image: url(http://bobtealweb.com/css/images/navibar00-.jpg);
}

#navibar-02 a {
           text-decoration: none;
           width: 120px;
           display: block;
           background-image: url(http://bobtealweb.com/css/images/navibar02.jpg);
           text-indent: -9999px;
}

#navibar-02 a:hover {
           background-image: url(http://bobtealweb.com/css/images/navibar02-jpg);
}

#navibar-03 a {
           text-decoration: none;
           width: 120px;
           display: block;
           background-image: url(http://bobtealweb.com/css/images/navibar03.jpg);
           text-indent: -9999px;
}

#navibar-03 a:hover {
           background-image: url(http://bobtealweb.com/css/images/navibar03-jpg);
}

#navibar-04 a {
           text-decoration: none;
           width: 120px;
           display: block;
           background-image: url(http://bobtealweb.com/css/images/navibar04.jpg);
           text-indent: -9999px;
}

#navibar-04 a:hover {
           background-image: url(http://bobtealweb.com/css/images/navibar04-jpg);
}

#navibar-05 a {
           text-decoration: none;
           width: 120px;
           display: block;
           background-image: url(http://bobtealweb.com/css/images/navibar05.jpg);
           text-indent: -9999px;
}

#navibar-05 a:hover {
           background-image: url(http://bobtealweb.com/css/images/navibar05-jpg);
}

#navibar-06 a {
           text-decoration: none;
           width: 120px;
           display: block;
           background-image: url(http://bobtealweb.com/css/images/navibar06.jpg);
           text-indent: -9999px;
}

#navibar-06 a:hover {
           background-image: url(http://bobtealweb.com/css/images/navibar06-jpg);
}

#navibar-amari a {
           text-decoration: none;
           width: 230px;
           display: block;
           background-image: url(http://bobtealweb.com/css/images/navibar-amari.jpg);
           text-indent: -9999px;
}

#top-image {
           width: 950px;
           
           margin: 0px auto 5px;
          }

#sidebar {
           width: 338px;
           margin-right: 10px;
           background-color: #ffffff;
           background-repeat: repeat-y;
           float: right;
                               
                    
}

#sidebar ul {
           margin: 0px;
           padding: 0;
           
}

#sidebar li {
           padding: 0px;
           margin: 0px;
           }
          
#sidebar-01 a{
           
           display: block;
           }

#sidebar-02 a {
           width: 338px;
           display: block;
           background-image: url(http://bobtealweb.com/css/images/massablog-banar.jpg);
}

#sidebar-03 a {
           width: 338px;
           display: block;
           background-image: url(http://bobtealweb.com/css/images/youtube-banar.jpg);
}

#sidebar-04 a {
           width: 338px;
           display: block;
           background-image: url(http://bobtealweb.com/css/images/myspace-banar.jpg);
}

#sidebar-05 a {
           width: 338px;
           display: block;
           background-image: url(http://bobtealweb.com/css/images/oricon-banar.jpg);
}

#sidebar-06 a {
           width: 338px;
           display: block;
           background-image: url(http://bobtealweb.com/css/images/sunrise-banar.jpg);
}

#sidebar-07 a {
           width: 338px;
           display: block;
           background-image: url(http://bobtealweb.com/css/images/leben-banar.jpg);
}

#sidebar-08 a {
           width: 338px;
           display: block;
           background-image: url(http://bobtealweb.com/css/images/ayaka-banar.jpg);
}

#sidebar-09 a {
           width: 338px;
           display: block;
           background-image: url(http://bobtealweb.com/css/images/chaen-banar.jpg);
}

#sidebar-10 a {
           width: 338px;
           display: block;
           background-image: url(http://bobtealweb.com/css/images/sanin-banar.jpg);
}

#info {
           margin-left: 10px;
          }
          
#info ul {
           margin: 0;
           }

#info li {
           border: solid 1px #FFFFFF;
           background-color: #FFFFFF;
           width: 600px;
           }

#info-01 {
           padding-top: 0px;
          }

#info-02 a {
           width:600px;
           }          

#info-03 {
           padding-top: 0px;
}

#info-04 {
           width: 600px;
           
           }

#background { 
           width: 600px;
           height: 300px;
           background-image: url(http://bobtealweb.com/css/images/info-back.jpg); 
}

#info h1 {
           text-align: left;
           margin-left: 20px;
           padding-top: 60px;
           color: #0099CC;
           font-size: small;
}

#info p { 
           color: #000000;
           font-size: 15px;
           text-align: left;
           margin-left: 20px;
           padding-top: 5px;
}

#info h2 {
           text-align: left;
           margin-left: 20px;
           padding-top: 40px;
           color: #0099CC;
           font-size: small;
}

table {
           margin: 0 5px 0 10px;
           background-color: #ffffff;
}

#footer {
          margin: 0 auto;
}