@charset "utf-8";

/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3,
h4, h5, h6, p, blockquote, pre, a, abbr, acronym,
address, big, cite, code, del, dfn, em, font, img, ins,
kbd, q, s, samp, small, strike, strong, sub, sup, tt,
var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{
margin:0;
padding:0;
border:0;
outline:0;
font-weight:inherit;
font-style:inherit;
font-size:100%;
font-family:inherit;
vertical-align:baseline;
}
:focus{outline:0;}
a, a:link, a:visited, a:hover, a:active{text-decoration:none}
table{border-collapse:separate; border-spacing:0;}
th, td {text-align:left; font-weight:normal;}
img, iframe {border:none; text-decoration:none;}
ol, ul{list-style:none;}
input, textarea, select, button {font-size:100%; font-family:inherit;}
select{margin:inherit;}
hr{margin:0; padding:0; border:0; color:#000; background-color:#000; height:1px}

/* clearfix */
.clearfix:after {
content:"";
display:block;
clear:both;
}
/* for IE6 */
* html .clearfix {
display:inline-block;
}
/* for IE7 */
*+html .clearfix {
display:inline-block;
}

body {
	/*font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;*/
	font-size: 12px;
	background-color: #000000;
	background-image: url(../images/body_bg.gif);
	background-repeat: repeat-x;
	color: #FFFFFF;
}
a:link,
a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
a:hover, 
a:active {
	color: #FFFFFF;
	text-decoration: underline;
}

/* ------------------------------------ */
/* layout */
#header {
	height: 81px;
	width: 100%;
}
#headerInner {
	width: 970px;
	height: 81px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}

#contents {
	width: 100%;
	position: relative;
}
#contentsInner,
#contentsInner_bg {
	width: 970px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
#footer {
	width: 100%;
	padding-bottom:50px;
	margin-top:15px;
	position: relative;
}
#footerInner {
	width: 970px;
	height: 63px;
	margin-right: auto;
	margin-left: auto;
	}
	
/* ------------------------------------ */
/* header */
#header,
#headerInner {
	background-image: url(../images/header_bg.gif);
	background-repeat: repeat-x;
}
h1.logo {
	float:left;
	position:relative;
	top:20px;
	left:10px;
}
.naviList {
	position:relative;
	top:20px;
	float:right;
	height:52px;
	padding-right:10px;
}
.naviList li {
	float: left;
	height:52px;
}
.naviList li span img,
.naviList li span {
	display:block;
}
.navi1{width:129px;background-image:url(../images/header_navi1_on.gif);background-repeat: no-repeat;}
.navi2{width:93px;background-image:url(../images/header_navi2_on.gif);background-repeat: no-repeat;}
.navi3{width:123px;background-image:url(../images/header_navi3_on.gif);background-repeat: no-repeat;}
.navi4{width:91px;background-image:url(../images/header_navi4_on.gif);background-repeat: no-repeat;}
.navi5{width:112px;background-image:url(../images/header_navi5_on.gif);background-repeat: no-repeat;}


/* ------------------------------------ */
/* footer */
#footer {
	background-image:url(../images/footer_bg.gif);
	background-repeat: repeat-x;
}
#footerInner {
	background-image: url(../images/copyright.gif);
	background-repeat: no-repeat;
}
.footerNaviList {
	position:relative;
	top:1px;
	left:10px;
	float:left;
	height:52px;
}
.footerNaviList li {
	float: left;
	height:52px;
	margin-right:50px;
}
.footerNaviList li span img,
.footerNaviList li span {
	display:block;
}
.footerNavi1{width:93px;background-image:url(../images/footer_navi1_on.gif);background-repeat: no-repeat;}
.footerNavi2{width:79px;background-image:url(../images/footer_navi2_on.gif);background-repeat: no-repeat;}
.footerNavi3{width:84px;background-image:url(../images/footer_navi3_on.gif);background-repeat: no-repeat;}
.footerNavi4{width:90px;background-image:url(../images/footer_navi4_on.gif);background-repeat: no-repeat;}

/* ------------------------------------ */
/* etc. */

.bannerFade {
	background-color:#ffffff;
	display: inline-block;
}