@charset "UTF-8";
/* トップページの設定 ------------*/
body {
	color: #444;
	font-family: "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 85%;
	line-height: 1.6;
}

#container {
	margin: 0 auto;
	position: relative;
	width: 960px;
	margin: 0 auto;
	margin-top :10px; 
	padding-bottom: 10px;
	}

header {
	width: 960px;
	height: 580px;
	background: url(../images/header01.png) left top no-repeat, 
				url(../images/flamingo.png) 470px 40px no-repeat,
				url(../images/header02.png) right 0px no-repeat,
				url(../images/kei.png) left 200px no-repeat;
}	
header h1 {
	position: absolute;
	top : 40px;
	left: 80px;
	z-index: 11;

}
header p#tel {
	position: absolute;
	font-size: 150%;
	top : 40px;
	left: 600px;
	z-index: 11;

}

header p#add {
	position: absolute;
	top : 80px;
	left: 600px;
	z-index: 11;
}

header p img {
	margin-left: 30px;
}
#slideshow {
   position: relative;
   width:  900px;
   height: 280px; 
   margin-bottom: 40px ;
}   

#slideshow img {
   position: absolute;
   top: 30px;
   z-index: 8;
   opacity: 0.0;
}
#slideshow img.active {
   z-index: 10;
   opacity: 1.0;
}
#slideshow img.last-active {
   z-index: 9;
}

nav ul {
	overflow: hidden;
}

nav ul li {
	float:left;
	width: 159px;
	height: 50px;
	margin-top: 150px;
	border-right: solid 1px #fff;
}

nav ul li#n01 {
	background: url(../images/nav01_on.png) no-repeat;
}
nav ul li#n02 {
	background: url(../images/nav02_on.png) no-repeat;
}
nav ul li#n03 {
	background: url(../images/nav03_on.png) no-repeat;
}
nav ul li#n04 {
	background: url(../images/nav04_on.png) no-repeat;
}
nav ul li#n05 {
	background: url(../images/nav05_on.png) no-repeat;
}
nav ul li#n06 {
	background: url(../images/nav06_on.png) no-repeat;
}

#n01 a,#n02 a,#n03 a,#n04 a,#n05 a,#n06 a {
	display: inline-block;
}
#n01 a:hover img, #n02 a:hover img, #n03 a:hover img, 
#n04 a:hover img, #n05 a:hover img, #n06 a:hover img {
	visibility: hidden;
}

main section {
	overflow: hidden;
	width: 600px;
	height: 550px;
	margin-right: 10px;
}

main p {
	padding:20px 50px 0px 0px;
	line-height: 45px;
}

main p:last-child{
	padding-left: 350px;
}
main section#concept {
	background: url(../images/fla.png) 50px 120px no-repeat;
	float: right;
}
aside h2 {
	padding: 135px 0px 10px 80px;
	font-size: 120%;
}

section#taiken {
	background: url(../images/kei02.png) no-repeat;
	height: 300px;
	margin-bottom: 30px;
}
section#taiken p {
	font-size: 90%;
	padding: 20px 0px 0px 40px;
}

section#miwaballet {
	margin-left: 20px;
	height: 200px;
	background: url(../images/line01.png)10px top no-repeat,
				url(../images/line01.png)10px 130px no-repeat;
}

section#miwaballet h1 {
	font-size: 150%;
	padding: 35px 0px 5px 5px;
	letter-spacing: 5px;
}

section#miwaballet h3 {
	font-size: 150%;
	padding: 5px 0px 5px 5px;
}
section#miwaballet p {
	font-size: 90%;
	padding: 0px 0px 0px 5px;
}

footer {
	clear: both;
	height: 150px;
	background: #d9d3e5;
}

#footer_in {
	width: 940px;
	margin: 0 auto;
}

footer ul {
	font-size: 80%;
	text-align: center;
	padding: 10px 0px 40px 0px;
	background: url(../images/line01.png)left 30px repeat-x;
}

footer ul li {
	display: inline;
	border-right: solid 1px ;
	border-color: #555;
	padding: 0 10px 0 10px;

}

footer ul li:last-child {
	border: none;
}

footer ul li a:hover {
	background: #ece9f0;
}
footer p {
	text-align: center;
}

footer #shopname {
	font-size: 120%;
}

footer #copyright {
	margin-top: 10px;
}

/* ップへ戻る設定------------*/
.page-top {
	margin: 0 ;
	padding: 0 ;
}
 
.page-top p {
	margin: 0 ;
	padding: 0 ;
	position: fixed ;
	right:  20px ;
	bottom: 20px ;
}
.move-page-top {
	display: block ;
	background: #8e8998 ;
	width: 50px ;
	height: 50px ;
	border-radius: 10px;
	color: #fff ;
	font-size:150% ;
	line-height: 50px ;
	text-decoration: none ;
	text-align: center ;

	-webkit-transition:all 0.3s ;
	-moz-transition:all 0.3s ;
	transition:all 0.3s ;
}
.move-page-top:hover {
	opacity: 0.85 ;
}
.page-top {
	display: none ;
}
/* ENDトップへ戻る設定 END------------*/


/* コンセプトページの設定------------*/

header p#pagetop {
	margin: 50px 0px 10px 0px;
	padding-top: 30px;
}
main section#conceptpage {
	width: 910px;
	height: 800px;
	margin: 10px 20px 20px 20px;
	border-radius: 20px;
	background-color: #f9d2e9;
	background-image:
		url(../images/concept01.jpg),
		url(../images/concept02.jpg);
	background-repeat: 
		no-repeat,no-repeat;
	background-position: 
		-10px -30px,
		600px 550px;
}

main section#conceptpage h1 {
	margin: 0 auto;
	padding: 100px 0px 50px 250px;
	font-size: 140%;
}

main section#conceptpage p {
	font-size: 110%;
	line-height: 25pt;
}

/* コンセプトページの設定 END------------*/

