/* -----------------------------------------------------------
全頁共通
----------------------------------------------------------- */
#Wrapper{
	max-width:100%;
	min-width:1070px;
	width:100%;
	height:100%;
}
#wrap{
	width:1160px;
	margin:0 auto;
	position:relative;
}
#wrapCollection{
	width:1160px;
	margin:0 auto;
}





header{
	max-width:100%;
	min-width:1070px;
	height:48px;
	padding-top:22px;
}
h1{
	width:200px;
	height:24px;
	float:left;
	padding-left:20px;
	border: 0; 
	line-height:0px;
	font-size:0;
}
#globalnavi{
	float:right;
	padding-right:20px;
	padding-top:2px;
}
#globalnavi div{
	border: 0; 
	line-height:0px;
	font-size:0;
}
footer{
	width:100%;
	height:20px;
	background:#fff;
	padding:5px 0;
	position:fixed;
	bottom:0;
}
.copylight{
	font-size:10px;
	color:#666;
	font-family:"MS PGothic", sans-serif;
	float:right;
	padding-right:20px;
	margin-top:3px;
}
.copylight a{
	text-decoration:underline;
	color:#666;
}
.copylight a:hover{
	text-decoration:none;
	color:#C0A09F;
}



/*----------ピンク背景

#newsContainer,
#conceptContainer,
#shoplistContainer,
#pressContainer,
#contactContainer,
#recruitContainer,
#linkContainer,
#interviewContainer,
#collectionContainer,
#movieContainer{
	background:url(../images/pink_bg.gif)
}
---------------*/




/* -----------------------------------------------------------
INDEX
----------------------------------------------------------- */
.indexlogo{
	width:200px;
	height:24px;
	padding:70px 0 25px 20px;
	float:none;
}

.skip{
	width:63px;
	height:21px;
	float:right;
	padding:10px 20px 0 0;
}

section#indexmovie{
	width:100%;
	height:75%;
}
#openingflash {
	width:100%;
	position:relative;
	z-index:-10;
	height:100%;
}

#openingflash img {
}


section#topFlash {
	width:100%;
	height:100%;
}

#flashWrapper1 {
	width:100%;
	height:100%;
}

#flashWrapper1 img {
}


/* -----------------------------------------------------------
NEWS
----------------------------------------------------------- */
#newsContainer{
	width:1160px;
	height:600px;
	position:absolute;
	top:30px;
}
#newsContainer h2{
	width:90px;
	height:47px;
	padding:90px 0 0 20px;
}
#newsContainer #newsBox{
	width:550px;
	height:430px;
	padding-left:20px;
	padding-top:30px;
}
#newsContainer #newsBox .scroll-pane{
	width:555px;
	height:550px;
}
#newsContainer #newsBox .scroll-pane article{
	width:525px;
	padding-bottom:30px;
	margin-bottom:30px;
	border-bottom:1px dotted #ccc;
}
#newsContainer #newsBox .scroll-pane article p{
	float:left;
}
.ph1_ver,
.ph2_ver{
	font-size:11px;
	line-height:20px;
}
.ph1_ver{
	width:370px;
}
.ph2_ver{
	width:265px;
}
#newsContainer h3{
	font-size:12px;
	line-height:18px;
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #000;
	padding-bottom:15px;
}
#newsContainer h3.new{
	padding-left:35px;
	background:url(../images/news/new_icon.gif) no-repeat;
}
#newsContainer h3.eng_title{
	font-size:13px;
}
#newsImage{
	wisth:475px;
	position:absolute;
	top:30px;
	right:0px;
}





/* -----------------------------------------------------------
CONCEPT
----------------------------------------------------------- */
#conceptContainer{
	width:860px;
	height:670px;
	position:absolute;
	top:30px;
	right:0;
}
#conceptContainer .conceptBox{
	padding-top:140px;
	padding-left:470px;
	width:350px;
}
#conceptContainer h2{
	width:190px;
	height:67px;
	margin-bottom:20px;
}
#conceptImage{
	wisth:740px;
	height:500px;
	position:absolute;
	top:70px;
	left:0;
}





/* -----------------------------------------------------------
SHOP LIST
----------------------------------------------------------- */
#shoplistContainer{
	width:1160px;
	height:600px;
	position:absolute;
	top:30px;
}
#shoplistContainer .shoplistBox{
	padding-top:100px;
	padding-left:40px;
	width:445px;
	line-height:17px;
}
#shoplistContainer h2{
	width:180px;
	height:62px;
	margin-bottom:30px;
}
#shoplistContainer .shoplistBox .area{
	width:100px;
	float:left;
	font-size:0;
	line-height:0;
	border:0;
	padding-top:2px;
}
#shoplistContainer .shoplistBox .add{
	width:225px;
	float:left;
}
#shoplistContainer .shoplistBox .tel{
	width:80px;
	float:left;
}
#shoplistContainer .shoplistBox .diary{
	width:40px;
	float:left;
	padding-top:1px;
}
#shoplistContainer .shoplistBox .diary div{
	padding-bottom:3px;
	font-size:0;
	line-height:0;
	border:0;
}
#shoplistContainer .shoplistBox .border{
	height:20px;
	border-bottom:1px solid #ccc;
	margin-bottom:20px;
}
#shoplistImage{
	wisth:510px;
	height:650px;
	position:absolute;
	top:30px;
	right:0px;
}

span.pink{color:#fe55a4;}



/* -----------------------------------------------------------
PRESS
----------------------------------------------------------- */
#pressContainer{
	width:880px;
	height:540px;
	position:absolute;
	top:160px;
	left:0;
}
#pressContainer .presslistBox{
	padding-top:300px;
	padding-left:40px;
}
#pressContainer h2{
	width:160px;
	height:60px;
	margin-bottom:20px;
}
#pressContainer #pressIn{
	width:670px;
	height:150px;
	position:relative;
	overflow:auto;
}
#pressContainer #pressIn ul{
	width:1600px;
	height:150px;
}
#pressContainer #pressIn ul li{
	width:80px;
	float:left;
	text-align:center;
	/*display:inline;*/
	padding-right:10px;
	font-family: "メイリオ", sans-serif;
	font-size: 9px;
	line-height:13px;
	color:#000;
}
#pressContainer #pressIn ul li img{
	width:80px;
	padding-bottom:5px;
}

#pressImage{
	wisth:670px;
	height:270px;
	position:absolute;
	top:30px;
	right:0;
}





/* -----------------------------------------------------------
CONTACT
----------------------------------------------------------- */
#contactContainer{
	width:860px;
	height:570px;
	position:absolute;
	top:130px;
	right:0;
}
#contactContainer .contactBox{
	padding-top:120px;
	padding-left:515px;
	width:300px;
}
#contactContainer h2{
	width:40px;
	height:50px;
	margin-bottom:40px;
}
#contactContainer h3{
	font-size:14px;
	font-weight:bold;
	padding-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
}

#contactContainer .en{
	font-size:11px;
	line-height:15px;
}
#contactImage{
	wisth:770px;
	height:520px;
	position:absolute;
	top:30px;
	left:0;
}





/* -----------------------------------------------------------
RECRUIT
----------------------------------------------------------- */
#recruitContainer{
	width:860px;
	height:670px;
	position:absolute;
	top:30px;
	left:0;
}
#recruitContainer .recruitBox{
	padding-top:40px;
	padding-left:40px;
	width:430px;
}
#recruitContainer h2{
	width:40px;
	height:40px;
	margin-bottom:50px;
}
#recruitContainer h3{
	font-size:12px;
	line-height:16px;
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #000;
	padding-bottom:15px;
}
#recruitContainer .topic01{
	width:90px;
	float:left;
	line-height:14px;
	font-weight:bold;
}
#recruitContainer .topic02{
	width:340px;
	float:left;
	line-height:14px;
}
#recruitImage{
	wisth:650px;
	height:480px;
	position:absolute;
	top:80px;
	right:0;
}

	
.entryBtn{
	width:200px;
	
}
.entryBtn a{
	width:200px;
	padding:3px;
	line-height:30px;
	background:#fa2457;
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
}
.entryBtn a:hover{
	color:#FFF;
	text-decoration:underline;
}




/* -----------------------------------------------------------
LINK
----------------------------------------------------------- */
#linkContainer{
	width:860px;
	height:570px;
	position:absolute;
	top:30px;
	left:0;
}
#linkContainer .linkBox{
	padding-top:310px;
	padding-left:60px;
	width:301px;
}
#linkContainer h2{
	width:80px;
	height:50px;
	margin-bottom:50px;
}
.linktxt{
	font-size:13px;
	line-height:24px;
}
#linkImage{
	wisth:770px;
	height:520px;
	position:absolute;
	top:100px;
	right:0;
}





/* -----------------------------------------------------------
INTERVIEW
----------------------------------------------------------- */
#interviewContainer{
}
#interviewContainer h2{
	width:155px;
	height:45px;
	padding:25px 0 0 0;
}
#interviewContainer .interviewBox{
	float:right;
	padding-top:60px;
	padding-right:20px;
	width:360px;
}
#interviewContainer .interviewBox .scroll-pane{
	width:360px;
	height:600px;
}
#interviewContainer .interviewBox .jan{
	width:340px;
	padding-bottom:3px;
}
#interviewContainer .interviewBox .en{
	width:340px;
	color:#f95882;
	padding-bottom:20px;
}
#interviewImage{
	wisth:740px;
	padding-top:60px;
}





/* -----------------------------------------------------------
movie
----------------------------------------------------------- */
#movieContainer{
	left:0;
}
#movieContainer h2{
	padding:15px 0 0 920px;
}
#movieImage{
	width:1000px;
	height:562px;
	padding-top:30px;
	padding-left:20px;
}





/* -----------------------------------------------------------
COLLECTION
----------------------------------------------------------- */
#collectionContainer{
}
#collectionContainer h2{
	padding-bottom:20px;
}
#collectionContainer #1stCont{
	width:190px;
	height:530px;
	overflow:hidden;
}
#collectionContainer .scroll-pane{
	width:190px;
	height:530px;
}
#collectionContainer .scroll-pane ul li{
	width:120px;
	height:80px;
	padding-bottom:10px;
}
#collectionContainer .scroll-pane ul li a:hover{
	opacity: 0.8;
}
#collectionContainer #phbox{
	width:940px;
	height:700px;
	float:right;
}
.tate_prev,
.tate_next.
.yoko_prev,
.yoko_next{
	width:40px;
	height:40px;
}
.tate_prev{
	padding-top:330px;
	padding-right:10px;
	float:left;
}
.tate_next{
	padding-top:330px;
}
.yoko_prev{
	padding-top:295px;
	padding-right:10px;
	float:left;
}
.yoko_next{
	padding-top:295px;
	padding-left:10px;
	float:right;
}
#phbox .tateimage{
	width:447px;
	height:670px;
	float:left;
}
img.tate{
	width:466px;
	height:700px;
}
img.yoko{
	width:840px;
	height:560px;
}
#phbox .tateimage02{
	width:447px;
	height:670px;
}
#phbox .tatetxt{
	width:100px;
}
#phbox .tatetxt02{
	width:100px;
}
#phbox .yokoimage{
	width:840px;
	height:560px;
	float:left;
}
#phbox .yokotxt{
	padding-left:50px;
	padding-top:10px;
	float:left;
}
#phbox .yokobtn{
	width:90px;
	float:right;
	padding-right:50px;
	padding-top:5px;
}
