/* テーブルのスタイル */
table{ line-height:13pt;
         
}
/* リンクのスタイル */
a:link {
	color: #0380b7;
	font-size: 12px;
	text-decoration: none;
}
a:visited {
	font-size: 12px;
	color: #74488B;
	text-decoration: none;
}
a:hover {
	font-size: 12px;
	font-weight: normal;
	color: #0066CC;
text-decoration: underline;
	
}
a:active {
	font-size: 12px;
	color: #da4740;
	text-decoration: none;
}

/* 見出しのスタイル */
h1 {
	margin: 0px;
	padding: 0px;
}

h2 {
	font-size: 14px;
	font-weight: normal;
	color: #222222;
	margin: 0px;
	padding: 0px;
}


h3 {
	font-family: メイリオ, "ヒラギノ角ゴ Pro W3", Osaka;
	font-size: 42px;
	font-weight: normal;
	color: #333333;
	margin: 0px;
	padding: 0px;
}
/* 
h4 {
	font-family:  メイリオ,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 14px;
	font-weight: bold;
	color: #333333;

margin:0px 0px;
padding:0 0 3px 9px;
border-left:6px solid #F24472;
*/

h4{
padding:2px 10px;
border:0px solid #aaaaaa;
border-top:0px solid #0000ff;
border-left:10px solid tomato;
background: #efefef; 
}       
h5 {
	font-family: メイリオ,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 20px;
	font-weight: bold;
	color:#C5BBAB;		/*  #ab7474 #2F4F4F BC8F8F */
margin:6px 0px 0px 0px;
padding:7px 0 3px 9px;
border-left: 6px solid #a19788 ;
}

h6 {
	font-family: メイリオ,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
margin:0px 0px;
padding:0 0 3px;
border-left:0px ;
}

h7 {
	font-family: メイリオ,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 16px;
	font-weight: normal;
	color: #736F5E;
margin:0px 0px;
padding:0 0 3px ;
border-left:0px ;
}

h8 {
	font-family: メイリオ,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 20px;
	font-weight: bold;
	color: #00ff00;
margin:0px 0px;
padding:0 0 3px ;
border-left:0px ;
}

h9 {
	font-size: 14px;
	font-weight: normal;
	color: #00ff00;
	margin: 0px;
	padding: 0px;
}

/* タグのスタイル */
p {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: small;
	line-height: 130%;
	color: #333333;
	margin: 0px;
	padding: 0px 0px 5px;
}
address {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: small;
	font-style: normal;
	font-weight: bold;
	color: #333333;
	background-color: #FFFFFF;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
li {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: small;
	background-color: #FFFFFF;
	color: #333333;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
	margin: 0px;
}
ul {
	background-color: #FFFFFF;
	color: #D4D0C8;
	list-style-position: outside;
	list-style-type: disc;
	margin: 5px 0px 15px;
	padding: 0px 0px 0px 20px;
}



/*------------------------------------  #navbarのCSSサンプル --------------- */

/* ナビゲーションバーの表示指定 */
#navbar{
  width:100%; /* ←このような記号で囲まれているこの部分はすべて注釈→ */
  height:40px;
  background-color:#2b2b2b; /* 背景色 2b2b2b */
  border-color:#ffffff #ffffff #ffffff #ffffff; /* 枠の色、順番は「上、右、下、左」 */
  border-width:0px 0px 0px 0px; /* 枠の太さ、指定が3つの時の順番は「上、左右、下」 */
  border-style:none; /* 枠の種類、solidは単色 */
  font-size:9pt;
  color:#666; /* 文字色666、この色指定は「#CCCCCC」と同じ意味 */
  white-space:nowrap;
  }

/* 番号なしリスト UL の表示指定 */
#navbar ul{
  margin:0 0 0 0px; /* 0の場合の単位は省略可 、指定が4つの時の順番は同様に「上、右、下、左」 */
  padding:0px 0 0; /* 指定が3つなら「上、左右、下」、もし2つなら「上下、左右」*/
  list-style:none; /* リストマークを非表示に */
  font-size:100%;
  }

/* リスト項目 LI の表示指定 */
#navbar li{
  float:left; /* 左にフロートさせて1行に納める */
/*   width:100px; /* フロートの幅を指定 */
  margin:0; /* マージン指定 値が1つなので「上下左右のマージンが0」*/
  padding:0; /* パディング指定 */
  border-top:solid 0px #333; /* 枠の種類、太さ、色をこのように一括で指定しても良い */
  border-right:solid 0px #444;
  border-left:solid 0px #999;
  border-bottom:solid 0px #666;
  background-color:#2b2b2b; /* リスト項目背景色 */
  background-image:none; /* 背景画像なし */
  line-height:36px; /* 行間隔 */
  text-align: center; /* 文字中揃え */
  text-indent:0;
  color:#FFFfbe;
  }

 /* tp 背景を透明に */
#navbar li.tp{
  background-color: transparent;
  border-width: 0px ;
  padding:0 5px 0 15px;
  text-align: right; /* 文字右揃え */
  }

  /* strong 文字を強調 */
#navbar strong{font-weight:bold;}  /* 改行しないでこのようにも書ける */

 /* リンクされている文字の色指定 */
#navbar a{
  padding:0 12px;
  background-color: transparent;
  font-weight:bold;
  text-decoration:none;  /* 下線表示などの装飾なし */
  }
#navbar a:link{color:#FFF;}  /* リンク部分：表示前 */
#navbar a:visited{color:#FFF;}  /* リンク部分：表示済み */
#navbar a:hover{color:#88FFFF;}  /* リンク部分：オンマウス */
#navbar a:active{color:#333;}  /* リンク部分：オンクリック */

 /* current 表示中のページの文字、背景、ボーダーの色を変更 */
#navbar li.current{
  background-color: #668888;
  border-right-color: #888888;
  color:#FFF; 
  }
#navbar li.current a:link, /* カンマで区切って、次と同じ指定に */
#navbar li.current a:visited{ color:#ECFFFF;}  /* リスト中のリンク部分の指定 */
#navbar li.current a:hover{ color:#B0BFBF;}


p.box {
   padding-top: 4px; /* 内容と線との間隔量 */
   border-bottom: 1px dotted gray;
   padding-bottom: 4px; /* 内容と線との間隔量 */
}



/*------------------------------------  #navbarのCSSサンプル --------------- */

/* ナビゲーションバーの表示指定 */
#navbar2{
  width:100%; /* ←このような記号で囲まれているこの部分はすべて注釈→ */
  height:40px;
  background-color:#2b2b2b; /* 背景色 2b2b2b */
  border-color:#ffffff #ffffff #ffffff #ffffff; /* 枠の色、順番は「上、右、下、左」 */
  border-width:0px 2px 0px 0px; /* 枠の太さ、指定が3つの時の順番は「上、左右、下」 */
  border-style:none; /* 枠の種類、solidは単色 */
  font-size:9pt;
  color:#666; /* 文字色666、この色指定は「#CCCCCC」と同じ意味 */
  white-space:nowrap;
  }

/* 番号なしリスト UL の表示指定 */
#navbar ul{
  margin:0 0 0 0px; /* 0の場合の単位は省略可 、指定が4つの時の順番は同様に「上、右、下、左」 */
  padding:0px 0 0; /* 指定が3つなら「上、左右、下」、もし2つなら「上下、左右」*/
  list-style:none; /* リストマークを非表示に */
  font-size:100%;
  }

/* リスト項目 LI の表示指定 */
#navbar li{
  float:left; /* 左にフロートさせて1行に納める */
/*   width:100px; /* フロートの幅を指定 */
  margin:0; /* マージン指定 値が1つなので「上下左右のマージンが0」*/
  padding:0; /* パディング指定 */
  border-top:solid 0px #333; /* 枠の種類、太さ、色をこのように一括で指定しても良い */
  border-right:solid 0px #444;
  border-left:solid 0px #999;
  border-bottom:solid 0px #666;
  background-color:#2b2b2b; /* リスト項目背景色 */
  background-image:none; /* 背景画像なし */
  line-height:36px; /* 行間隔 */
  text-align: center; /* 文字中揃え */
  text-indent:0;
  color:#FFFfbe;
  }

 /* tp 背景を透明に */
#navbar li.tp{
  background-color: transparent;
  border-width: 0px ;
  padding:0 5px 0 15px;
  text-align: right; /* 文字右揃え */
  }

  /* strong 文字を強調 */
#navbar strong{font-weight:bold;}  /* 改行しないでこのようにも書ける */

 /* リンクされている文字の色指定 */
#navbar a{
  padding:0 12px;
  background-color: transparent;
  font-weight:bold;
  text-decoration:none;  /* 下線表示などの装飾なし */
  }
#navbar a:link{color:#FFF;}  /* リンク部分：表示前 */
#navbar a:visited{color:#FFF;}  /* リンク部分：表示済み */
#navbar a:hover{color:#88FFFF;}  /* リンク部分：オンマウス */
#navbar a:active{color:#333;}  /* リンク部分：オンクリック */

 /* current 表示中のページの文字、背景、ボーダーの色を変更 */
#navbar li.current{
  background-color: #668888;
  border-right-color: #888888;
  color:#FFF; 
  }
#navbar li.current a:link, /* カンマで区切って、次と同じ指定に */
#navbar li.current a:visited{ color:#ECFFFF;}  /* リスト中のリンク部分の指定 */
#navbar li.current a:hover{ color:#B0BFBF;}


p.box {
   padding-top: 4px; /* 内容と線との間隔量 */
   border-bottom: 1px dotted gray;
   padding-bottom: 4px; /* 内容と線との間隔量 */
}



 /* 画像をマウスオーバーしたときに「拡大」する */

.img-block {
  width: 140px;
  height: 70px;
  overflow: hidden;
}
.img-block img {
  transition: 0.5s;
}
.img-block img:hover {
  -moz-transform: scale(1.1,1.1);
  -webkit-transform: scale(1.1,1.1);
  -o-transform: scale(1.1,1.1);
  -ms-transform: scale(1.1,1.1);
}
 /* 画像をマウスオーバーしたときに 半透明にする*/

.alpha a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

 /* 画像の一部を表示する方法Add Star */
div#imgContainer {
  width:318px;
  height:240px;
  position:relative;
  overflow:hidden;
}
div#imgContainer img {
  position:relative;
  left:-20px;
  top:0px;
}







	.size11
		{
		font-size: 11px
		}
	.size12
		{
		font-size: 12px
		}
	.size14
		{ font-size: 14px
		}
	.size16
		{ font-size: 16px
		}
	.size18
		{ font-size: 18px
		}
	.size20
		{ font-size: 20px
		}
	.size21
		{ font-size: 21px
		}
	.size22
		{ font-size: 22px
		}
	.size24
		{ font-size: 24px
		}
	.size26
		{ font-size: 26px
		}
	.size28
		{ font-size: 28px
		}
	.size36
		{ font-size: 36px
		}
	.bold
		{
		font-weight: bold;
		}
	.winered
		{ color: #B3424A;
		}
	.red
		{ color: #ff0000;
		}
	.red2
		{ color: #b22222;
		}
	.darkgray
		{
		color: #666666;
		}
	.darkgray2
		{
		color: #333333;
		}
	.darkgray3
		{
		color: #111111;
		}
	.green
		{
		color: #008080;
		}
	.gray
		{
		color: #a9a9a9;
		}
	.gray2
		{
		color: #696969;
		}
	.gray3
		{
		color: #898989;
		}
	.blue2
		{
		color: #395994;
		}
	.blue
		{
		color: #0017c6;
		}
	.blue1
		{
		color: #274a78;
		}
	.blue3
		{
		color: #c3dfef;
		}
	.white
		{
		color: #ffffff;
		}
	.white_b
		{
		color: #ffffff;
		font-weight: bold;
		font-size: 14px
		}


	.midnightblue
		{
		color: #191970;
		}
	.firebrick
		{
		color: #b22222;
		}

	.orange
		{
		color: #ff8c00;
		}
	.gold
		{
		color: #755c19;
		}
	.winered2
		{ 
		color: #AD353A;
		}
	.boldwinered
		{ color: #980032;
		font-weight: bold;
		}
	.boldblue
		{
		color: #191970;
		font-weight: bold;
		}