@charset "UTF-8";

#mainContents {
	padding-left: 91px;
}

#container {
	background: url(../images/bg_main_subnavi.png) repeat-y center;
}

#footer {
	width: 531px;
	margin-left: 141px;
}

#subNavi {
	font-size: 0px;
	line-height: 0px;
	float: left;
}

#subNavi li {
	width: 33px;
	border-bottom: 2px solid #fff;
}

#subNavi span {
	display: block;
	text-indent: -9999px;
	width: 28px;
	background-color: #5c6164;
	border-left: 5px solid #d90000;
	overflow: hidden;
}

#naviWhats span {
	background: #5c6164 url(images/subnavi_whats_on.png) no-repeat 13px 7px;
	height: 169px;
}

#naviNani span {
	background: #5c6164 url(images/subnavi_nani_on.png) no-repeat 13px 7px;
	height: 120px;
}

#naviOutline span {
	background: #5c6164 url(images/subnavi_outline_on.png) no-repeat 13px 7px;
	height: 120px;
}

#naviWhats a span {
	background: #9d9fa0 url(images/subnavi_whats.png) no-repeat 13px 7px;
	border-left: 5px solid #9d9fa0;
}

#naviNani a span {
	background: #9d9fa0 url(images/subnavi_nani.png) no-repeat 13px 7px;
	border-left: 5px solid #9d9fa0;
}

#naviOutline a span {
	background: #9d9fa0 url(images/subnavi_outline.png) no-repeat 13px 7px;
	border-left: 5px solid #9d9fa0;
}

#naviWhats a:hover span {
	background: #7d7e7e url(images/subnavi_whats_over.png) no-repeat 13px 7px;
	border-left: 5px solid #7d7e7e;
}

#naviNani a:hover span {
	background: #7d7e7e url(images/subnavi_nani_over.png) no-repeat 13px 7px;
	border-left: 5px solid #7d7e7e;
}

#naviOutline a:hover span {
	background: #7d7e7e url(images/subnavi_outline_over.png) no-repeat 13px 7px;
	border-left: 5px solid #7d7e7e;
}