/* カスタム CSS をここに入力してください */

/*
 *　　月探査情報ステーション用CSSファイル
 *　　(WordPress移行版)
 *
 *　　　Created by Junya Terazono 
 *　　　Copyright (c) 2013 The Moon Station, all rights reserved.
 *
 *　　バージョン3のCSSでは、従来からあった命名規則を一部見直
 *　　し、よりシンプルなものとした。例えば、従来のCSS命名規則
 *　　(ver2など)では必ず先頭に「moon」を入れるようになっていた
 *　　が、これにより非常に長いCSSクラスが必要となり不便を生じ
 *　　ていた。
 *　　このため、ver3では命名をよりシンプルとし、とりわけ頻繁に
 *　　使う中央寄せについては "center"といったように使用しやす
 *　　いものとした。
 *　　また、複数のデザイン指定を組み合わせて使うことを前提とし
 *　　ており、例えば表中で中央寄せを行う場合は例えば
 *　　class="tbllined center"というような形で複数指定で対応で
 *　　きるようにした。これにより、月探査情報ステーション中でよ
 *　　く発生している「微妙に違うレイアウト」にも対応しやすくし
 *　　ている。
 *
 *
 */

/*
 * ********************************************************************************************************
 *   その1　文字配置・大きさ・色などに関するもの
 * ********************************************************************************************************
 *
 */

/*
 * ===== 位置指定(インライン要素) =====
 */
.center { text-align: center; }
.left   { text-align: left; }
.right { text-align: right; }

/*
 * ===== 位置指定(ブロック要素) =====
 */
.blockcenter {
  margin-top: 0pt;
  margin-bottom: 0pt;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  }

.clear { clear: both; }

/*
 * ===== フォントの大きさ =====
 */
.smallfont { font-size: small; }
.largefont { font-size: 200%; }

/*
 * ===== フォント装飾(打ち消し、重要、太字) =====
 */
.completed { text-decoration: line-through; }

.important { font-weight: bold; color: red; }

.bold      { font-weight: bold; }


/*
 * ===== 状況に応じて ===== 
 */
.success   { color: #ff0000 }  /* 打ち上げなどの成功。赤字 */
.important-red   { color: #ff0000 }  /* 重要。赤字 */


/*
 * ===== フォントの色 ===== 
 */
.color-red { color: #ff0000 }  /* 単に赤字 */
.color-blue   { color: red; }
.color-white  { color: white; }

/*
 * ===== フォント装飾 ===== 
 */
.notextdeco 	{ text-decoration: none; } /* 基本的には下線なしの意味 */


/*
 * ********************************************************************************************************
 *   その2　表に関するもの
 * ********************************************************************************************************
 *
 */

/*
 * ここの「normal」は、通常の罫線が入った表を示す。
 */
table.normal { border-collapse: collapse;
                border: solid 1px black; }
td.normal     { margin: 0pt;
                padding: 5px;
                line-height: 1.4;
                border: solid 1px black; }

/*
 *  月探査情報ステーションで、探査機の仕様や年代表に使われる、左カラムが濃く右カラムが薄いタイプの表。
 *  tableタグとtdタグで名付けが違うことに注意。
 */
table.dual    { border-collapse; collapse;
                border: solid 1px black;
                margin-top: 20px;
                margin-bottom: 20px !important;
                padding: 1px; }
td.dual-leftcol  { background-color: #ccccff;
                   padding: 5px;
                   line-height: 1.4;
                   border: solid 1px black; }
td.dual-rightcol { background-color: #e6e6fa;
                   padding: 5px;
                   line-height: 1.4;
                   border: solid 1px black; }

/*
 *  タイトル部分が青バックになるもの。「はやぶさ」、「はやぶさ2」コーナーで使用
 */
th.top-title { background-color: #000066;
               color: white;
               padding: 3px;
               margin: 10px;
               text-align: center;
               vertical-align: middle;      
               }  

/*
 * ********************************************************************************************************
 *   その3　ボックス関連
 * ********************************************************************************************************
 *
 */

/*
 *  速報などの投入用
 */
div.flashnews { background: #cccccc;
                padding: 5pt;
                font-size: 125%;
                margin-top: 20px;
                margin-bottom: 20px; }

/*
 *
 */
a.to-top {
   display: inline-block;
   margin-left: auto;
   margin-right: auto;
   width: 100%;
   }

/*
 *  タイトル部分が青バックになるもの。div系で将来使用予定
 */
div.top-title { background-color: #000066;
               color: white;
               padding: 3px;
               margin: 10px;
               text-align: center;
               vertical-align: middle;            
               }