/* Stylesheet for the Art-group document */

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

body,td { /* ▼ページ・テーブル全般 */
  color: #2f4f4f; 
  font-family: "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3";
  font-size: 13px;
}

body { /* ページ詳細設定 */
  margin-top:20px;  margin-bottom:20px;
  background-color:#fff;
}

div.contents { /* コンテンツ全体 */
  width:100%;
  margin-left: auto; /* 左側のマージン */ 
  margin-right: auto; /* 右側のマージン */ 
  text-align:center;
}

/* ----------------------------------------- */
/* 各ページのメニュー部                      */
/* ----------------------------------------- */

td.menu_side { /* サイド枠 */
  background-color: #d73d35;
}

td.menu_image { /* イラストイメージ枠 */
  border-top:5px solid #d73d35;
  border-bottom:5px solid #d73d35;
  background-color:#ffffff;
}

td.menu_photo { /* フォトイメージ枠 */
  border:5px solid #d73d35;
  background-color:#ffffff;
}

td.menu_cont { /* メニュー枠 */
  border-top:5px solid #d73d35;
  border-bottom:5px solid #d73d35;
  background-color:#ff681f;
}

div.menu_text {   /* メニュー部テキスト（小） */
  line-height:100%;
  font-size: 10px;
  text-align:center;
  line-height:135%;
}
/* メニュー部テキスト（小）リンク設定 */
  .menu_text A {color:#fff; text-decoration:none;}
  .menu_text A:hover {color:#ffdddd; text-decoration:underline;}

/* ----------------------------------------- */
/* コンテンツ部（メイン）                    */
/* ----------------------------------------- */

td.contents_main { /* コンテンツ・メイン */
  border-bottom:5px solid #d73d35;
  background-color: #fff;
  vertical-align:top;
}

td.contents_right { /* コンテンツ・右配置バナー */
  border-left:5px solid #d73d35;
  border-right:5px solid #d73d35;
  border-bottom:5px solid #d73d35;
  background-color: #ffeedc;
  vertical-align:top;
}

div.navi {   /* メニュー部テキスト（小） */
  margin:8px;
  font-size: 10px;
  line-height:135%;
}

/* ----------------------------------------- */
/* 装飾（h1〜h6）の書式設定                  */
/* ----------------------------------------- */

h1.logo { /* タイトルロゴ */
  color:#555;
  padding:0px 0px 0px 6px;
  margin:10px; 5px 3px 8px;
}

h2 { /* ページタイトル */
  font: bold 24px 'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3';
  color:#555;
  padding:2px;
  margin:6px;
  letter-spacing:2px;
  border-bottom:2px solid #ff681f;
}

h3 { /* タイトル（トピック） */
  font: bold 18px;
  color:#013601;
  padding:2px;
  margin:8px 5px 8px 5px;
  line-height:150%;
  letter-spacing:1px;
  border-bottom: 1px dotted #555;
}

/* ----------------------------------------- */
/* リスト（ul）の書式設定                    */
/* ----------------------------------------- */

ul { /* ▼リスト全般 */
  margin-left:28px;  margin-bottom:5px;
  line-height:150%;
}

ul.cont1 { /* ▼リスト1 */
  margin-left:28px;  margin-bottom:5px;
  line-height:150%;
}

li.cont1 {
  font-size:16px; line-height:160%;
}

/* ▼各ページのコンテンツメニュー */
ul.cont2{ margin: 5px 10px 0px -8px; width:480px;}
.cont2 li{
  float: left;
  display:inline;
  list-style-type:none;
  padding:0px;
  margin-left:8px;
  font:normal 13px "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Osaka";
  background-color:#ee3333;
  color:#ffffff;
  width:110px;
  text-align:center;
  line-height: 140%;
  letter-spacing:1px;
}

/* 各ページのコンテンツメニュー用リンク設定 */
.cont2 A {display:block; color:#ffffff; text-decoration:none;
          background-color:#555555; border-bottom:2px solid #ff6633;margin-bottom:-2px;}
.cont2 A:hover {color:#ffffff; text-decoration:none;
          background-color:#ee3333; border-bottom:2px solid #eee;}



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

div.main { /* メイン */
  line-height:150%;
  padding: 4px;
  margin-left: 15px;
  margin-right: 15px;
}

div.txt { /* テキスト一般 */
  line-height:160%;
  margin: 5px 8px 5px 6px;
}

div.txt_s { /* テキスト（小） */
  line-height:135%;
  font-size: 10px;
}

div.txt_t{ /* テキスト（等幅） */
  line-height: 150%;
  font-family:ＭＳ ゴシック, Osaka−等幅;
}

span.date { /* 日付 */
  color:#ff0000;
  font-size: 11px;
  font-weight:normal;
}

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

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

td.cont1 { /* ライン付きテーブルコンテンツ(td) */
  font-size: 13px;
  border: 1px solid #9a9; 
  color:#030;
  padding:5px;
  background-color:#f6fffb;
 line-height:135%;
}

/* ----------------------------------------- */
/* フッタ情報                                */
/* ----------------------------------------- */

/* コピーライト */
div.copyright1 {
  font-family: verdana, Helvetica;
  color:#fff;
  padding:5px;
  background : #ff6600;
  display: block;
  width:100%;
  font-size:10px;
  text-align: right;
}

/* リンク */
A {color: #ff6600;}
A:hover {color:#ff0000; text-decoration:underline;}


/* フォーム */
INPUT,TEXTAREA,SELECT {
  border:1px solid #555555;
  background-color :#fff;
  color:#555555;
  font:0.95em/1.45em 'MS UI Gothic','Osaka','san-serif';
}

/* フォーム・ボタン */
input.btn{ 
  width:18px;
  background-color:#ffffff;
  border-color:#ffffcc;
}