@charset "utf-8";

html,body,#wrapper{
	width:100%;
	height:100%;
}
#wrapper{
	overflow:hidden;
	position:relative;
}
body {
	font-size:10px;
	letter-spacing:0em;
	line-height:1.5;
	text-align:left;
	background-color:#ffffff;
	background-repeat:repeat;
    background-position: center center;
    background-attachment: fixed;
	overflow:hidden;
}

.content {
	width:560px;
	height:auto;
	margin:0 auto;
	position: relative;
}

body, textarea,input, select { font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

/* original scroll bar only IE */
html, body {
scrollbar-arrow-color: #808080;
scrollbar-face-color: #ffffff;
scrollbar-3dlight-color: #cfcfcf;
scrollbar-darkshadow-color: #cfcfcf;
scrollbar-highlight-color: #eeeeee;
scrollbar-shadow-color: #eeeeee;
}

/* INDEX */
#logo_box {
	background-color: #fff;
	width: 100%;
	height: 100%;
	z-index: 9998;
	top: 0;
	left: 0;
	position: absolute;
	overflow:hidden;
	background-image: url(../images/lilylogo_2012ss.png);
	background-repeat: no-repeat;
	background-position: center center;
}

#mask_box {
	background-color: #fff;
	width: 100%;
	height: 100%;
	z-index: 9999;
	top: 0;
	left: 0;
	position: absolute;
}

/* ---------------------------ヘッダー要素--------------------------------- */
#header {
	width:100%;
	height:180px;
}
#header h1 {
	width:144px;
	height:60px;
	z-index:999;
	position:fixed;
	/*margin-left:-72px;
	top: 50px;
	left:50%;*/
	top: 530px;
	left:190px;
}

#nav {
	width:80px;
	height:auto;
	position:fixed;
	top: 240px;
	left:204px;
	z-index:999;
}

#nav ul li {
	height: 18px;
}
#nav ul li#store{
	margin-top:18px;
	margin-left:-12px;
}
#nav ul li a{
	display:block;
	width:80px;
	height:18px;
}

/* ---------------------------メインコンテンツ要素--------------------------------- */
#mainContainer{
	width:100%;
	height:100%;
	position: absolute;
	top: 0;
	left:0;
	overflow: hidden;
}
#mask{
	width: 15000px;
	height: 200%;
}
.box{
	width:1500px;
	float: left;
	overflow:hidden;
}
.boxC{
	width:1200px;
	height:100%;
	float: left;
	overflow:hidden;
}

.box h2{
	font-size:12px;
	font-weight:bold;
	margin-bottom:10px;
}
.box h3{
	font-weight:bold;
}
.box p{
	margin-bottom:10px;
}
.boxHome{
	width:800px;
	height:600px;
	position:relative;
}
.boxHome .newopen{
	position:absolute;
	top:160px;
	left:440px;
}
.boxNews{
	width:520px;
	height:360px;
	overflow:auto;
}
.boxNews{
	width:520px;
	height:360px;
	margin-top: 180px;
	margin-left:360px;
	padding:40px 60px 40px 50px;
	background: url(../images/bg_box.png) repeat;
	position:relative;
	z-index:10;
}
.boxNews ul{
	height:auto;
}
.boxNews .scroll-pane{
	width:520px;
	height:360px;
}

.boxShoplist{
	width:366px;
	height:265px;
	margin-top: 180px;
	margin-left:360px;
	padding:40px 60px 40px 50px;
	background: url(../images/bg_box.png) repeat;
	position:relative;
	z-index:10;
}
.boxConcept{
	width:244px;
	height:357px;
	margin-top: 180px;
	margin-left:360px;
	padding:40px 60px 20px 50px;
	background: url(../images/bg_box.png) repeat;
	position:relative;
	z-index:10;
}
.boxConcept{
	overflow:hidden;
}
.boxPress{
	width:520px;
	margin-top: 180px;
	margin-left:360px;
	padding:40px 60px 20px 50px;
	position:relative;
	z-index:10;
}
.boxPress .scroll-pane{
	width:520px;
	height: auto;
	max-height: 220px;
}
.scroll-paneInner{
	width:8000px;
}
.boxPress ul{
	padding-top:60px;
	padding-bottom:40px;
	height:120px;
	width:10000px;
}
.boxPress ul li{
	width:100px;
	float:left;
	display:inline;
	text-align:center;
	padding-bottom:40px;
}
.boxPress ul li img{
	width:75%;
	height:75%;
}

.boxContact{
	width:300px;
	margin-top: 180px;
	margin-left:360px;
	padding:40px 60px 20px 50px;
	background: url(../images/bg_box.png) repeat;
	position:relative;
	z-index:10;
	text-align:center;
	line-height:20px;
}
.boxContact h2{
	font-size:10px;
	font-weight:normal;
}
.boxContact a{
	color:#333;
}
.boxMovie{
	width:560px;
	height:355px;
	margin-top: 235px;
	margin-left:360px;
	border-top:#000 solid 8px;
	border-bottom:#000 solid 8px;
	background: #000;
	position:relative;
	z-index:10;
}
.boxRecruit{
	width:520px;
	height:380px;
	margin-top: 180px;
	margin-left:360px;
	padding:40px 60px 40px 50px;
	background: url(../images/bg_box.png) repeat;
	position:relative;
	z-index:10;
}
.boxRecruitInner{
	hight:auto;
}
.boxRecruit .scroll-pane{
	width:520px;
	height:360px;
}
.boxRecruit h3{
	text-decoration:underline;
}

.boxLink{
	width:210px;
	margin-top: 180px;
	margin-left:360px;
	padding:40px 60px 20px 50px;
	position:relative;
	z-index:10;
}
.boxCollection{
	width:700px;
	margin-left:360px;
	position:relative;
	z-index:10;
}
.collectionBg{
	background: url(../images/collection/collection_bg.png) no-repeat;
	width:700px;
	height:310px;
}
.collectionBtn{
	position:absolute;
	width:13px;
	bottom:10px;
}
.collectionBtn img{
	margin:4px 0;
}
.collectionPh{
	padding:94px 0 0 16px;
	width:684px;
	height:108px;
}
.collectionPh img{
	float:left;
	margin-left:8px;
}


#col1{
	margin-top:210px;
	position:relative;
}
#col2,#col3,#col4,#col5,#col6{
	margin-top:1000px;
	position:relative;
}

.scroll{
	overflow:auto;
}
.bg     { 
	width:100%;
	height:800px;
	position: absolute;
	top: -50px;
	left:0;
	overflow:hidden; 
}
#bgLeft    {
	width:13000px;
	height:100%;
	background:url(../images/bg1.png) no-repeat;
}
#bgRight    {
	width:13000px;
	height:100%;
	background:url(../images/bg2.jpg) no-repeat;
}


/* ---------------------------フッター要素--------------------------------- */
#footer {
	position: fixed;
	bottom:20px;
	width: 100%;
}
#copyright {
	position: absolute;
	bottom:0px;
	left:20px;
}
#navFooter {
	position: absolute;
	bottom:0px;
	right:20px;
	width:360px;
}
#navFooter ul li{
	float:right;
	padding-left:10px;
}