/* CSS Document */

/*-----------------------------------

デフォルトCSSを一回リセットする

-------------------------------------*/


* { margin: 0px; padding: 0px; }

img { border: none; }


body { color: #444444; background-color: #ffffff; margin: 0px; padding: 0px; font: 100%; }

/*new*/

/* CSS Document */

/*-----------------------------------

デフォルトCSSを一回リセットする

-------------------------------------*/

* {
	padding: 0px;
	margin: 0px;
}

img {
	border: none;
}


body {
	color: #444444;
	background-color: #ffffff;
	margin:	0px;
	padding: 0px;
	font: 100%;
	overflow-y:scroll;
	font-family: "ＭＳ Ｐゴシック","MS P Gothic","Hiragino Kaku Gothic Pro",Verdana,Arial, Helvetica, sans-serif;
}

/*-----------------------------------

フロート用クリアフィックス

-------------------------------------*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

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


.clear{
	clear:both;
}
.fl_left {float:left;}
.fl_right {float:right;}




body {
	text-arign: center;
	padding: 0px;
}


#content {
	margin: 0px auto;
	width: 805px;
	padding-top: 8px;
	padding-bottom: 0px;
}

<!--ヘッダーのスタイル--＞

body { text-arign: center; padding: 0px;}


#content { margin: 0px auto; width: 800px; padding-top: 8px; padding-bottom: 0px;}

h1 { font-size :12px; margin-bottom: 5px;}

#header { background: url(../images/navi_back.gif) no-repeat; width: 800px; height: 96px; position: relative; padding: 0px;}

#header_link { position: absolute; top:20px; left:400px; width:380px; height: 30px;}

#header_link ul { margin-left: 0px; padding: 0px; margin-top: 0px; }
  
#header_link li { width: 90px; float: left; font-size: 11px; color: #ffffff; background: url(../images/yazirushi.gif) no-repeat; list-style-type: none; padding-left: 13px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px;}



#header_link a:link {
	color:#ffffff;
	text-decoration: none;}
	
#header_link a:visited { 
	color:#839679;
	text-decoration: none;}

#header_link a:hover {
	color: #ff5c00;
	text-decoration: none;}




#navi { position: absolute; width: 678px; top: 50px; left: 145px;}

#navi ul { margin-left: 0px; padding-left: 0px;  margin-top: 0px;}

#navi li { float: left; width: 113px;  list-style: none; }



/* --グローバルナビ-- */

ul #navi{
	width:800px;
}

#navi li{
	list-style:none;
	display:inline;
}

#navi a{
	float:left;
	display:inline;
	overflow:hidden;
}

#navi a.navi01{
	width:265px;
	height:49px;
	margin-left:1px;
	margin-right:2px;
	margin-bottom:2px;
	background:url(../images/g_navi01_off.gif) no-repeat;
	text-indent:-9999px;
}

#navi a.navi01:hover{
	background:url(../images/g_navi01_on.gif) no-repeat;
}

#navi a.navi02{
	width:265px;
	height:49px;
	margin-right:2px;
	margin-bottom:2px;
	background:url(../images/g_navi02_off.gif) no-repeat;
	text-indent:-9999px;
}

#navi a.navi02:hover{
	background:url(../images/g_navi02_on.gif) no-repeat;
}

#navi a.navi03{
	width:265px;
	height:49px;
	margin-bottom:2px;
	background:url(../images/g_navi03_off.gif) no-repeat;
	text-indent:-9999px;
}

#navi a.navi03:hover{
	background:url(../images/g_navi03_on.gif) no-repeat;
}

#navi a.navi04{
	width:265px;
	height:49px;
	margin-left:1px;
	margin-right:2px;
	background:url(../images/g_navi04_off.gif) no-repeat;
	text-indent:-9999px;
}

#navi a.navi04:hover{
	background:url(../images/g_navi04_on.gif) no-repeat;
}

#navi a.navi05{
	width:265px;
	height:49px;
	margin-right:2px;
	background:url(../images/g_navi05_off.gif) no-repeat;
	text-indent:-9999px;
}

#navi a.navi05:hover{
	background:url(../images/g_navi05_on.gif) no-repeat;
}

#navi a.navi06{
	width:265px;
	height:49px;
	background:url(../images/g_navi06_off.gif) no-repeat;
	text-indent:-9999px;
}

#navi a.navi06:hover{
	background:url(../images/g_navi06_on.gif) no-repeat;
}



 <!--フッターのスタイル--＞
 
#footer_link { float: left; margin-top: 10px; width:316px;}

#footer_link ul{ margin:0px; padding: 8px; list-style: none;} 

#footer_link li { width: 180px; font-size: 12px; display: inline; border-right: 1px solid #333333; vertical-align: bottom; padding-left:6px; padding-right: 6px; margin: 0px; text-align: center;}


#footer_link li span { border-left: 1px solid #333333; padding-left: 8px;} 


#copyright { font-size: 11px; text-align: left; margin: 0px; padding-left: 10px; clear: both; padding-top: 0px; padding-bottom: 3px;}




#footer_link a:link { color: #000000 ; text-decoration:none ; font-size: 13px; }
#footer_link a:visited{ color: #666666; text-decoration:none ; font-size: 13px; }
#footer_link a:hover { color: #FF3300; text-decoration:none ; font-size: 13px; }



.pagetop{
	width:800px;
	padding-top:45px;
	padding-bottom:5px;
	text-align:right;
	
}

.pagetop a{
	font-size:12px;
	color:#666;
	text-decoration:none;
	margin-right:15px;
}

.pagetop a:hover{
	color:#FF3300;
}

/*-----------------------------------
パンくずナビのスタイル
-------------------------------------*/

#gPankuzu {
	padding: 5px 0 0 0;
	width: 800px;
	margin: 0px;
	text-align: left;
	font-size: 12px;

}

#gPankuzu p {
	margin: 0; padding-left: 0px; color: #0e133c;
}
#gPankuzu a:link {
	color: #0e133c;
	text-decoration: none;
}

#gPankuzu a:visited {
	color: #444444;
	text-decoration: none;
}
#gPankuzu a:hover {
	color: #ff5c00;
	text-decoration: underline;