/* ****************************************************

	/top/css/style.css

***************************************************** */


/* layout.css overwrite
***************************************************** */

body {
	background: url(/common/img/body_bg01.gif ) #161616 no-repeat center top;
	overflow-x: hidden;
}
#header {
	position: static;
}
#contents {
	position: relative;
    overflow: visible;
	margin-top: 0;
/*	height: 650px;*/
	background: url(../img/top_bg01.jpg) #161616 no-repeat center top;
}
#contentsTop {
	position: relative;
	margin: 0 auto;
	width: 940px;
	height: 650px;
	z-index: 20;
}
#news {
	position: fixed;
	top: 110px;
}
#footerTop {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 4;
}
#footerTop ul {
	text-align: right;
}
#footerTop ul li {
	display: inline;
	margin-right: 10px;
}
#footerTop .copyright {
	margin-top: 10px;
	color: #a4a3a0;
	font-size: 83%;
}


/* contents
***************************************************** */

#topParts {
}
#topParts li {
	position: absolute;
}
#topParts .pht01 ,
#topParts .pht02 {
	top: 0;
	left: -100px;
	z-index: 10;
}
#topParts .pht03,
#topParts .pht04 {
	top: 0;
	right: -290px;
	z-index: 10;
}
#topParts .pht05 {
	top: 260px;
	left: -36px;
	z-index: 20;
}
#topParts .txt01 {
	top: 0;
	left: 492px;
	z-index: 20;
}

#bgLayer {
    position: absolute;
	display: none;
    left: 0;
    top: -39px;
    height: 105%;
    width: 100%;
    background: url(../img/top_main01.png) no-repeat scroll center top transparent;
    z-index: 0;
}
@media screen and (-webkit-min-device-pixel-ratio:0){
#bgLayer { 
    left: -1px;
}
}
#bgLayerLst li.bg1,
#bgLayerLst li.bg2,
#bgLayerLst li.bg3,
#bgLayerLst li.bg4 {
    position: absolute;
	display: none;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: url(../img/top_main01.png) no-repeat scroll center top transparent;
}
#bgLayerLst li.bg1 { z-index: 0;}
#bgLayerLst li.bg2 { z-index: 1;}
#bgLayerLst li.bg3 { z-index: 2;}
#bgLayerLst li.bg4 { z-index: 3;}

/* * html #bgLayer {
    top: 0;
}*/

/* mainBgNav
***************************************************** */

#mainBgNav {
	position: absolute;
	right: 0;
	top: -23px;
	width: 176px;
	z-index: 10;
}
#mainBgNav li {
	float: left;
	margin-left: 4px;
	height: 8px;
	background: url(../img/top_nav_off.png) no-repeat left top;
	outline: none;
	text-indent: -9999px;
	z-index: 10;
}
#mainBgNav li.current {
	background: url(../img/top_nav_on.png) no-repeat left top;
}
#mainBgNav li a {
	display: block;
	width: 40px;
	height: 8px;
	outline: none;
	line-height: 1;
}


/* navTop
***************************************************** */

#nav {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 20;
	height: 247px;
}
#news {
	z-index: 20;
}



/* ClearFix
***************************************************** */
.clearfix:after,
.tsujoZugaraWrap ul:after,
#mainContents:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix,
.tsujoZugaraWrap ul,
#mainContents {
	display: block; /* for safari firefox3 */
	zoom: 1;  /* for IE 7*/
}

* html .clearfix,
* html .tsujoZugaraWrap ul,
* html #mainContents {
	display: inline-block; /* for IE6 */
}

/* IE7 hacks */
*:first-child+html .clearfix,
*:first-child+html .tsujoZugaraWrap ul,
*:first-child+html #mainContents {
	display: inline-table;
}/* end hacks */