@charset "utf-8";
/**
 :タイトル "「宇宙ワクワク大図鑑」用スタイル";
 :一行説明 "「宇宙ワクワク大図鑑」用のスタイルシートです";
 :作成日 "2009-03-23";
 :改訂版 [:版 "1.0.1"; :作成日 "2010-03-31"];
*/

h1.catTtl{
	margin: 0 0 16px;
}
h1.catTtl img{
	vertical-align: bottom;
}

#primary{
	margin-bottom: 6px;
	background: url(../images/bg_border02.gif) no-repeat bottom left;
}

/* TOPページ
   --------------------------------------------- */
div.catIndex{
	overflow: hidden;
	width: 668px;
	margin: 0 0 25px 1px;
	padding: 1px 0 0 1px;
	background: #fff;
}
div.catIndex img{
	vertical-align: bottom;
}
div.catIndex ul{
	list-style: none;
	margin: 0;
}
div.catIndex ul li{
	float: left;
	margin: 0 1px 1px 0;
}

div.catList{
	width: 670px;
	margin-bottom: 1em;
	background: url(../images/bg_cat-list01.gif) repeat-y left top;
	line-height: 1.5;
}
div.catList div.inner{
	/*overflow: hidden;*/ /* -- 2009/12/24 削除 -- */
	width: 610px;
	padding: 0 26px 1px 34px;/* -- 2009/12/24 変更 -- */
	background: url(../images/bg_cat-list02.gif) no-repeat left bottom;
}
div.catList div.inner div.clWrap-4cl{
	overflow: hidden;
	width: 610px;
	margin-bottom: 12px;
}/* -- 2009/12/24 追加 -- */
div.catList img{
	vertical-align: bottom;
}
div.catList h2{
	margin: 0 0 15px;
}
div.catList div.inner div.box{
	float: left;
	width: 150px;
}
div.catList ul.linkList01 li{
	background-image: url(../../common/images/icn_link03.gif);
}
div.catList ul.linkList01  ul.linkList01 li{
	background-image: url(../../common/images/icn_linkinner.gif);
}



/* 詳細ページ
   --------------------------------------------- */
div#zukanCont{
	line-height: 1.5;
	color: #fff;
}

/* ページタイトル・リード文 */
div#ttlLead{
	position: relative;
	height: 27px;
	margin-bottom: 20px;
	border: 1px solid #808080;
}
div#ttlLead img{
	vertical-align: bottom;
}
div#ttlLead p{
	margin: 0;
}
div#ttlLead ul.stepNav{
	position: absolute;
	top: 0px;
	right: 0px;
	list-style: none;
	margin: 0;
}
div#ttlLead ul.stepNav li{
	float: left;
	margin: 0;
}
div#mainLead{
	overflow: hidden;
	width: 670px;
	margin-bottom: 2.5em;
	line-height: 2;
}
div#mainLead img{
	vertical-align: bottom;
}
div#mainLead h2{
	margin: 0 0 15px;
}
div#mainLead div.txtL01{
	float: left;
	width: 315px;
}
div#mainLead div.pctR01{
	float: right;
	width: 335px;
}
div#mainLead div.flashContent{
	clear: both;
	width: 670px;
}

/* 各項目 */
div.zukanItem{
	position: relative;
	width: 670px;
	margin-bottom: 2em;
	line-height: 2;
	color: #000;
	background: #fff;
}
div.zukanItem img{
	vertical-align: bottom;
}
div.zukanItem div.itemInner{
	overflow: hidden;
	width: 640px;
	padding: 0 15px 5px;
}
div.zukanItem div.itemInner:after{
	content: ".";
	display: block;
 	height: 0;
 	clear: both;
 	visibility: hidden;
}
/* Hides from IE-mac \*/
* html div.zukanItem div.itemInner{
	height: 1%;
	overflow: visible;
}
/* End hide from IE-mac */
div.zukanItem h3{
	margin: 0 0 13px;
}
div.zukanItem div.clTxtPct{
	overflow: hidden;
	width: 640px;
	margin-bottom: 1em;
}
div.zukanItem div.pctL01{
	float: left;
	width: 320px;
}
div.zukanItem div.txtR01{
	float: right;
	width: 300px;
}
div.zukanItem div.pctL02{
	float: left;
	width: 382px;
}
div.zukanItem div.txtR02{
	float: right;
	width: 238px;
}
div.zukanItem div.inner{
	margin-bottom: 100px;
}
div.zukanItem div.inner02{
	margin-bottom: 150px;
}
div.zukanItem div.txt div.inner{
	margin-bottom: 170px;
}
div.zukanItem dl{
	margin: 0 0 auto;
}
div.zukanItem dt{
	margin: 0 0 0.2em;
}
div.zukanItem dd{
	margin: 0;
}
div.zukanItem dd p.txtL,
div.zukanItem dd p.txtR{
	float: left;
	width: 150px;
	margin: 0;
}
div.zukanItem dd p.txtR{
	float: right;
}

div.zukanItem div.comment{
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 100%;
	text-align: center;
}
div.zukanItem div.comment.comment2{
	position: absolute;
	bottom: 0px;
	right: 15px;
	width: auto;
}
div.zukanItem div.txt div.comment{
	position: absolute;
	bottom: 0px;
	left: 15px;
	right: auto;
	width: auto;
}
div.zukanItem div.pctL02 div.comment{
	position: absolute;
	bottom: 0px;
	left: 15px;
	width: auto;
}
div.zukanItem div.txtR01 div.comment{
	position: absolute;
	bottom: 0px;
	right: 15px;
	width: auto;
}
div.zukanItem div.pct1cl{
	width: 640px;
	margin-bottom: 1.5em;
}
div.zukanItem div.pct2cl{
	overflow: hidden;
	width: 640px;
	margin-bottom: 1.5em;
}
div.zukanItem div.pct2cl dl.pct{
	float: left;
	width: 312px;
}
div.zukanItem div.pct2cl dl.pct.last{
	float: right;
}
div.zukanItem div.pct3cl{
	overflow: hidden;
	width: 640px;
	margin-bottom: 1.5em;
}
div.zukanItem div.pct3cl dl.pct{
	float: left;
	width: 202px;
	margin-right: 17px;
}
div.zukanItem div.pct3cl dl.pct.last{
	margin-right: 0;
}
div.zukanItem div.pct2cl div.comment{
	position: absolute;
	bottom: 0px;
	right: 15px;
	width: auto;
}
div.zukanItem div.pct3cl div.comment{
	position: absolute;
	bottom: 0px;
	right: 15px;
	width: auto;
}
div.zukanItem div.pct4cl{
	overflow: hidden;
	width: 640px;
	margin-bottom: 1.5em;
}
div.zukanItem div.pct4cl dl.pct{
	float: left;
	width: 150px;
	margin-right: 13px;
}
div.zukanItem div.pct4cl dl.pct.last{
	margin-right: 0;
}


/* コメント */
div#relatedCont div.comment{
	margin-bottom: 20px;
}
div#relatedCont div.comment img{
	vertical-align: bottom;
}

/* 関わりのある人工衛星・探査機 */
div.satelliteLink{
	margin-bottom: 13px;
}
div.satelliteLink img{
	vertical-align: bottom;
}
div.satelliteLink dl,
div.satelliteLink dt,
div.satelliteLink dd{
	margin: 0;
}
div.satelliteLink dt{
	padding-top: 4px;
}
div.satelliteLink dl{
	position: relative;
	width: 670px;
	height: 72px;
	background: url(../images/bg_related-satellite.gif) no-repeat top left;
	margin-bottom: 5px;
}
div.satelliteLink dd{
	position: absolute;
	left: 143px;
	top: 4px;
}
div.satelliteLink dd ul{
	list-style: none;
	margin: 0;
}
div.satelliteLink dd li{
	float: left;
	margin: 0;
}
div.satelliteLink p.about{
	text-align: right;
}

/* 関連情報 */
div#relatedCont{
	padding-bottom: 3em;
	background: url(../images/bg_border01.gif) repeat-x bottom left;
}

/* 関連リンク等 */
div.relatedInfo{
	width: 670px;
	margin-bottom: 1em;
	background: #666 url(../images/bg_related-info01.gif) no-repeat top left;
}
div.relatedInfo div.relatedInner{
	overflow: hidden;
	width: 642px;
	padding: 14px;
	background: url(../images/bg_related-info02.gif) no-repeat bottom left;
}
div.relatedInfo dl,
div.relatedInfo dt,
div.relatedInfo dd{
	margin: 0;
}
div.relatedInfo div.box1{
	float: left;
	width: 429px;
	background: url(../images/bg_related-link05.gif) repeat-y top left;
}
div.relatedInfo div.box2{
	float: right;
	width: 207px;
	background: url(../images/bg_related-link06.gif) repeat-y top left;
}
div.relatedInfo div.box1 dl{
	padding-bottom: 15px;
	background: url(../images/bg_related-link02.gif) no-repeat bottom left;
}
div.relatedInfo div.box2 dl{
	padding-bottom: 15px;
	background: url(../images/bg_related-link04.gif) no-repeat bottom left;
}
div.relatedInfo div.box1 dt{
	padding: 20px 0 0 7px;
	background: url(../images/bg_related-link01.gif) no-repeat top left;
}
div.relatedInfo div.box1 dd{
	width: 386px;
	margin-left: 20px;
}
div.relatedInfo div.box2 dt{
	padding: 20px 0 0 7px;
	background: url(../images/bg_related-link03.gif) no-repeat top left;
}
div.relatedInfo div.box2 dd{
	width: 166px;
	margin-left: 20px;
}
div.relatedInfo dd ul.linkList{
	list-style: none;
	margin: 0;
}
div.relatedInfo dd ul.linkList li{
	margin: 0;
	background: url(../../faq/images/bg_border01.gif) repeat-x bottom left;
}
div.relatedInfo dd ul.linkList li a{
	display: block;
	width: 356px;
	padding: 0.5em 0 0.5em 30px;
	background: url(../../faq/images/icn_link-archive.gif) no-repeat 0px 3px;
	line-height: 1.5;
}
div.relatedInfo div.box2 dd ul.linkList li a{
	display: block;
	width: 150px;
	padding: 0.5em 0 0.5em 16px;
	background: url(../../common/images/icn_link03.gif) no-repeat 0px 10px;
	line-height: 1.5;
}

/* カテゴリ内ナビゲーション */
div#relatedCont ul.pageNav{
	overflow: hidden;
	width: 670px;
	list-style: none;
	margin: 0 0 2.5em;
}
div#relatedCont ul.pageNav img{
	vertical-align: bottom;
}
div#relatedCont ul.pageNav li{
	float: left;
	margin: 0 10px 0 0;
}
div#relatedCont ul.pageNav li.last{
	margin: 0;
}

/* ステップナビ */
div#relatedCont ul.stepNav{
	position: relative;
	list-style: none;
	width: 670px;
	height: 27px;
	margin: 0;
	border: 1px solid #808080;
}
div#relatedCont ul.stepNav li{
	position: absolute;
	margin: 0;
	top: 0p;x
}
div#relatedCont ul.stepNav li.back{
	left: 0px;
}
div#relatedCont ul.stepNav li.top{
	left: 242px;
}
div#relatedCont ul.stepNav li.next{
	right: 0px;
}

/* 「このページの先頭へ」 */
p.toPageTop{
	clear: both;
	margin: 0 0 1em;
	text-align: right;
}
p.toPageTop a{
	padding-left: 15px;
	color: #fff;
	background: url(../images/icn_link-totop.gif) no-repeat 0px 1px;
}


/* コラム枠 */
div.columnBox1{
	width: 670px;
	margin-bottom: 5em;
	color: #000;
	line-height: 2;
	background:  url(../images/bg_column02.jpg) repeat left top;
}
div.columnBox1 div.columnBoxInner{
	position: relative;
	overflow: hidden;
	width: 642px;
	padding: 16px 14px 14px;
	background:  url(../images/bg_column01.gif) no-repeat left top;
}
div.columnBox1 h2{
	float: left;
	margin: 0;
}
div.columnBox1 div.txt{
	float: right;
	width: 460px;
	margin-top: 20px;
}
div.columnBox1 div.pctR{
	float: right;
	margin: 0 0 10px 10px;
}
div.columnBox1 .ttl__btm {
	position: absolute;
	bottom: 0;
	/*left: 24px;*/
}

/* 惑星基本情報 */
table.planetTable01{
	width: 100%;
	color: #000;
	font-size: 83%;
	line-height: 1.5;
	background:  url(../images/bg_column02.jpg) repeat left top;
}
table.planetTable01 th{
	width: 9em;
	padding: 0.5em;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
}
table.planetTable01 td{
	padding: 0.5em;
	border-bottom: 1px solid #000;
}

/* データテーブル 各種 */
table.moonTable{
	width: 100%;
	margin: 0.65em 0 1.5em;
	line-height: 1.35;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
}
table.moonTable th,
table.moonTable td{
	padding: 0.5em 0.8em;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
}
table.moonTable td.partial{
	background: #faf6e5;
}
table.moonTable td.total{
	background: #ebf2e5;
}

/* astronomy */
#astronomy {
	position: relative;
	width: 640px;
	height: 360px;
	background: url(../mission/images/pct_observe_astronomy_00.jpg) no-repeat;
}

.astronomy {
	margin-top: 3.5em;
}

.astronomy ul,
.astronomy li {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	list-style: none;
}

.astronomy__nav {
	z-index: 1;
}

.astronomy__nav li {
	position: relative;
	left: 10px;
	display: inline-block;
	margin: 16px 0 0 10px;
}

.astronomy__nav a {
	display: block;
	width: 108px;
	height: 0;
	padding-top: 120px;
	overflow: hidden;
}

.astronomy__pct li {
	opacity: 0;
	-webkit-transition: opacity .6s ease;
			-ms-transition: opacity .6s ease;
					transition: opacity .6s ease;
}

.astronomy__pct .active {
	opacity: 1;
}

/* solarsystem */
#solarsystem-planet {
	position: relative;
	width: 680px;
	height: 450px;
	margin-bottom: 35px;
}

.solarsystem-planet__nav {
	position: relative;
	height: 58px;
	margin: 0;
	padding: 14px 0 0 23px;
	list-style: none;
	/*letter-spacing: -.4em;*/
	background: url(../solarsystem/images/pct_solarsystem_planet_nav_01.png) no-repeat;
	z-index: 1;
}

.solarsystem-planet__nav li {
/*	display: inline-block;
	vertical-align: top;
	letter-spacing: normal;*/
	float: left;
	margin: 0 5px 0 0;
	/*padding: 0;*/
}

.solarsystem-planet__nav li a {
	display: block;
	height: 0;
	margin: 0;
	padding-top: 30px;
	background: url(../solarsystem/images/pct_solarsystem_planet_nav_02.png) no-repeat;
	overflow: hidden;
	opacity: 0;
	-webkit-transition: opacity .25s ease;
			-ms-transition: opacity .25s ease;
					transition: opacity .25s ease;
}

.solarsystem-planet__nav li a:hover,
.solarsystem-planet__nav .active a {
	opacity: 1;
}

.solarsystem-planet__nav .nav-1 a { width: 135px; background-position:  -23px -14px; }
.solarsystem-planet__nav .nav-2 a { width:  95px; background-position: -163px -14px; }
.solarsystem-planet__nav .nav-3 a { width:  95px; background-position: -263px -14px; }
.solarsystem-planet__nav .nav-4 a { width:  95px; background-position: -363px -14px; }
.solarsystem-planet__nav .nav-5 a { width:  95px; background-position: -463px -14px; }
.solarsystem-planet__nav .nav-6 a { width:  95px; background-position: -563px -14px; }

.solarsystem-planet__pct,
.solarsystem-planet__pct li {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	list-style: none;
}

.solarsystem-planet__pct li {
	opacity: 0;
	-webkit-transition: opacity 1.2s ease;
			-ms-transition: opacity 1.2s ease;
					transition: opacity 1.2s ease;
}

.solarsystem-planet__pct .active {
	opacity: 1;
}

.solarsystem-rotation-2 {
	padding-bottom: 15px;
	text-align: center;
}

/* sun */
.sun-1 {
	position: relative;
	width: 382px;
	height: 275px;
	margin-bottom: 175px;
	background: #000;
}

.sun-1 ul,
.sun-1 li {
	margin: 0;
	list-style: none;
}

#sun-1__nav {
	position: absolute;
	top: 10px;
	left: 4px;
	background: url(../solarsystem/images/pct_sun_01_nav_01.png) no-repeat;
}

#sun-1__nav a {
	display: block;
	width: 110px;
	height: 0;
	padding-top: 32px;
	overflow: hidden;
	background: url(../solarsystem/images/pct_sun_01_nav_01.png) no-repeat;
	opacity: 0;
	-webkit-transition: opacity .25s ease;
			-ms-transition: opacity .25s ease;
					transition: opacity .25s ease;
}

#sun-1__nav a:hover,
#sun-1__nav .active a {
	opacity: 1;
}

#sun-1__nav .nav-1 a { background-position: -110px      0; }
#sun-1__nav .nav-2 a { background-position: -110px  -32px; }
#sun-1__nav .nav-3 a { background-position: -110px  -64px; }
#sun-1__nav .nav-4 a { background-position: -110px  -96px; }
#sun-1__nav .nav-5 a { background-position: -110px -128px; }
#sun-1__nav .nav-6 a { background-position: -110px -160px; }
#sun-1__nav .nav-7 a { background-position: -110px -192px; }
#sun-1__nav .nav-8 a { background-position: -110px -224px; }

#sun-1__pct {
	position: absolute;
	top: 12px;
	right: 7px;
	width: 255px;
	height: 254px;
}

#sun-1__pct li {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	-webkit-transition: opacity 1.2s ease;
			-ms-transition: opacity 1.2s ease;
					transition: opacity 1.2s ease;
}

#sun-1__pct .active {
	opacity: 1;
}

.sun-2 {
	position: relative;
	width: 670px;
	height: 320px;
	background: url(../solarsystem/images/pct_sun_02_bg_01.jpg) no-repeat;
}

.sun-2 ul,
.sun-2 li {
	margin: 0;
	list-style: none;
}

#sun-2__nav {
	position: absolute;
	top: 11px;
	left: 8px;
	background: url(../solarsystem/images/pct_sun_02_nav_01.png) no-repeat;
}

#sun-2__nav a {
	display: block;
	width: 115px;
	height: 0;
	padding-top: 30px;
	overflow: hidden;
	background: url(../solarsystem/images/pct_sun_02_nav_01.png) no-repeat;
	opacity: 0;
	-webkit-transition: opacity .25s ease;
			-ms-transition: opacity .25s ease;
					transition: opacity .25s ease;
}

#sun-2__nav a:hover,
#sun-2__nav .active a {
	opacity: 1;
}

#sun-2__nav .nav-01 a { background-position: -115px      0; }
#sun-2__nav .nav-02 a { background-position: -115px  -30px; }
#sun-2__nav .nav-03 a { background-position: -115px  -60px; }
#sun-2__nav .nav-04 a { background-position: -115px  -90px; }
#sun-2__nav .nav-05 a { background-position: -115px -120px; }
#sun-2__nav .nav-06 a { background-position: -115px -150px; }
#sun-2__nav .nav-07 a { background-position: -115px -180px; }
#sun-2__nav .nav-08 a { background-position: -115px -210px; }
#sun-2__nav .nav-09 a { background-position: -115px -240px; }
#sun-2__nav .nav-10 a { background-position: -115px -270px; }

/*#sun-2__pct {
	position: absolute;
	top: 0;
	left: 0;
}*/

#sun-2__pct li {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	-webkit-transition: opacity .3s ease;
			-ms-transition: opacity .3s ease;
					transition: opacity .3s ease;
}

#sun-2__pct .active {
	opacity: 1;
	-webkit-transition: opacity 1s ease 1.15s;
			-ms-transition: opacity 1s ease 1.15s;
					transition: opacity 1s ease 1.15s;
}

#sun-2__point {
	position: absolute;
	width: 5px;
	height: 5px;
	background: #fff;
	border-radius: 50%;
	opacity: 0;
	-webkit-transform: scale(0);
			-ms-transform: scale(0);
					transform: scale(0);
	-webkit-transition: all 0s;
			-ms-transition: all 0s;
					transition: all 0s;
}

#sun-2__point:after {
	content: '';
	display: block;
	position: relative;
	top: -12px;
	left: -12px;
	width: 27px;
	height: 27px;
	border: 1px solid #fff;
	border-radius: 50%;
	-webkit-animation-name: loop-point;
	-webkit-animation-duration: 1.8s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-iteration-count: infinite;

			-ms-animation-name: loop-point;
			-ms-animation-duration: 1.8s;
			-ms-animation-timing-function: ease;
			-ms-animation-iteration-count: infinite;

					animation-name: loop-point;
					animation-duration: 1.8s;
					animation-timing-function: ease;
					animation-iteration-count: infinite;
}

#sun-2__point.active {
	opacity: 1;
	-webkit-transform: scale(1);
			-ms-transform: scale(1);
					transform: scale(1);
	-webkit-transition: all .6s ease .1s;
			-ms-transition: all .6s ease .1s;
					transition: all .6s ease .1s;
}

#sun-2__point.active-1  { top:  24px; left: 244px; }
#sun-2__point.active-2  { top:  54px; left: 147px; }
#sun-2__point.active-3  { top:  67px; left: 204px; }
#sun-2__point.active-4  { top: 128px; left: 433px; }
#sun-2__point.active-5  { top: 144px; left: 212px; }
#sun-2__point.active-6  { top: 172px; left: 183px; }
#sun-2__point.active-7  { top: 171px; left: 214px; }
#sun-2__point.active-8  { top: 155px; left: 302px; }
#sun-2__point.active-9  { top: 187px; left: 320px; }
#sun-2__point.active-10 { top: 211px; left: 338px; }

@-webkit-keyframes loop-point {
	0% { -webkit-transform: scale(0); opacity: 0; }
	80% { -webkit-transform: scale(1); opacity: 1; }
	100% { -webkit-transform: scale(1.06); opacity: 0; }
}
@-ms-keyframes loop-point {
	0% { -ms-transform: scale(0); opacity: 0; }
	80% { -ms-transform: scale(1); opacity: 1; }
	100% { -ms-transform: scale(1.06); opacity: 0; }
}
@keyframes loop-point {
	0% { transform: scale(0); opacity: 0; }
	80% { transform: scale(1); opacity: 1; }
	100% { transform: scale(1.06); opacity: 0; }
}


/* star life */
.star-life {
	position: relative;
	width: 670px;
	height: 500px;
	margin-bottom: 20px;
	background: url(../space/images/pct_star_life_00.jpg) no-repeat;
}

.star-life__nav,
.star-life__nav li,
.star-life__pct,
.star-life__pct li {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	list-style: none;
}

.star-life__nav a {
	display: block;
	height: 0;
	overflow: hidden;
}

.star-life__nav .nav-01 { top:   5px; left: 355px; }
.star-life__nav .nav-02 { top:  24px; left: 106px; }
.star-life__nav .nav-03 { top:  90px; left: 198px; }
.star-life__nav .nav-04 { top: 152px; left: 223px; }
.star-life__nav .nav-05 { top: 178px; left: 547px; }
.star-life__nav .nav-06 { top: 255px; left: 400px; }
.star-life__nav .nav-07 { top: 285px; left: 408px; }
.star-life__nav .nav-08 { top: 361px; left:   8px; }
.star-life__nav .nav-09 { top: 408px; left: 237px; }
.star-life__nav .nav-10 { top: 415px; left: 383px; }
.star-life__nav .nav-11 { top: 456px; left: 301px; }

.star-life__nav .nav-01 a { width:  73px; padding-top: 26px; }
.star-life__nav .nav-02 a { width:  87px; padding-top: 34px; }
.star-life__nav .nav-03 a { width:  87px; padding-top: 26px; }
.star-life__nav .nav-04 a { width: 103px; padding-top: 36px; }
.star-life__nav .nav-05 a { width: 105px; padding-top: 26px; }
.star-life__nav .nav-06 a { width: 129px; padding-top: 26px; }
.star-life__nav .nav-07 a { width:  91px; padding-top: 26px; }
.star-life__nav .nav-08 a { width:  89px; padding-top: 34px; }
.star-life__nav .nav-09 a { width: 105px; padding-top: 33px; }
.star-life__nav .nav-10 a { width: 121px; padding-top: 26px; }
.star-life__nav .nav-11 a { width:  89px; padding-top: 34px; }

.star-life__pct li {
	opacity: 0;
	-webkit-transition: opacity .6s ease;
			-ms-transition: opacity .6s ease;
					transition: opacity .6s ease;
}

.star-life__pct .active {
	opacity: 1;
}

/* milkyway */
.milkyway-1 {
	position: relative;
	width: 640px;
	height: 574px;
	padding: 11px 15px;
	background: url(../space/images/pct_milkyway_01_bg_01.png) no-repeat;
}

.milkyway-1 ul,
.milkyway-1 li {
	margin: 0;
	list-style: none;
}

#milkyway-1__txt {
	position: relative;
	width: 610px;
	height: 51px;
	background: url(../space/images/pct_milkyway_01_bg_02.png) no-repeat;
}

#milkyway-1__txt li {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	-webkit-transition: opacity .6s ease;
			-ms-transition: opacity .6s ease;
					transition: opacity .6s ease;
}

#milkyway-1__txt .active {
	opacity: 1;
}

.milkyway-1__upper {
	position: relative;
	width: 610px;
	height: 300px;
	margin: 10px 0;
	background: url(../space/images/pct_milkyway_01_bg_03.png) no-repeat;
}

.milkyway-1__upper__cover {
	position: relative;
	width: 610px;
	height: 300px;
	background: url(../space/images/pct_milkyway_01_bg_04.png) no-repeat;
	z-index: 10;
	pointer-events: none;
}

.milkyway-1__upper--left {
	position: absolute;
	top: 0;
	left: 0;
	width: 300px;
	height: 300px;
	overflow: hidden;
}

#milkyway-1__rotate--1 {
	position: absolute;
	top: 72px;
	left: 0;
	width: 293px;
	height: 295px;
	background: url(../space/images/pct_milkyway_01_rotate_01.png) no-repeat;
	-webkit-transform: rotate(-45deg);
					transform: rotate(-45deg);
}

#milkyway-1__rotate--button {
	position: relative;
	width: 300px;
	height: 300px;
	background: url(../space/images/pct_milkyway_01_rotate_01_button.png) no-repeat;
	cursor: pointer;
	z-index: 1;
	opacity: 0;
	-webkit-transition: opacity .6s ease;
			-ms-transition: opacity .6s ease;
					transition: opacity .6s ease;
}

#milkyway-1__rotate--button:hover {
	opacity: 1;
}

.milkyway-1__upper--right {
	position: absolute;
	top: 0;
	right: 0;
	width: 300px;
	height: 300px;
	overflow: hidden;
}

#milkyway-1__rotate--2 {
	position: absolute;
	top: -18px;
	left: -18px;
	width: 336px;
	height: 336px;
	background: url(../space/images/pct_milkyway_01_rotate_02.png) no-repeat;
}

#milkyway-1__rotate--2__txt {
	position: absolute;
	top: 98px;
	left: 156px;
}

#milkyway-1__rotate--nav {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 20;
}

#milkyway-1__rotate--nav li {
	position: absolute;
	width: 60px;
	height: 60px;
}

#milkyway-1__rotate--nav .nav-1 { top: 120px; right: 242px; background: url(../space/images/pct_milkyway_01_rotate_01_nav_03.png) no-repeat; }
#milkyway-1__rotate--nav .nav-2 { top: 243px; right: 119px; background: url(../space/images/pct_milkyway_01_rotate_01_nav_04.png) no-repeat; }
#milkyway-1__rotate--nav .nav-3 { top: 120px; right:  -3px; background: url(../space/images/pct_milkyway_01_rotate_01_nav_01.png) no-repeat; }
#milkyway-1__rotate--nav .nav-4 { top:  -2px; right: 119px; background: url(../space/images/pct_milkyway_01_rotate_01_nav_02.png) no-repeat; }

#milkyway-1__rotate--nav a {
	display: block;
	width: 60px;
	height: 0;
	padding-top: 60px;
	overflow: hidden;
	opacity: 0;
	-webkit-transition: opacity .25s ease;
			-ms-transition: opacity .25s ease;
					transition: opacity .25s ease;
}

#milkyway-1__rotate--nav .nav-1 a { background: url(../space/images/pct_milkyway_01_rotate_01_nav_03.png) no-repeat left -60px; }
#milkyway-1__rotate--nav .nav-2 a { background: url(../space/images/pct_milkyway_01_rotate_01_nav_04.png) no-repeat left -60px; }
#milkyway-1__rotate--nav .nav-3 a { background: url(../space/images/pct_milkyway_01_rotate_01_nav_01.png) no-repeat left -60px; }
#milkyway-1__rotate--nav .nav-4 a { background: url(../space/images/pct_milkyway_01_rotate_01_nav_02.png) no-repeat left -60px; }

#milkyway-1__rotate--nav a:hover,
#milkyway-1__rotate--nav .active a {
	opacity: 1;
}

.milkyway-1__lower {
	position: relative;
	width: 610px;
	height: 182px;
}

.milkyway-1__lower__pct {
	position: relative;
	top: 25px;
	left: 0;
	width: 610px;
	height: 150px;
	overflow: hidden;
}

#milkyway-1__lower__pct__item {
	position: absolute;
	top: 0;
	left: -298px;
}

#milkyway-1__lower__pct__item li:nth-child(2) {
	position: absolute;
	top: 0;
	left: -1118px;
}

#milkyway-1__lower__pct__item li:nth-child(3) {
	position: absolute;
	top: 0;
	left: -2236px;
}

.milkyway-1__lower__cover--1 {
	position: absolute;
	top: 0;
	left: 148px;
}

.milkyway-1__lower__cover--2 {
	position: absolute;
	top: 25px;
	left: 0;
}

.milkyway-2 {
	position: relative;
	width: 640px;
	height: 334px;
	padding: 15px;
	background: url(../space/images/pct_milkyway_02_bg_01.jpg) no-repeat;
}

.milkyway-2 ul,
.milkyway-2 li {
	margin: 0;
	list-style: none;
}

#milkyway-2__txt {
	position: relative;
	width: 610px;
	height: 74px;
}

#milkyway-2__txt li {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	-webkit-transition: opacity 1s ease;
			-ms-transition: opacity 1s ease;
					transition: opacity 1s ease;
}

#milkyway-2__txt .active {
	opacity: 1;
}

#milkyway-2__nav {
	width: 500px;
	height: 73px;
	padding: 9px 55px 6px;
	letter-spacing: -.4em;
	background: url(../space/images/pct_milkyway_02_nav_01.png) no-repeat;
}

#milkyway-2__nav li {
	display: inline-block;
	vertical-align: top;
	letter-spacing: normal;
}

#milkyway-2__nav a {
	display: block;
	height: 0;
	padding-top: 36px;
	background: url(../space/images/pct_milkyway_02_nav_01.png) no-repeat;
	overflow: hidden;
	opacity: 0;
	-webkit-transition: opacity .25s ease;
			-ms-transition: opacity .25s ease;
					transition: opacity .25s ease;
}

#milkyway-2__nav a:hover,
#milkyway-2__nav .active a {
	opacity: 1;
}

#milkyway-2__nav .nav-1 a { width: 125px; background-position:  -55px -97px; }
#milkyway-2__nav .nav-2 a { width: 125px; background-position: -180px -97px; }
#milkyway-2__nav .nav-3 a { width: 125px; background-position: -305px -97px; }
#milkyway-2__nav .nav-4 a { width: 125px; background-position: -430px -97px; }

#milkyway-2__nav .nav-5 a { width: 100px; background-position:   -55px -133px; }
#milkyway-2__nav .nav-6 a { width: 100px; background-position:  -155px -133px; }
#milkyway-2__nav .nav-7 a { width: 100px; background-position:  -255px -133px; }
#milkyway-2__nav .nav-8 a { width: 100px; background-position:  -355px -133px; }
#milkyway-2__nav .nav-9 a { width: 100px; background-position:  -455px -133px; }

#milkyway-2__pct {
	position: relative;
	height: 56px;
	margin: 15px 0;
}

#milkyway-2__pct li {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	-webkit-transition: opacity 1s ease;
			-ms-transition: opacity 1s ease;
					transition: opacity 1s ease;
}

#milkyway-2__pct .active {
	opacity: 1;
}

.milkyway-2__light {
	position: relative;
	height: 56px;
	background: url(../space/images/pct_milkyway_02_light_01.jpg) no-repeat;
}

.milkyway-2__light a {
	opacity: 0;
	-webkit-transition: opacity .3s ease;
			-ms-transition: opacity .3s ease;
					transition: opacity .3s ease;
}

.milkyway-2__light a:hover {
	opacity: 1;
}

/* galaxy */
.galaxy-hubble {
	position: relative;
	width: 640px;
	height: 315px;
	background: url(../space/images/pct_galaxy_hubble_bg_01.jpg);
}

.galaxy-hubble ul,
.galaxy-hubble li {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	list-style: none;
}

#galaxy-hubble__pct li {
	opacity: 0;
	-webkit-transition: opacity .6s ease;
			-ms-transition: opacity .6s ease;
					transition: opacity .6s ease;
}

#galaxy-hubble__pct .active {
	opacity: 1;
}

#galaxy-hubble__nav .nav-1 { top: 122px; left:  16px; }
#galaxy-hubble__nav .nav-2 { top: 122px; left: 254px; }
#galaxy-hubble__nav .nav-3 { top:  30px; left: 334px; }
#galaxy-hubble__nav .nav-4 { top: 180px; left: 334px; }
#galaxy-hubble__nav .nav-5 { top:  75px; left: 555px; }

#galaxy-hubble__nav a {
	display: block;
	height: 0;
	overflow: hidden;
}

#galaxy-hubble__nav .nav-1 a { width: 220px; padding-top:  80px; }
#galaxy-hubble__nav .nav-2 a { width:  90px; padding-top:  80px; }
#galaxy-hubble__nav .nav-3 a { width: 230px; padding-top: 100px; }
#galaxy-hubble__nav .nav-4 a { width: 240px; padding-top: 110px; }
#galaxy-hubble__nav .nav-5 a { width:  75px; padding-top: 120px; }

/* alien drake */
#alien-drake {
	position: relative;
	width: 640px;
	height: 320px;
	background: url(../space/images/pct_alien_drake_bg_01.jpg) no-repeat;
}

#alien-drake ul,
#alien-drake li {
	margin: 0;
	list-style: none;
}

.alien-drake__exp {
	position: absolute;
	top: 124px;
	left: 0;
	letter-spacing: -.4em;
}

.alien-drake__exp li {
	display: inline-block;
	vertical-align: top;
	letter-spacing: normal;
	position: absolute;
}

.alien-drake__exp .exp-1 { top:    0; left:  14px; }
.alien-drake__exp .exp-2 { top:    0; left: 137px; }
.alien-drake__exp .exp-3 { top:    0; left: 204px; }
.alien-drake__exp .exp-4 { top:    0; left: 270px; }
.alien-drake__exp .exp-5 { top:    0; left: 336px; }
.alien-drake__exp .exp-6 { top:    0; left: 402px; }
.alien-drake__exp .exp-7 { top:    0; left: 468px; }
.alien-drake__exp .exp-8 { top: -1px; left: 534px; }

.alien-drake__exp a {
	display: block;
	width: 41px;
	height: 0;
	margin-right: 25px;
	padding-top: 39px;
	background: url(../space/images/pct_alien_drake_bg_03.png) no-repeat;
	overflow: hidden;
	opacity: 0;
	-webkit-transition: opacity .2s ease;
			-ms-transition: opacity .2s ease;
					transition: opacity .2s ease;
}

.alien-drake__exp .exp-1 a {
	width: 95px;
	background: none;
}

.alien-drake__exp .exp-8 a {
	width: 97px;
	padding-top: 42px;
	background: url(../space/images/pct_alien_drake_bg_04.png) no-repeat;
}

.alien-drake__exp a:hover {
	opacity: 1;
}

.alien-drake__exp__txt li {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	-webkit-transition: opacity .3s ease;
			-ms-transition: opacity .3s ease;
					transition: opacity .3s ease;
}

.alien-drake__exp__txt .active {
	opacity: 1;
	-webkit-transition: opacity .6s ease .2s;
			-ms-transition: opacity .6s ease .2s;
					transition: opacity .6s ease .2s;
}

.alien-drake__bg__txt {
	position: absolute;
	top: 128px;
	left: 116px;
	pointer-events: none;
}

.alien-drake__factor {
	position: absolute;
	top: 165px;
	left: 135px;
}

.alien-drake__factor li {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	-webkit-transition: opacity .3s ease;
			-ms-transition: opacity .3s ease;
					transition: opacity .3s ease;
}

.alien-drake__factor .active {
	opacity: 1;
	-webkit-transition: opacity .6s ease .2s;
			-ms-transition: opacity .6s ease .2s;
					transition: opacity .6s ease .2s;
}

.alien-drake__nav {
	position: absolute;
	top: 91px;
	left: 562px;
}

.alien-drake__nav li {
	position: absolute;
	width: 41px;
	height: 30px;
	background: rgba(255,0,0,.3);
}

.alien-drake__nav .nav-1 {
	top: 0;
	left: 0;
	background: url(../space/images/pct_alien_drake_nav_01.png) no-repeat;
}

.alien-drake__nav .nav-2 {
	position: absolute;
	top: 75px;
	left: 0;
	background: url(../space/images/pct_alien_drake_nav_02.png) no-repeat;
}

.alien-drake__nav a {
	display: block;
	width: 41px;
	height: 0;
	padding-top: 30px;
	opacity: 0;
	-webkit-transition: opacity .3s ease;
			-ms-transition: opacity .3s ease;
					transition: opacity .3s ease;
}

.alien-drake__nav a:hover {
	opacity: 1;
}

.alien-drake__nav .nav-1 a {
	background: url(../space/images/pct_alien_drake_nav_01.png) no-repeat 0 -30px;
}

.alien-drake__nav .nav-2 a {
	background: url(../space/images/pct_alien_drake_nav_02.png) no-repeat 0 -30px;
}

.alien-drake__nav__number {
	position: absolute;
	top: 124px;
	left: 534px;
	width: 97px;
	height: 39px;
	background: url(../space/images/pct_alien_drake_number_01.png) no-repeat 0 -78px;
	pointer-events: none;
	-webkit-transition: background-position .3s ease;
			-ms-transition: background-position .3s ease;
					transition: background-position .3s ease;
}

.alien-drake__result__number {
	position: absolute;
	top: 124px;
	left: 14px;
	width: 95px;
	height: 39px;
	background: url(../space/images/pct_alien_drake_number_02.png) no-repeat 0 -78px;
	pointer-events: none;
	opacity: 0;
	-webkit-transition: opacity .6s ease .2s, background-position .3s ease;
			-ms-transition: opacity .6s ease .2s, background-position .3s ease;
					transition: opacity .6s ease .2s, background-position .3s ease;
}


.alien-drake__result__number.active {
	opacity: 1;
}

.alien-drake__nav__number.pos-1 { background-position: 0      0; }
.alien-drake__nav__number.pos-2 { background-position: 0  -39px; }
.alien-drake__nav__number.pos-3 { background-position: 0  -78px; }
.alien-drake__nav__number.pos-4 { background-position: 0 -117px; }
.alien-drake__nav__number.pos-5 { background-position: 0 -156px; }

.alien-drake__result__number.pos-1.person-1 { background-position: 0      0; }
.alien-drake__result__number.pos-2.person-1 { background-position: 0  -39px; }
.alien-drake__result__number.pos-3.person-1 { background-position: 0  -78px; }
.alien-drake__result__number.pos-4.person-1 { background-position: 0 -117px; }
.alien-drake__result__number.pos-5.person-1 { background-position: 0 -156px; }

.alien-drake__result__number.pos-1.person-2 { background-position: -95px      0; }
.alien-drake__result__number.pos-2.person-2 { background-position: -95px  -39px; }
.alien-drake__result__number.pos-3.person-2 { background-position: -95px  -78px; }
.alien-drake__result__number.pos-4.person-2 { background-position: -95px -117px; }
.alien-drake__result__number.pos-5.person-2 { background-position: -95px -156px; }

.alien-drake__btn {
	position: absolute;
	top: 203px;
	left: 122px;
	letter-spacing: -.4em;
	margin-right: -10px;
}

.alien-drake__btn li {
	display: inline-block;
	vertical-align: top;
	letter-spacing: normal;
}

.alien-drake__btn a {
	display: block;
	height: 0;
	margin-right: 10px;
	padding-top: 48px;
	overflow: hidden;
	opacity: 0;
	-webkit-transition: opacity .3s ease;
			-ms-transition: opacity .3s ease;
					transition: opacity .3s ease;
}

.alien-drake__btn .btn-1,
.alien-drake__btn .btn-1 a { background: url(../space/images/pct_alien_drake_btn_01.jpg) no-repeat; }
.alien-drake__btn .btn-2,
.alien-drake__btn .btn-2 a { background: url(../space/images/pct_alien_drake_btn_02.jpg) no-repeat; }

.alien-drake__btn .btn-1 a {
	width: 179px;
	background-position: 0 -48px;
}

.alien-drake__btn .btn-2 a {
	width: 209px;
	background-position: 0 -48px;
}

.alien-drake__btn a:hover,
.alien-drake__btn .active a {
	opacity: 1;
}

.alien-drake__bottom {
	position: absolute;
	top: 250px;
	left: 0;
}

.alien-drake__bottom li {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	-webkit-transition: opacity .3s ease;
			-ms-transition: opacity .3s ease;
					transition: opacity .3s ease;
}

.alien-drake__bottom .active {
	opacity: 1;
	-webkit-transition: opacity .6s ease .2s;
			-ms-transition: opacity .6s ease .2s;
					transition: opacity .6s ease .2s;
}


/* ※印刷用調整
   --------------------------------------------- */
@media print{

}