@charset "UTF-8";

/*-------------------------------------
1.container
2.navi
3.content
4.footerNavi
5.brandNavi
-------------------------------------*/
div#container{
	position:relative;
	width:100%;
	height:100%;
}

/*-------------------------------------
2.navi
-------------------------------------*/
div#container div#naviContainer{
	display:block;
	position: fixed;
	left:0;
	top:0;
	width:100%;
	height:0;
	z-index: 2;
}
div#container div#naviContainer div#naviContent{
	display:block;
	position:relative;
	width:960px;
	height:0;
	margin:0 auto;
}
div#container div#naviContainer div#naviContent div#buttons{
	display:block;
	width:100px;
	height:180px;
	background:url(../image/common/button_bg.gif) no-repeat;
}

div#container div#naviContainer div#naviContent div#buttons div.map{
	display:block;
	width:100px;
	height:14px;
	background:url(../image/common/map.gif) no-repeat 0 2px;
	text-indent:-9999px;
	overflow:hidden;
}

div#container div#naviContainer div#naviContent div#buttons a.top{
	display:block;
	width:100px;
	height:15px;
	background:url(../image/common/button.gif) no-repeat;
	background-position:0 100px;
	padding:100px 0 0 0;
	text-indent:-9999px;
	overflow:hidden;
}
div#container div#naviContainer div#naviContent div#buttons a.top:hover{
	background-position:-100px 100px;
}
div#container div#naviContainer div#naviContent div#buttons ul{
	line-height:0;
	font-size:0;
}
div#container div#naviContainer div#naviContent div#buttons ul li{
	display:block;
	width:100px;
	height:15px;
	margin:0 0 2px 0;
}
div#container div#naviContainer div#naviContent div#buttons ul li a{
	display:block;
	width:100px;
	height:15px;
	background:url(../image/common/button.gif) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

div#container div#naviContainer div#naviContent div#buttons ul li a.map1{
	background-position:0 -29px;
}
div#container div#naviContainer div#naviContent div#buttons ul li a.map1:hover{
	background-position:-100px -29px;
}
div#container div#naviContainer div#naviContent div#buttons ul li a.map2{
	background-position:0 -46px;
}
div#container div#naviContainer div#naviContent div#buttons ul li a.map2:hover{
	background-position:-100px -46px;
}
div#container div#naviContainer div#naviContent div#buttons ul li a.map3{
	background-position:0 -63px;
}
div#container div#naviContainer div#naviContent div#buttons ul li a.map3:hover{
	background-position:-100px -63px;
}

/*-------------------------------------
3.content
-------------------------------------*/
div#container div#content{
	display:block;
	width:100%;
	height:100%;
	margin:0 auto;
	z-index: 1;
}

div#container div#content div#main{
	display:block;
	position:relative;
	width:960px;
	margin:0 auto;
	z-index: 1;
}
div#container div#footerSpace{
	font-size:0px;
	line-height:0px;
	height:100px;
}


/*-------------------------------------
4.footernavi
-------------------------------------*/
div#container div#footerContainer{
	display:block;
	position: fixed;
	left:0;
	bottom:0;
	width:100%;
	height:40px;
	background-color:#000000;
	overflow: hidden;
	z-index: 3;
}
div#container div#footerContainer div#footerContent{
	width:960px;
	margin:0 auto;
	z-index: 3;
}
div#container div#footerContainer div#footerContent div#logo{
	display:block;
	width:234px;
	height:16px;
	background:url(../image/common/footer_logo.gif) no-repeat;
	overflow:hidden;
	text-indent:-9999px;
	margin:12px 0 0;
	float:left;
}
div#container div#footerContainer div#footerContent div#footerNavi{
	display:block;
	width:726px;
	height:15px;
	margin:12px 0 0;
	float:left;
}
div#container div#footerContainer div#footerContent div#footerNavi ul{
	display:block;
/*	width:515px;
	margin:0 0 0 211px; */
	width: 721px;
	margin:0 0 0 10px;
}
div#container div#footerContainer div#footerContent div#footerNavi ul li{
	display:block;
	width:101px;
	height:15px;
	margin:0 0 0 2px;
	float:left;
}
div#container div#footerContainer div#footerContent div#footerNavi ul li a{
	display:block;
	width:101px;
	height:15px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../image/common/footer_bt.gif) no-repeat;
}


*html div#container div#footerContainer div#footerContent div#footerNavi ul{
	display:block;
/*	width:515px; 
	margin:0 0 0 209px;
*/
	width: 721px;
	margin:0 0 0 10px;
}
*html div#container div#footerContainer div#footerContent div#footerNavi ul li{
	display:block;
	width:101px;
	height:15px;
	margin:0 2px 0 0;
	float:left;
}

div#container div#footerContainer div#footerContent div#footerNavi ul li a.store{
	display:block;
	width:101px;
	height:15px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../image/common/footer_web_store.gif) no-repeat;
	background-position:0 0;
}
div#container div#footerContainer div#footerContent div#footerNavi ul li a.store:hover{
	background-position:0 -15px;
}
div#container div#footerContainer div#footerContent div#footerNavi ul li a.blog{
	display:block;
	width:101px;
	height:15px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../image/common/footer_staff_blog.gif) no-repeat;
	background-position:0 0;
}
div#container div#footerContainer div#footerContent div#footerNavi ul li a.blog:hover{
	background-position:0 -15px;
}
div#container div#footerContainer div#footerContent div#footerNavi ul li a.dual{
	background-position:0 0;
}
div#container div#footerContainer div#footerContent div#footerNavi ul li a.dual:hover{
	background-position:0 -15px;
}
div#container div#footerContainer div#footerContent div#footerNavi ul li a.map{
	background-position:-103px 0;
}
div#container div#footerContainer div#footerContent div#footerNavi ul li a.map:hover{
	background-position:-103px -15px;
}
div#container div#footerContainer div#footerContent div#footerNavi ul li a.about{
	background-position:-206px 0;
}
div#container div#footerContainer div#footerContent div#footerNavi ul li a.about:hover{
	background-position:-206px -15px;
}
div#container div#footerContainer div#footerContent div#footerNavi ul li a.contact{
	background-position:-309px 0;
}
div#container div#footerContainer div#footerContent div#footerNavi ul li a.contact:hover{
	background-position:-309px -15px;
}
div#container div#footerContainer div#footerContent div#footerNavi ul li a.list{
	background-position:-412px 0;
}
div#container div#footerContainer div#footerContent div#footerNavi ul li a.list:hover{
	background-position:-412px -15px;
}

/*-------------------------------------
5.brandNavi
-------------------------------------*/
div#container div#brandNavi{
	display:block;
	position: fixed;
	left:0;
	bottom:0;
	width:100%;
	height:83px;
	color:#FFFFFF;
	overflow: hidden;
	z-index: 2;
}

/*--------------------------------------
IE6
-------------------------------------*/

* html body{
	background: url(null) fixed;

}