@charset "shift_jis";

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

/* レイアウトパーツ共通
=====================================================================*/

/* align
------------------------------------------------------------- */
.t-align-r{ text-align: right;}
.t-align-l{ text-align: left;}
.t-align-c{ text-align: center;}
table.t-align-c td, table.t-align-c th{ text-align: center;}


/*テキスト上下揃え
------------------------------------------------------------- */
.va-top{ vertical-align: top;}
.va-btm{ vertical-align: bottom;}


/* FLOAT
------------------------------------------------------------- */
.float-right{ float: right;}
.float-left{ float: left;}
.float-none{ float: none;}

/* CLEAR: no float */
.clear:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clear{display:inline-table;}
/* \*/
* html .clear{height:1%;}
.clear{display:block;}
/* */


/*-- 行間
------------------------------------------------------------- */
.lineH-1{ line-height: 1em;}
.lineH-1-3{ line-height: 1.3em;}
.lineH-1-5{ line-height: 1.5em;}
.lineHeight-0{ line-height: 1em !important;}


/* MARGIN & PADDING 
------------------------------------------------------------- */
.margin-0{ margin: 0 !important;}
.padding-0{ padding: 0 !important;}
.margin-padding-0{ padding: 0 !important; margin: 0 !important;}

.marginTop-0{ margin-top: 0px !important;}
.marginTop-5{ margin-top: 5px !important;}
.marginTop-10{ margin-top: 10px !important;}
.marginTop-20{ margin-top: 20px !important;}
.marginTop-30{ margin-top: 30px !important;}
.marginTop-40{ margin-top: 40px !important;}
.marginTop-50{ margin-top: 50px !important;}
.marginTop-60{ margin-top: 60px !important;}

.marginBottom-0{ margin-bottom: 0px !important;}
.marginBottom-8{ margin-bottom: 8px !important;}
.marginBottom-10{ margin-bottom: 10px !important;}
.marginBottom-20{ margin-bottom: 20px !important;}
.marginBottom-30{ margin-bottom: 30px !important;}
.marginBottom-40{ margin-bottom: 40px !important;}
.marginBottom-50{ margin-bottom: 50px !important;}
.marginBottom-60{ margin-bottom: 60px !important;}
.marginBottom-200{ margin-bottom: 200px !important;}

.marginLeft-0{ margin-left: 0px !important;}
.marginLeft-10{ margin-left: 10px !important;}
.marginLeft-20{ margin-left: 20px !important;}
.marginLeft-30{ margin-left: 30px !important;}
.marginLeft-40{ margin-left: 40px !important;}
.marginLeft-50{ margin-left: 50px !important;}

.marginRight-0{ margin-right: 0px !important;}
.marginRight-5{ margin-right: 5px !important;}
.marginRight-10{ margin-right: 10px !important;}
.marginRight-20{ margin-right: 20px !important;}
.marginRight-30{ margin-right: 30px !important;}
.marginRight-40{ margin-right: 40px !important;}
.marginRight-50{ margin-right: 50px !important;}

.paddingLeft-0{ padding-left: 0px !important;}
.paddingLeft-10{ padding-left: 10px !important;}
.paddingLeft-20{ padding-left: 20px !important;}
.paddingLeft-30{ padding-left: 30px !important;}
.paddingLeft-40{ padding-left: 40px !important;}
.paddingLeft-50{ padding-left: 50px !important;}

.paddingLR-0{ padding-right: 0px; padding-left: 0px;}
.paddingLR-5{ padding-right: 5px !important; padding-left: 5px !important;}
.paddingLR-10{ padding-right: 10px !important; padding-left: 10px !important;}
.paddingLR-20{ padding-right: 20px !important; padding-left: 20px !important;}
.paddingLR-30{ padding-right: 30px !important; padding-left: 30px !important;}
.paddingLR-40{ padding-right: 40px !important; padding-left: 40px !important;}
.paddingLR-50{ padding-right: 50px !important; padding-left: 50px !important;}


/* WIDTH */
.width-10{ width: 10px !important;}
.width-20{ width: 20px !important;}
.width-30{ width: 30px !important;}
.width-40{ width: 40px !important;}
.width-50{ width: 50px !important;}
.width-60{ width: 60px !important;}
.width-70{ width: 70px !important;}
.width-80{ width: 80px !important;}
.width-90{ width: 90px !important;}
.width-100{ width: 100px !important;}
.width-110{ width: 110px !important;}
.width-120{ width: 120px !important;}
.width-130{ width: 130px !important;}
.width-140{ width: 140px !important;}
.width-150{ width: 150px !important;}
.width-160{ width: 160px !important;}

.width-200{ width: 200px !important;}
.width-220{ width: 220px !important;}
.width-240{ width: 240px !important;}
.width-250{ width: 250px !important;}
.width-260{ width: 260px !important;}
.width-270{ width: 270px !important;}
.width-280{ width: 280px !important;}
.width-290{ width: 290px !important;}

.width-300{ width: 300px !important;}
.width-320{ width: 320px !important;}
.width-350{ width: 350px !important;}

.width-400{ width: 400px !important;}
.width-410{ width: 410px !important;}
.width-420{ width: 420px !important;}


/* レイアウトパーツ
=====================================================================*/

/* テーブル
-----------------------------------------------------------*/

.table-t1 {
	width:100%;
}

.table-t1 th{
	background-color:#ecf5b9;
	padding: 4px 8px;
	}

.table-t1 td{
	background-color:#f5f6f6;
	padding: 4px 12px;
	}

/* リンクアイコン
-----------------------------------------------------------*/

#open-w a{
	padding-left:20px;
	background: url(../img/mark_open-w.gif) 3px 0px no-repeat;
	}

#open-c a{
	padding-left:20px;
	background:url(../img/mark_link-g.gif) 3px 0px no-repeat;
	}





/* 白文字リンク */
a.link-white{
	color: #fff;
	text-decoration: none;
}

a:hover.link-white{
	text-decoration: underline;
}

/* 下ライン */
.ttl-underline{
	padding-bottom: 3px;
	border-bottom: #474f51 2px solid;
}

/* 枠 */
.bdr-white-top{ border-top: #fff 1px solid}
.bdr-white-left{ border-left: #fff 1px solid}
.bdr-white-right{ border-right: #fff 1px solid}
.bdr-white-bottom{ border-bottom: #fff 1px solid}

/*タイトル横バー*/
.table-th-line th{
	padding-right: 15px;
	border-right: #000 1px solid;
	vertical-align: top;
}
.table-th-line td{
	padding-left: 15px;
}
/*セル横にのみバー*/
td.td-vline{
	padding-right: 15px;
	border-right: #000 1px solid;
}