body {
	background-image:url(./images/back.jpg);
	margin-top:0px;
	text-align:center;
	line-height:25px;
	font-size:14px;
	color: #cccccc;
}


/*------ 共通定義 ---------*/
*{
	margin:0px;
	padding:0px;
}

img{
	border:0px #FFFFFF solid;
}

a:link { color: #00ffff; }
a:visited { color: #00ffff; }
a:hover { color: #FF8C00; }
a:active { color: red; }


.clears{
	clear:both;
	visibility: hidden;
	height: 0px;
	margin: 0px;
	padding: 0px;
	*position: absolute;
}


/*------- 外枠定義 ----------*/
#outer{
	text-align: left;
	width:824px;
	height:auto;
	margin-left: auto;
	margin-right: auto;
	margin-top:0px;
	padding:0px 0px 0px 21px;
	background-image:url(./images/bg_outer.jpg);
}


/*------- タイトルエリア ----------*/
#title{
	width:800px;
	height:auto;

}
	#title h1{
		font-size:1.0em;
		font-weight:normal;
		font-family:"HGP創英角ｺﾞｼｯｸUB";
		margin:0px 0px 0px 10px;
	}

/*------- ヘッダーエリア ----------*/
#head{
	margin:0px 0px 0px 0px;
	width:800px;
	height:100px;
	border:0px gray solid;
	background-image:url(./images/bg_head.jpg);
	border-top:2px #6F190E solid;
	border-bottom:1px #6F190E solid;
}


	#head h2{
		color: #ff0000;
		margin:30px 0px 0px 30px;
		font-size:1.6em;
		font-weight:normal;
		height:auto;
		font-family:"HGP創英角ｺﾞｼｯｸUB";
	}
	#head p{
		margin:10px 0px 0px 30px;
		font-size:1.0em;
		height:auto;
	}



/*

/*------- メインエリア ----------*/

#main{
	width:800px;
	height:auto;
	border:0px gray solid;
	margin:0px 0px 0px 0px;
	background-color: #000000;
	padding:10px 0px 30px 0px;
}

	#main .box_normal{
		width:740px;
		height:auto;
		margin:40px 0px 0px 20px;
	
	}
		#main .box_normal h3{
			background-image:url(./images/bg_h3.jpg);
			background-repeat:no-repeat;
			padding:3px 0px 0px 30px;
			height:38px;
			width:634px;
			font-family:"HGP創英角ｺﾞｼｯｸUB";
			font-size:1.2em;
			font-weight:normal;
		}

グローバルナビゲーションの指定
-----------------------------------------------------------------------
リストの増減可能です

デフォルトでは各リスト幅は143pxです。
リスト右側に線を設けていますので[2px] 実際の幅は141pxとなります。
カスタマイズの際はこの点に注意！
-----------------------------------------------------------------------

[G1]配置と背景
[G2]各リストの幅指定
[G3]背景とリンク色指定
[G4]マウスオーバー時の背景と文字色指定  */

/*
[G1]配置と背景
------------------------------------------------------------------------*/
#globalnavi {
  list-style-type: none;
  height: 40px;
  overflow: hidden;
  margin: 0;
  padding: 0;
  position: absolute;
  bottom: 0;
  left: 10px;
}

/*
[G2]各リストの幅指定 カスタマイズ時はここを変更
------------------------------------------------------------------------*/
#globalnavi li {
  float: left;
  width: 160px;
  line-height:1;
  margin: 0;
  padding: 0;
 list-style-type: none;
}

/*
[G3]背景とリンク色指定
------------------------------------------------------------------------*/
#globalnavi a {
  text-decoration: none;
  text-align: center;
  display: block;
  width: 158px;
  height: 25px;
  padding: 7px 0 0;
  overflow: hidden;
  background-color: #013334;
  color: #eee;
  border: 1px outset #013334;
}

/*
[G4]マウスオーバー時の背景と文字色指定
------------------------------------------------------------------------*/
#globalnavi a:hover {
  text-decoration: none;
  background-color: #666600;
  color: #fff;
  border: 1px outset #333;
}

/*
/*------- フッターエリア ----------*/

#footer{
	width:800px;
	height:40px;
	border-top:1px #6F190E solid;
	text-align:center;
	padding:0px 0px 0px 0px;
}

#footer #copy{
	width:800px;
	text-align:right;
	font-size:80%;
}

#footer a:link { color: #cccccc; }
#footer a:visited { color: #cccccc; }
#footer a:hover { color: #FF8C00; }
#footer a:active { color: red; }
#footer a {
text-decoration: none;
}

