/* ȍ~Mac IE 5ɂ͓KpȂ \*/
@import "header.css";
body {
	background-color: #FFFFFF;
	background-image: url(../images/top_background.png);
	background-repeat: repeat-x;
	background-position: top;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	color: #000000;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
#wrapper {
	padding: 0px;
	height: auto;
	width: 1170px;
	text-align: left;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#phoenix {
	background-image: url(../images/top_phoenix.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 380px;
	width: 220px;
}
#contents {
	height: auto;
	width: 950px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 220px;
	margin: 0px;
	float: left;
}

#stage {
	margin: 0px;
	padding: 0px;
	height: 220px;
	width: 950px;
	background-image: url(../images/top_stage.jpg);
	background-repeat: no-repeat;
	float: left;
}
#stage a {
	text-decoration: none;
}
#stage ul {
	margin: 0px;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 70px;
}
#stage li {
	margin: 0px;
	float: left;
	padding-top: 0px;
	padding-right: 85px;
	padding-bottom: 0px;
	padding-left: 0px;
	list-style-type: none;
}
#navi {
	margin: 0px;
	padding: 0px;
	height: 44px;
	width: 950px;
	float: left;
	background-image: url(../images/top_navi_background.jpg);
	background-repeat: no-repeat;
}
#navi ul {
	margin: 0px;
	padding: 0px;
}

#navi li {
	list-style-type: none;
	float: left;
}

#navi #navi01 a{
	background-image: url(../images/top_navi_01_over.jpg);
	background-repeat: no-repeat;
	display:block;
	width:80px;
	height:44px;
}

#navi #navi02 a{
	background-image: url(../images/top_navi_02_over.jpg);
	background-repeat: no-repeat;
	display:block;
	width:100px;
	height:44px;
}
#navi #navi03 a{
	background-image: url(../images/top_navi_03_over.jpg);
	background-repeat: no-repeat;
	display:block;
	width:95px;
	height:44px;
}
#navi #navi04 a{
	background-image: url(../images/top_navi_04_over.jpg);
	background-repeat: no-repeat;
	display:block;
	width:118px;
	height:44px;
}
#navi #navi05 a{
	background-image: url(../images/top_navi_05_over.jpg);
	background-repeat: no-repeat;
	display:block;
	width:140px;
	height:44px;
}
#navi #navi06 a{
	background-image: url(../images/top_navi_06_over.jpg);
	background-repeat: no-repeat;
	display:block;
	width:105px;
	height:44px;
}
#navi #navi07 a{
	background-image: url(../images/top_navi_07_over.jpg);
	background-repeat: no-repeat;
	display:block;
	width:82px;
	height:44px;
}
#navi #navi08 a{
	background-image: url(../images/top_navi_08_over.jpg);
	background-repeat: no-repeat;
	display:block;
	width:80px;
	height:44px;
}

#navi li a:hover {
	background-color:transparent;
}
#navi li a:hover img{
	visibility:hidden;
}
/* banner̂ݕʃ[I[o[@*/
#banner {
	margin: 0px;
	float: left;
	height: 180px;
	width: 345px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#banner p {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 8px;
}
#banner #banner01{
	background-image: url(../images/top_banner_ci_pack.jpg);
	background-repeat: no-repeat;
}
#banner #banner02 {
	background-image: url(../images/top_banner_ifan01.jpg);
	background-repeat: no-repeat;
}
#banner #banner03 {
	background-image: url(../images/top_banner_divai.jpg);
	background-repeat: no-repeat;
}


#banner #banner01 a{
	display:block;
	width:305px;
	height:80px;
	background-image: url(../images/top_banner_ci_pack.jpg);
	background-repeat: no-repeat;
	text-decoration: none;
}
#banner #banner02 a{
	display:block;
	width:305px;
	height:80px;
	background-image: url(../images/top_banner_ifan01.jpg);
	background-repeat: no-repeat;
	text-decoration: none;
}
#banner #banner03 a{
	display:block;
	width:305px;
	height:80px;
	background-image: url(../images/top_banner_divai.jpg);
	background-repeat: no-repeat;
	text-decoration: none;
}
#banner #banner01 span {
	visibility: hidden;
}
#banner #banner02 span {
	visibility: hidden;
}
#banner #banner03 span {
	visibility: hidden;
}
#banner #banner01 a:hover {
	background-image: url(../images/top_banner_ci_pack_over.jpg);
	background-repeat: no-repeat;
}
#banner #banner02 a:hover {
	background-image: url(../images/top_banner_ifan01_over.jpg);
	background-repeat: no-repeat;
}
#banner #banner03 a:hover {
	background-image: url(../images/top_banner_divai_over.jpg);
	background-repeat: no-repeat;
}
/* banner̂ݕʃ[I[o[@end@*/

#info {
	margin: 0px;
	float: left;
	height: auto;
	width: 450px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

#info h2 {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
}
#info ul {
	padding: 0px;
	margin: 0px;
}
#info li {
	list-style-type: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
	display: block;
	height: 33px;
	line-height: 33px;
}
#info a {
	color: #000000;
	text-decoration: none;
	display: block;
	height: 33px;
	line-height: 33px;
}
#info a:hover {
	color: #333333;
	background-color: #DCDCDC;
}
#info #and-more p {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 375px;
}
#info #and-more a {
	background-image: url(../images/and_more.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	height: 30px;
	width: 75px;
	display: block;
	text-align: right;
	line-height: 28px;
}


#info #and-more a:hover {
	background-color: #FFFFFF;
	color: #000000;
	background-image: url(../images/and_more_over.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}
#footer {
	margin: 0px;
	float: left;
	height: 30px;
	width: 800px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#footer address {
	font-style: normal;
	font-size: 11px;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 8px;
	height: 30px;
	width: 400px;
	display: block;
	float: left;
	line-height: 18px;
}

#footer ul {
	float: left;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 12px;
}

#footer li {
	list-style-type: none;
	float: left;
	margin: 0px;
	padding: 0px;
}
#footer #mark01 a {
	text-decoration: none;
	color: #000000;
	display: block;
	width: 120px;
	text-align: center;
	background-image: url(../images/mark_gray.png);
	background-repeat: no-repeat;
	height: 20px;
	padding: 0px;
	margin: 0px;
	background-position: left top;
	line-height: 15px;
}

#footer #mark02 a {
	text-decoration: none;
	color: #000000;
	display: block;
	width: 75px;
	text-align: center;
	background-image: url(../images/mark_gray.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 20px;
	padding: 0px;
	margin: 0px;
	line-height: 15px;
}
#footer #mark03 a {
	text-decoration: none;
	color: #000000;
	display: block;
	width: 103px;
	text-align: center;
	background-image: url(../images/mark_gray.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 20px;
	padding: 0px;
	margin: 0px;
	line-height: 15px;
}
#footer #mark04 a {
	text-decoration: none;
	color: #000000;
	display: block;
	width: 70px;
	text-align: right;
	background-image: url(../images/mark_gray.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 20px;
	padding: 0px;
	margin: 0px;
	line-height: 15px;
}

#footer #mark01 a:hover {
	background-image: url(../images/mark_red.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#footer #mark02 a:hover {
	background-image: url(../images/mark_red.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#footer #mark03 a:hover {
	background-image: url(../images/mark_red.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#footer #mark04 a:hover {
	background-image: url(../images/mark_blue.png);
	background-repeat: no-repeat;
	background-position: left top;
}
img {
	border: 0px;
}