@charset "UTF-8";
html,body {
	height: 100%;
}
body {
	margin: 0;
	padding: 0;	
	background-color: #000;
}
p,h1,h2,h3,h4,h5,h6,ul,ol,dl,dt,dd,form,table,th,td,tr {
	margin: 0;
	padding: 0;	
}
a {
	text-decoration: none;
}
a:hover {
	
}
a img {
	border: none;
}
a:hover img {
	opacity: 0.8;
}
li {
	list-style-type: none;	
}

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	/*background: #000 url(../images/bg_home1600_2.jpg) no-repeat center top;*/
	/*background-size: contain;*/
}

#wrap {
	width: 100%;
	/*background: url(../images/top_main2.jpg) no-repeat center top;*/
	/*background-size: 80%;*/
	/*height: 100%;*/
}

/* リニューアル後 */

#main {
	width: 1000px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	clear: both;
	/*background-color: #F00;*/
}
#main #alpha {
	width: 250px;
	float: left;
}
#main #beta {
	width: 504px;
	float: left;
}
#main #gamma {
	width: 245px;
	float: right;
}

/* Main Alpha */
#main h1#siteTitle {
	width: 250px;
	/*height: 171px;*/
	height: 209px;
	overflow: hidden;
	/*padding-top: 9px;*/
	/*margin-bottom: 10px;*/
	margin-bottom: 10px;
	text-indent: -9999px;
	background: url(../images/launch/logo_hoshimeguruhakobune.png) no-repeat left 10px;
}
#main #koukai {
	width: 250px;
	/*height: 215px;*/
	/*height: 193px;*/
	height: 115px;
	/*margin-bottom: 10px;*/
	padding-bottom: 10px;
	overflow: hidden;
}
#main #koukai li {
	list-style-type: none;	
	margin: 0;
	padding: 0;
	line-height: 1em;
}
#main #koukai .koukai1 {
	/*height: 114px;*/
	height: 115px;
	overflow: hidden;
}
#main #koukai .koukai2 {
	height: 101px;
}
#main #leftBanner {
}
#main #leftBanner li.b1 {height: 68px;}
#main #leftBanner li.b2 {height: 61px;}
#main #leftBanner li.b3 {height: 61px;}


/* Main Alpha */
#main #beta {
	width: 504px;
	height: 705px;
	background: url(../images/launch/bg_check1.gif) repeat left top;
	position: relative;
}
#main #beta .poster {
	width: 500px;
	height: 705px;
	margin: 0 2px;
	text-indent: -9999px;
	background: url(../images/launch/main140912.jpg) no-repeat left top;
}
#main #beta .point {
	position: absolute;
	top: 0;
	left: 2px;	
	z-index: 100;
	width: 180px;
	height: 109px;
}
#main #beta .butai {
	position: absolute;
	top: 132px;
	left: 13px;
	z-index: 100;
	width: 163px;
	height: 65px;
}
#main #beta .bandaich {
	position: absolute;
	top: 5px;
	right: 7px;
	z-index: 100;
	width: 186px;
	height: 93px;
}
#main #beta .present {
	position: absolute;
	top: 369px;
	left: 13px;
	z-index: 100;
	width: 125px;
	height: 125px;
}
#main #beta .yamatalk {
	position: absolute;
	top: 600px;
	left: 13px;
	z-index: 100;
	width: 135px;
	height: 96px;
}
#main #beta .maintheme {
	position: absolute;
	top: 1px;
	right: 3px;
	z-index: 100;
	width: 187px;
	height: 138px;
}
#main #beta .bgm {
	position: absolute;
	top: 1px;
	left: 3px;
	z-index: 100;
	width: 187px;
	height: 62px;
}
/*#main #beta .botovideo {
	position: absolute;
	top: 64px;
	left: 3px;
	z-index: 100;
	width: 133px;
	height: 106px;
}*/
#main #beta .botovideo {
	position: absolute;
	top: 1px;
	left: 3px;
	z-index: 100;
	width: 133px;
	height: 106px;
}
#main #beta .cutfilm {
	position: absolute;
	bottom: 3px;
	left: 5px;
	z-index: 100;
	width: 157px;
	height: 83px;
}
#main #beta .concert {
	position: absolute;
	top: 1px;
	left: 3px;
	z-index: 100;
	width: 147px;
	height: 80px;
}
#main #beta .music {
	position: absolute;
	top: 1px;
	right: 3px;
	z-index: 100;
	width: 175px;
	height: 86px;
}
#main #beta .castvideo {
	position: absolute;
	/*bottom: 15px;*/
	/*left: 13px;*/
	right: 5px;
	bottom: 3px;
	z-index: 100;
	/*width: 207px;
	height: 97px;*/
	width: 173px;
	height: 75px;
}
#main #beta .rightBottomBanner {
	position: absolute;
	/*bottom: 15px;*/
	/*left: 13px;*/
	right: 5px;
	bottom: 3px;
	z-index: 100;
	/*width: 207px;
	height: 97px;*/
	width: 173px;
	height: 75px;
}
#main #beta .bottomBanner {
	position: absolute;
	/*bottom: 15px;*/
	/*left: 13px;*/
	right: 0px;
	bottom: 0px;
	z-index: 100;
	/*width: 207px;
	height: 97px;*/
	width: 500px;
	height: 162px;
}

/* ShareBtns Area */
#shareBtns {
	width: 240px;
	padding-left: 5px;
	height: 20px;
	overflow: hidden;
	margin-bottom: 8px;
	padding-top: 5px;
}
#shareBtns li {
	float: left;	
	width: 120px;
	overflow: hidden;
}
#shareBtns li.twitter {width: 110px;}


/* News Area */
#newsArea {
	width: 239px;
	overflow: hidden;
	font-size: 12px;
	line-height: 1.4em;
	padding-bottom: 15px;
	margin-left: 4px;
	margin-bottom: 8px;
	background: url(../images/launch/top_info_footer.png) no-repeat left bottom;
}
#newsArea h2 {
	height: 37px;
	background: url(../images/launch/top_info_title_mini.png) no-repeat right top;
}
#newsArea h2 a {
	display: block;
	text-indent: -9999px;
	height: 37px;
}
#newsArea ul {
	padding: 0;
	overflow: auto;
	height: 200px;
	border-left: solid 1px #5a5a5a;
	border-right: solid 1px #5a5a5a;
	background: url(../images/newsarea_bg_loop.png) repeat-y left top;	
}
#newsArea li {
	padding: 10px 15px 10px 15px;	
	border-bottom: dotted 1px #4d4d4d;
}
#newsArea li .date {
	color: #f3ce8b;
	margin-bottom: 3px;
	padding-left: 13px;
	background: url(../images/newsarea_pochi.png) no-repeat left 3px;
}
#newsArea li a {
	display: block;
	color: #dddddd;	
}
#newsArea li a:hover {
	text-decoration: underline;
	color: #FFF;	
}

/* Movie Area */
#movieArea {
	width: 239px;
	height: 186px;
	margin-left: 4px;
	margin-bottom: 8px;
}
#movieArea a {
	display: block;
	text-indent: -9999px;
	width: 239px;
	height: 186px;
	background: url(../images/launch/top_movie_bg_mini10.png) no-repeat left top;
}
#movieArea a:hover {
	background-position: left bottom;
}

#twitterBanner,
#contestBanner {
	width: 199px;
	height: 63px;
	margin-left: 23px;
}
#twitterBanner {
	margin-bottom: 4px;
}

#twitterTimeline {
	margin-left: 4px;
	margin-bottom: 8px;
	padding: 4px;
	padding-right: 0px;
	border: solid 1px #5a5a5a;
}











#archives {
	margin-top:520px;
	margin-left: 30px;
	margin-bottom: 20px;
	width: 272px;
	height: 81px;
}

#spBanner {
	width: 366px;
	margin-left: 30px;
	clear: both;
}
#spBanner li {
	line-height: 1em;
	height: 59px;
	margin-bottom: 2px;	
}
#spBanner a:hover {
	opacity: 0.8;
}



/* Option Area */
#optionArea {
	position: absolute;
	top: 530px;
	left: 3%;	
	width: 252px;
	height: 175px;
}
#optionArea li.tvOption {
	width: 123px;
	height: 175px;
	float: left;
}
#optionArea li.theaterOption {
	width: 123px;
	height: 175px;
	float: right;
}
#optionArea li.tvOption a,
#optionArea li.theaterOption a {
	display: block;
	width: 123px;
	height: 175px;
	text-indent: -9999px;
	background: url(../images/option.png) no-repeat left top;
}
#optionArea li.tvOption a {background-position: left top;}
#optionArea li.theaterOption a {background-position: right top;}

#optionArea li.tvOption a:hover {background-position: left bottom;}
#optionArea li.theaterOption a:hover {background-position: right bottom;}




/* Widget Area */
#widgetArea {
	position: absolute;
	top: 500px;
	right: 2%;	
	width: 250px;
	height: 250px;
	padding: 0 0 0 10px;
	background: url(../images/newsarea_bg_loop.png) repeat left top;
}

/* Video Area */
#videoArea {
	position: absolute;
	top: 551px;
	left: 50%;	
	width: 320px;
	height: 180px;
	margin-left: -161px;
	border:solid 1px #333;
	background: url(../images/newsarea_bg_loop.png) repeat left top;
}


/* Banner Area */
#bannerArea {
	clear: both;
	height: 50px;
	width: 1000px;
	padding: 8px 0;
	margin: 15px auto 0;
	border: dotted 1px #404040;
	border-left: none;
	border-right: none;
	text-align: center;
	position: relative;
	overflow: hidden;
}
#bannerArea .nextBtn {
	position: absolute;
	top: 0;
	right: 0;
	width: 14px;
}
#bannerArea .prevBtn {
	position: absolute;
	top: 0;
	left: 0;
	width: 14px;
}
#bannerArea ul {
	width: 1000px;
	margin: 0 auto;
	padding: 0;
}
#bannerArea li {
	display: inline-block;
	line-height: 60px;
	height: 60px;
	/*width: 320px;*/
	margin: 0;
	padding: 0;
	text-align: center;
}
#bannerArea li.clear {
	clear: both;
}
#copyright {
	clear: both;
	width: 1000px;
	margin: 0 auto;
	padding: 8px 0 30px;
	text-align: center;
	color: #686868;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
}


.fb_iframe_widget > span {
  vertical-align: baseline !important;
}