@charset "shift_jis";

/**********************************************************************
CSS FOR JAXA DAICHI-Image gallery
Copyright(C) Japan Aerospace Exploration Agency All rights reserved.
**********************************************************************
DISCRIPTION: レイアウト
**********************************************************************/

/* タグ
=====================================================================*/

html{ height: 100%;}

body{ height:100%;}

/*-- margin padding 0--*/
body, dl, dt, dd, h1, h2, h3, h4, p, ul{ margin: 0; padding: 0;}

img{ border:none;}

th{ font-weight: normal; text-align:left;}

li{ list-style:none;}


/* 全体
-----------------------------------------------------------*/

#wrapper-t{
	width: 750px;
	text-align: left;
}

#wrapper{
	width: 750px;
	text-align: left;
	background:url(../img/first_bg.gif) 0 66px no-repeat;
}

#wrapper2{ text-align: left;}

/* ヘッダー
-----------------------------------------------------------*/

#header{
	width:750px;
	}

#hd-logo{
	width:434px;
	padding:10px;
	float:left;
	}

#header-ow{
	width:750px;
	}

#hd-logo-ow{
	width:730px;
	padding:10px;
	}

#hd-sitemap{
	width:85px;
	padding:14px 0 24px 0;
	float:left;
	}

#hd-form{
	width:209px;
	padding:17px 0 0 0;
	text-align:right;
	float:left;
	}

/* ３・4階層 */

#sec-header{
	width:737px;
	height:49px;
	margin:15px 0 0 13px;
	background:url(../img/sec_hd_bg.gif) top left repeat-x;
	}

#sec-hd-logo{
	width:300px;
	float:left;
	}

#sec-hd-riyou{
	height:32px;
	padding:10px 14px 0 0;
	background:url(../img/sec_hd_rt.gif) top right no-repeat;
	}

#sec-hd-riyou a{
	display:block;
	text-decoration: none;
	margin: 0;
	padding: 0;
	width: 137px;
	height: 22px;
	text-indent:-9999px;
	background: url(../img/sec_hd_bt_riyou.gif) 0 0 no-repeat;
	outline:none;
}

#tp-hd-riyou{
	width:137px;
	padding:10px 0 0 0;
	float:left;
	}

#tp-hd-riyou a{
	display:block;
	text-decoration: none;
	margin: 0;
	padding: 0;
	width: 137px;
	height: 22px;
	text-indent:-9999px;
	background: url(../img/sec_hd_bt_riyou.gif) 0 0 no-repeat;
	outline:none;
}

/* ON */
#sec-hd-riyou a:hover,#tp-hd-riyou a:hover{ background: url(../img/sec_hd_bt_riyou.gif) 0 -22px no-repeat;}


#tp-ttl1{
	width:736px;
	height:43px;
	margin:12px 1px 0px 13px;
	background:url(../img/first_hd_logo_bg.gif) bottom left repeat-x;
	}

#tp-hd-ttl-ttl{
	width:585px;
	float:left;
	}

.tp-table{
	margin:20px 28px;
	}
	
/* Mac IE5 \*//*/
#sec-hd-ttl{
	width:722px;
	color:#fff;
	margin:0px 13px 0px 13px;
	padding:8px 14px 16px 14px;
	background: url(../img/sec_hd_ttl_bg.gif) bottom left repeat-x #33504a;
	}
/* end */

/* Mac IE5以外 \*/
#sec-hd-ttl{
	margin:0 0 0 13px;
	padding:8px 14px 16px 14px;
	background: url(../img/sec_hd_ttl_bg.gif) bottom left repeat-x #33504a;
	/*\*/
	width:750px;
	/**/
	width/**/:/**/709px;
	}
/* end */

#sec-hd-ttl h2{
	padding-left:18px;
	color:#FFFFFF;
	background: url(../img/sec_hd_ttl_mark.gif) 0 7px no-repeat;
	}

#first-hd-ttl{
	padding:9px 14px 9px 30px;
	background:#33504a url(../img/sec_hd_ttl_mark.gif) 16px 16px no-repeat;
	}

#first-hd-ttl h2{
	color:#FFFFFF;
	}

#first-hd-tx{
	padding:7px 16px;
	background:url(../img/first_ttl_tx_bg.gif) top left repeat;
	}
	
#sec-hd-close{
	width:750px;
	background:url(../img/sec_close_bg.gif) top left repeat-y;
	}

#third-close{
	background:url(../img/third_close.gif) top left;
	}

/* コンテンツ
-----------------------------------------------------------*/

#contents{
	padding:0 0 0 12px;
	background:url(../img/first_sm_bg.gif) 12px 0 repeat-y;
	/*\*/
	width:750px;
	/**/
	width/**/:/**/738px;
	}
	
#contents-sab{
	float:left;
	padding:8px 0 8px 12px;
	background:url(../img/first_sm_bg.gif) 12px 0 repeat-y;
	/*\*/
	width:750px;
	/**/
	width/**/:/**/738px;
	}

#contents-tp{
	background:#FFF;
	padding:0 0 0 12px;
	/*\*/
	width:750px;
	/**/
	width/**/:/**/738px;
	}

#contents-ab{
	background:#FFF;
	margin:0 0 0 13px;
	padding:20px 35px 0 35px;
	width:750px;
	/**/
	width/**/:/**/667px;
	}

#first-ttl1{
	margin:12px 1px 0px 13px;
	background:url(../img/first_hd_logo_bg.gif) bottom left repeat-x;
	}

#first-main{
	width:598px;
	padding-top:24px;
	background:url(../img/first_cnt_bg.gif) top left no-repeat;
	float:left;
	}

#first-mc{
	padding:16px 0 0 17px;
	}

#sec-contents{
	margin:0 0 0 13px;
	padding: 8px 32px;
	background-color: #FFFFFF;
	/*\*/
	width:750px;
	/**/
	width/**/:/**/673px;
	}

#sec-contents h3, #contents-tp h3, #contents-ab h3{
	padding:0 0 15px 2px;
	color:#117fb8;
	background:url(../img/ttl_h3.gif) left bottom no-repeat;
	}

#sec-photo a{
	text-decoration:none;
	}

#sec-photo h4{
	padding:0 0 0 17px;
	background:url(../img/mark_link-g.gif) top left no-repeat;
	}

.tp-next a{
	padding:0 17px 0 0;
	background:url(../img/mark_link-g.gif) top right no-repeat;
	}

.tp-back a{
	padding:0 0 0 17px;
	background:url(../img/mark_link-g-b.gif) top left no-repeat;
	}

.tp-d-back a{
	padding:0 0 0 17px;
	background:url(../img/mark_link-org.gif) top left no-repeat;
	}

#tp-dtl h4{
	font-size:80%;
	padding:8px 0;
	color:#006666;
	}

#tp-dtl p{
	font-size:80%;line-height:1.5em;
	}
	

/* サイドメニュー
-----------------------------------------------------------*/

#first-sm{
	width:140px;
	float:left;
	}

#s-menu-top a{
	display:block;
	text-decoration: none;
	margin-bottom:37px;
	padding: 0;
	width: 140px;
	height: 29px;
	text-indent:-9999px;
	background:url(../img/first_sm_bt-home-off.gif) 0px 0px no-repeat;
	outline:0px;
}

#s-menu-top a:hover{
	background:url(../img/first_sm_bt-home-off.gif) 0px -29px no-repeat;
}

#s-menu-top-i a{
	display:block;
	text-decoration: none;
	margin-bottom:2px;
	padding: 0;
	width: 140px;
	height: 29px;
	text-indent:-9999px;
	background:url(../img/first_sm_bt-home-off.gif) top left no-repeat;
	outline:0px;
}

#s-menu-top-i a:hover{
	background:url(../img/first_sm_bt-home-on.gif) top left no-repeat;
}

#s-menu{
	width: 140px;
	margin-bottom:10px;
	font-size:80%;
}

#s-menu ul{
	padding: 0;
	margin: 10px 0 0 0;
	border-bottom: 1px #b3e576 solid;
}

#s-menu li, #s-menu-top li{
	padding: 0;
	margin: 0;
}

#s-menu li.top-in a{
	color:#33504a;
	text-decoration: none;
	display: block;
	padding: 7px 7px 7px 20px;
	margin: 0;
	background:url(../img/first_sm_bt-off.gif) 0px 0px no-repeat;
}

#s-menu li.top-out a{
	color:#117fb8;
	font-weight:bold;
	text-decoration: none;
	display: block;
	padding: 7px 7px 7px 20px;
	margin: 0;
	background:url(../img/first_sm_bt-n.gif) top left no-repeat;
}

#s-menu li.top-in a:hover{
	background:url(../img/first_sm_bt-off.gif) -140px 0px no-repeat;
}

#sm-use{
	float:left;
	}

#sm-use a{
	display:block;
	width:124px;
	height:24px;
	margin:0 8px;
	text-indent:-9999px;
	background:url(../img/first_sm_bt-use.gif) 0 0 no-repeat;
	}

#sm-use a:hover{
	background:url(../img/first_sm_bt-use.gif) 0 -24px no-repeat;
	}

#pagetop{
	width:594px;
	margin-top:3px;
	text-align:right;
	float:left;
	}

/* フッター
-----------------------------------------------------------*/

#ftr{
	margin-top:10px;
	width:auto;
	border-top: 3px #007cdf solid;
	font-size:12px;
	}

#ftr-wrapper{
	width:750px;
	}

#ftr-copy{
	width:320px;
	padding:14px 10px;
	float:left;
	}

#ftr-link{
	width:210px;
	padding:14px 10px;
	text-align:right;
	}