/* General
*******************************************************************************/
* 
{
	list-style: none;
	margin: 0px;
	padding: 0px;
}	
img {
    border: none;
}
body {
    height: 100%;
}
html {
    height: 100%;
	background:url(img/bg.gif) repeat;
}
#wrap {
	width: 825px;
	height: 100%;
	min-height: 100%;
	margin: 0;
	position:relative;
}
body > #wrap {
    height:auto;
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, dl, fieldset, textarea, address, div {
	font-size: 12px;
	line-height:140%;
	font-weight: normal;
}
a{
	text-decoration:none;
	color:#333333;
}
hr {
	display: none;
}


/*etc
*******************************************************************************/
.cc {
    width: 100%;
    height: 1px;
    font-size: 1px;
    clear: both;
	line-height:1px;
}

/*header
*******************************************************************************/
#wrap #header{
background:url(img/bg_header.jpg) no-repeat top;
width:825px;
height:690px;
position:relative;
}

#wrap #header .ather_site a{
background:url(img/rogo_athersite.gif) no-repeat;
width:125px;
height:68px;
position:absolute;
top:15px;
right:23px;
text-indent:-9999px;
display:block;
}

#wrap #header h1{
width:407px;
height:225px;
padding-left:31px;
padding-top:31px;
}

#wrap #header .slot{
padding-top:14px;
padding-left:120px;
}

#wrap #header .menu{
width:280px;
height:183px;
position:absolute;
top:386px;
right:84px;
}

#wrap #header .menu h2{
background:url(img/title_index_speck.jpg) no-repeat;
width:280px;
height:54px;
text-indent:-9999px;
}

#wrap #header .menu ul{
width:225px;
padding-left:55px;
}

#wrap #header .menu .list_01 a{
background:url(img/title_index_list_off_01.jpg) no-repeat;
width:225px;
height:43px;
text-indent:-9999px;
display:block;
}

#wrap #header .menu .list_01 a:hover{
background:url(img/title_index_list_01.jpg) no-repeat;
width:225px;
height:43px;
text-indent:-9999px;
display:block;
}

#wrap #header .menu .list_02 a{
background:url(img/title_index_list_off_02.jpg) no-repeat;
width:225px;
height:43px;
text-indent:-9999px;
display:block;
}

#wrap #header .menu .list_02 a:hover{
background:url(img/title_index_list_02.jpg) no-repeat;
width:225px;
height:43px;
text-indent:-9999px;
display:block;
}

#wrap #header .menu .list_03 a{
background:url(img/title_index_list_off_03.jpg) no-repeat;
width:225px;
height:43px;
text-indent:-9999px;
display:block;
}

#wrap #header .menu .list_03 a:hover{
background:url(img/title_index_list_03.jpg) no-repeat;
width:225px;
height:43px;
text-indent:-9999px;
display:block;
}

/*main
*******************************************************************************/
#wrap #main_top{
background:url(img/bg_main_top.jpg) no-repeat top;
width:825px;
padding-bottom:35px;
}

#wrap #main{
background:url(img/bg_main.jpg) repeat-y;
width:825px;
padding-bottom:85px;
}

/*contents
------------------------------------------------------------------------------*/
#wrap #main #main_top #contents{
width:780px;
padding-left:20px;
padding-right:25px;
}

#wrap #main #main_top #contents .notification{
background:url(img/bg_contents_notification.jpg) no-repeat ;
width:780px;
position:relative;
margin-bottom:29px;
}

#wrap #main #main_top #contents .notification .notification_center{
background:url(img/img_contents_notification.jpg) no-repeat 42px 21px;
width:780px;
height:589px;
}

#wrap #main #main_top #contents .notification .notification_center h2{
width:440px;
height:45px;
padding-top:16px;
padding-left:16px;
}

#wrap #main #main_top #contents .notification .notification_center .copy{
font-size:14px;
font-weight:bold;
padding-left:75px;
}

#wrap #main #main_top #contents .notification .whats{
background:url(img/bg_contents_notification_japan.jpg) no-repeat;
width:737px;
height:104px;
margin-left:21px;
position:absolute;
top:461px;
}

#wrap #main #main_top #contents .notification .whats p{
padding-top:46px;
padding-left:18px;
color:#FFFFFF;
font-size:11px;
}

#wrap #main #main_top #contents .notification .btn a{
background:url(img/btn_toppage.jpg) no-repeat;
width:92px;
height:17px;
text-indent:-9999px;
display:block;
margin-top:14px;
margin-left:685px;
}

#wrap #main #main_top #contents .production{
background:url(img/bg_contents_production.jpg) no-repeat ;
width:780px;
height:578px;
position:relative;
}

#wrap #main #main_top #contents .production .production_center{
width:780px;
height:518px;
}

#wrap #main #main_top #contents .production .production_center h2{
width:375px;
height:45px;
padding-top:16px;
padding-left:16px;
}

#wrap #main #main_top #contents .production .production_center .text{
font-weight:bold;
font-size:14px;
padding-top:5px;
padding-left:77px;
}

#wrap #main #main_top #contents .production .production_center ul{
padding-top:18px;
padding-left:49px;
}

#wrap #main #main_top #contents .production .production_center ul li{
width:197px;
float:left;
}

#wrap #main #main_top #contents .production .production_center ul .rebar{
background:url(img/ic_ensyutu_01.gif) no-repeat;
padding-left:15px;
padding-right:30px;
font-weight:bold;
}

#wrap #main #main_top #contents .production .production_center ul .game{
background:url(img/ic_ensyutu_01.gif) no-repeat;
padding-left:15px;
padding-right:28px;
font-weight:bold;
}

#wrap #main #main_top #contents .production .production_center ul .next{
background:url(img/ic_ensyutu_01.gif) no-repeat;
padding-left:15px;
font-weight:bold;
}

#wrap #main #main_top #contents .production .production_center .ensyutu_img{
width:698px;
height:344px;
position:absolute;
top:144px;
left:38px;
}

#wrap #main #main_top #contents .production .btn a{
background:url(img/btn_toppage.jpg) no-repeat;
width:92px;
height:17px;
text-indent:-9999px;
display:block;
margin-top:14px;
margin-left:685px;
}

#wrap #main #main_top #contents .bonus{
background:url(img/bg_contents_bonus.jpg) no-repeat ;
width:780px;
height:410px;
position:relative;
}

#wrap #main #main_top #contents .bonus .bonus_center{
width:780px;
height:346px;
}

#wrap #main #main_top #contents .bonus .bonus_center .text{
font-weight:bold;
font-size:14px;
padding-top:5px;
padding-left:77px;
}

#wrap #main #main_top #contents .bonus .bonus_center .kuma_img{
position:absolute;
top:10px;
right:16px;
}

#wrap #main #main_top #contents .bonus .bonus_center .kuma_block{
position:absolute;
top:125px;
left:47px;
}

#wrap #main #main_top #contents .bonus .bonus_center h2{
width:375px;
height:45px;
padding-top:16px;
padding-left:16px;
}

#wrap #main #main_top #contents .bonus .btn a{
background:url(img/btn_toppage.jpg) no-repeat;
width:92px;
height:17px;
text-indent:-9999px;
display:block;
margin-top:14px;
margin-left:685px;
}

#wrap #main #main_top #contents .song{
background:url(img/bg_contents_song.jpg) no-repeat;
width:780px;
height:508px;
}

#wrap #main #main_top #contents .song .song_center{
width:780px;
height:446px;
}

#wrap #main #main_top #contents .song .song_center h2{
width:515px;
height:45px;
padding-top:16px;
padding-left:16px;
}

#wrap #main #main_top #contents .song .song_center .text{
font-weight:bold;
font-size:14px;
padding-top:4px;
padding-left:77px;
padding-bottom:13px;
}

#wrap #main #main_top #contents .song .song_center .set_777{
width:202px;
float:left;
padding-left:48px;
}

#wrap #main #main_top #contents .song .song_center .set_777 h3{
background:url(img/title_song_01.jpg) no-repeat;
width:202px;
height:98px;
text-indent:-9999px;
}

#wrap #main #main_top #contents .song .song_center .set_777 .btn_777 a{
background:url(img/btn_song_01.jpg) no-repeat;
width:202px;
height:26px;
margin-top:5px;
margin-bottom:3px;
text-indent:-9999px;
display:block;
}

#wrap #main #main_top #contents .song .song_center .click{
text-align:center;
}

#wrap #main #main_top #contents .song .song_center .set_kuma{
width:202px;
padding-left:39px;
float:left;
}

#wrap #main #main_top #contents .song .song_center .set_kuma h3{
background:url(img/title_song_02.jpg) no-repeat;
width:202px;
height:98px;
text-indent:-9999px;
}

#wrap #main #main_top #contents .song .song_center .set_kuma .btn_777 a{
background:url(img/btn_song_02.jpg) no-repeat;
width:202px;
height:26px;
margin-top:5px;
margin-bottom:3px;
text-indent:-9999px;
display:block;
}

#wrap #main #main_top #contents .song .song_center .set_50g{
width:202px;
padding-left:39px;
float:left;
}

#wrap #main #main_top #contents .song .song_center .set_50g h3{
background:url(img/title_song_03.jpg) no-repeat;
width:202px;
height:98px;
text-indent:-9999px;
}

#wrap #main #main_top #contents .song .song_center .set_50g a{
background:url(img/btn_song_03.jpg) no-repeat;
width:202px;
height:26px;
margin-top:5px;
margin-bottom:3px;
text-indent:-9999px;
display:block;
}

#wrap #main #main_top #contents .song .btn a{
background:url(img/btn_toppage.jpg) no-repeat;
width:92px;
height:17px;
text-indent:-9999px;
display:block;
margin-top:14px;
margin-left:685px;
}

#wrap #main #main_top #contents .move{
width:780px;
height:310px;
}

#wrap #main #main_top #contents .move .move_center{
background:#F6D076;
width:780px;
height:330px;
}

#wrap #main #main_top #contents .move .move_center .move_left{
width:417px;
padding-top:19px;
padding-left:22px;
padding-right:19px;
float:left;
}

#wrap #main #main_top #contents .move .move_center .move_left h2{
background:url(img/title_h2_move.gif) no-repeat;
width:331px;
height:26px;
padding-bottom:10px;
text-indent:-9999px;
}

#wrap #main #main_top #contents .move .move_center .move_left .text{
background:url(img/text_move.gif) no-repeat;
padding-top:19px;
padding-left:22px;
padding-bottom:27px;
text-indent:-9999px;
}

#wrap #main #main_top #contents .move .move_center .move_left ul li a{
color:#CC3300;
text-decoration:underline;
}

#wrap #main #main_top #contents .move .move_center .move_right{
width:300px;
padding-top:22px;
float:left;
}

#wrap #main #main_top #contents .move .move_center .move_right .img_kuma{
border:#BE9063 3px solid;
}

#wrap #main #main_top #contents .move .move_center .quicktime{
background:url(img/bg_quicktime.gif) no-repeat;
width:288x;
height:39px;
padding-top:8px;
margin-top:18px;
padding-left:12px;
}

#wrap #main #main_top #contents .move .move_center .quicktime .text01{
width:88px;
float:left;
}

#wrap #main #main_top #contents .move .move_center .quicktime .text02{
width:180px;
padding-left:9px;
float:left;
}

#wrap #main #main_top #contents .move .move_center .quicktime .text02 a{
text-decoration:underline;
color:#CC3300;
}

#wrap #main #main_top #contents .move .btn a{
background:url(img/btn_toppage.jpg) no-repeat;
width:92px;
height:17px;
text-indent:-9999px;
display:block;
margin-top:14px;
margin-left:685px;
}


/*footer
*******************************************************************************/
#wrap #footer{
background:url(img/bg_footer.jpg) no-repeat bottom;
width:825px;
height:26px;
padding-top:9px;
position:absolute;
bottom: 0px;
}

#wrap #footer address{
color:#471C00;
text-align:center;
font-style:normal;
}