@charset "utf-8";
/* CSS Document */

/***********************************************
Frame
***********************************************/

#Container{ }
#wrapper{
	background-image:url(img/wrapper_bg.jpg)
}


h1{
	width:216px;
	height:188px;
	position:absolute;
	top:0px;
	left:0px;
}
h2#author{
	background:url(img/authorname.gif) no-repeat left top;
	width:184px;
	height:50px;
	position:absolute;
	top:83px;
	left:223px;
	z-index:0
}
.scrollBg {
	background-image: url(img/background.jpg);
	background-repeat:repeat !important;
width:216px;height:188px;}

.scrollBg img {
	display: block;
}

p.catch_copy{
	background:url(img/catch_copy.gif) no-repeat left top;
	width:644px;
	height:16px;
	position:absolute;
	top:46px;
	left:224px
}







.slidingMenu {
	position:absolute;
	width:348px;
	height:325px;
	top:243px;
	overflow:hidden;
	right:1px;
}


.slidingMenu li {
	display:block;
	overflow:hidden;
	float:left;/*メニュー画像を左寄せ*/
	clear:both;
	position:relative;
	background-repeat:no-repeat;
	background-position:5px 10px;
}

.slidingMenu li a {
	z-index: 999;
	display: block;
	height: 61px;
	width: 348px;
	position: relative;
	overflow: hidden;
	padding-right:1px;
	float:left;
	clear:both;
}

.slidingMenu li a img{ margin:10px 0 0 10px}

.slidingMenu li.move {
	width: 9px;
	height: 61px;
	right:0px;
	padding-right:0px;
	margin-top:2px;
	z-index: 8;
	position: absolute;    
	background: #453400;     
	-moz-border-radius: 8px 0px 0px 8px;  
	-webkit-border-top-left-radius: 8px;     	
	-webkit-border-bottom-left-radius: 8px; 
	border-top-left-radius: 8px;  
	border-bottom-left-radius: 8px;        
	-moz-box-shadow:1px 1px 5px #000;
	-webkit-box-shadow:1px 1px 5px #000;
	box-shadow:1px 1px 5px #000;	
	}


.slidingMenu li span{ display:none }

/*.slidingMenu li#menu_outline{background-image:url(img/menu_outline.png);　}

.slidingMenu li#menu_talk{background-image:url(img/menu_talk.png) ;　}

.slidingMenu li#menu_profile{background-image:url(img/menu_profile.png);　}

.slidingMenu li#menu_sp{background-image:url(img/menu_sp.png);　}

.slidingMenu li#menu_info{background-image:url(img/menu_info.png);　}*/

/* Descriptions */
.slidingMenuDesc{
	position:absolute;
	top:243px;
}


.slidingMenuDesc div{
	background: #453400;     
	height: 61px;
	padding-right:5px;
	left:-5px;
	width:0px;
	margin-top:2px;
	overflow:hidden;
	position:absolute;
	-moz-box-shadow:1px 1px 5px #000;
	-webkit-box-shadow:1px 1px 5px #000;
	box-shadow:1px 1px 5px #000;
	-moz-border-radius: 0px 8px 8px 0px;  
	-webkit-border-top-right-radius: 8px;     	
	-webkit-border-bottom-right-radius: 8px; 
	border-top-right-radius: 8px;  
	border-bottom-right-radius: 8px; 
	background-repeat:no-repeat;
	background-position:right 23px;
}
.slidingMenuDesc div#outline_txt{background-image:url(img/outline_txt.gif);}

.slidingMenuDesc div#talk_txt{background-image:url(img/talk_txt.gif);}

.slidingMenuDesc div#profile_txt{background-image:url(img/profile_txt.gif);}

.slidingMenuDesc div#sp_txt{background-image:url(img/sp_txt.gif);}

.slidingMenuDesc div#info_txt{background-image:url(img/info_txt.gif);}

.slidingMenuDesc div span { display:none}


#MainContainer .movie_bnr a{
	display:block;
	width:207px;
	height:309px;
	position:absolute;
	left: 1px;
	top: 242px;
	z-index:1;
}


#newsarea{width:870px; height:61px; position:relative; top:0; left:0;background:url(img/newsarea_bg.gif) no-repeat left top;
}
#newsarea h3{background:url(img/news.gif) no-repeat left top; width:61px; height:15px; position:absolute; top:12px; left:16px}
/* liScroll styles */

.tickercontainer { /* the outer div with the black border */
width:870px; 
height:36px;
margin:0; 
padding:0;
overflow:hidden;
position:absolute;
top:5px; left:80px;
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position:relative;
left:1px;
top:0px;
width:770px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 750px;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #c49600;
margin: 0 50px 0 0;
display:block;
} 
ul.newsticker span {
margin: 0 10px 0 0;
}