@charset "utf-8";

/*-------------------------------------------------
  Common layout
-------------------------------------------------*/


a img {
	border:none;
}

a {
	color:#604c3f;
	text-decoration:none;
}

a:hover {
	color:#990000;
	text-decoration:none;
}

iframe {
border: 0;
}


html {
	height:100%;
}

body {
	height:100%;
	background-color: #cfe3c7;
	margin:0;
	padding: 50px 0 54px 0;  
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size:11px;
	line-height:1.6;
	color:#604c3f;
}

* html body{  
    overflow: hidden;  
}  

#header{
	background-color:white;
	position: fixed !important;  
	position: absolute;  
	top: 0;  
	left: 0;  
	width: 100%;  
	height: 50px;  
}

#footer{
    position: fixed !important;  
    position: absolute;  
    bottom: 10px;  
    left: 0;  
    width: 100%;  
    height: 54px;  
}

* html div#container{  
    height: 100%;  
    overflow: auto;  
}  


#container{
	width:100%;
	margin:0 auto;
	background-position:bottom center;
	background-repeat:no-repeat;
	height:5000px;
}

#wapper{
	margin:0 auto;


}

#contents  {
	margin:0 auto;
}

#top{height:800px;}

#news{height:740px;}

#concept{height:710px;}

#collection{height:745px;}

#comic{height:745px;}





#header ul{
	padding:0;
	margin:0 auto;
	width:1200px;
	list-style-type : none;
	height:50px;
}

#header ul li { 
	float:left;
	height:50px;
	background-repeat:no-repeat;
}

#header ul li a{
	display: block; 
	text-decoration: none;
	color: white;
	margin: 0;
	text-align: center;
	background-position:bottom left;
}

#header ul li a:hover {
	background-position:top left;
}

#footer ul{
	padding:0;
	margin:0 auto;
	width:1200px;
	list-style-type : none;    
	height:54px;

}



#footer ul li { 
	float:left;
	height:54px;
	background-repeat:no-repeat;

}



#footer ul li a{
	display: block; 
	text-decoration: none;
	color: white;
	margin: 0;
	text-align: center;
	background-position:bottom left;
}

#footer ul li a:hover {
	background-position:top left;
}

#title{
float:left;
margin:380px 0 0 600px;
}



#concept , #shop{
text-align:right;
}

#concept h2 , #shop h2{
margin:50px 0 10px 0;
padding:0;
}


#concept h3 {
font-size:1.5em;
padding:0;
margin:0;
}


.content{
	width:960px;
	min-height:700px;
	margin:0 auto;
}

#designer{
	width:960px;
	height:40px;
	padding:0;
}

#designer ul{
	float:right;
	width:100px;
	margin:20px 0 0 0;
	height:40px;
	padding:0;
	list-style-type : none;  

}

#designer ul li { 
	float:left;
	height:30px;
	margin:0;
	overflow:hidden;
}

#designer ul li a{
	display: block; 
	background-position: 0 0;
	background-repeat:no-repeat;
}

#designer ul li a:hover {
	overflow:hidden;
	background-position:0 -30px;
}




.divider{
width:100%;
height:50px;

}

.clearfix:after {
    visibility: hidden;
    display: block;
    content: " ";
    clear: both;
    height: 0;
    }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */