@charset "utf-8";

/*全ての行間を詰める設定*/
h1,h2,h3,h4,h5,h6,p,ul,ol,dl{
  margin-top: 0;
  margin-bottom: 0;
}

/*基本設定*/
body{
	text-align:center;/* box centering */
	font-family:Osaka, "ＭＳ Ｐゴシック";
	font-size:80%;
	background:#ffffff;	/* バックの色 */
	}

/*ヘッダ*/
#head{	/* 飛び先ボタンの設定 */
	position:relative;	/* relative：位置を元の位置からづらす */
				/* stateic：Left、Topは効かなくなる */
	width:800px;	/*ヘッダのバックの長さ*/
	height:39px;	/*ヘッダのバックの高さ*/
	background:#FFFFFF;	/*ヘッダのバックの色*/
	border-top:1px solid #A7B1BE;	/*ヘッダのバックの色*/
	border-left:1px solid #fad86d;
	border-right:1px solid #A7B1BE;		/*ヘッダの右周りの色*/
	border-bottom:1px solid #A7B1BE;	/*ヘッダの下の色*/
	}

/*画像の後ろの文字*/
#head h1{
	margin:0;
	padding:0;
	position:absolute;
	font-size:130%;
	top:-1px;
	left:1px;	/* 画像の左端からの位置指定 */
	}

#head h1 img{
	border:none;
	}

/*ヘッダ－の右端のボタンの文字*/
#head ul{
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	top:15px;
	right:15px;
	}

#head li{
	line-height:1em;
	padding-left:10px;
	background:url(../imag/head_triangle.gif) no-repeat;
	display:inline;
	margin:0 5px;
	}
#head li a{
	color:#333333;
	text-decoration:none;
	}

/*フッター*/

#footer h3{
	color:#ffffff;
	text-align:center;
	line-height:1em;
	margin:0;
	padding:8px 0;
	background:#A7B1BE;
	}

#data01 h3{
	color:#333333;
	text-align:center;
	line-height:1em;
	margin:0;
	padding:8px 0;
	background:#FFFFFF;
	}

#footer-gototop {
	float: right;
}

/*CSSハック*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */