/* Stylesheet for the CUA214 documents */

/* ----------------------------------------- */
/* ＢＯＤＹ・ページ全般                      */
/* ----------------------------------------- */

body,td { /* ▼ページ・テーブル全般 */
  color:#696969; 
  font-family: 'ＭＳ Ｐゴシック',Osaka,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Meiryo','メイリオ','Lucida Grande',Verdana,sans-serif;
  font-size: 13px;
  *font-size: 81.25%; /*for IE6,IE7*/
}

body { /* ページ全般 詳細設定 */
  margin:15px 0px 0px 0px;
  padding:0;
  background:#666 url(material/body_back.jpg) repeat top left;
}

td { font-size:100%; color:#333; } /* テーブル全般 */

/* コピーライト */
.copyright {
  font-family: verdana, Helvetica;
  color:#b1b1b1;
  font-size:78%;
  margin:0 0 0 5px;
  padding:3px;
  margin-left:5px;
  text-align: center;
}

address { /* 連絡先 */
  padding:3px 6px 3px 3px;
}

/* リンク (全般) */
A { color:#ff6633; text-decoration:underline; }
A:visited  { color: #db529d; }
A:hover { color:#ff0000; text-decoration:none;  }

/* リンク画像の下線なし */
#letter A IMG { display:block; text-decoration:none; }

/* 回り込み解除 */
.clear { clear:both; }

/* ----------------------------------------- */
/* ヘッダー・レイアウト（ページ全般で使用）   */
/* ----------------------------------------- */

#header { /* ヘッダー ////////////////// */
  width:auto;
  height:auto;
  margin:0; padding:0 0 15px 0;
  text-align:center;
}

#footer { /* フッター ////////////////// */
  margin:15px 0px 15px 0px;
  padding:10px;
  text-align:center;
}

#footerLine { /* フッターライン */
  width:900px;
  height:15px;
  clear:both;
  margin:0; padding:0;
  background-color:#860000;
}

#container { /* 全体のスタイル ///////// */
  width:900px; height:auto;
  margin:0 auto 0 auto;
  background:#EC7D8C url(material/cont_back.jpg) repeat-y top left;  
  /*background:#AA2626 url(material/sideimage.gif) no-repeat top left;*/
  overflow: hidden; /* floatの背景問題処理 */ 
}

/* コンテンツエリア（フロート対策用） ++++++++ */
#contArea { /* コンテンツエリア */
  width:900px;
  height:auto;
  margin:0; 
  padding:0;
  background:url(material/image_p06.jpg) no-repeat 65px 0px;
  overflow: hidden; /* floatの背景問題処理 */
}

/*\*/
* html #contArea { /* floatボックスのIE対策 */
    height: 1em;
    overflow: visible;
}
/**/

#contArea:after { /* floatボックスの後処理 */
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/* +++++++++++++++++++++++++++++++++++++++++ */

#contMain { /* コンテンツ・メイン /////////////////// */
  width:605px; /* メイン領域の幅 */
  height:auto;
  float:right;
  padding:0px 30px 0px 30px;
  background:#F2E1D3 url(material/back.jpg) repeat top left;
  vertical-align:top;
  text-align:left;
}

#contSide { /* コンテンツ・サイド /////////////////// */
  width:170px;
  height:auto;
  min-height:500px;
  float:left;
  vertical-align:top;
}

#titleSide { /* コンテンツ・タイトル(CUA 縦) //////// */
  float:left;
  width:65px;
  background:#AA2626
}

/*#contMain strong { font-size: 110%; }*/

#main {  }

@media print{ /* 印刷時にプリントしない処理 */

  body {  }
  #footer { display:none; }
  .no-print { display:none; }

}

/* ----------------------------------------------------------------------- */
/* ▼ナビゲーション                                                        */
/* ----------------------------------------------------------------------- */

/* ページTOPへ */
.page_top {
  font-size:82%;
  text-align:right;
  padding:0px 150px 4px 0px;
}

/* ページナビ */
.navi { 
  text-align:right;
  font-size:85%;
  margin-right:8px;
}

/* ----------------------------------------------------------------------- */
/* ▼コンテンツメニュ（ナビゲーション）設定                                  */
/* ----------------------------------------------------------------------- */

/* コンテンツメニュー ////////////// */
ul#contMenu {padding:0px; margin-left:10px;margin-right:10px; margin-top:20px; }
#contMenu li{
  list-style-type:none;
  background-color:#ff3333;filter:Alpha(opacity=65);-moz-opacity:0.65;opacity:0.65;
  padding:0px;
  margin-left:5px;
  margin-right:5px;
  text-align:center;
  height:20px;
  display:block; letter-spacing:1px;
  border-bottom:1px solid #860000;
  font:bold 14px "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Osaka";
  color:#ffffff;
  line-height:1.5;
}
/* コンテンツメニュー用リンク設定 */
#contMenu li A {display:block; color:#860000; text-decoration:none;
         background-color:#FFEDE3;width:140px; height:20px;}
#contMenu A:visited{display:block; color:#860000;}
#contMenu A:hover{color:#FFEDE3; background-color:#860000;}					 
/* ---------------------------------------- */
/* 個別ページ用レイアウト設定                */
/* ---------------------------------------- */
/* トップバナー */
#bn_top{margin:0; padding-left:90px;}
#bn_top a{float:left; margin:0 20px 0 0}

.profile { /* プロフィール表記 */
  font-size:20px;
  font-weight:bold;
  padding:8px 2px 8px 2px;
  margin:0px;
  line-height:0;
  letter-spacing:16px;
  font-weight:normal;
}

.profile em { /* 強調(profile) */
  font-style:normal;
  font-weight:bold;
  padding-bottom:3px;
  border-bottom:1px solid #ff3333;
}
.profile img { vertical-align:middle; } /* イメージ(profile) */

/* ▼ページコンテンツ（内容）メイン ★そのうち外す */
.main {
  line-height:1.5;
  padding: 4px;
  margin-left: 8px;
}
/* リストの罫線（プロフィール用） */
ul.profMain { padding:4px 0px 15px 4px; margin:0; }
.profMain li {
  border-bottom: 1px dotted #555;
  list-style-type:none;
  margin-left:  10px;
  margin-right: 10px;
  padding:3px;
}

/* リストの罫線（プロフィール用・下位層レベル） */
ul.level2 {padding:0px; margin-left:30px;}
.level2 {margin-left:80px;}
.level2 span {margin-left:20px;}

/* リストの罫線（ワークス用） */
ul.worksMain { padding:4px 0px 18px 4px; margin:0; }
.worksMain li {
  list-style-type:none;
  margin:0px 10px 8px 10px;
  padding:3px;
  line-height:1.8;
}
/* ワークフロー（ワークス用） */
.worksMain p { padding:10px 5px 0px 5px; line-height:2.5; }

/* サブ・テキスト（主にワークス用で使用） */
.sub_txt {
  font-size:94%;
  line-height:1.5;
  padding-left:16px; padding-right:8px;
}

/* TOPのお知らせ用 */
.news {  }

/* TOPのお知らせ用（枠つき） */
.news_waku {
  border:1px dotted #ff0000;
  padding:5px; margin:5px 28px 6px 28px;
  color:#ff0000; text-align:center;	
}
/* ----------------------------------------- */
/* リスト（ul）の書式設定                    */
/* ----------------------------------------- */

/* ▼ リスト全般 */
ul { 
  margin:0px;
  padding:8px 15px 10px 0px; 
}

ol { 
  margin:0px;
  padding:5px 0px 5px 30px;
  list-style-type: decimal;
}

li { 
  font-weight:normal;
  font-size:108%;
  margin:0px 8px 0px 30px;
  line-height:1.6;
  list-style-image: none;
  letter-spacing:1px;
}

.abc { /* abc..のポイントタイプ */
  list-style-type:lower-alpha;
  font-size:98%;
  margin-right:20px;
}
.abc li { padding-bottom: 6px; }

.no-point { /* ポイントなし */
  list-style-type: none;
  padding-left:10px;
}
.no-point li { padding-left:15px; }

/* ----------------------------------------- */
/* 装飾（H1〜H6）の書式設定                  */
/* ----------------------------------------- */

#header h1 { /* サイトタイトル */
  margin: 0px auto 0px auto;
  padding:0;
  text-align:center;
  border:none;  
}

#header h2 { /* ページタイトル */
  width:40%;
  font-size:18px;
  padding:0;
  margin:12px auto 0px auto;
  letter-spacing:2px;
  line-height: 1.5;
  text-align:center;
  color:#860000;
  border-left:5px solid #ff3333;
  border-right:5px solid #ff3333;
}
/* H2リンク */
#header h2 A {color:#860000; text-decoration:none;}
#header h2 A:hover {color:#ff3333; text-decoration:none;background:none;}


#contMain h3 { /* 各タイトル */
  font-size:18px;
  background-color:#FFB19D;
  border-bottom:1px solid #C37662;
  border-right:1px solid #C37662;
  padding:1px;
  padding-left:10px;
  margin:0px;
  font-weight:bold;
  letter-spacing:1px;
  line-height: 1.5;
}

h2.subtitle { /* タイトル */
  font-size:18px;
  background-color:#FFB19D;
  padding:1px;
  padding-left:10px;
  margin:0px;
  font-weight:normal;
  letter-spacing:2px;
  line-height: 140%;
}

h3 { /* サブタイトル用（項目の区切り） */
  font-size:16px;
  padding:4px 0px 0px 0px;
  margin:8px 5px 8px 0px;
  line-height:1.65;
  letter-spacing:3px;
}
/* H3リンク */
h3 A {color: #ffffff; text-decoration:none;}
h3 A:hover {color:#ffff55; text-decoration:none;background:none;}


h4 { /* タイトル（トピック）背景つき */
  color: #fff;
  font-size: 106%;
  padding:4px 0px 2px 10px;
  margin:6px 32px 0px 25px;
  line-height:1.2;
  letter-spacing:2px;
  background-color:#6B97B0;
}

h5 { font-size:118%; margin:8px 5px 2px 8px; padding:5px 5px 3px 5px; }



/* ----------------------------------------- */
/* ページコンテンツ装飾（内容）              */
/* ----------------------------------------- */

#main { /* メイン */
  line-height:1.65;
  margin: 5px;
  padding: 8px 15px 10px 15px;
}

.txt { /* テキスト一般 */
  font-size:0.9em;
  font-weight:normal;
  margin: 10px 8px 10px 8px;
  /*padding:10px 8px 10px 8px;*/
  line-height:1.48;
}

.txt_s { /* テキスト（小） */
  font-size: 76%;
  font-weight:normal;
}
.txt_m { font-size:118%; } /* テキスト(中) */
.txt_l { font-size:125%; } /* テキスト(大) */

.txt_t{ /* テキスト（等幅） */
  font-family: 'ＭＳ ゴシック','Osaka−等幅',monospace;
  font-variant:inherit;
}

.date { /* 日付 */
  color:#ff0000;
  font-size:60%;
  font-weight:normal;
  padding-left:3px;
  letter-spacing:0px;
}

.red { /* 赤文字 */
  color:red;
}

.blue { /* 青文字 */
  color:#366C97;
}

.green { /* 緑文字 */
  color:#228b22;
}

.green2 { /* 緑文字2 */
  color:#85C023;
}

.red2 { /* 赤文字（朱色） */
  color:#DB3C3E;
}

.u_line { /* アンダーライン */
  border-bottom:1px solid red;
  padding-bottom:1px;
}

u { /* アンダーライン(uタグ用装飾) */
  text-decoration:none;
  border-bottom:1px solid red;
  padding-bottom:1px;
}

strong { /* 太字 */
  font-size:110%;
}

hr { /* ライン */
  border-top:1px solid #fff;
  border-bottom:1px dashed #999;
  width:80%;
}

.imgcap { /* イメージ用キャプション */
  padding:6px 0px 5px 0px;
  font-size:108%;
  font-style:normal;
  font-weight:bold;
}

.point { /* テキスト（赤枠） */
  color:red;
  border:1px solid red;
  margin:0px; padding:1px 3px 1px 3px;
  font-style:normal;
}

.blink { /* テキスト（反転） */
  font-style:normal;
  font-weight:bold;
  color:#fff;
  margin:3px; padding:2px 5px 2px 5px;
  border:none;
  background-color:red;
  letter-spacing:1px;
}

.txt_waku { /* テキスト（枠つき） */
  border:1px solid #555;
  margin:0px; padding:3px 8px 3px 6px; 
  font-size:115%;
}

.txt_waku_w { /* テキスト（枠つき・白背景） */
  border:1px solid #555;
  background:#fff;
  margin:0px; padding:3px 8px 3px 6px; 
  font-size:110%;
}

.txt_waku_dot { /* テキスト（点線枠つき） */
  border:1px dotted #427095;
  margin:0px; padding:3px 8px 3px 6px;
  font-style:normal;
  line-height:1.6;  
}

.txt_waku2 { /* 注意表記（赤枠つき）【div】 */
  color:#594b49;
  border:1px solid #ffe4e1; /* 枠色 LavenderBlush */
  background-color:#fff0f5; /* 背景色 misty rose */
  margin:15px 32px 15px 26px; padding:10px;
  line-height:1.6;
}


/* ----------------------------------------- */
/* 改行処理（P）の書式設定                   */
/* ----------------------------------------- */

p { /* 全般 */
  font-size:100%;
  margin:4px 4px 3px 4px;
  padding:10px 25px 6px 25px;
  line-height:1.7;
}

p.print { /*印刷改行処理*/
  page-break-before: always; page-break-after: always;
}

p.line { /* 区切りライン */
  border-bottom:1px solid #999;
  margin:10px 5px 10px 5px;
}

p.spc { /* 余白(スペース)用 */
  margin:6px 0px 5px 3px;
  padding:0px;
}

/* ----------------------------------------- */
/* テーブル装飾                              */
/* ----------------------------------------- */

table.normal { /* ノーマル・テーブルコンテンツ(table) */
  margin:5px 0px 5px 25px;
  line-height:1.45;
}
.normal td { padding:5px; vertical-align:top; } /* ノーマル(td) */

table.cont0 { /* ライン付きテーブルコンテンツ(table ０) */
  margin:8px 0px 8px 0px;
  border: 1px solid #999; 
  border-collapse: collapse; 
}
.cont0 td { /* ライン付きテーブルコンテンツ (０)  */ 
  border: 1px solid #999; 
  padding:0px;
  background-color:#fff;
}

table.cont1 { /* ライン付きテーブルコンテンツ(table ０) */
  margin:8px 0px 8px 0px;
  border: 1px solid #999; 
  border-collapse: collapse; 
}

.cont1 td { /* ライン付きテーブルコンテンツ (１)  */ 
  border: 1px solid #999; 
  padding:5px 5px 5px 12px;
  background-color:#fff;
  line-height:1.45;
  vertical-align:top;
}

table.cont-form { /* Formテーブルコンテンツ(table) */
  margin:8px 0px 8px 0px;
  border-collapse: separate; 
  border-spacing: 0px 10px; 
}

.cont-form td { /* Formテーブルコンテンツ (td)  */
  border:none;
  padding:2px 5px 2px 12px;
}
.cont-form td.line { border-right:2px solid #555; } /* 横の区切りライン */

td.cont1-b { /* ライン付きテーブルコンテンツ (１)- 青  */ 
  border: 1px solid #AEBEC9; 
  padding:5px 5px 5px 12px;
  background-color:#f0faff;
  line-height:1.45;
  vertical-align:top;
}

td.cont1-center { /* ライン付きテーブルコンテンツ (１) 中央揃え */ 
  border: 1px solid #AEBEC9; 
  padding:5px 5px 5px 12px;
  background-color:#f0faff;
  line-height:1.45;
  vertical-align:top;
  text-align:center;
}

td.cont1-g { /* ライン付きテーブルコンテンツ (１)- 緑 */
  border: 1px solid #999; 
  padding:5px 5px 5px 12px;
  background-color:#f6fffb;
  line-height:1.45;
  vertical-align:top; 
}

td.cont1t { /* ライン付きテーブルコンテンツ (１)- タイトル用 */
  font-weight:bold;
  border: 1px solid #999; 
  padding:5px 5px 4px 12px;
  background-color:#707070;
  line-height:1.45;
  color: #ffffff;
  vertical-align:top;
  letter-spacing:2px;
}

td.cont1t-b { /* ライン付きテーブルコンテンツ (１)- タイトル用 */
  font-weight:bold;
  border: 1px solid #9a9; 
  padding:5px 5px 4px 12px;
  background-color:#3E87BD;
  line-height:1.45;
  color: #ffffff;
  vertical-align:top;
  letter-spacing:2px;
}

td.cont1t-g { /* ライン付きテーブルコンテンツ (１)- タイトル用 */
  font-weight:bold;
  border: 1px solid #9a9; 
  padding:5px 5px 4px 12px;
  background-color:#008080;
  line-height:1.45;
  color: #ffffff;
  vertical-align:top;
  text-align:center;
  letter-spacing:2px;
}

td.cont2 { /* ライン付きテーブルコンテンツ (２) */
  border: 1px solid #AEBEC9; 
  padding:5px 5px 5px 12px;
  background-color:#f9fdff;
  line-height:1.6;
}

td.cont2-center { /* ライン付きテーブルコンテンツ (２)- 緑 (中央揃え) */
  text-align:center;
  border: 1px solid #AEBEC9; 
  padding:5px 4px 4px 4px;
  background-color:#f9fdff;
  line-height:1.45;
}

td.cont2-g { /* ライン付きテーブルコンテンツ (２)- 緑 */
  border: 1px solid #C1CFC1; 
  padding:5px 5px 5px 8px;
  background-color:#fbfffd;
  line-height:1.45;
}

td.cont2-g-center { /* ライン付きテーブルコンテンツ (２)- 緑 (中央揃え) */
  text-align:center;
  border: 1px solid #C1CFC1;
  padding:5px 4px 4px 4px;
  background-color:#fbfffd;
  line-height:1.45;
}

table.cont-u0 { /* 下ライン付き テーブルコンテンツ(table) */
  margin:8px 0px 12px 0px;
  border:none; 
  border-collapse: collapse; 
}

.cont-u0 td { /* 下ライン付き テーブルコンテンツ (０) */
  vertical-align:top;
  border-bottom: 1px solid #777; 
  padding:4px 3px 4px 18px;
  font-family: monospace,"ＭＳ ゴシック","Osaka−等幅";
  letter-spacing:1px;
}

td.cont-u0t { /* 下ライン付き テーブルコンテンツ (タイトル用) */
  vertical-align:top;
  border-bottom: 1px solid #447297; 
  padding:3px 3px 3px 18px;
  letter-spacing:1px;
  font-size:108%;
  font-weight:bold;
}

td.cont-u0tc { /* 下ライン付き テーブルコンテンツ (タイトル用／背景色付き) */
  vertical-align:top;
  border-bottom: 1px solid #447297; 
  padding:3px 3px 3px 18px;
  letter-spacing:1px;
  font-size:102%;
  font-weight:bold;
  background-color:#7DCCF3;
  color:#00499E; /*青*/
}

td.cont-u0-center { /* 下ライン付き テーブルコンテンツ (中央揃え) */
  vertical-align:top;
  border-bottom: 1px solid #447297; 
  padding:4px 3px 4px 4px;
  font-family: monospace,"ＭＳ ゴシック","Osaka−等幅";
  letter-spacing:1px;
  text-align:center;
}

/* ----------------------------------------- */
/* イメージ書式設定                            */
/* ----------------------------------------- */
/* 写真(ノーマル) */
.img_n { margin-top:2px; margin-bottom:2px; }
.img_n img { vertical-align:bottom; } /* IE余白の対策 */

.img_b { /* 写真(枠付き) */
  margin-top:2px; margin-bottom:2px;
  border:1px solid #555;
}

.img_l { /* 写真のテキスト回り込み（左） */
  float:left;
  margin-right:12px;
  border:1px solid #555;
}

.img_r { /* 写真のテキスト回り込み（右） */
  float:right;
  margin-left:12px; margin-right:6px;
  border:1px solid #555;
}

.sumb { /* 資料サムネイル（リンク枠あり） */
  margin:3px auto 3px auto;
}
A:link .sumb , A:visited .sumb{ border:1px solid #333; }
A:hover .sumb{ border:1px solid red; }


/* ----------------------------------------- */
/* フォーム装飾                             */
/* ----------------------------------------- */

/* フォーム */
INPUT,TEXTAREA,SELECT {
  border:1px solid #555555;
  background-color :#fff;
  color:#555555;
  letter-spacing:1px;
  font:0.95em/1.45em 'ＭＳ Ｐゴシック','Osaka','san-serif';
}

/* フォーム・ボタン */
input.btn1{ 
  font-size:100%;
  background-color:#ffffdd;
  border-color:#555;
}
input.btn2{ 
  font-size:110%;
  font-weight:bold;
  background-color:#ffdddd;
  border-color:#555;
  margin-left:20px;
  padding-left:12px; padding-right:12px;
}

input.txtform { /* テキストフォーム装飾 */
  font-size:105%;
  height:20px;
  padding:1px 5px 1px 5px;
}

textarea.txtarea { /* テキストエリア装飾 */
  font-size:105%;
  height:auto;
  line-height:1.6;
  padding:2px 5px 2px 5px;
}

/* チェックボックス／ラジオボタン */
input.ckbox,input.rdbox { 
  vertical-align: middle !important;
  /*width : 18px !important;*/
  /*height: 18px !important;*/
  margin-right:3px !important;
  border:none !important;
  background-color:transparent !important;
}