@charset "utf-8";
/*--------------------------------
　共通部分
--------------------------------*/
#wrapper {
	padding-top: 10px;
	background: url(../images/background_second.jpg) center 0 no-repeat #000;
	position: relative;
}

#navigation {
	margin-bottom: 14px;
}

#onair {
	position: absolute;
	text-indent: -9999px;
}

#contents {
	position: relative;
	width: 960px;
	margin: 0 auto;
}

#story #contents h2 {
	background: url(../images/h2_story.gif) 0 0 no-repeat;
	height: 92px;
	text-indent: -9999px;
}
#story #contents_inner {
	text-indent: -9999px;
	background: url(../images/background_story.jpg) center 0 no-repeat;
	height: 689px;
}

/*--------------------------------
　character
--------------------------------*/
#character #contents h2 {
	background: url(../images/h2_character.gif) 0 0 no-repeat;
	height: 84px;
	text-indent: -9999px;
}
#character #contents_inner {
	position: relative;
	background: url(../images/background_character.jpg) center 0 no-repeat;
	height: 2061px;
	margin-bottom: 20px;
}
#character #contents_inner h3 {
	text-indent: -9999px;
}
#character #contents_inner .mutta {
	position: absolute;
	top: 338px;
	left: 194px;
}
#character #contents_inner .hibito {
	position: absolute;
	top: 338px;
	left: 514px;
}
#character #contents_inner .serika {
	position: absolute;
	top: 932px;
	left: 156px;
}
#character #contents_inner .kenji {
	position: absolute;
	top: 932px;
	left: 540px;
}
#character #contents_inner .hoshika {
	position: absolute;
	top: 1415px;
	left: 156px;
}
#character #contents_inner .syaron {
	position: absolute;
	top: 1415px;
	left: 540px;
}
#character #contents_inner .apo {
	position: absolute;
	top: 1888px;
	left: 72px;
}
#character #contents_inner .family {
	position: absolute;
	top: 1888px;
	left: 540px;
}

/*--------------------------------
　staff
--------------------------------*/
#staff #contents h2 {
	background: url(../images/h2_staff.gif) 0 0 no-repeat;
	height: 81px;
	text-indent: -9999px;
}
#staff #contents_inner {
	background: url(../images/background_staff.jpg) center 0 no-repeat;
	height: 804px;
	position: relative;
}
#staff #contents_inner .staff {
	position: absolute;
	text-indent: -9999px;
}
#staff #contents_inner .bannerArea {
	position: absolute;
	top: 236px;
	left: 722px;
}
#staff #contents_inner .bannerArea li {
	width: 150px;
	height: 50px;
	margin-bottom: 14px;
}
#staff #contents_inner .bannerArea li a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}


/*--------------------------------
@oC
--------------------------------*/

#mobile #contents h2 {
	background: url(../images/h2_mobile.gif) 0 0 no-repeat;
	height: 88px;
	text-indent: -9999px;
}
#mobile #contents_inner {
	overflow: hidden;
	margin-bottom: 40px;
}
#mobile h3 {
	background: url(../images/h3_mobile.gif) 0 0 no-repeat;
	height: 48px;
	text-indent: -9999px;
}
#mobile #left_block {
	float: left;
	width: 354px;
	text-align: center;
}
#mobile #right_block {
	float: left;
	overflow: hidden;
	width: 520px;
}
#mobile #right_block .lead {
	height: 26px;
	background: url(../images/mobile_lead.gif) 0 0 no-repeat;
	text-indent: -9999px;
}
#mobile #right_block h4.mob {
	height: 29px;
	background: url(../images/h4_mobile.gif) 0 0 no-repeat;
	text-indent: -9999px;
}
#mobile #right_block h4.flash {
	height: 29px;
	background: url(../images/h4_flashmobile.gif) 0 0 no-repeat;
	text-indent: -9999px;
}
#mobile #right_block #mobile_navi {
	float: left;
	background: url(../images/mobile_navi.gif) 0 0 no-repeat;
	height: 366px;
	width: 221px;
	text-indent: -9999px;
}


/*--------------------------------
@twitter
--------------------------------*/

#twitter #contents h2 {
	background: url(../images/h2_mobile.gif) 0 0 no-repeat;
	height: 88px;
	text-indent: -9999px;
}
#twitter #contents_inner {
	overflow: hidden;
	margin-bottom: 40px;
}
#twitter h3 {
	background: url(../images/h3_twitter.gif) 0 0 no-repeat;
	height: 52px;
	text-indent: -9999px;
}
#twitter #twitterArea {
	position: relative;
	float: left;
	background: url(../images/twitter_background.gif) 0 0 no-repeat;
	width: 478px;
	height: 596px;
}
#twitter #twitterArea .header {
	position: absolute;
	top: 106px;
	left: 100px;
	width: 340px;
	height: 90px;

}
#twitter #twitterArea #twitter_image {
	margin: 8px;
	width: 73px;
	height: 73px;
	background-color: #fff;
}
#twitter #twitterArea .header .name {
	position: absolute;
	top: 10px;
	left: 90px;
	background: url(../images/twitter_name.png) 0 0 repeat;
	width: 223px;
	height: 47px;
	text-indent: -9999px;
}
#twitter_inner {
	position: absolute;
	background: url(../images/twitter_alphaBlack.png) 0 0 repeat;
	height: 392px;
	width: 340px;
	left: 100px;
	top: 196px;
	overflow: auto;
}
#twitter_inner li {
	font-size: 12px;
	line-height: 18.5px;
	padding: 10px;
	color: #fff;
	border-bottom: 1px solid #333;
}
#twitter_inner li a {
	color: #ff7200;
}

#twitter #right_block {
	float: left;
	overflow: hidden;
	color: #fff;
	font-size: 14px;
	line-height: 22px;
	width: 469px;
}
#twitter #right_block .lead {
	height: 85px;
	background: url(../images/twitter_lead.gif) 0 0 no-repeat;
	text-indent: -9999px;
}
#twitter #right_block h4 {
	height: 31px;
	text-indent: -9999px;
}

#twitter #right_block h4.title01 {
	background: url(../images/h4_twitter01.gif) 0 0 no-repeat;
}
#twitter #right_block h4.title02 {
	background: url(../images/h4_twitter02.gif) 0 0 no-repeat;
}
#twitter #right_block p.text01 {
	padding: 16px 0 40px 16px;
}
#twitter #right_block p.text02 {
	padding: 16px 0 10px 16px;
}
#twitter #right_block #twitter_dog {
	background: url(../images/twitter_dog.gif) 0 0 no-repeat;
	height: 293px;
	width: 469px;
	text-indent: -9999px;
	position: relative;
}
#twitter #right_block #twitter_dog a {
	display: block;
	position: absolute;
	top: 95px;
	left: 18px;
	background: url(../images/twitter_click.png) 0 0 no-repeat;
	width: 277px;
	height: 137px;
}
#twitterArea a:hover img, #twitter #right_block a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}
/*--------------------------------
music
--------------------------------*/

#music #contents h2 {
	background: url(../images/h2_music.jpg) 0 0 no-repeat;
	height: 81px;
	text-indent: -9999px;
}
#music #contents_inner {
	background: url(../images/bk_music.jpg) center 0 no-repeat;
	height: 858px;
	position: relative;
}
#music #contents_inner .music {
	position: relative;
	}
#music #contents_inner .music h3{
	text-indent: -9999px;
	}
#music #contents_inner .music p.textMusic{
	text-indent: -9999px;
	}
#music #contents_inner .music p#op {
	position: absolute;
	top: 228px;
	right: 66px;
}
#music #contents_inner .music p#ed {
	position: absolute;
	top: 800px;
	right: 66px;
}
#music #contents_inner .music p#ed2 {
	position: absolute;
	top: 632px;
	right: 66px;
}
#music #contents_inner .music p#opCom {
	position: absolute;
	top: 232px;
	right: 58px;
}
#music #contents_inner .music p#edCom {
	position: absolute;
	top: 673px;
	right: 58px;
}

/*--------------------------------
@date
--------------------------------*/

#date #contents h2 {
	background: url(../images/h2_date.gif) 0 0 no-repeat;
	height: 88px;
	text-indent: -9999px;
}
#date #contents_inner {
	overflow: hidden;
	margin-bottom: 40px;
}
#date #contents_inner h3{
	width:826px;
	margin: 0px auto 0px auto;
}
#date #contents_inner p#presentTitle {
	width:771px;
	margin:12px auto 0 auto;
	text-align: center;
}
#date #contents_inner #presentWrp {
	padding:40px 0 20px 0;
}
#date #contents_inner .leftArea {
	float: left;
	width: 560px;
	color: #FFFFFF;
	margin:0 0 0 45px;
}
#date #contents_inner .leftArea p.leftTitle {
	padding:0 0 20px 0;
}
#date #contents_inner .rightArea {
	float: right;
	width: 300px;
	margin-top: 0;
	margin-right: 45px;
	margin-bottom: 0;
	margin-left: 0;
}
#cauWrp p.cautitle{
	width: 848px;
	margin:0 auto 0 auto;
	}
#cauWrp p.cauText{
	width: 806px;
	margin:0 auto 0 auto;
	padding:12px 20px 20px 20px;
	border-bottom: 1px #FFFFFF solid;
	border-left: 1px #FFFFFF solid;
	border-right: 1px solid #FFFFFF;
	color: #FFFFFF;
}
p.oubobtn {
	width: 260px;
	margin:20px auto 20px auto;
}

#DataRank {
	margin: 0px;
	padding: 0px;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
}
#DataRank th {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	padding: 5px;
}
#DataRank td {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	padding: 5px;
}
/*インタビュー*/
#intervew #contents h2 {
	background: url(../images/h2_intervew.gif) 0 0 no-repeat;
	height: 84px;
	text-indent: -9999px;
}
#intervew #contents_inner {
	position: relative;
	}
#intervew #intervewWrp {
	color: #FFF;
}
#intervew #intervewWrp span {
	color: #FF0;
	font-weight: bold;
}

/*インタビュー［大西卓哉（JAXA宇宙飛行士）×平田広明（南波六太役）の豪華対談］*/
dt {
	float:left;
	width: 3em;
	}

dd {
	margin-left: 3em;
}

.cast01 {
	color:#FFCC00;
	}

.cast02 {
	color:#6FF;
	}

.cast03 {
	color: #ffffff;
	}


/*上映会*/
#screening #contents h2 {
	background: url(../images/h2_screening.gif) 0 0 no-repeat;
	height: 84px;
	text-indent: -9999px;
}
#screening #contents_inner {
	position: relative;
	padding:0 70px 0 70px;
	}
#screening #intervewWrp {
	color: #FFF;
}
#screening #intervewWrp span {
	color: #FF0;
	font-weight: bold;
}


/*11月宇宙兄弟スタンプラリー告知ページ*/
#wrapperdate201211 {
	background: url(../images/background_third.jpg) center 0 no-repeat #000;
	position: relative;
}

#contentsdate201211 {
	position: relative;
	width: 872px;
	margin: 0 auto;
}