@charset "utf-8";

/*
===== 1: universal reset =================================
*/

*{
	margin:0;
	padding:0;
}

body, html {
	height:100%;
        width:100%;
}

body {
	/*background:url(images/hptop21.jpg)no-repeat left top;*/
	background-color:#fbfaff;
	text-align:center;
        margin:0;
	padding:0;
}

#container{
    margin:0px auto;
    position:relative;
    height: 100%;
    min-height: 100%;
}
body > #container {
    height: auto;
}

#inner{
	padding-bottom: 0px;
}

#bgTop {
	background:url(../images/top.jpg) repeat-x center top;
	/*height:700px;*/
	width:100%;
	display:none;
	/*position:absolute;
	top:0;
	left:0;*/
}

#bgMiddle {
	background:url(../images/hptop1a.jpg)repeat left top  ;
	width:1000;
        /*width:100%;*/
	height:850px;
        height:100%;
	display:none;
	position: relative;
	width:1200;
	/*top:0;
	margin-top:0px;*/
	top:0px;
}

#bgMain {
	background:url(images/main.jpg)no-repeat left 0px ;
	width:1000px;
	/*width:100%;*/
	height:830px;
	/*margin:0 auto;*/
	display:none;
	position: relative;
	/*top:0;*/
	top:0px;
	left:0px;
	/*margin-top:0px;*/
	margin-left:0px;
}


.mainContents {
	display:none;
}

.mainContents p, .mainContents a {
}

#loading {
	position:absolute;
		margin-left:-16px;
/*top:48%;*/
	left:50%;

	z-index:3;
	display:none;
}

#intro {
	background:url(../images/middle.jpg)no-repeat left top;
	margin:0;
	padding:0;

/*width:1000px;
	height:850px;*/
	height:100%;
        width:90%;
	/*display:none;*/
}

#intro ul{
}

#intro li {
	position:absolute;
	
	left:0px;
	top:0px;
	display:none;
}

/*#design{
	background:url(images/design.png) no-repeat scroll 0 0 transparent;
	height:832px;
	margin-top:0px;
	position:absolute;
	top:0;
	left:0;
	margin-left:0px;
	width:1000px;
	z-index:0;
	}
	*/
#main{
	/*background:url(../images/hptop1a.jpg) no-repeat scroll 0 0 transparent;*/
	/*height:850px;*/

	height:100%;
	margin-top:0px;
	position:absolute;
	top:0px;
	left:0;
	margin-left:0px;
	/*width:1000px;*/
	width:100%;
	z-index:0;
	display:none;
	/*opacity:0;*/
	}

.animateContents1, .animateContents2, .animateContents3 {
	opacity:0;
	margin-top:-5px;
}


#leftNav {
	position:absolute;
	left:25px;
	top:19px;
        width:200px;
}

h1 {
	/*position:absolute;*/
	/*left:23px;
	top:17px;*/
	/*left:8%;
	top:3%;*/
	/*width:181px;*/
	width:184px;
	height:63px;
	margin-bottom:20px;
}

#nav {
	/*position:absolute;*/
	/*left:23px;
	top:103px;*/
	/*left:8%;
	top:15%;*/
	margin-bottom:15px;
}

#nav li {
	width:184px;
	height:40px;
}

#pickup {
	/*position:absolute;*/
	/*left:23px;
	top:366px;*/
	/*left:8%;
	top:53%;*/
	width:184px;
}

#pickup h3 {
	float:left;
	width:116px;
}

#pickup p.more {
	float:right;
	/*text-indent:-9999px;
	overflow:hidden;*/
	width:67px;
	height:26px;
}

#pickup li {
	clear:both;
	width:184px;
	line-height: 0px;
}

#rightMenu {
	position:absolute;
	width:355px;
	height:302px;
	right:25px;/*25*/
	top:19px;/*34*/
	text-align:left;
}

#introText {
	/*position:absolute;*/
	text-indent:-9999px;
	overflow:hidden;
	width:267px;
	height:30px;
	/*left:731px;
	top:123px;*/
	/*right:17%;
	top:14%;*/
	/*left:0;
	top:88px;*/
	clear:both;
	float:left;
	margin:0 0 50px 5px;
	background:url(../images/intro_text.png) no-repeat left top;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/intro_text.png',sizingMethod='scale');
}


#facebook {
	/*position:absolute;*/
	/*left:1025px;
	top:32px;*/
	/*right:13%;
	top:3%;*/
	/*right:25px;
	top:20px;*/
	float:right;
	margin-right:25px;/*20*/
	margin-bottom:7px;
}

#mail {
	/*position:absolute;*/
	/*left:1025px;
	top:77px;*/
	/*right:13%;
	top:10%;*/
	/*right:25px;
	top:65px;*/
	clear:both;
	float:right;
	margin-right:25px;/*20*/
	margin-bottom:20px;
}


#footer_t{
    position:absolute;
    /*left:120px;
    top:700px;*/
    left:120px;
    top:700px;
    bottom:0px;
    height:40px;
    width:40%;
    min-width:895px;
}

#ftLink {
	width:400px;
	float:left;
	margin-left:220px;
	/*margin-left:25px;*/
	margin-bottom:20px;
}

#ftLink li {
	float:left;
}


#profile{
	/*width:120px;
	height:140px;*/
	width:120px;
	height:140px;
	position:absolute;
	/*left:200px;
	top:525px;*/
	left:200px;
	top:525px;
	background:url(../images/profile_anime.gif) no-repeat left top;
	z-index:1;
        }
#profile a {
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	/*width:150px;*/
	width:150px;
	height:140px;
	position:absolute;
	left:-50px;
        z-index:2;
}


#profile a:hover {
	background:url(../images/profile.jpg) no-repeat 50px top;
}


	
	
	
#schedule{
	/*width:120px;
	height:140px;*/
	width:120px;
	height:140px;
	position:absolute;
	/*left:330px;
	top:425px;*/
	left:330px;
	top:525px;
	background:url(../images/schedule_anime.gif) no-repeat left top;
        
	}
#schedule a {
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	width:120px;
	height:140px;
  
               
    

	
        }

#schedule a:hover {
	background:url(../images/schedule_on.jpg) no-repeat left top;
}



#onlinestore{
	width:160px;
	height:300px;
	position:absolute;
	/*left:938px;*/
	left:938px;
	top:235px;
	background:url(../images/onlinestore_anime.gif) no-repeat left top;
	z-index:5;
        }
#onlinestore a {
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	width:160px;
	height:300px;
        position:absolute;
        top:-100px
        }

#onlinestore a:hover {
	background:url(../images/onlinestore_on.jpg) no-repeat left 100px;
}


#discography{
	/*width:130px;
	height:200px;*/
	width:130px;
	height:200px;
	position:absolute;
	/*left:490px;*/
	left:490px;
	top:277px;
	
	background:url(../images/discography_anime.gif) no-repeat left top;
	z-index:5;
	}

#discography a {
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	/*width:69px;*/
	width:130px;
	height:200px;
	
}


#discography a:hover {
	background:url(../images/discography_on.jpg) no-repeat left top;
}

#tori{
	width:85px;
	height:54px;
	position:absolute;
	/*left:853px;*/
	left:853px;
	top:98px;
	background:url(../images/tori_anime.gif) no-repeat left top;
	}

#tori span {
	display:block;
	width:71px;
	height:99px;
	text-indent:-9999px;
	overflow:hidden;
}

#tori span:hover {
	/*background:#FFF;
	opacity:0.7;*/
}

#blog{
	width:200px;
	height:301px;
	position:absolute;
	/*left:1000px;*/
	left:1000px;
	top:530px;
	
	background:url(../images/dog_anime.gif) no-repeat left top;
	z-index:5;
        }

#blog a {
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	/*width:100px;*/
	width:100px;
	height:200px;
	position:absolute;
	
}


#blog a:hover {
	background:url(../images/dog_anime_on.png) no-repeat left top;
}
	
#coffee{
	width:53px;
	height:79px;
	position:absolute;
	/*left:827px;
	top:466px;*/
	left:827px;
	top:466px;
	background:url(../images/coffee.gif) no-repeat left top;
	}
	
#coffee span {
	display:block;
	width:71px;
	height:99px;
	text-indent:-9999px;
	overflow:hidden;
}

#coffee span:hover {
	/*background:#FFF;
	opacity:0.7;*/
}