@charset "utf-8";
/* ---------------
top.css
トップページ専用
--------------- */
body{
	position: relative;
	background-color: #111;
	font-family: Helvetica, Arial, sans-serif;
}

#bg_top{
	position:relative; 
	height: 857px;
	overflow: hidden;
	z-index:4;
}

#bg-forward{
	position: absolute;
	width: 100%;
	height: 857px;
	background: no-repeat center;
	text-align: center;
	z-index: 3;
}

#bg-back{
	position: absolute;
	width: 100%;
	height: 857px;
	text-align: center;
	background: no-repeat center;
	z-index: 2;
}

/* ロゴ、ナビゲーションの囲い */
#topHead{
	margin-top: 300px;
	background-color: #111111;
}

#topHead #topHeadInner{
	margin: 0 auto;
	width: 940px;
	padding: 0px 10px 10px;
}

/* サイトタイトル */
#topTitle{
	float: left;
	width: 540px;
}

#topHead #topHeadInner h1{
	display: inline;
	float: left;
	font-size: 48px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bolder;
	color: #FFF;
	word-spacing: 0.5em;
}

/* サブタイトル */
#topHead #topHeadInner p{
	display: inline;
	float: left;
	margin: 18px 10px 0 0;
	font-size: 15px;
	color: #FFF;
}

/* ナビゲーション */
#topHead #topHeadInner ul{
	float: right;
	margin-top: 24px;
}

	#topHead #topHeadInner ul li{
		float: left;
		margin-right: 35px;
	}
	
	#topHead #topHeadInner ul li a{
		font-size: 15px;
		color: #FFF;
		border-bottom: solid 1px #111;
	}
	
	#topHead #topHeadInner ul li a:hover{
		border-bottom: dotted 1px #FFF;
		text-decoration: none;
	}

/* ヘッドライン */
#topHeadline{
	width: 100%;
	background-color: #222222;
	opacity: 0.8;
	filter: alpha(opacity=80);
}

#topHeadline ul{
	width: 940px;
	margin: 0 auto;
	padding: 15px 10px;
}

#bg_top #topHeadline ul li a{
	color: #FFF;
	opacity: 1;
	filter: alpha( opacity=100 );
}

#topHeadline ul li a span{
	display: inline-block;
	margin-right: 20px;
	padding-left: 25px;
	background: url(../images/marker.gif) no-repeat left 1px;
}