/************************************************
        デザインテンプレート WEB用 #001
 (C) chocolat* ... http://petit-chocolat.net/
************************************************/


/* スクロールバーの設定 */
body {
  scrollbar-face-color:#f1f1f1;
  scrollbar-track-color:#f1f1f1;
  scrollbar-arrow-color:#808080;
  scrollbar-3dlight-color:#808080;
  scrollbar-highlight-color:#ffffff;
  scrollbar-shadow-color:#dfdfdf;
  scrollbar-darkshadow-color:#808080;
}


/* 全体の余白・背景色・背景画像の設定 */
body {
  margin:0px;
  padding:0px;
  background-color:#fff;
  background-image:url(image/bg.gif);
}


/* 全体の文字サイズ・文字種・文字色 */
body, table {
  font-size:12px;
  font-family:Verdana,Helvetica,sans-serif;
  color:#333333;
}


/* 全体のリンクの設定 */
a:link    { text-decoration:none; color:#6f6889; }
a:active  { text-decoration:none; color:#6f6889; }
a:visited { text-decoration:none; color:#6f6889; }
a:hover   { text-decoration:none; color:#b07a7a; }


/* 小さい文字 */
small { font-size:10px; }


/* 各表示テーブルの設定 */
.Table_main {      /* ←全体の表示テーブル */
  width:770px;
  border:solid 1px #c7c4c4;
}
.Table_field {   /* ←各コンテンツ表示テーブル */
  background:#fff;
}
.Table_logo {   /* ←ロゴ表示テーブル */
  background:url(image/pic.jpg) no-repeat;
  width:768px;
  height:230px;
}
.Table_menu {   /* ←メニュー表示テーブル */
  width:768px;
  height:25px;
  text-align:center;
  background:#9c9c9c;
}
.Table_contents {   /* ←メインコンテンツ表示テーブル */
  width:470px;
  text-align:left;
  padding-left:10px;
}
.Table_sidecontents {  /* ←サイドコンテンツ表示テーブル */
  width:283px;
  text-align:right;
  padding-right:10px;
}
.Table_cho {   /* ←著作権表示テーブル */
  padding-top:10px;
  padding-bottom:5px;
  text-align:center;
}


/* タイトルロゴの設定 */
h2.titlelogo {
  color:#fff;
  font-size:22px;
  margin-left:20px;
  margin-top:40px;
}
h2.titlelogo a:link,
h2.titlelogo a:active,
h2.titlelogo a:visited { text-decoration:none; color:#fff; }
h2.titlelogo a:hover   { text-decoration:underline; color:#eee; }


/* サイトインフォの設定 */
.titleinfo {
  color:#fff;
  font-size:10px;
  text-align:right;
  margin-right:20px;
  margin-bottom:15px;
}


/* メニューの設定 */
.menutitle {
  border:solid 1px #d2d1d2;
  background:#eaeaea;
  text-align:center;
}
.menutitle a:link,
.menutitle a:active,
.menutitle a:visited { text-decoration:none; color:#555; }
.menutitle a:hover   { text-decoration:underline; color:#6f6889; font-weight:bold; }


/* コンテンツ：メイン記事表示部の設定 */
.con_field {
  padding-top:15px;
  padding-bottom:20px;
}
.con_title {
  border-left:solid 8px #7b7b7b;
  border-bottom:dashed 1px #7b7b7b;
  background:#f4f4f4;
  padding:4px 10px 2px 10px;
  font-weight:bold;
  font-size:14px;
}
.con_text {
  background:#fff;
  font-size:12px;
  font-weight:normal;
  text-align:left;
  padding:8px 5px 5px 5px;
  line-height:140%;
}
.con_newly {
  width:98%;
  height:100px;
  border:none;
  overflow:auto;
  line-height:150%;
}


/* 著作権表示部の設定 */
.cho_text {
  text-align:center;
  font-size:10px;
}
.cho_image a:link    { color:#6f6889; text-decoration:none; }
.cho_image a:active  { color:#6f6889; text-decoration:none; }
.cho_image a:visited { color:#6f6889; text-decoration:none; }
.cho_image a:hover   { color:#b07a7a; text-decoration:none; background:transparent; }