@charset "UTF-8";

/*----- common -----*/
body {
	background: #000000;
}

#wrapper {
	width: 100%;
	height: 100%;
}

#container {
	width: 100%;
	margin: 0px auto;
}

/*
#container:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
*/

p {
	margin: 0px 0px 10px;
}

a:link,
a:visited,
a:active {
	color: #336666;
	text-decoration: none;
}

a:hover {
	color: #336666;
	text-decoration: underline;
}

hr.pagebreak {
	visibility: hidden;
}

/*----- contents -----*/
#contents {
	position: relative;
	min-width:950px;
	width: 100%;
	height: 525px;
	background: url(../images/bg_main_image.jpg) no-repeat center top;
	border-top: 5px solid #940D15;
}

#contents-inner {
	position: relative;
	width: 720px;
	height: 495px;
	margin: 0px auto;
	padding: 20px 0px 10px 230px;
}

#contents-inner #title {
	position: relative;
	width: 720px;
	height: 76px;
	border-bottom: 1px solid #2F2B26;
	margin: 0px 0px 10px;
}

#contents-inner #title h1 {
	position: absolute;
	left: 0px;
	top: 0px;
}

#contents-inner h2 {
	position: absolute;
	right: 0px;
	bottom: 2px;
}

#contents-inner .dummy-frame {
	position: relative;
	float: left;
	width: 1;
	height: 408px;
}

#contents-inner .main-frame {
	position: relative;
	float: left;
	width: 719px;
	height: 408px;
}

#contents-inner .left-frame {
	position: relative;
	float: left;
	width: 240px;
	height: 408px;
}

#contents-inner .right-frame {
	position: relative;
	float: left;
	width: 480px;
	height: 408px;
}

#contents-top {
	position: relative;
	width: 100%;
	height: 525px;
	background: #000000 url(../images/bg_main_image_top.jpg) no-repeat center top;
	border-top: 5px solid #940D15;
}

#contents-top-inner {
	position: relative;
	width: 950px;
	height: 525px;
	margin: 0px auto;
}

#contents-top-inner h1 {
	position: absolute;
	z-index: 0;
	left: 388px;
	top: 99px;
}

#contents-top-inner .btn-shop {
	position: absolute;
	z-index: +10;
	left: 781px;
	top: 187px;
	width: 116px;
	height: 28px;
	background: url(../images/btn_shop.gif) no-repeat 0px -28px;
}

#contents-top-inner .btn-shop a {
	width: 116px;
	height: 28px;
	background: url(../images/btn_shop.gif) no-repeat 0px 0px;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
}

#contents-top-inner .btn-shop a:hover {
	background: url(../images/btn_shop.gif) no-repeat 0px -28px;
}

/*----- navi -----*/
#navi {
	position: relative;
	min-width:950px;
	width: 100%;
	height: 40px;
	background: url(../images/bg_navi.gif);
}

#navi ul {
	position: relative;
	width: 864px;
	height: 40px;
	margin: 0px auto;
}

#navi li {
	float: left;
	height: 40px;
}

#navi li a {
	height: 40px;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
}

#navi li.navi-top {
	width: 58px;
	background: url(../images/navi.gif) no-repeat 0px -40px;
}

#navi li.navi-top a {
	width: 58px;
	background: url(../images/navi.gif) no-repeat 0px 0px;
}

#navi li.navi-top a:hover {
	background: url(../images/navi.gif) no-repeat 0px -40px;
}

#navi li.navi-info {
	width: 70px;
	background: url(../images/navi.gif) no-repeat -58px -40px;
}

#navi li.navi-info a {
	width: 70px;
	background: url(../images/navi.gif) no-repeat -58px 0px;
}

#navi li.navi-info a:hover {
	background: url(../images/navi.gif) no-repeat -58px -40px;
}

#navi li.navi-disco {
	width: 72px;
	background: url(../images/navi.gif) no-repeat -128px -40px;
}

#navi li.navi-disco a {
	width: 72px;
	background: url(../images/navi.gif) no-repeat -128px 0px;
}

#navi li.navi-disco a:hover {
	background: url(../images/navi.gif) no-repeat -128px -40px;
}

#navi li.navi-media {
	width: 78px;
	background: url(../images/navi.gif) no-repeat -200px -40px;
}

#navi li.navi-media a {
	width: 78px;
	background: url(../images/navi.gif) no-repeat -200px 0px;
}

#navi li.navi-media a:hover {
	background: url(../images/navi.gif) no-repeat -200px -40px;
}

#navi li.navi-profile {
	width: 93px;
	background: url(../images/navi.gif) no-repeat -278px -40px;
}

#navi li.navi-profile a {
	width: 93px;
	background: url(../images/navi.gif) no-repeat -278px 0px;
}

#navi li.navi-profile a:hover {
	background: url(../images/navi.gif) no-repeat -278px -40px;
}

#navi li.navi-live {
	width: 64px;
	background: url(../images/navi.gif) no-repeat -371px -40px;
}

#navi li.navi-live a {
	width: 64px;
	background: url(../images/navi.gif) no-repeat -371px 0px;
}

#navi li.navi-live a:hover {
	background: url(../images/navi.gif) no-repeat -371px -40px;
}

#navi li.navi-mobile {
	width: 85px;
	background: url(../images/navi.gif) no-repeat -435px -40px;
}

#navi li.navi-mobile a {
	width: 85px;
	background: url(../images/navi.gif) no-repeat -435px 0px;
}

#navi li.navi-mobile a:hover {
	background: url(../images/navi.gif) no-repeat -435px -40px;
}

#navi li.navi-mail {
	width: 68px;
	background: url(../images/navi.gif) no-repeat -520px -40px;
}

#navi li.navi-mail a {
	width: 68px;
	background: url(../images/navi.gif) no-repeat -520px 0px;
}

#navi li.navi-mail a:hover {
	background: url(../images/navi.gif) no-repeat -520px -40px;
}

#navi li.navi-chakuuta {
	width: 104px;
	background: url(../images/navi.gif) no-repeat -588px -40px;
}

#navi li.navi-chakuuta a {
	width: 104px;
	background: url(../images/navi.gif) no-repeat -588px 0px;
}

#navi li.navi-chakuuta a:hover {
	background: url(../images/navi.gif) no-repeat -588px -40px;
}

#navi li.navi-link {
	width: 74px;
	background: url(../images/navi.gif) no-repeat -692px -40px;
}

#navi li.navi-link a {
	width: 74px;
	background: url(../images/navi.gif) no-repeat -692px 0px;
}

#navi li.navi-link a:hover {
	background: url(../images/navi.gif) no-repeat -692px -40px;
}

#navi li.navi-request {
	width: 98px;
	background: url(../images/navi.gif) no-repeat -766px -40px;
}

#navi li.navi-request a {
	width: 98px;
	background: url(../images/navi.gif) no-repeat -766px 0px;
}

#navi li.navi-request a:hover {
	background: url(../images/navi.gif) no-repeat -766px -40px;
}

/*----- footer -----*/
#footer {
	position: relative;
	min-width:950px;
	width: 100%;
	height: 65px;
	background: #0F0905 url(../images/bg_footer.gif) repeat-x center top;
}

#footer-inner {
	position: relative;
	width: 950px;
	height: 65px;
	margin: 0px auto;
}

#footer-inner .copyright {
	padding: 35px 0px 0px;
	font-size: 10px;
	line-height: 1.3em;
	letter-spacing: 0.05em;
	color: #EEEEEE;
	text-align: center;
}