* {
    padding:0;
    margin:0;
    outline:0;
}
.cl {
    font-size:0;
    line-height:0;
    height:0;
    display:block;
    clear:both;
}
body{
	background:#000000 url(../images/bggrade.jpg) no-repeat center 0;
	font-family: "Verdana", "ƒqƒ‰ƒMƒmŠpƒS Pro W3","Meiryo","ƒ�ƒCƒŠƒI","‚l‚r ƒSƒVƒbƒN","Osaka�]“™•�", "sans-serif";
	color:#b8b8b8;
	font-size:10px;
	line-height:16px;
	background-attachment: fixed;
}


a{
    color:#999999;
    text-decoration: underline;
    cursor:pointer;
}
a:hover{
    text-decoration:none
}
a img{
    border:0;
}
.shell{
	width:950px;
	background-image: url(../images/bg.png);
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.left{float: left; display: inline;}
.right{float: right; display: inline;}
#header{
	background-image: url(../images/header_bg.jpg);
	height:107px;
	background-position: bottom;
	background-color: #000000;
}

h1#logo{
	background-image: none;
	font-size: 0;
	line-height:0;
	float: left;
	padding:0px;

}
h1#logo a{
	display: block;
	text-indent: -10000px;
	width:330px;
	height:100px;
	background-image: url(../images/logo.gif);
	background-repeat: no-repeat;
}

h2{
	color:#CCCCCC;
	border-bottom:solid 1px #000;
	padding-left:15px;
	background-image: url(../images/h2-long.gif);
	font: small-caps normal 22px/33px "Bell MT", "cambria", "times new roman", "serif";
	background-color: #000000;
}
h2 span{
	position:absolute;
	display:block;
	top:0;
	left:0;
	height:100%;
	width:100%;
}

.transparent-frame{
	padding-bottom: 20px;
}


#nav{float: right; }
#nav ul{
	list-style-type: none;
	text-transform: uppercase;
	font-weight: bold;
}
#nav li{
	float: left;
	font-size: 15px;
	text-align: center;
}
#nav li a{
	float: left;
	color:#fff;
	text-decoration: none;
	height: 100px;
	width: 120px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #333333;
}
#nav li a:hover{
	background-color: #0F0F0F;
	filter:Alpha(opacity=40);
	-moz-opacity:0.4;
	opacity:0.4;
}
#nav a img{
	padding-top: 40px;
}
#content{padding-top:15px; width:923px; margin-left:12px}

#sidebar{width:284px; float: left; display: inline;}


#sidebar .box{width:284px; margin-bottom:14px}
#sidebar .box h2{
	margin-bottom:15px;
}

#sidebar .box ul li {
	list-style: none;
	padding-top:5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
	padding-top: 10px;
	margin-right: 5px;
	margin-left: 5px;
	padding-bottom: 10px;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: normal;
}
#sidebar .box ul li {
	padding-top: 10px;
	margin-right: 5px;
	margin-left: 5px;
	padding-bottom: 10px;
	background-image: url(../images/listpoint_b.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
}
#sidebar .box li a:hover {
	color: #999933;

}
#sidebar .box ul {
	list-style: none;
}
#sidebar .box ul a {
	color: #CCCCCC;
	text-decoration: none;
	font-weight: normal;
}
#sidebar .box p {
	list-style: none;
	padding-left:5px;
	padding-top:10px;
	padding-top: 10px;
	margin-right: 5px;
	margin-left: 5px;
	padding-bottom: 0px;
	font-size: 10px;
	color: #990033;
	font-weight: bold;
}
#sidebar .box p img {
	height: 50px;
	width: 50px;
	border: 1px solid #666666;

}
#main{float: right; display: inline; width:600px}
#main .box{
	margin-bottom:18px; 
	padding-bottom:18px;
}
#main .box h2{
	width:588px;
	margin-bottom:15px;
}
#main .box ul.line{padding-left:0}
#main .box ul.line li{
	float: left;
	display: inline;
	padding-bottom: 0px;
}
#main .box ul {
	list-style: none;
}
#main .box li {
	list-style: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
	padding-top: 10px;
	margin-right: 5px;
	margin-left: 5px;
	padding-bottom: 10px;
	background-image: url(../images/listpoint_b.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	font-size: 12px;
	font-weight: bold;
	color: #999933;
}
#main .box b {;
	padding-top: 10px;
	margin-right: 5px;
	padding-bottom: 10px;
	font-size: 12px;
	font-weight: bold;
	color: #CC0033;
	line-height: 24px;
}
#main .box strong{
	color: #CCFF00;
	font-weight: normal;
}
#main .box p {
	padding-top: 10px;
	margin-right: 5px;
	margin-left: 5px;
	padding-bottom: 10px;
	padding-left: 20px;
	font-size: 12px;
	color: #666666;
	line-height: 24px;
	padding-right: 20px;
}
#main .box ul a {
	font-weight: normal;
	color: #BF1717;
	text-decoration: none;
}
#main .box ul a:hover{
	text-decoration: none;
	color: #CCCCCC;
}
#main .box #disc_txt b{
	font-size: 10px;
	color: #996600;
	font-weight: normal;
}
.box{
	padding-bottom:7px;
	background-image: url(../images/bg2.gif);
}
.box a.up{text-transform: uppercase; float: right; margin-right:12px}
.box ul{
	margin: 0px;
	padding: 0px;
}
.submit{
	background-color: transparent;
	display: block;
	text-indent: -10000px;
	border:0;
	height:22px;
	width: 72px;
	background-image: url(../images/submit.gif);
	background-repeat: no-repeat;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
}

.links{padding-top:15px}
.links a{ background:url(../images/links.gif) repeat-x; line-height: 33px; width:134px; font-size: 13px; color:#fff; text-align: center; text-decoration: none;}
#pix {
	height: 100px;

	margin-right: 5px;
}
#pixabout {
	height: 200px;
	margin-right: 5px;
}
#pixdis {
	height: 500px;
	margin-right: 5px;
}
#sidepix {
	height: 100px;
	margin-right: 5px;
}
#sidepix2 {
	height: 300px;
	margin-right: 5px;
}
#livemail a{
	background-image: url(../images/tic.gif);
	height: 22px;
	width: 129px;
	background-repeat: no-repeat;
	display:block;
	list-style-type:none;
	z-index:1000;
	text-indent: -10000em;
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#ad a {
	height: 20px;
	width: 920px;
	display:block;
	list-style-type:none;
	z-index:1000;
	text-indent: -10000em;
	background-image: url(../images/foot.gif);
	background-repeat: no-repeat;
	background-position: right center;
	margin: 5px 0px 0px 10px;
	padding: 0px;
}

#footer{
	height:47px;
	width:950px;
	font-size: 10px;
	color:#b8b8b8;
	line-height: 47px;
	text-transform: uppercase;
	background-image: url(../images/header_bg.jpg);
	padding-top: 20px;
	text-align: center;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
	margin-top: 20px;
}
.scrollgeneric {
	line-height: 1px;
	font-size: 1px;
	position: absolute;
	top: 0;
	left: 0;
}
.magazine {
	margin: 5px;
	padding: 5px;
}
.magazine .field2{
	font-size: 12px;
	color:#e4e4e4;
	width:180px;
	display: inline;
	background-color: #333333;
}
.magazine .btnp2 input{
	background: transparent;
	display: inline;
	height:33px;
	border:0;
	width: 70px;
	background-image: url(../images/join.gif);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
}
.magazine .btnp3 input{
	background: transparent;
	display: inline;
	height:33px;
	border:0;
	width: 70px;
	background-image: url(../images/join2.gif);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
}
#disc_img{
	width: 100px;
	float: left;
	margin: 0px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
}
#disc_img img{
	width: 100px;
}
#disc_txt{
	width: 440px;
	font-size: 10px;
	text-align: left;
	float: right;
	margin: 0px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.aria4{
	font-size: 12px;
	color: #999999;
	background-color: #111111;
	width: 200px;
	filter:Alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
}
.aria{
	height:100px;
	font-size: 12px;
	color: #999999;
	background-color: #111111;
	width: 500px;
	filter:Alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
}
.aria2{
	height:22px;
	border:0;
	width: 72px;
	padding: 0px;
	margin: 0px;
	z-index:1000;
	text-indent: -10000em;
}
.aria3{
	font-size: 12px;
	color: #999999;
	background-color: #111111;
	width: 200px;
	filter:Alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
}
.aria4{
	font-size: 12px;
	color: #999999;
	background-color: #111111;
	width: 200px;
	filter:Alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
}

#box-table-a
{
	width: 100%;
	text-align: left;
	border-collapse: collapse;
}

#box-table-a td
{
	padding: 2px 0px 2px 4px;
	border-bottom: 1px none;
	color: #EEEEEE;
	border-top: 1px none;
	border-right-style: none;
	border-left-style: none;
	font-size: 10px;
	line-height: 12px;
	vertical-align: top;
}
#box-table-a td a
{
	color: #FF9900;
}
#box-table-a tr:hover td
{
	background-image: url(../images/bg2.png);
}
#box-table-a td img
{
	width: 30px;
	border: 1px solid #666666;

}

.member1 {
	background-image: url(http://dali.bqpd.org/files/profile_photo1.jpg);
	height: 300px;
	width: 210px;
	display:block;
	background-repeat: no-repeat;
}
.member2 {
	background-image: url(http://dali.bqpd.org/files/profile_photo2.jpg);
	height: 300px;
	width: 210px;
	display:block;
	background-repeat: no-repeat;
}
.member3 {
	background-image: url(http://dali.bqpd.org/files/profile_photo4.jpg);
	height: 300px;
	width: 210px;
	display:block;
	background-repeat: no-repeat;
}
.member4 {
	background-image: url(http://dali.bqpd.org/files/profile_photo4.jpg);
	height: 300px;
	width: 210px;
	display:block;
	background-repeat: no-repeat;
}
.member5 {
	background-image: url(http://dali.bqpd.org/files/profile_photo5.jpg);
	height: 300px;
	width: 210px;
	display:block;
	background-repeat: no-repeat;
}
.member0{
	display: none;
}

.vscrollerbase {
width: 10px;
background-color: #333333;
}
.vscrollerbar {
width: 10px;
background-color: #FFFFFF;
}
.hscrollerbase {
height: 10px;
background-color: #666666;
}
.hscrollerbar {
height: 10px;
background-color: #666666;
}