/* top page(guest.php & /mambers/index.php) setting */

/* top page bg set */
#topArea {
	background-image: url(../img/bg_top.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width:900px;
	height:800px;
}
/* top page logo set */
#topLogo h1 {
	text-indent:-9999px;
}
#topLogo, #topLogo a {
	width:415px;
	height:100px;
	float:left;
	top:0px;
	left:0px;
	background-image: url(../img/logo_top.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
}
/* top message set */
#messageArea {
	float:right;
	width:640px;
	margin: 115px 0 0 0;
}
#messageArea #sampleMov-btn-jp, #messageArea #sampleMov-btn-en, #messageArea #sampleMov-btn-jp a, #messageArea #sampleMov-btn-en a  {
	width:280px;
	height:210px;
	float:left;
	background-image: url(../img/top-movsample.png);
	background-repeat: no-repeat;
	background-position: right top;
	display:block;
	text-indent:-9999px;
}
#messageArea #sampleMov-btn-jp {
	margin: 15px 0 0 80px;
}
#messageArea #sampleMov-btn-en {
	margin: 40px 0 0 80px;
}
#messageArea #sampleMov-btn-jp a:hover, #messageArea #sampleMov-btn-en a:hover {
	background-position: right -210px;
}
#toppage-btm-banner{ float:right; margin:-120px 10px auto auto;}

#messageArea .webMaster {
	float:left;
	width:165px;
	height:60px;
	background-image: url(../img/jp/btn_topmaster.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	display:none;
	text-indent:-9999px;
	margin: 10px 0 0 155px;
}
/* new block set */
#newsArea {
	float:right;
	width:620px;
	margin: 125px 0 0 20px;
}
#newMovie {
	float:left;
	width:240px;
	height:180px;
	background-color: #300;
}
#newsInfo {
	float:left;
	width:350px;
	height:120px;
	background-color: #633;
	padding: 50px 10px 10px 20px;
	background-image: url(../img/bg_news.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#newsTxt {
	width: 340px;
	height:110px;
	margin: 0 0 0 10px;
	padding: 5px 0;
	border-top:1px solid #300;
	border-bottom: 1px solid #300;
	overflow: auto;
	scrollbar-3dlight-color:#FFCCCC;
	scrollbar-arrow-color:#330000;
	scrollbar-darkshadow-color:#663333;
	scrollbar-face-color:#CC9999;
	scrollbar-highlight-color:#FFCCCC;
	scrollbar-shadow-color:#996666;
	font-size:11px;
	line-height:1.2em;
	color: #FCC;
	text-align:left;
}
#newsTxt .date {
	float:left;
	width:25%;
	color: #C99;
}
#newsTxt .txt {
	width:75%;
	padding:0 0 2px 25%;
}
#newsTxt .txt a {
	color:#FCF;
	text-decoration:none;
	text-transform: none;
}
#newsTxt .txt a:hover {
	color: #F66;
	text-decoration: underline;
}
#guest-newsTxt {
	float: left;
	width: 100%;
	height:65px;
	margin:10px 0 0 0;
	padding: 5px 0;
	border-top:1px solid #300;
	border-bottom: 1px solid #300;
	overflow: auto;
	scrollbar-3dlight-color:#FFCCCC;
	scrollbar-arrow-color:#330000;
	scrollbar-darkshadow-color:#663333;
	scrollbar-face-color:#CC9999;
	scrollbar-highlight-color:#FFCCCC;
	scrollbar-shadow-color:#996666;
	font-size:11px;
	line-height:1.2em;
	color: #FCC;
	text-align:left;
}
#guest-newsTxt .guest-newsTitle {
	width:100%;
	margin:0 0 5px 0;
	border-bottom:2px solid #C66;
	font-size:12px;
	font-weight:bold;
	color: #C66;
}
#guest-newsTxt .date {
	float:left;
	width:15%;
	color: #C99;
	margin:0 0 0 7px;
}
#guest-newsTxt .txt {
	width: auto;
	padding:0 0 2px 15%;
}
#guest-newsTxt .txt a {
	color:#FCF;
	text-decoration:none;
	text-transform: none;
}
#guest-newsTxt .txt a:hover {
	color: #F66;
	text-decoration: underline;
}
/* pr banner block set */
#bannerArea {
	float:right;
	background-color: #300;
	background-image: url(../img/bg_power.gif);
	background-repeat: repeat-y;
	background-position: left top;
	width:610px;
	height:160px;
	margin: 20px 0 10px 0;
	padding: 10px 0 5px 30px;
	text-align:center;
}
#bannerTable{
float:left;
width:120px;
text-align:center;
}
#bannerTable .ch{
	width:120px;
	margin:2px 0;
	background-image: url(../img/icon/bg_board_ch.gif);
	background-repeat: no-repeat;
	background-position: center center;
	color:#300;
	font:bold 12px/1em Geneva, Arial, Helvetica, sans-serif;
}
#bannerTable .ch a {
color:#300;
text-decoration:none;
}
#bannerTable .ch a:hover {
color:#633;
text-decoration:none;
}
#bannerTable .im{
	width:110px;
	padding:5px 5px;
	font:bold 12px/1em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
#bannerTable .tx{
	width:110px;
	padding:0 5px 5px 5px;
	color:#FCC;
	font:normal 11px/1.2em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
/* main channel btn set */
#chMenu {
	width:250px;
	float:left;
	margin:115px 0 0 10px;
}
