@charset "utf-8";

*{
	padding:0;
	margin:0;
}

/*=====================100627=======リセット追加===============*/
img{
	border:none;
}
/*=====================150917=======リセット追加===============*/
html { height:100%; margin-bottom:1px; }

/*=====================100627=======リセット追加===============*/
body#popBody {
	background: #efeff0;
}

/*============================================
menu
============================================*/
#menu-box {
	width:100%;
	background:#ffffff;
	height:35px;
	margin:20px auto 0;
}

#top-button {
	float:left;
	margin-right:7px;
}

#top-button a {
	text-indent:-9999px;
	display:block;
	width:192px;
	height:25px;
	/* margin:5px 0; */
	margin:0 0;
	overflow:hidden;
	background-image: url(../img/index/btn_world_index.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#top-button a:hover {
	background-image: url(../img/index/btn_world_index.gif);
	background-repeat: no-repeat;
	background-position: 0 -25px;
}

#menu {
	width:920px;
	height: 35px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

ul{
	list-style:none;
}

#menu li {
	float:left;
	border-right:1px solid #cccccc;
	height:27px;
	margin:4px 0;
	padding:0 2px;
}

#menu li.last {
	border:none;
}

#menu li a {
	overflow:hidden;
	width:98px;
	height:27px;
	display:block;
	background-position:0 0;
	text-indent:-9999px;
	background-repeat:no-repeat;
}

#menu li a:hover {
	background-position:0 -27px;
}

#menu li a.history {
	background-image:url(../img/common/btn_history.gif);
}

#menu li a.satellite {
	background-image:url(../img/common/btn_satellite.gif);
}

#menu li a.broadcast {
	background-image:url(../img/common/btn_broadcast.gif);
}

#menu li a.laboratory {
	background-image:url(../img/common/btn_laboratory.gif);
}

#menu li a.library {
	background-image:url(../img/common/btn_library.gif);
}

#menu li a.gameplaza {
	background-image:url(../img/common/btn_gameplaza.gif);
}

#menu li a.dictionary {
	background-image:url(../img/common/btn_dictionary.gif);
}

#menu li a.on {
	background-position:0 -27px;
}


/*============================================
sub-menu
============================================*/
#sub-menu {
	width:920px;
	margin:18px auto 10px;
	height:22px;
}

#sub-menu li {
	float:left;
	margin-right:8px;
}

#sub-menu li.last {
	margin:0;
}

#sub-menu li a {
	width:224px;
	text-indent:-9999px;
	display:block;
	height:14px;
	overflow:hidden;
	padding:2px 0 4px;
	background-position:0 0;
	background-repeat:no-repeat;
}

#sub-menu li a:hover {
	background-position:0 -22px;
}

#sub-menu li a.basicalknowledge {
	background-image:url(../img/common/btn_sub_basicalknowledge.gif);
}

#sub-menu li a.backyardtour1 {
	background-image:url(../img/common/btn_sub_backyardtour1.gif);
}

#sub-menu li a.backyardtour2 {
	background-image:url(../img/common/btn_sub_customer.gif);
}

#sub-menu li a.optionaltour {
	background-image:url(../img/common/btn_sub_optionaltour.gif);
}

#sub-menu_SC {
	width:920px;
	margin:18px auto 10px;
	height:22px;
}
#sub-menu_SC li {
	float:left;
	margin-right:10px;
}
#sub-menu_SC li.last {
	margin:0;
	clear:right;
}
#sub-menu_SC li a {
	width:300px;
	text-indent:-9999px;
	display:block;
	height:14px;
	overflow:hidden;
	padding:2px 0 4px;
	background-position:-2px 0;
	background-repeat:no-repeat;
}

#sub-menu_SC li a:hover {
	background-position:-2px -22px;
}
#sub-menu_SC li a.space_satellite {
	background-image:url(../img/common/btn_sub_space.gif);
}

#sub-menu_SC li a.JSAT_satellite {
	background-image:url(../img/common/btn_sub_JSATsatellite.gif);
}
#sub-menu_SC li.last a.satellite_control {
	background-image:url(../img/common/btn_sub_control.gif);
}
/*===========100627==========イメージライブラリー============*/
#sub-menu_IL {
	width:920px;
	margin:18px auto 10px;
	height:22px;
}
#sub-menu_IL li {
	float:left;
	padding-left:1px;
	margin-right:5px;
	width:456px;
	height:21px;
	display:block;
}
#sub-menu_IL li.last {
	margin:0;
	clear:right;
}
/*===========100627==========イメージライブラリー============*/

/*===========100720==========ヒストリー============*/
#sub-menu_H {
	width:920px;
	margin:18px auto 10px;
	height:22px;
}
#sub-menu_H li {
	float:left;
	margin-right:12px;
}
#sub-menu_H li.last {
	margin:0;
	clear:right;
}
#sub-menu_H li a {
	width:174px;
	text-indent:-9999px;
	display:block;
	height:16px;
	overflow:hidden;
	padding:2px 0 4px;
}

#sub-menu_H li a:hover,#sub-menu_H li a.on {
	background-position:0 -22px;
}

#sub-menu_H li .pioneer_history {
	background-image:url(../history/img/common/btn_pioneer_history.gif);
}

#sub-menu_H li .history_brief {
	background-image:url(../history/img/common/btn_history_brief.gif);
}

#sub-menu_H li .history_detail {
	background-image:url(../history/img/common/btn_history_detail.gif);
}

#sub-menu_H li .satellite_chronicle {
	background-image:url(../history/img/common/btn_satellite_chronicle.gif);
}

#sub-menu_H li .history_japanese_tv {
	background-image:url(../history/img/common/btn_history_japanese_tv.gif);
}


#sub-menu_H li a:hover {
}

/*===========100720==========ヒストリー============*/



/*============================================
contents
============================================*/

#contents-box {
	position: relative;
	width:986px;
	/*height: 643px;*/
	/*
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	*/
	height: auto;
	margin: 0 auto 0;
}

/*↓↓prev and next buttons↓↓*/

#contents-box #prev {
	position:absolute;
	top:283px;
	left:0;
	width:34px;
	height:47px;
}

#contents-box #next {
	position:absolute;
	top:283px;
	right:0;
	width:34px;
	height:47px;
}

#contents-box #prev a,#contents-box #next a {
	width:34px;
	height:47px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:0 0;
}

#contents-box #prev a:hover,#contents-box #next a:hover {
	background-position:0 -47px;
}

#contents-box #prev a {
	background-image:url(../satellite/img/common/btn-left.png);
}
#contents-box #next a {
	background-image:url(../satellite/img/common/btn-right.png);
}

/*↑↑prev and next buttons↑↑*/

#contents {
	width:830px;
	padding:40px 45px;
	margin:0 auto;
}

.both {
	background:url(../img/common/bg_contents_both.gif) 0 0 no-repeat;
}
/*
.left {
	background:url(../img/common/bg_contents_left.gif) 0 0 no-repeat;
}

.right {
	background:url(../img/common/bg_contents_right.gif) 0 0 no-repeat;
}
*/
.none {
	background:url(../img/common/bg_contents_none.gif) 0 0 no-repeat;
}

#inner-contents {
	width:830px;
}

#inner-contents .top {
	width:830px;
	font-size:0%;
	height:22px;
	background:url(../img/common/bg_inner_contents_top.gif) 0 0 no-repeat;
}

#inner-contents .middle {
	width:780px;
	min-height:406px;
	height:auto !important;
	height:406px;
	padding:0 25px;
	background:url(../img/common/bg_inner_contents_middle.gif) 0 0 repeat-y;
}

#inner-contents .bottom {
	width:830px;
	font-size:1%;
	height:22px;
	background:url(../img/common/bg_inner_contents_bottom.gif) 0 0 no-repeat;
}
*/
/*============================================
backtomenu
============================================*/

#backtomenu {
	width:918px;
	height:30px;
	margin:0 auto;
}

#backtomenu a {
	width:134px;
	height:30px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	background-image: url(../satellite/img/common/btn-bottom.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	float: right;
}
#backtomenu a:hover {
	background-position: 0 -30px;
}

/*============================================
margin/padding
============================================*/

.paddingTop05 {
	padding-top:5px;
}

.paddingTop10 {
	padding-top:10px;
}

.paddingTop15 {
	padding-top:15px;
}

.paddingTop20 {
	padding-top:20px;
}

.marginBtm05 {
	margin-bottom:5px;
}

.marginBtm10 {
	margin-bottom:10px;
}

.marginBtm15 {
	margin-bottom:15px;
}

.marginBtm20 {
	margin-bottom:20px;
}

.marginBtm50 {
	margin-bottom:50px;
}


/*============================================
txt
============================================*/

.blue {
	color:#0099ff;
}



/*
 2015/09/17 new
============================================ */
body a { word-break: break-all; }


/*============================================
clearfix
============================================*/
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}

.clearfix{
	display:inline-block;
	}
/*HidesfromIE-mac\*/

*html.clearfix{
	height:1%;
	}

.clearfix{
	display:block;
	}
/*EndhidefromIE-mac*/
