/* -------------------------------
Flash */

#flash{
	width:100%;
	min-width:960px;
	height:1000px;
	z-index:10;
}

/* -------------------------------
Flash代替表示 */

#flash #smileage ul{
	margin:0 100px 0 -100px;
	width:100%;
	height:960px;
	background:url(../img/index/smileage0828.jpg) no-repeat center top;
}
#flash #smileage ul li{
	margin:0 auto;
	width:960px;
	height:472px;
	line-height:0;
}
#flash #smileage ul li img{
	margin:0 auto;
	width:960px;
	height:472px;
	line-height:0;
}

/* -------------------------------
動画＆AR - 5月21日分 */

#movie0521{
	position:absolute;
	top:96px;
	left:0;
	width:100%;
	height:149px;
	z-index:50;
}
#movie0521 dl{
	position:relative;
	margin:0 auto;
	width:960px;
}
#movie0521 dl dt{
	position:absolute;
	top:18px;
	left:648px;
	width:306px;
	height:117px;
	background:url(../img/index/ar_banner0930_bg.png) no-repeat;
	overflow:hidden;
}
#movie0521 dl dt a{
	vertical-align:bottom;
	display:inline-block;
}
#movie0521 dl dt a:hover{
	position:relative;
	top:1px;
	left:1px;
	display:inline-block;
}
#movie0521 dl dd.member0627{
	position:absolute;
	width:280px;
	top:27px;
	left:660px;
}
#movie0521 dl dd.member0627 a{
	vertical-align:bottom;
	display:inline-block;
}
#movie0521 dl dd.member0627 a:hover{
	position:relative;
	top:1px;
	left:1px;
}
#movie0521 dl dd.youtube{
	position:absolute;
	top:134px;
	left:654px;
	width:291px;
	height:206px;
	background:url(../img/index/youtube_bg_0627.png) no-repeat left top;
}
#movie0521 dl dd.youtube span{
	padding:21px 0 0 20px;
	display:block;
}
#movie0521 dl dd.youtube object{
	cursor:pointer;
}

/* -------------------------------
発売告知 */

#movie0521 dl dd.songtitle{
	position:absolute;
	top:335px;
	left:660px;
}
#movie0521 dl dd.toshop{
	position:absolute;
	top:425px;
	left:790px;
	width:158px;
	height:38px;
}
#movie0521 dl dd.toshop a{
	vertical-align:bottom;
	display:inline-block;
}
#movie0521 dl dd.toshop a:hover{
	position:relative;
	top:1px;
	left:1px;
}

/* -------------------------------
ノート下地 */

#note{
	position:absolute;
	top:580px;
	left:0;
	width:100%;
	min-width:960px;
	height:508px;
	background:url(../img/index/note.png) no-repeat top center;
	z-index:100;
}
#note dl{
	position:relative;
	margin:0 auto;
	width:960px;
}

/* -------------------------------
Twitter - タイトル */

#note dt.twitter{
	position:absolute;
	top:-12px;
	left:36px;
}

/* -------------------------------
Twitter - 一覧 */

#note dd.twitter{
	position:absolute;
	top:94px;
	left:36px;
	width:431px;
	height:350px;
	overflow:auto;
}
#note dd.twitter ul{
	width:411px;
}
#note dd.twitter ul li{
	border-bottom:1px dashed #c1bfc0;
	padding:10px 0;
	width:411px;
	vertical-align:top;
	clear:both;
	overflow:hidden;
}
#note dd.twitter ul li span{
	width:48px;
	height:48px;
	float:left;
	display:block;
	overflow:hidden;
}
#note dd.twitter ul li p{
	width:345px;
	padding:0 4px 0 0;
	float:right;
}
#note dd.twitter ul li p a{
	color:#0af;
	text-decoration:none;
}
#note dd.twitter ul li p a:hover{
	text-decoration:underline;
}
#note dd.twitter ul li p em{
	margin:0 0 0 4px;
	color:#ff4988;
	font-size:10px;
}
#note dd.twitter ul li p em a{
	color:#ff4988;
	font-weight:bold;
	text-decoration:none;
}
#note dd.twitter ul li p a.web{
	text-decoration:underline;
}
#note dd.twitter ul li p em a:hover{
	text-decoration:none;
	border-bottom:1px dotted #ff4988;
}

/* -------------------------------
Twitter - メンテナンス中 */

#note dd.twitter p.mainte{
	margin:24px 0 0 80px;
}

/* -------------------------------
Twitter - ナビ */

#note dd.navi{
	position:absolute;
	top:448px;
	left:34px;
	width:432px;
}
#note dd.navi p{
	float:left;
}
#note dd.navi p.more{
	float:right;
}

/* -------------------------------
最新情報 - タイトル */

#note dt.info{
	position:absolute;
	top:68px;
	left:532px;
}

/* -------------------------------
最新情報 - バックナンバー */

#note dd.backnumber{
	position:absolute;
	top:56px;
	left:734px;
}

/* -------------------------------
最新情報 - RSS */

#note dd.rss{
	position:absolute;
	top:167px;
	left:873px;
}

/* -------------------------------
最新情報 - 一覧 */

#note dd.info{
	position:absolute;
	top:120px;
	left:544px;
	width:270px;
	height:320px;
	overflow:auto;
}
#note dd.info span{
	margin:7px 0 2px;
	padding:1px 3px;
	color:#fff;
	background:#ff4988;
	font-size:11px;
	font-family:Georgia,Verdana;
	display:inline-block;
}
#note dd.info a{
	color:#2e2c34;
	text-decoration:none;
}
#note dd.info a:hover{
	color:#ff4988;
	border-bottom:1px dotted #ff4988;
	position:relative;
}

/* -------------------------------
最新情報 - メンテナンス中 */

#note dd.info p.mainte{
	margin:84px 0 0;
}

/* -------------------------------
モバイル - テキスト */

#note dt.mobile{
	position:absolute;
	top:289px;
	left:845px;
}
#note dd.qr{
	position:absolute;
	top:410px;
	left:856px;
}

/* -------------------------------
モバイル - 2月28日分 */

#note dt.mobile0228{
	position:absolute;
	top:276px;
	left:845px;
}
#note dd.qr0228{
	position:absolute;
	top:410px;
	left:856px;
}

/* -------------------------------
フッター */

#indexfooter{
	margin:0 auto;
	width:960px;
	height:370px;
	background:url(../img/common/line.png) no-repeat 0 240px;
	overflow:hidden;
}

/* -------------------------------
フッター - ブログバナー */

#indexfooter .banners{
	position:relative;
	height:246px;
}
#indexfooter .banners dd{
	position:absolute;
	top:27px;
	left:168px;
}
#indexfooter .banners dd ul{
	margin-right:-10px;
	width:808px;
}
#indexfooter .banners dd ul li{
	margin:0 10px 0 0;
	float:left;
}

/* -------------------------------
フッター - その他バナー */

#indexfooter .banners dd.other{
	position:absolute;
	top:118px;
	left:0;
}
#indexfooter .banners dd.other ul{
	position:relative;
	margin:-26px 0 0 8px;
	width:960px;
	height:130px;
}
#indexfooter .banners dd.other ul li{
	margin-bottom:10px;
}
#indexfooter .banners dd.other ul li img{
	vertical-align:top;
}

/* -------------------------------
フッター - ウェブポバナー */

#indexfooter .banners dd.webpo{
	position:absolute;
	top:154px;
	left:80px;
}
#indexfooter .banners dd.webpo ul{
	position:relative;
	margin:0 0 0 10px;
	width:808px;
	height:60px;
}

/* -------------------------------
フッター - リンク */

#indexfooter .links{
	padding:6px 0 0;
	float:left;
}
#indexfooter .links li{
	float:left;
}

/* -------------------------------
フッター - バナー */

#indexfooter .logo{
	padding:4px 0 0;
	float:right;
}
#indexfooter .logo li{
	float:right;
}

/* -------------------------------
フッター - コピーライト */

#indexfooter .copyright{
	padding:15px 0 0;
	width:960px;
	clear:both;
}
#indexfooter .copyright li{
	width:480px;
}
#indexfooter .copyright li img{
	vertical-align:top;
}
#indexfooter .copyright .e{
	float:left;
}
#indexfooter .copyright .j{
	text-align:right;
	float:right;
}

/* -------------------------------
フッター - JASRAC  */

#indexfooter p.jasrac{
	text-align:right;
	clear:both;
}
#indexfooter p.jasrac img{
	float:right;
}
#indexfooter p.jasrac span{
	margin:34px 6px 0 0;
	font-size:10px;
	display:inline-block;
}

/* -------------------------------
フッター - JASRAC  */

#footer{
	height:240px;
}
#footer p.jasrac{
	text-align:right;
	clear:both;
}
#footer p.jasrac img{
	float:right;
}
#footer p.jasrac span{
	margin:34px 6px 0 0;
	font-size:10px;
	display:inline-block;
}

/* -------------------------------
動物Flash  */

#tPro{
	position:absolute;
	display:none;
	top:100px;
	left:0;
	width:101px;
	height:45px;
	z-index:100;
}