@charset "shift_jis";
/*-------------------------------------------------------------
	基本設定
-------------------------------------------------------------*/
* {margin: 0px;padding: 0px;}/* 各ブラウザの独自解釈をリセット */

body, div, ol, ul, dl, form{
	margin: 0;
	padding: 0;
}

p, h1, h2, h3, h4, h5, h6, dt, dd, input, textarea{
	margin: 0;
	padding: 0;
	font-size: 100%;
}

body {
	height: 100%;
	margin: 0 auto;
	padding: 0;
	border: 0;
	background: url(../image/bg.gif) repeat-y center top #000;
	color: #333;
	font: normal 100% 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック';
	font-size: 10pt;
	line-height: 1.6;
	text-align: center;
	*font-size: 81.25%; /*for IE6,IE7*/
}


.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

a{outline:none;}
a img{border:none;background:transparent;}/* 画像のリンクのボーダーを消す */

a:link {text-decoration: none;color: #f39;}
a:visited {text-decoration: none;color: #f39;}
a:hover {text-decoration: underline;color: #f39;}
a:active {text-decoration: none;color: #f39;}



/*-------------------------------------------------------------
	サイト構成
-------------------------------------------------------------*/
#header{
	width: 950px;
	margin: 0 auto;
}

#header.indexbg{
	background: url(../image/h1.jpg) no-repeat center top #fff;
	padding: 240px 0 0 0;
}

#header h1{
	margin: 0;
	padding: 0;
}

#header.indexbg h1{
	display: none;
}

#content{
	clear: both;
	width: 950px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

#footer{
	width: 946px;
	margin: 0 auto;
	padding: 5px 0;
	background: #660;
	font-size: 9pt;
	text-align: center;
}

#footer.color0{
	background: #ff0;
	color: #333;
}

#footer.color1{
	background: #89c540;
	color: #333;
}

#footer.color2{
	background: #f00;
	color: #fff;
}

#footer.color2 a:link {text-decoration: none;color: #ff0;}
#footer.color2 a:visited {text-decoration: none;color: #ff0;}
#footer.color2 a:hover {text-decoration: underline;color: #ff0;}
#footer.color2 a:active {text-decoration: none;color: #ff0;}



#footer.color3{
	background: #666;
	color: #fff;
}