/*========================================

	● ページ全体の設定

========================================*/

body {
  font-family: Verdana, Arial, Helvetica, sans-serif, "ＭＳ ゴシック","Hiragino KaKu Gothic Pro", Osaka;
  margin: 0;
  padding: 0;
  color:#000000;
}

a:link {color:#3399FF;}
a:visited {color:#3399FF;}
a:hover {color:#3399FF;text-decoration:none;}

a img {
  border-style:none;
}

p {
  line-height: 150%;
  letter-spacing: 1px;
  font-size:14px;
}

/*========================================

	● メイン

========================================*/
/* --全体の幅-- */
#wrapper {
	margin: 0 auto 0 auto;
	width:800px;
	/* --background-image: url(../img/bg.gif);-- */
}

/* --ヘッダー-- */
#header {
	margin: 0;
	padding: 0;
	width:800px;
	height:54px; /* 通常は525 */
	background-image: url(/img/nanaencelogo.png);
	background-position:center center;
	background-repeat:no-repeat;
}


/* テーブルにスタイルを適用 */
table {
  width: 600px;
  border-spacing: 0;
  font-size:14px;
}

/* th要素にスタイルを適用(一番上の行) */
table th {
  width: 80px;
  color: #fff;
  padding: 8px 15px;
  /* background: #258; */
  background: #019875;
  /* background:-moz-linear-gradient(rgba(34,85,136,0.7), rgba(34,85,136,0.9) 50%); */
  background:-moz-linear-gradient(rgba(1,152,117,0.7), rgba(1,152,117,0.9) 50%);
  /* background:-webkit-gradient(linear, 100% 0%, 100% 50%, from(rgba(1,152,117,0.7)), to(rgba(1,152,117,0.9))); */
  background:-webkit-gradient(linear, 100% 0%, 100% 50%, from(rgba(1,152,117,0.7)), to(rgba(1,152,117,0.9)));
  font-weight: bold;
  border-left:1px solid #019875;
  border-top:1px solid #019875;
  border-bottom:1px solid #019875;
  line-height: 120%;
  text-align: left;
  /* text-shadow:0 -1px 0 rgba(34,85,136,0.9); */
  text-shadow:0 -1px 0 rgba(1,152,117,0.9);
  box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
}

/* 最初にあるth要素にスタイルを適用 */
table th:first-child {
  border-radius: 5px 0 0 0;	
}

/* 最後にあるth要素にスタイルを適用 */
table th:last-child {
  border-radius:0 5px 0 0;
  border-right:1px solid #019875;
  box-shadow: 2px 2px 1px rgba(0,0,0,0.1),0px 1px 1px rgba(255,255,255,0.3) inset;
}

/* すべてのtd要素にスタイルを適用 */
table tr td {
  padding: 8px 15px;
  /* border-bottom: 1px solid #84b2e0; */
  border-bottom: 1px solid #3f9976;
  border-left: 1px solid #3f9976;
  text-align: left;
}

/* tr要素内にある最後にtr要素にスタイルを適用 */
table tr td:last-child {
  border-right: 1px solid #3f9976;
  box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
}

/* 横の列に対し、交互に背景色を入れる */
table tr {
  background: #fff;
}
table tr:nth-child(2n+1) {
  /* background: #f1f6fc; */
  background: #81cbba;
}

/* 最後のtr要素の中にあるtd要素にスタイルを適用 */
table tr:last-child td {
  box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
}

/* 最後のtr要素の中にある最初のtd要素にスタイルを適用 */
table tr:last-child td:first-child {
  border-radius: 0 0 0 5px;
}

/* 最後のtr要素の中にある最後のtd要素にスタイルを適用 */
table tr:last-child td:last-child {
  border-radius: 0 0 5px 0;
}

/* マウスを乗せたときに行全体の背景色が変わるようにする */
table tr:hover {
  /* background: #bbd4ee; */
  background: #3f9976;
  cursor:pointer;
}