@charset "shift_jis";





*{

	margin:0;

	padding:0;

}



html {

	width:100%;

	height:100%;

	overflow: auto;

}



body {

	width:100%;

	height:100%;

	position:relative;

/*	min-width:950px;

	min-height:600px;*/

}



#flashContentInner{

	position: absolute; top: 0px; left: 0px;

	width:100%;

	height:100%;

	line-height:0;

	z-index:1;

}





.sts0 { font-size : 8.5pt; line-height : 110%; font-family: "ＭＳ Ｐゴシック", "Osaka";}

.sts0h { font-size : 8.5pt; line-height : 140%; font-family: "ＭＳ Ｐゴシック", "Osaka";}

.sts1 { font-size : 9pt; line-height : 120%; font-family: "ＭＳ Ｐゴシック", "Osaka";} 

.sts1h { font-size : 14px; line-height : 180%; font-family: "ＭＳ Ｐゴシック", "Osaka";} 

.sts2 { font-size :10pt; line-height : 120%; font-family:  "メイリオ", Hiragino Kaku Gothic Pro,"ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック";} 

.sts2h { font-size :18px; line-height : 240%; font-family:  "メイリオ", Hiragino Kaku Gothic Pro,"ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック";} 

.sts3 { font-size : 11pt; line-height : 125%; font-family: "ＭＳ Ｐゴシック", "Osaka";} 

.sts3h { font-size : 22px; line-height : 200%; font-family: "ＭＳ Ｐゴシック", "Osaka";}

.sts4 { font-size : 13pt; line-height : 120%; font-weight: bold; font-family: "ＭＳ Ｐゴシック", "Osaka";} 

.sts5 { font-size : 16pt; line-height : 120%; font-weight: bold; font-family: "ＭＳ Ｐゴシック", "Osaka";}





#btnArea{

	/*width: 300px;*/

	width: 520px;

	/*height: 30px;*/

	height: 60px;

	position: absolute;

	top:14px;

	/*right:472px;*/

	right:14px;

    /*right: 50%;*/

	/*bottom:118px;*/

	/*bottom:2px;

	z-index: 100;

	/*background-color:#000;*/

	/*border:2px solid #000;*/

}



#btnArea #social{

	position: absolute;

	top:0px;

	/*right:459px;*/

	/*left: 459px;*/

	/*left: 464px;*/

	right: 215px;

	/*right: 330px;*/

}



#btnArea #social .tw{

	position: absolute;

	top:0px;

	left:0px;



}

#btnArea #social .fb{

	position: absolute;

	top:0px;

	left:109px;



}



#btnArea #social .le{

	position: absolute;

	top:30px;

	left:0px;



}





#btnArea #social .ec{

	position: absolute;

	top:30px;

	left:100px;



}







#btnArea #social .fm{

	position: absolute;

	top:0px;

	left:225px;



}



#btnArea #social .mi{

	position: absolute;

	top:0px;

	left:225px;



}



#btnArea #social .gr{

	position: absolute;

	top:0px;

	left:340px;



}



#btnArea #social .hb{

	position: absolute;

	top:0px;

	left:450px;



}







#popmenu {display:block;height:50px;background-color: #FFF;}

#popmenu li{display:none;}





/*

 * ↓背景を白に上書きするブランドサイト共通設定

 */

div#wrap{

	background:none #FFF !important;

	margin-top: 15px !important;

}







#ticket{

	overflow:visible;

	height:250px;

	width:850px;

	position:relative;

	z-index:1;

}



#ticket .p1{

	position:absolute;

	width:333px;

	height:240px;

	top:10px;

	left:0px;

	overflow:hidden;

	margin-left: auto;

	margin-right: auto;

}

#ticket .p2{

	position:absolute;

	width:517px;

	height:131px;

	top:10px;

	left:333px;

	overflow:hidden;

	margin-left: auto;

	margin-right: auto;

}

#ticket .p3{

	position:absolute;

	width:517px;

	height:79px;

	top:141px;

	left:333px;

	overflow:hidden;

	margin-left: auto;

	margin-right: auto;

}









/* --------------------------------------------------------------------------------------

 contents

--------------------------------------------------------------------------------------- */



#contents {

	_position:absolute;

	_top:0;

	width: 100%;

}



#backstretch {

	max-height: 747px;

}



#contents .mainBgArea {

	width: 100%;

	background: url(../img/mainarea_bg.png) repeat;

}



#contents .mainArea {

	position: relative;

	width: 100%;

	height: 747px;

	margin: 0 auto;

	background: url(../img/bg_border.gif) repeat-x bottom;

}



#contents .mainArea h1 {

	padding: 52px 0 0 49px;

}



#contents .mainArea h2 {

	position: absolute;

	top: 116px;

	right: 72px;

}



#contents .mainArea ul {

	position: absolute;

	top: 177px;

	left: 32px;

}

#contents .mainArea ul li{

	float: left;

	padding-left: 16px;

}



.mainArea .menu-new {

	margin-top: -24px;	

}





#contents .mainArea p.credit{

	position: absolute;

	top: 526px;

	left: 18px;

}

#contents .mainArea p.follow{

	position: absolute;

	top: 400px;

	right: 20px;

	width: 319px;

}

#contents .mainArea p.follow a {

	display: inline;	

}

#contents .mainArea p.mainImg{

	position: absolute;

	bottom: 0px;

	left: 52px;

}



#contents .btnArea{

	background: url(../img/bg_border.gif) repeat-x top;

}



#contents .btnArea p{

	width: 950px;

	margin: 0 auto;

	padding: 4px 7px 4px 0;

	text-align: right;

}

#contents .btnArea p img{

	margin-left: 15px;

}







/* intro ------------------------------------------------------------- */



#intro {

	position: relative;

	width: 780px;

	margin: 0 auto;

}

#intro p.introBtn {

	position: absolute;

	top: 430px;

	left: 335px;

}



/* closeBtn(共通用) */



body p.closeBtn {

	position: absolute;

	top: 400px;

	right: 16px;

}



/* about ------------------------------------------------------------- */



#about {

	position: relative;

	width: 958px;

	margin: 0 auto;

	background: url(../img/tweet_bg2.png) no-repeat right;

}



#about h1 {

	float: right;

	padding: 43px 39px 48px 24px;

}



#about p.aboutTxt {

	float: right;

	padding: 56px 0 0 26px;

}

#about p.aboutImg {

	position: relative;

	float: right;

	padding: 25px 0 10px;

}

#about p.aboutImg a{

	position: absolute;

	display:block;

	top:91px;

	left:318px;

	width:210px;

	height:35px;

	/*IEでクリックできない問題を回避*/

	background-color:#FFF;

	filter:alpha(opacity=0);

	-moz-opacity:0;

	opacity:0;

}

#about p.aboutBnr {

	position: absolute;

	top: 335px;

	left: 0px;

	width: 180px;

}



/* wallpaper ------------------------------------------------------------- */



#wallpaper {

	position: relative;

	width: 819px;

	margin: 0 auto;

	background: url(../img/tweet_bg.png) no-repeat;

}



#wallpaper h1 {

	float: right;

	padding: 43px 45px 48px 35px;

}



#wallpaper .wallBox01 {

	float: right;

	width: 281px;

}

#wallpaper .wallBox01.wallpaper01 {

	padding: 110px 0 0 37px;

}

#wallpaper .wallBox01.wallpaper02 {

	padding: 60px 0 0;

}



#wallpaper .walltxt {

	position: absolute;

	top:370px;left:60px;

}



#wallpaper .wallBox01 ul {

	padding: 10px 0 0 45px;

}

#wallpaper .wallBox01 ul li {

	float: left;

	padding-right: 5px;

}



/* special ------------------------------------------------------------- */



#special {

	position: relative;

	width: 940px;

	margin: 0 auto;

	background: url(../img/special_bg.png) no-repeat;

}



#special h1 {

	float: right;

	padding: 43px 43px 48px 0;

}



#special #videoArea {

	float: right;

	width: 802px;

	padding: 16px 0 0 0;

}



#special #videoArea p {

	padding: 28px 21px 0 0;

	text-align: right;

}



/* limited ------------------------------------------------------------- */



#limited {

	position: relative;

	width: 950px; height: 500px;

	margin: 0 auto;

	background: url(../img/limited_bg.jpg) no-repeat;

}



#limited #videocreate {

	color:#FFF;

}



#limited #videoArea {

	float: left;

	width: 680px; height:382px;

	padding: 88px 0 0 20px;

}



#limited #tweetArea {

	position: absolute;

	top: 125px; left: 700px;

	width:232px;

}



#limited #tweetBox {

	width:232px; height:285px;

}



#limited #tweetBox .box {

	margin:0 0 0 10px;

	width:200px;

	padding-bottom:10px;

}

#limited #tweetBox .name {

	font-size:11px; font-weight: bold;

}

#limited #tweetBox .text {

	margin:3px 0 0 0;

	font-size:11px; line-height: 14px;

	width:200px; overflow:hidden;

	padding-bottom:10px;

	background: url(../img/limited_line.gif) 0 100% no-repeat;

}





#limited #tweetEntryBox {

	position: relative;

	width:232px; height:60px;

}



#limited #twComp {

	position: absolute;

	top: 0; left: 0;

	z-index:100;

	display:none;

}



#limited #tweetEntryBox .cheertweet {

	position: absolute;

	top: 14px; left: 14px;

}

#limited #tweetEntryBox .cheertweet textarea {

	width: 149px; height: 32px;

	border-color:#FFF;

	border: none; resize: none;

	font-size: 11px; line-height: 14px;

}

#limited #tweetEntryBox .tweetsend {

	position: absolute;

	top: 9px; left: 172px;

}



#limited p.closeBtn {

	position: absolute;

	top: 0px; right: 0px;

}



#limited .closeBtn a{

	display:block;

	position: absolute;

	top: 0px; right: 0px;

	width:90px; height:90px;

	background-color:#FFF;

	filter:alpha(opacity=0);

	-moz-opacity:0;

	opacity:0;

}



#limited .jspDrag

{

	position: relative;

	top: 0;

	left: 0;

	cursor: pointer;

	background-image: url(../img/limited_scroll_chip.gif);

}





/* gallery ------------------------------------------------------------- */



#gallery {

	position: relative;

	width: 940px;

	margin: 0 auto;

	background: url(../img/special_bg.png) no-repeat;

}



#gallery h1 {

	float: right;

	padding: 43px 44px 48px 0;

}



#gallery #videoArea {

	float: right;

	width: 752px;

	padding: 16px 0 0 0;

}



#gallery #videoArea p.galleryImg {

	text-align: center;

	padding: 28px 21px 0 0;

}



#gallery #videoArea p.galleryBtn {

	padding: 7px 0 0;

	text-align: center;

}

#gallery #videoArea p.galleryBtn span {

	padding-right: 5px;

}

#gallery #videoArea p.galleryBtn span.message {

	padding-right: 39px !important;

}



/*#flashContentCM {

	position: absolute;

	top: 17px;

	left: 18px;

	width:752px;

	height:483px;

	line-height:0;

}*/



/* character ------------------------------------------------------------- */



#character {

	position: relative;

	width: 970px;

	margin: 0 auto;

	background: url(../img/character_bg.png) no-repeat;

}



#character h1 {

	float: right;

	padding: 43px 43px 48px 21px;

}



#character .characterBox01.megumi {

	float: right;

	width: 395px;

	padding: 57px 0 0 38px;

}

#character .characterBox01.taiyou {

	float: right;

	width: 352px;

	padding-top: 140px;

}

#character .characterBox01 p {

	float: right;

}



/* about_item ------------------------------------------------------------- */



#about_item {

	position: relative;

	width: 970px;

	margin: 0 auto;

	padding-bottom: 51px;

	background: url(../img/about_item_bg.png) no-repeat;

}



#about_item h1 {

	position: absolute;

	top: 35px;

	left: 35px;

}



#about_item .itemArea {

	padding: 133px 25px 0 25px;

}

#about_item .itemArea .itemBox01 {

	float: left;

	padding-right: 0;

}



body #about_item p.closeBtn {

	position: absolute;

	top: 5px;

	right: 0px;

}



/* terms ------------------------------------------------------------- */



#terms {

	position: relative;

	width: 819px;

	margin: 0 auto;

	background: url(../img/tweet_bg.png) no-repeat;

}



#terms h1 {

	float: right;

	padding: 43px 43px 48px 21px;

}



#terms .termsBox {

	float: right;

	margin: 57px 0 15px;

	border: 1px solid #E7E3EA;

}

#terms .termsBoxScroll {

	width: 628px;

	height: 350px;

	overflow: auto;

}

#terms .termsBoxScrollinner {

	height:830px;

}

#terms .termsBox p {

	padding: 25px 25px 0;

	line-height: 1.7;

}



#terms p.termsBtn {

	padding: 15px 0 0;

	text-align: center;

}



#terms p.termsTweet {

	padding: 15px 0 0;

	text-align: center;

}



/* termsのスクロールバー装飾 */



#terms .jspContainer {overflow: hidden; position: relative;}

#terms .jspPane {	position: absolute;}

#terms .jspVerticalBar {	position: absolute;	top: 0;	right: 0;	width: 8px;	height: 100%;	background:none;}

#terms .jspVerticalBar *,

#terms .jspHorizontalBar *{	margin: 0;	padding: 0;}

#terms .jspCap {	display: none;}

#terms .jspTrack {	background: none;	position: relative;}

#terms .jspDrag {	background: #AB8BBC;	position: relative;	top: 0;	left: 0;	height: 60px;	cursor: pointer;}

#terms .jspArrow {	background: #50506d;	text-indent: -20000px;	display: block;	cursor: pointer;}

#terms .jspArrow.jspDisabled {	cursor: default;	background: #80808d;}

#terms .jspVerticalBar .jspArrow {	height: 16px;}

#terms .jspVerticalBar .jspArrow:focus {	outline: none;}

#terms .jspCorner{	background: #eeeef4;	float: left;	height: 100%;}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */

* html #terms .jspCorner{	margin: 0 -3px 0 0;}





/* thank */



#thank {

	position: relative;

	width: 819px;

	margin: 0 auto;

	padding-bottom: 100px;

	background: url(../img/tweet_bg.png) no-repeat;

}





#thank .thankArea {

	position: relative;

	padding: 60px 50px 25px 50px;

}

#thank .thankArea .megumi{

	position: absolute;

	display:block;

	top:267px;left:67px;

	width:340px;height:103px;

	/*IEでクリックできない問題を回避*/

	background-color:#FFF;

	filter:alpha(opacity=0);

	-moz-opacity:0;

	opacity:0;}

#thank .thankArea .taiyo{

	position: absolute;

	display:block;

	top:267px;left:412px;

	width:340px;height:103px;

	/*IEでクリックできない問題を回避*/

	background-color:#FFF;

	filter:alpha(opacity=0);

	-moz-opacity:0;

	opacity:0;}



#thank p.thankBtn {

	padding: 15px 0 0;

	text-align: center;

}



/* cast ------------------------------------------------------------- */



#cast {

	position: relative;

	width: 970px;

	margin: 0 auto;

	padding-bottom: 51px;

	background: url(../img/character_bg.png) no-repeat;

}



#cast h1 {

	float: right;

	padding: 43px 44px 0 0;

}



.castBox01 {

	float: right;

	width: 314px;

	padding: 43px 0 0 3px;

}



.castBox01 li {

	float: right;

}



.castBox01 li a:focus {

	outline: none;

}



.castBox02 {

	float: right;

	padding: 43px 0 0 0;

	width: 490px;

	background: url(../img/cast_line.png) no-repeat right 43px;	

}



#castDetail {

	padding-right: 3px;	

}



#castDetail img {

	display: none;

}





#cast .itemArea {

	padding: 139px 25px 0 57px;

}

#cast .itemArea .itemBox01 {

	float: left;

	padding-right: 33px;

}