@charset "shift_jis";

/* -------------------------------------------------------------

[1] レイアウトに関する指定
[2] ヘッダーブロック内に関する指定
[3] コンテンツブロック内に関する指定
[4] サイドバーブロック内に関する指定
[5] フッターブロック内に関する指定
[6] CSSデザインサンプルリンク指定

----------------------------------------------------------------
CSSデザインサンプ [ URL ] http://www.css-designsample.com
------------------------------------------------------------- */


/* 一括で全ての要素の余白をゼロに指定 */
* {
  margin: 0;
  padding: 0;
}

/* 全体的なリンク */

a:link,
a:visited,
a:hover,
a:active { text-decoration: underline; }

a:link { color: #00f; }
a:visited { color: #90f; }
a:hover { color: #f00; }
a:active { color: #f00; }

/* -------------------------------------------------------------
   [1] レイアウトに関する指定 */

body {
  font-size: 75%;
  text-align: center;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  padding: 0;
  margin: 0;
  background: url(img/bg-body.gif) repeat-x 0 0;
  background-attachment: fixed;
  }

#wrapper {
  text-align: left;
  margin: 40px auto 0;
}

#header { height: 60px; }
/* 

#header-inner {
  margin-left: 250px;
  border-bottom: 1px solid #666;
}
 */
#container { width: 100%; }

#contents {

  width: 550px;
  float: left;
  margin-left:20px;
  color: #000;
}


#footer {
  padding: 20px 0 30px;
/*  background: url(img/bg-footer.gif) repeat-x 0 100%;*/
  
background: url(img/bg-footer.jpg);
      background-attachment: fixed;
      background-position: 100% 100%;
      background-repeat: no-repeat;}  
  
}

/* -------------------------------------------------------------
   [3] テーブル設定 */

/* テーブルidからCLASSへ変更用ここから↓ */
.tbl_setA {
border-collapse: collapse; /* 枠線の表示方法 */
border: 1px #1CCCC6 solid; /* テーブル全体の枠線（太さ・色・スタイル） */
}

.tbl_setA TD {
border: 1px #1CCCC6 solid; /* セルの枠線（太さ・色・スタイル） */
}
.tbl_setA TR {
border: 1px #1CCCC6 solid; /* セルの枠線（太さ・色・スタイル） */
}
/* テーブルidからCLASSへ変更用ここまで↑ */

/* テスト用ページテーブルidからCLASSへ変更用実験↓ */
.table1 {
width: 500px; /* テーブルの横幅 */
border-collapse: collapse; /* 枠線の表示方法 */
border: 1px #1C79C6 solid; /* テーブル全体の枠線（太さ・色・スタイル） */
}

.table1 TD {
border: 1px #1C79C6 solid; /* セルの枠線（太さ・色・スタイル） */
}

/* テスト用ページテーブルidからCLASSへ変更用実験↑ */
/* 上をいじってるうちに枠線がくっついたんだけど、何故なのかわからない↑ */



/* id指定されている */
#tbl_setA{
	border:#CC0000 solid 1px;
	border-collapse:collapse;
	margin:0;
	}
/* ↓調査済み */
#tbl_setA th{
	border:#333333 solid 1px;
	background:url(img/bg_th_a.gif);
	padding:6px;
	color:#333333;
	text-align:center;
	}
/* ↓調査済み */
#tbl_setA td{
	border:#333333 solid 1px;
	padding:6px;
	}

#tbl_setB{
	border:#CC0000 solid 1px;
	border-collapse:collapse;
	margin:0;
	}
#tbl_setB th{
	border:#CC0000 solid 1px;
	background:url(img/bg_th_a.gif);
	padding:6px;
	color:#CC0000;
	text-align:center;
	}
#tbl_setB td{
	border:#CC0000 solid 1px;
	padding:6px;
	}

/* -------------------------------------------------------------
   [3] HR経線設定 */

hr {
   border-width: 1px 0px 0px 0px; /* 太さ */
   border-style: solid; /* 線種 */
   border-color: #666; /* 線色 */
   height: 1px; /* 高さ */
}

/* -- 破線設定 -- */
hr.hasen {
height: 1px;
border: none;
border-top: 1px #666 dashed;
}

/* -- テキストspan設定 -- */

/* -- テキスト赤文字 -- */
span.class1{color : #FF0000;}

/* -- テキスト赤文字下線 -- */
span.class2{text-decoration: underline;color:red;}

/* -- テキスト赤背景 -- */
span.class3{background-color : #FF6600;}

/* -- テキスト青文字 -- */
span.class4{color : #3c47ff;}

/* -- テキスト青_太文字 -- */
span.class5{color : #3c47ff;font-weight:bold;}

/* -- テキスト薄_文字_参加条件 -- */
span.class7{color : #B7577E;}

/* -------------------------------------------------------------
   [2] ヘッダーブロック内に関する指定 */

/* -- キーワード -- */
h1 {
  font-size: 100%;
  font-weight: normal;
  color: #666;
}

/* -- 企業名｜ショップ名｜タイトル -- */
.logo {
  font-size: 130%;
  text-align: left;
  margin: 0 0 0 320px;
}

.logo a {
  text-decoration: none;
  color: #000;
}

.logo a:hover {
  text-decoration: none;
  color: #f00;
}

/* -- ページの概要 -- */
.description {
  margin-bottom: 10px;
  color: #666;
margin-left:20px;
}

/* -------------------------------------------------------------
   [3] コンテンツブロック内に関する指定 */

/* -- 見出し -- */
h2,h3,h4,h5 {
  font-size: 120%;
  padding: 1em 0 1em 25px;
  background: url(img/bg-h.gif) no-repeat 0 50%;
}

h3,h4,h5 { margin-top: 3em; }

/* -- 第６見出しはリスト用 -- */
h6 {
margin: 10px;
width:12em;
font-size: 120%;
border:solid #666666;
border-width:0 0 1px 12px;
padding:0.4em 0.4em;
text-align:left;
}

/* -- 文字 -- */
#contents p {
  line-height: 1.6em;
  margin-bottom: 0.5em;
}

/* -------------------------------------------------------------
   [4] サイドバーブロック内に関する指定 */

/* -------------------------------------------------------------
   [5] フッターブロック内に関する指定 */

#footer p { 
text-align: left;
padding-top: 70px;
margin-left:20px;
clear: both;
 }

/* -------------------------------------------------------------
   [6] CSSデザインサンプルリンク指定 */