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

#flash{
	width:100%;
	height:960px;
}

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

#flash #smileage ul{
	margin:0 100px 0 -100px;
	width:100%;
	height:960px;
	background:url(../img/index/smileage.jpg) no-repeat center top;
}
#flash #smileage ul li{
	position:absolute;
	margin:0 auto;
	width:960px;
	height:84px;
	line-height:0;
	font-size:0;
	position:relative;
}
#flash #smileage ul li p{
	position:absolute;
	width:122px;
	height:84px;
}
#flash #smileage ul li#wada p{
	top:254px;
	left:470px;
	z-index:40;
}
#flash #smileage ul li#maeda p{
	top:196px;
	left:296px;
	z-index:30;
}
#flash #smileage ul li#fukuda p{
	top:130px;
	left:580px;
	z-index:20;
}
#flash #smileage ul li#ogawa p{
	top:50px;
	left:145px;
	z-index:10;
}

/* -------------------------------
動画 */

#movie{
	position:absolute;
	top:140px;
	left:0;
	width:100%;
	height:149px;
	z-index:50;
}
#movie dl{
	position:relative;
	margin:0 auto;
	width:960px;
}
#movie dl dt{
	position:absolute;
	top:0;
	left:640px;
}
#movie dl dd.youtube{
	position:absolute;
	top:96px;
	left:650px;
	width:250px;
	height:164px;
	cursor:pointer;
}
#movie dl dd.youtube object{
	cursor:pointer;
}
#movie dl dd.detail{
	position:absolute;
	top:216px;
	left:640px;
}

/* -------------------------------
動画 - 4月5日分 */

#movie0405{
	position:absolute;
	top:120px;
	left:0;
	width:100%;
	height:149px;
	z-index:50;
}
#movie0405 dl{
	position:relative;
	margin:0 auto;
	width:960px;
}
#movie0405 dl dt{
	position:absolute;
	top:0;
	left:625px;
}
#movie0405 dl dd.youtube{
	position:absolute;
	top:164px;
	left:645px;
	width:250px;
	height:164px;
	cursor:pointer;
}
#movie0405 dl dd.youtube object{
	cursor:pointer;
}
#movie0405 dl dd.detail{
	position:absolute;
	top:236px;
	left:645px;
}
#movie0405 dl dd.tomovie{
	position:absolute;
	top:336px;
	left:660px;
}

/* -------------------------------
動画 - 5月11日分 */

#movie0511{
	position:absolute;
	top:114px;
	left:0;
	width:100%;
	height:149px;
	z-index:50;
}
#movie0511 dl{
	position:relative;
	margin:0 auto;
	width:960px;
}
#movie0511 dl dt{
	position:absolute;
	top:0;
	left:625px;
}
#movie0511 dl dd.youtube{
	position:absolute;
	top:154px;
	left:645px;
	width:327px;
	height:290px;
	background:url(/img/index/movie_detail_0228.png) no-repeat left bottom;
}
#movie0511 dl dd.youtube object{
	cursor:pointer;
}
#movie0511 dl dd.tomovie{
	position:absolute;
	top:324px;
	left:660px;
}

/* -------------------------------
動画＆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:4px;
	left:640px;
}
#movie0521 dl dt a{
	vertical-align:bottom;
	display:inline-block;
}
#movie0521 dl dt a:hover{
	position:relative;
	top:1px;
	left:1px;
	opacity:0.7;
	-moz-opacity:0.7;
	display:inline-block;
}
#movie0521 dl dd.about{
	position:absolute;
	width:280px;
	top:121px;
	left:680px;
}
#movie0521 dl dd.about a{
	vertical-align:bottom;
	display:inline-block;
}
#movie0521 dl dd.about a:hover{
	position:relative;
	top:1px;
	left:1px;
}
#movie0521 dl dd.youtube{
	position:absolute;
	top:147px;
	left:662px;
	width:315px;
	height:300px;
	background:url(../img/index/youtube_bg.png) no-repeat left bottom;
}
#movie0521 dl dd.youtube object{
	cursor:pointer;
}
#movie0521 dl dd.tomovie{
	position:absolute;
	top:315px;
	left:650px;
}

/* -------------------------------
セカンドシングル - 6月15日分 */

#movie0521 dl dd.songtitle{
	position:absolute;
	top:315px;
	left:630px;
}
#movie0521 dl dd.toshop{
	position:absolute;
	top:390px;
	left:810px;
	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:540px;
	left:0;
	width:100%;
	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.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 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:290px;
	background:url(../img/common/line.png) no-repeat 0 160px;
	overflow:hidden;
}

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

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

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

#indexfooter .banners{
	position:relative;
	height:164px;
}
#indexfooter .banners dd.other{
	position:absolute;
	top:114px;
	left:0;
}
#indexfooter .banners dd.other ul{
	position:relative;
	margin:-24px 0 0 325px;
	width:320px;
	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;
}