/* Unchanged */

*{padding:0;margin:0;}
html {overflow: hidden;height: 100%;}
body{margin: 0;height: 100%;background:#fff;font-family:verdana,sans-serif;font-size:11px;color:#000;line-height:18px;letter-spacing:0.1em;}
a{color:#000; text-decoration:none;}
a:hover{text-decoration:underline;}
li{list-style:none;}
img{border:none;}

article, header, nav, footer {
	display: block;
	}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	border:0;
	}

img.loader {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -12px 0 0 -12px;
	}

img.bgimage {
    display: none;
　}

/* --- index
--------------------------------------------------------------------------------- */

#center {
	margin-left:-100px;
	margin-top:-80px;
	position:absolute;
	top:50%;
	left:50%;
	width:200px;
	height:120px;
	text-align: center;
	}

.logo {
	width:200px;
	height:120px;
	float:left;	
	border: none;
	}

.kmOutsideContainer {
	position: fixed;
	top: 0;
	left: 0;
	z-index: ;	
	}
	
#kmContainer {
	vertical-align: middle;
	display: table-cell;
	}

#kmContainer img#kmLogo  {
	width: 100%;
	}


.imageOutsideContainer {
	margin-left:-320px;
	margin-top:-320px;
	position:absolute;
	top:50%;
	left:50%;
	width:640px;
	height:640px;
	text-align: center;
	}

.imageContainer {
	width:640px;
	height:640px;
	float:left;	
	border: none;
	}







/* --- fade
--------------------------------------------------------------------------------- */

#windowFade{
	position:absolute; 
	position:fixed; 
	top:0; 
	left:0; 
	z-index:1000; 
	background:#fff; 
	}



/* --- menu
--------------------------------------------------------------------------------- */

#header{
	position:absolute; 
	width:200px; 
	left:20px; 
	bottom:70px; 
	z-index:2; 
	font-family:'Arapey';
	font-size:30px;
	}

ul.ldd_menu ul{list-style:none;margin:0;padding:0;}
ul.ldd_menu li{position:relative;float:left;}


#ul_menu{
	position:relative;
	width:200px;
	list-style:none;
	}
	
#ul_menu li{
	width:200px;
	float:left;
	position:relative;
	}
	
#ul_menu li a{
	width:200px;
	height:40px;
	float:none;
	display:block;
	}
	
.sub_list {
	bottom: 36px;
	left: 0;
	position: absolute;
	list-style:none;
	padding-left:0;
	}


#footer{
	position:absolute; 
	width:180px; 
	right:24px; 
	bottom:14px; 
	z-index:2; 
	color:#aaa;
	font-size:9px;
	}


	
	
	
/*menu open------------------------- */

ul#nav {
	position:relative;
	z-index:1;
	float:left;
    }

ul#nav li {
	display:block;
	overflow:hidden;
	float:left;
	text-indent:-99999px;
	}

ul.hover-css li a,
ul.hover-anims li a,
ul.hover-anims li span {
	display:block;
	width:320px;
	height:32px;
	background:url(../img/nav.jpg) no-repeat;
    }

ul.hover-css li a,ul.hover-anims li a {position:relative;}
ul.hover-anims li span {
	position:absolute;
	top:0;
	left:0;
	cursor:pointer;
    }





	
	
/* --- information
--------------------------------------------------------------------------------- */

div#page-info {
	margin-left:-450px;
	margin-top:-240px;
	position:absolute;
	top:50%;
	left:50%;
	width:900px;
	height:480px;
	text-align: left;
	z-index:1;
	border: none;
	}

div#page-collect {
	margin-left:-340px;
	margin-top:-240px;
	position:absolute;
	top:50%;
	left:50%;
	width:680px;
	height:480px;
	text-align: left;
	z-index:1;
	border: none;
	}

.holder-info {
	width:900px;
	height:480px;
	padding: 0 0 0 20px;
	}

.holder-collect {
	width:680px;
	height:480px;
	padding: 0;
	}


#cont-content{
	margin:200px 0 0 0;
	}

.info-spec {
	padding:20px 0 30px 0px;
	width:860px;
	height:188px;
	float: left;
	border-top: dotted 1px #000;
	}
	
.info-img {
	padding:8px 0 0 20px;
	width:240px;
	height:;
	float: left;
	}

.info-ttl {
	padding:16px 0 0 32px;
	width:460px;
	height: 45px;
	float: left;
	font-weight:bold;
	}

.info-msg {
	padding:0 0 0 32px;
	width:460px;
	height: auto;
	float: left;
	}




/* --- Retail
--------------------------------------------------------------------------------- */

div#page-retail {
	margin-left:-450px;
	margin-top:-240px;
	position:absolute;
	top:50%;
	left:50%;
	width:900px;
	height:480px;
	text-align: left;
	z-index:1;
	border: none;
	}

.holder-retail {
	width:900px;
	height:240px;
	padding: 0 0 0 20px;
	}

#cont-content{
	margin:200px 0 0 0;
	}

.retail-group {
	padding:0;
	width:860px;
	float: left;
	border-top: dotted 1px #000;
	}

.retail-spec {
	padding:0;
	width:600px;
	height:156px;
	float: left;
	border-bottom: dotted 1px #000;
	}

.retail-spec-noneborder {
	padding:0;
	width:600px;
	height:156px;
	float: left;
	}
	
.retail-country {
	padding:32px 0 0 20px;
	width:240px;
	height:90px;
	float: left;
	font-weight:bold;
	}

.retail-ttl {
	padding:32px 0 0 20px;
	width:180px;
	height:90px;
	float: left;
	}

.retail-msg {
	padding:32px 0 0 20px;
	width:380px;
	height:90px;
	float: left;
	}



/* --- contact
--------------------------------------------------------------------------------- */

div#page-contact {
	margin-left:-400px;
	margin-top:-240px;
	position:absolute;
	top:50%;
	left:50%;
	width:800px;
	height:480px;
	text-align: left;
	z-index:1;
	border: none;
	}

.holder-contact {
	width:800px;
	height:480px;
	padding: 0 0 0 20px;
	}


.contact-spec {
	padding:20px 0 30px 0px;
	width:800px;
	height:188px;
	float: left;
	}

.contact-ttl {
	padding:16px 0 0 32px;
	width:460px;
	height: 45px;
	float: left;
	font-weight:bold;
	}

.contact-msg {
	padding:0 0 0 32px;
	width:620px;
	height: auto;
	float: left;
	}


/* --- catalog
--------------------------------------------------------------------------------- */

.catalog-spec {
	padding:20px 0 30px 0px;
	width:860px;
	height:188px;
	float: left;
	}

.catalog-ttl {
	padding:16px 0 0 32px;
	width:auto;
	height: 45px;
	float: left;
	font-weight:bold;
	}

.catalog-msg {
	padding:0 0 0 32px;
	width:auto;
	height: auto;
	float: left;
	font-style: ;
	}


/* --- scroll
--------------------------------------------------------------------------------- */



.mini-holder {
	margin:0 0 0 16px;
	width:900px;
	height:480px;
	display: inline;
	float: left;
	}

#pane1 {
	height: 480px;
	}

.scroll-pane1 {
	width: 900px;
	height: 480px;
	overflow: auto;
	background: #fff;
	float: left;
	}

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
	}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #fff;
	}

.jScrollPaneDrag {
	position: absolute;
	background-image: url("../img/scroll.jpg");
	cursor: pointer;
	overflow: hidden;
	}




/* --- Collection
--------------------------------------------------------------------------------- */



#control{
	margin-left:-450px;
	margin-top:-30px;
	position:absolute;
	top:50%;
	left:50%;
	width:900px;
	height:60px;
	text-align: center;
	z-index:0;
	border: none;
	}

#cont-prev {
	float: left;
	}

#cont-next {
	float: right;
	}

#main-msg {
	margin:26px 0 20px 0;
	width:660px;
	height:140px;
	line-height:20px;
	}
	
#thum-img {
	width:340px;
	float: left;
	}
#thum-msg {
	margin:0 0 0 380px;
	line-height:20px;
	}



/* --- Collection Next Prev
--------------------------------------------------------------------------------- */



#wap {
}

ul {
	list-style: none;
}

ul#nav1{
	/*width: 400px; */
	margin-left: 0;
}
ul#nav1 li{
	float: left;
	margin-left: 0;
	width: 60px;
	height: 60px;
	overflow: hidden;
}