@charset "Shift_JIS";

/* --- 全体の背景・テキスト --- */
body {
margin: 0;
padding: 0;
background-color: #f0f0f0; /* ページの背景色 */
 font-size: 12px;
    font-family: Arial, sans-serif;
    color: #fff;
	background: #171717;
	height: 100%;
    text-align: left;} /* 全体の文字色 */
font-size: 100%; /* 全体の文字サイズ */

}

/* --- 全体のリンクテキスト --- */
a:link { color: #ffffff; }
a:visited { color: #ffffff; }
a:hover { color: #ff8000; }
a:active { color: #ff0000; }
a { text-decoration : none; }

}
/* --- コンテナ --- */
#container {
width: 100%; /* ページの幅 */
margin: 0 auto; /* センタリング */
}

/* --- ヘッダ --- */
#header {
height: 120px;
width: 100%;
background: #000000 url(/img/header_bg.jpg) repeat-x; 
}
background: url(/img/header.jpg) no-repeat center;
#headervisual #headspace {
margin: 0px auto; 
height: 1200px;
width: 900px; 
text-align: left; 
}
background-color: #000000; /* ヘッダの背景色 */
}
/* --- リンク --- */
#link {
background-color: #DE1818; /* コンテンツの背景色 */
}
/* --- ナビゲーションバー --- */
div.nav {
width: 100%; /* ナビゲーションの幅 */
background: #000000 url(img/hor_menu4_back1.gif) repeat-x top; /* ナビゲーションの背景 */
border-top: 1px #333333 solid; /* 上境界線 */
border-bottom: 1px #666666 solid; /* 下境界線 */
font-size: 80%;
}

/* --- メニューエリア --- */
div.nav ul.nl {
width: 896px; /* メニューの幅 */
margin: 0 auto; /* センターに配置 */
padding: 0;
background: #000000 url(img/hor_menu4_back1.gif) repeat-x top; /* メニューの背景 */
border-left: 1px #333333 solid; /* メニューの左境界線 */
border-right: 1px #666666 solid; /* メニューの右境界線 */
list-style-type: none;
text-align: center;
}

/* --- メニュー項目 --- */
div.nav ul.nl li {
width: 12.5%; /* 項目の幅 */
float: left;
}

/* --- リンク --- */
div.nav ul.nl li a {
display: block;
position: relative; /* IE6用 */
padding: 9px 2px; /* リンクエリアのパディング（上下、左右） */
border-left: 1px #666666 solid; /* リンクエリアの左境界線 */
border-right: 1px #333333 solid; /* リンクエリアの右境界線 */
text-decoration: none; /* テキストの下線（なし） */
font-family: tahoma, sans-serif; font-size: 12px;text-transform: uppercase; /* メニューのフォント */
}
/* --- リンクテキストの色 --- */
div.nav ul.nl li a:link {
color: #ffffff;
}
div.nav ul.nl li a:visited {
color: #ffffff;
}
div.nav ul.nl li a:hover {
color: #ff8000;
}
div.nav ul.nl li a:active {
color: #ff8000;
}

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}


/* --- 背景 --- */
#bg {
height: 334px;
width: 100%;
background: #000000 url(img/heading.jpg) repeat-x; 
}
background: url(img/header.jpg) no-repeat center;
#headervisual #headspace {
margin: 0px auto; 
height: 1200px;
width: 100%; 
text-align: left; 
}
background-color: #000000; /* ヘッダの背景色 */
}


/* --- コンテンツ --- */
#content {
height:10px;
} 
#main {background: url(img/main-bg.gif) repeat-x 0 0; padding-top: 8px; padding-bottom:10px;}
background-color: #009b47;/* コンテンツの背景色 */
<style type="text/css"><!--a:hover{color:#FF0000; font-weight:normal; background-color:#171717;
}
/* --- フッタ --- */
#footer {

background-color: #18181A; /* フッタの背景色 */
font-family: tahoma, sans-serif; font-size: 12px;text-transform: uppercase; /* メニューのフォント */


text-align: center;color: #ffffff;letter-spacing: 0.2em;

height: 60px;
 background-image:url(img/main-bg1.gif);
    background-repeat:repeat-x;
}