﻿@charset "utf-8";

/* CSS Document */





/*-------------------------------------------

  side_navi and main_area

--------------------------------------------*/

#sidenav{

	float:left;

	width:135px;

	float:left;

}

#sidenav ul{

	margin-top:36px;

}

#sidenav ul li.side-top{

	width:133px;

	height:36px;

	line-height:0;

	font-size:0;

}

#sidenav ul li a{

	display:block;

	width:133px;

	height:23px;

	line-height:23px;

	background:url(../../img/side_list_00.jpg);

	padding:0;

	font-size:12px;

	color:#333333;

	text-decoration:none;

}

#sidenav ul li a.side-selected{

	display:block;

	width:133px;

	height:23px;

	line-height:23px;

	background:url(../../img/side_list_01.jpg);

	padding:0;

	font-size:12px;

	color:#FFFFFF;

	text-decoration:none;

}

#sidenav ul li a span.no{

	color:#FF9900;

}

#sidenav ul li a span{

	margin-left:10px;

}

#sidenav ul li a:hover{

	cursor:pointer;

	background:url(../../img/side_list_01.jpg);

	color:#FFFFFF;

}

#sidenav ul li a:hover span.no{

	color:#FFFFFF;

}

#sidenav ul li.side-bottom{

	width:133px;

	height:24px;

	background:url(../../img/side_ftr.gif) no-repeat;

}

#main{

	float:right;

	width:620px;

}



.mtxt-full{

	width:580px;

	margin-left:20px;

	margin-top:20px;

}

.mtxt-full-try{

	width:700px;

	margin-left:20px;

	margin-top:20px;

}

.mtxt-full p{

	padding-top:1em;

	line-height:150%;

}

.mtxt-full .top{

	padding-top:0;

}

.mtxt-full .top-m{

	margin-top:0;

}

.mtxt-full .bottom-m{

	margin-bottom:0;

}



.goto-top{

	clear:both;

	width:auto;

	padding:15px 0;

	margin-right:20px;

	text-align:right;

	font-size:85%;

}

.goto-top img{

	margin-right:5px;

	line-height:1em;

	vertical-align:middle;

}





/*----------------------------------------------

  team

-----------------------------------------------*/

.from{

	width:100%;

	text-align:right;

}

.strong {

	font-size: 120%;

	font-weight: bold;

	letter-spacing: 1px;

}

div.team p {

	margin: 0 !important;

}

.msgphoto{

	margin:10px 15px;

	float:right;

}

.copy-box{

	width:570px;

	font-size:115%;

	margin:0 auto;

	padding:15px 5px;

	background:url(../../img/line_dot_gry.gif) repeat-x center bottom;

}

.copy-box img{

	margin-bottom:8px;

}

.copy-box2{

	width:670px;

	font-size:115%;

	margin: 0 0 20px 30px;

	padding:15px 5px;

	background:url(../../img/line_dot_gry.gif) repeat-x center bottom;

}

.copy-box2 img{

	margin-bottom:14px;

}



#team-indx {

	background:url(../../img/bg_bee04.jpg) left bottom no-repeat;

}

/*----- team_history ------*/

#teamhistory {

	width:100%;

	font-size:90%;

	border:1px solid #CCCCCC;

}

#teamhistory th{

	border-right:1px solid #CCCCCC;

	padding:3px;

	vertical-align:middle;

	background-color:#333333;

	color:#FFFFFF;

}

#teamhistory th.wide{

	width:3.5em;

}

#teamhistory td{

	border-right:1px solid #CCCCCC;

	padding:5px 3px;

}

.bg-y{

	background-color:#FFFFDD;

}



/*----- team_information ------*/

.teaminfo{

	line-height:125%;

}

.teaminfo th{

	text-align:left;

	width:9em;

}

.teaminfo td{

	padding-bottom:8px;

}

/*----------------------------------------------

  game

-----------------------------------------------*/

.gametbl{

	width:100%;

	font-size:90%;

	border:1px solid #CCCCCC;

}

.gametbl th{

	border-right:1px solid #CCCCCC;

	padding:3px;

	vertical-align:middle;

	background-color:#333333;

	color:#FFFFFF;

}

.gametbl td{

	border-right:1px solid #CCCCCC;

	padding:5px 12px;

	line-height:130%;

/*	font-family: sans-serif; */

}



.page-change{

	width:100%;

	margin-top:20px;

	text-align:center;

}



.indent-ml3em{

	margin-left:3em;

}



.list-attention{

	margin-left:2.5em;

	margin-bottom:1em;

	border:1px solid #CCCCCC;

	padding:10px 20px 0 20px;

	width:31em;

}

.list-attention li{

	vertical-align:middle;

	font-size:120%;

	line-height:140%;

	clear:both;

	font-weight:bold;

	padding-top:5px;

}

.bgtop-line{

	background:url(../../img/line_dot_gry.gif) repeat-x center top;

}

.list-attention li span.left{

	width:16em;

	float:left;

	color:#FF9900;

	padding-bottom:5px;

}

.list-attention li span.right{

	width:auto;

	float:left;

	color:#666666;

	padding-bottom:5px;

}



/*------- sidemenu --------*/

#game #sidenav .imgstyle,#staff #sidenav .imgstyle{

	display:block;

	width:133px;

	height:189px;

	margin:20px 0 0 auto;

	background:url(../../img/side_bg02.gif) no-repeat;

}



/*----------------------------------------------

  players

-----------------------------------------------*/

/*------- index --------*/

.blocklist img{

	margin-top:15px;

	margin-right:20px;

	float:left;

}

.blocklist .mlft{

	margin-left:20px;

}

#player #sidenav .imgstyle{

	display:block;

	width:133px;

	height:245px;

	margin:20px 0 0 auto;

	background:url(../../img/side_bg01.gif) no-repeat;

}



/*------- profile --------*/

.pprofile {

	width:388px;

	margin-top:15px;

/*	margin-right:20px;

*/

	padding-right:20px;

	float:right;

/*

	background-color:#000000;

	color:#FFFFFF;

*/

}



.pprofile h2{

	margin:0;

	padding:0;

	border:0;

	height:auto;

	

}

.pphoto{

	width:210px;

	margin-top:15px;

	float:left;

	text-align:center;

}

.pphoto img{

	margin-top:15px;

}



#player table{

	width:375px;

	margin:10px auto 0 auto;

	font-size:90%;

}

#player table tr {
/*	background:url(../../img/line_dot_gry.gif) repeat-x center bottom; */
}

#player table th {
	width: 114px;
	padding: 5px 5px;
	color: #FF9900;
	text-align: left;
	vertical-align: top;
	background: #fff;
	border-bottom: 1px dotted #000;
	opacity:0.75;
	filter: alpha(opacity=75);		/* ie lt 8 */
	-ms-filter: alpha(opacity=75);	/* ie 8 */
	-moz-opacity:0.75;				/* FF lt 1.5, Netscape */
	-khtml-opacity: 0.75;			/* Safari 1.x */
}

#player table td{
	color: #444;
	width: 230px;
	padding: 5px 5px;
	vertical-align:top;
	border-bottom: 1px dotted #d4d4d4;
}
*+html #player table th,
*+html #player table td {
	padding: 7px 5px;
	border-bottom: 1px dotted #bbb;
}
html>/**/body #player table th,
html>/**/body #player table td {
	padding /*\**/: 7px 6px\9
}



.player01 { background:url(../../player/img/01.jpg) 40px 146px no-repeat; }
*+html .player01 { background:url(../../player/img/01.jpg) 40px 143px no-repeat; }

.player02 { background:url(../../player/img/02.jpg) 95px 174px no-repeat; }
*+html .player02 { background:url(../../player/img/02.jpg) 95px 166px no-repeat; }

.player03 { background:url(../../player/img/03.jpg) 130px 220px no-repeat; }
*+html .player03 { background:url(../../player/img/03.jpg) 130px 215px no-repeat; }

.player05 { background:url(../../player/img/05.jpg) 110px 215px no-repeat; }
*+html .player05 { background:url(../../player/img/05.jpg) 110px 215px no-repeat; }

.player06 { background:url(../../player/img/06.jpg) 125px 190px no-repeat; }
*+html .player06 { background:url(../../player/img/06.jpg) 125px 190px no-repeat; }

.player07 { background:url(../../player/img/07.jpg) 120px 205px no-repeat; }

.player08 { background:url(../../player/img/08.jpg) 80px 140px no-repeat; }

.player10 { background:url(../../player/img/10.jpg) 125px 190px no-repeat; }

.player11 { background:url(../../player/img/11.jpg) 60px 127px no-repeat; }
*+html .player11 { background:url(../../player/img/11.jpg) 60px 153px no-repeat; }

.player12 { background:url(../../player/img/12.jpg) 0px 84px no-repeat; }

.bee{
	background:url(../../player/img/88_h455.jpg) 125px 240px no-repeat;
}

	



/*----------------------------------------------

  staff

-----------------------------------------------*/

/*------- index --------*/

/* use "player-index" style */

/*------- side_navi ------*/

#staff-indx #sidenav .imgstyle,#staff #sidenav .imgstyle{

	display:block;

	width:133px;

	height:189px;

	margin:20px 0 0 auto;

	background:url(../../img/side_bg02.gif) no-repeat;

	z-index: 2;

}

#staff-indx {

	background:url(../../img/bg_bee01.jpg) right bottom no-repeat;

}



/*------- message ------*/

#staff table{

	width:370px;

/*	margin:10px auto 0 auto;*/

	font-size:90%;

	float:left;

}

#staff table tr{

	background:url(../../img/line_dot_gry.gif) repeat-x center bottom;

}

#staff table th{

	width:80px;

	padding:7px 5px;

	color:#FF9900;

	text-align:left;

	vertical-align:top;

}

#staff table td{

	width:270px;

	padding:7px 5px;

	vertical-align:top;

}

.msgbox{

	clear:both;

	width:560px;

	margin-left:5px;

}

.msgbox p{

	padding-top:1em;

	line-height:150%;

}



#staff{

	background:url(../../img/bg_bee03.jpg) left bottom no-repeat;

}





/*----------------------------------------------

  fun_club

-----------------------------------------------*/



#club .copy-box img{

	margin-bottom:1em;

}

/*

#invite{

	background:url(../../img/bg_bee02.jpg) no-repeat top right;

}

*/

#invite p{

	margin-left:15px;

	padding:0 0 1.5em 0;

}

#invite p.end{

	padding:0.5em;

}

#invite table{

	margin-left:15px;

}

#invite table td{

	padding-right:1em;

	line-height:1.2em;

}

#invite ol{

	margin:0 0 0.7em 35px;

	line-height:1.5em;

}

.b-space{

	margin-bottom:1.7em;

}

.img-box{

	width:130px;

	float:right;

}

.img-box img{

	margin-top:40px;

}



/*----- fun_message --------*/

#msg{

	background:url(../../img/bg_bee03_2.jpg) no-repeat left bottom;

}

#fun-msg table{

	width:470px;

/*	margin:20px auto 0 auto;*/

	margin:0 auto 20px auto;

	border:1px solid #FFCC33;

}

#fun-msg table.bottom-m{

	width:470px;

	margin:0 auto;

	border:1px solid #FFCC33;

}

#fun-msg table th{

	background:url(../../img/line_dot_gry.gif) repeat-x center bottom;

	text-align:left;

	font-weight:bold;

	padding:8px 5px 4px 5px;

	vertical-align:bottom;

}

#fun-msg table th.date-cel{

	width:auto;

	text-align:right;

	font-size:90%

}

#fun-msg table td{

	padding:15px 20px;

	font-size:95%;

	line-height:135%;

}

#fun-msg table td div.res{

	width:380px;

	margin:0 0 0 auto;

	padding-top:3px;

	padding-left:10px;

	border-left:3px solid #FFCC66;

	color:#666666;

	font-size:90%;

	line-height:120%;

}

#fun-msg table td div.res .staff{

	width:100%;

	display:block;

	text-align:right;

	padding-top:3px;

}

/*-------------------------------------------

  activity_report

--------------------------------------------*/

#act h1{

	width:auto;

	display:block;

	text-align:center;

}

#act .mtxt-full{

	width:700px;

	margin:0 auto;

	padding:15px 5px;

}

.bgborder-btm{

	background:url(../../img/line_dot_gry.gif) repeat-x center bottom;

}

/*-------- act_list --------*/

#actlist li{

	display:block;

	width:680px;

	margin:0 30px 0 64px;

	clear:both;

}

#actlist li img{

	margin-right:5px;

}

#actlist li .actdate{

	display:block;

	width:105px;

	margin-top:12px;

	float:left;

	color:#FF6600;

}

#actlist li .actdetail{

	display:block;

	width:575px;

	margin-top:12px;

	float:right;

}

#actlist li.actmedia{

	padding-top:10px;

}

#actlist li.actmedia span{

	padding-top:10px;

	display:block;

	width:100%;

	background:url(../../img/line_dot_gry.gif) repeat-x center top;

}

/*-------- act_layout --------*/

#act h2{

	margin-top:10px;

	margin-bottom:5px;

	margin-left:25px;

}

#act .imgright{

	float:right;

	width:420px;

	padding-right:20px;

}

#act .imgright img{

	margin-top:15px;

}

#act .txtleft{

	float:left;

	width:290px;

	padding-left:30px;

}

#act .txtleft p{

	padding-top:1em;

	line-height:150%;

}

.act-bottom{

	clear:both;

	padding-top:15px;

	text-align:center;

}

#act h3 {

	background:url(../../img/line_dot_gry.gif) repeat-x center bottom;

}

/*----070513------*/

#act table.070513{

	margin:3px auto;

	width:100%;

}

#act table.070513 td{

	padding:0 10px;

	width:50%;

	vertical-align:top;

}

.ul-border{

	padding:8px;

	border:1px solid #CCCCCC;

	width:auto;

}

.ul-border li{

	padding-top:2px;

	clear:both;

	line-height:120%;

	font-size:95%;

}

.ul-border li span.indent-li{

	display:block;

	width:auto;

	margin-left:1.2em;

	line-height:120%;

}

.mt15{

	margin-top:15px;

}

.ml7{

	margin-left:7px;

}

/*----070503------*/

#act table.tbl070503{

	margin:7px auto 0 30px;

	border:1px solid #CCCCCC;

}

#act table.tbl070503 td{

	padding:3px 10px;

	vertical-align:top;

}

#act table.tbl070503 td.topcel{

	padding:8px 15px 3px 10px;

	vertical-align:top;

}

#act table.tbl070503 td.btmcel{

	padding:3px 10px 8px 10px;

	vertical-align:top;

}

/*----080505------*/

#act .qbcup-imgright{

	float:right;

	margin-bottom:0px;

}



/*-----media------*/

.tblmedia{

	margin-bottom:10px;

	margin-left:20px;

}

.tblmedia th{

	padding:3px 5px;

	width:4.5em;

	text-align:left;

	border-right:1px solid #CCCCCC;

}

.tblmedia td{

	padding:3px 5px 3px 10px;

}



/*-------------------------------------------

  other

--------------------------------------------*/

#other h1{

	width:auto;

	display:block;

	text-align:center;

}



/*-------- history --------*/

#histlist li{

	display:block;

	width:680px;

	margin:0 30px 0 64px;

	clear:both;

}

#histlist .newsdate img{

	margin-right:5px;

}

#histlist li .newsdate{

	display:block;

	width:105px;

	margin-top:12px;

	float:left;

}

#histlist li .newsdetail{

	display:block;

	width:575px;

	margin-top:12px;

	float:right;

}

/*--------- link --------*/

.link-left{

	float:left;

	width:350px;

	border-right:1px solid #CCCCCC;

}

.link-right{

	width:420px;

	float:right;

}

.link-h2{

	width:auto;

	margin-top:20px;

	margin-left:30px;

}

.link-list li{

	margin-left:50px;

	line-height:150%;

	vertical-align:middle;

	margin-bottom:5px;

}

.link-list li img{

	margin-right:7px;

}

/*--------- sitemap --------*/

.map-block{

	width:200px;

	float:left;

	padding:15px 25px 0 25px;

}

.map-block{

	width:200px;

	float:left;

	padding:15px 25px 0 25px;

}

.map-ml{

	padding-left:45px;

}

.map-block ul{

	margin-bottom:20px;

}

.map-block ul li{

	margin-left:10px;

	margin-top:5px;

}

.map-h2{

	width:auto;

	margin-bottom:5px;

}

.map-border{

	border-left:1px solid #CCCCCC;

	border-right:1px solid #CCCCCC;

}



.map-h2 a{

	color:#000000;

	text-decoration:none;

}

.map-h2 a:hover{

	color:#666666;

	text-decoration:underline;

}

.map-h2 a:visited{

	color:#000000;

	text-decoration:none;

}



/*--------- privacy_policy --------*/

.policytxt{

	width:auto;

	margin:20px 40px 0 40px;

	line-height:140%;

}

.policytxt h4{

	font-size:100%;

	font-weight:bold;

	color:#444444;

	margin-bottom:3px;

}



.policylist{

	margin:15px 0 0 2em;

}

.policylist li{

	display:block;

	margin-bottom:10px;

}

.policylist li p{

	margin-left:1.5em;

}

.policylist li ul{

	margin:5px 0 0 2em;

}

.policylist li ul li{

	margin-bottom:0;

	color:#444444;

}





/*--------- site_policy --------*/

/* use "privacy_policy" style */





/*-------------------------------------------

  diary

--------------------------------------------*/

/*------- index --------*/

/* use "fun_message" style */

#diary{

	background:url(../../img/bg_bee02.jpg) no-repeat left bottom;

}

#diary .qbpagelink_1 {

	font-size: 13px;

	text-align: right;

	margin: 0 60px 10px 0;

	line-height: 20px;letter-spacing: 1px;

}

#diary .qbpagelink_2 {

	font-size: 13px;

	text-align: right;

	margin: 0 60px 60px 0;

	line-height: 20px;letter-spacing: 1px;

}

#diary .qbpagelink_1 a, #diary .qbpagelink_2 a {

	padding: 3px;

	margin: 0;

}

#diary .qbpagelink_1 a:hover, #diary .qbpagelink_2 a:hover {

	padding: 3px;

	color: #fff;

	background: #999;

}
