@charset "UTF-8";
/* CSS Document */

body {
	margin: 0;
	padding: 0;
	color: #634B1F;
	background-color: #fff;
	font-family: "ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック", verdana, arial, sans-serif;
	text-align: center;
	line-height: 1.5;
	font-size: 12px;
}

#ctnts {
	top:0;
	left:0;
	width: 100%;
	margin: 0;
	padding: 0;
	position:absolute;
}

/*INFO*/
.hiduke {
	float: left;
	width: 75px;
}
.text_con {
	float: left;
	width: 500px;
	overflow:hidden;
	margin-bottom:5px;
}


/* NAVI */

div#atelier_prana{
	width: 918px;
	text-align: left;
	margin: 0 auto;
	padding: 0;
	z-index: 9000;
}

div#atelier_prana div.naviwrap{
	position:relative;
	text-align: left;
	margin: 0;
	padding: 0;
	float: left;
	display:block;
	z-index: 9100;
}

div#atelier_prana div.naviwrap div.navigation{
	position:relative;
	width: 200px;
	height: 444px;
	margin: 0;
	padding: 0;
	top: 16px;
	background-image:url(../img/navi_bg.png?year=2024);
	background-repeat:no-repeat;
	display:block;
	overflow:hidden;
}

/* ph */
div#atelier_prana div.naviwrap div.navigation div.photo{
	position:relative;
	margin: 0 0 0 22px;
	padding: 25px 0 0 0;
	display:block;
}

div#atelier_prana div.naviwrap div.navigation div.photo ul#navi_p {
	width: 155px;
	height: 139px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

div#atelier_prana div.naviwrap div.navigation div.photo ul#navi_p li {
	margin: 0;
	padding: 0;
}

/* btn */
div#atelier_prana div.naviwrap div.navigation div.btn1{
	position:relative;
	margin: 146px 0 0 22px;
	padding: 0;
	display:block;
}
div#atelier_prana div.naviwrap div.navigation div.btn2{
	position:relative;
	margin: 0 0 0 22px;
	padding: 0;
	display:block;
}

a.alphaBtn {
  transition-property: opacity;
  transition-duration: 0.3s;
}
a.alphaBtn:hover {
  opacity: 0.7; 
}

/* HEADER */

div#top {
	width: 100%;
	height: 155px;
	text-align: left;
	margin: 0;
	padding: 0;
	display:block;
	background-color:#644C20;
}

div#top div.hairsalon0prana{
	width: 950px;
	height: 155px;
	text-align: right;
	margin: 0 auto;
	padding: 0;
	display:block;
	position:relative;
	background-image:url(../img/head_bg.gif?year=2021);
	background-repeat:no-repeat;
	background-position:251px 49px;
}

div#top h1{
	font-size:5px;
	color:#644C20;
	margin:0;
	padding:0;
}


/* INFO */

div#hairsalon_info {
	width: 100%;
	text-align: left;
	margin: 0;
	padding: 0;
	display:block;
	background-color:#E7DEB9;
}

div#hairsalon_info div.hairsalon_info_prana {
	width: 950px;
	text-align: left;
	margin: 0 auto;
	padding: 0;
	display:block;
	position:relative;
	background-image:url(../img/f_info.gif?year=2021);
	background-repeat:no-repeat;
	background-position:331px 16px;
}

div#hairsalon_info div.hairsalon_info_prana div.hairsalon_info_txt {
	width: 610px;
	text-align: left;
	margin: 0 0 0 332px;
	padding: 34px 0 20px 0;
	display:block;
	position:relative;
	color:#867248;
	font-size:11px;
	overflow:hidden;
}

/* F1 */

div#about {
	width: 100%;
	height: 267px;
	text-align: left;
	margin: 0;
	padding: 0;
	display:block;
	background-color:#FFF;
}

div#about div.hairsalon1prana{
	width: 950px;
	height: 267px;
	text-align: right;
	margin: 0 auto;
	padding: 0;
	display:block;
	position:relative;
	background-image:url(../img/f1_bg.png?year=2024);
	background-size:619px 178px;
	background-repeat:no-repeat;
	background-position:331px 44px;
	color:#FFF;
	font-size:5px;
}

/* PHOTO */

div#hairsalon1_p {
	width: 100%;
	height: 268px;
	text-align: left;
	margin: 0;
	padding: 0;
	display:block;
	background-color:#FFF;
}

div#hairsalon1_p ul#f1p {
	width: 100%;
	height: 268px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

div#hairsalon1_p ul#f1p li.p1 {
	width: 100%;
	height: 268px;
	background-image:url(../img/f1_p1.jpg);
	background-repeat:repeat-x;
}

div#hairsalon1_p ul#f1p li.p2 {
	width: 100%;
	height: 268px;
	background-image:url(../img/f1_p2.jpg);
	background-repeat:repeat-x;
}

div#hairsalon1_p ul#f1p li.p3 {
	width: 100%;
	height: 268px;
	background-image:url(../img/f1_p3.jpg);
	background-repeat:repeat-x;
}

div#hairsalon1_p ul#f1p li.p4 {
	width: 100%;
	height: 268px;
	background-image:url(../img/f1_p4.jpg);
	background-repeat:repeat-x;
}

div#hairsalon1_p ul#f1p li.p5 {
	width: 100%;
	height: 268px;
	background-image:url(../img/f1_p5.jpg);
	background-repeat:repeat-x;
}


/* F2 */

div#shopdata {
	width: 100%;
	height: 343px;
	text-align: left;
	margin: 0;
	padding: 0;
	display:block;
	/*background-color:#9EB447;*/
	background-color:#A9BC45;

}

div#shopdata div.hairsalon2prana{
	width: 950px;
	height: 393px;
	text-align: right;
	margin: 0 auto;
	padding: 0;
	display:block;
	position:relative;
	background-image:url(../img/f2_bg.png?year=2024);
	background-size:619px 256px;
	background-repeat:no-repeat;
	background-position:331px 44px;
	color:#9EB447;
	font-size:5px;
}

div#shopdata div.hairsalon2prana .txtArea{
	width: 950px;
	height: 249px;
	text-align: right;
	margin: 0;
	padding: 0;
	display:block;
	position:absolute;
}

/*div#shopdata div.hairsalon2prana .btnArea1{
	width: 198px;
	text-align: right;
	top:225px;
	left:426px;
	padding: 0;
	display:block;
	position:absolute;
}*/
div#shopdata div.hairsalon2prana .btnArea1{
	width: 200px;
	text-align: right;
	top:204px;
	left:333px;
	padding: 0;
	display:block;
	position:absolute;
}

div#shopdata div.hairsalon2prana .btnArea2{
	text-align: right;
	top:140px;
	left:526px;
	padding: 0;
	display:block;
	position:absolute;
	/*float:left;*/
}

/* PHOTO */

div#hairsalon2_p {
	width: 100%;
	height: 268px;
	text-align: left;
	margin: 0;
	padding: 0;
	display:block;
	background-color:#FFF;
}

div#hairsalon2_p ul#f2p {
	width: 100%;
	height: 268px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

div#hairsalon2_p ul#f2p li.p2_1 {
	width: 100%;
	height: 268px;
	background-image:url(../img/f2_p1.jpg);
	background-repeat:repeat-x;
}

div#hairsalon2_p ul#f2p li.p2_2 {
	width: 100%;
	height: 268px;
	background-image:url(../img/f2_p2.jpg);
	background-repeat:repeat-x;
}

div#hairsalon2_p ul#f2p li.p2_3 {
	width: 100%;
	height: 268px;
	background-image:url(../img/f2_p3.jpg);
	background-repeat:repeat-x;
}

div#hairsalon2_p ul#f2p li.p2_4 {
	width: 100%;
	height: 268px;
	background-image:url(../img/f2_p4.jpg);
	background-repeat:repeat-x;
}



/* F3 */

div#menu {
	width: 100%;
	height: 730px;
	text-align: left;
	margin: 0;
	padding: 0;
	display:block;
	background-color:#644C20;
}

div#menu div.hairsalon3prana{
	width: 950px;
	height: 670px;
	text-align: left;
	margin: 0 auto;
	padding: 0;
	display:block;
	position:relative;
	background-image:url(../img/f3_bg.png?year=2024);
	background-size:619px 634px;
	background-repeat:no-repeat;
	background-position:331px 44px;
	color:#644C20;
	font-size:5px;
}


/* BRIDAL */

div#bridal {
	width: 100%;
	height: 287px;
	text-align: left;
	margin: 0;
	padding: 0;
	display:block;
	background-color:#FFE0E3;
}

div#bridal div.hairsalon1prana{
	width: 950px;
	height: 267px;
	text-align: right;
	margin: 0 auto;
	padding: 0;
	display:block;
	position:relative;
	background-image:url(../img/f3_bridal.png?year=2024);
	background-size:619px 196px;
	background-repeat:no-repeat;
	background-position:331px 44px;
	color:#FFE0E3;
	font-size:5px;
}


/* PHOTO */

div#hairsalon3_p {
	width: 100%;
	height: 268px;
	text-align: left;
	margin: 0;
	padding: 0;
	display:block;
	background-color:#FFF;
}

div#hairsalon3_p ul#f3p {
	width: 100%;
	height: 268px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

div#hairsalon3_p ul#f3p li.p3_1 {
	width: 100%;
	height: 268px;
	background-image:url(../img/f3_p1.jpg);
	background-repeat:repeat-x;
}

div#hairsalon3_p ul#f3p li.p3_2 {
	width: 100%;
	height: 268px;
	background-image:url(../img/f3_p2.jpg);
	background-repeat:repeat-x;
}

div#hairsalon3_p ul#f3p li.p3_3 {
	width: 100%;
	height: 268px;
	background-image:url(../img/f3_p3.jpg);
	background-repeat:repeat-x;
}

div#hairsalon3_p ul#f3p li.p3_4 {
	width: 100%;
	height: 268px;
	background-image:url(../img/f3_p4.jpg);
	background-repeat:repeat-x;
}





/* FOOTER */
div#hairsalon_btm {
	width: 100%;
	height: 9px;
	margin: 0;
	padding: 0;
	display:block;
	color:#9EB447;
	font-size:5px;
	background-color:#A9BC45;
}

div#hairsalon_foot {
	width: 100%;
	text-align: left;
	margin: 0;
	padding: 0;
	display:block;
	background-color:#FFF;
}

div#hairsalon_foot div.hairsalon_foot_prana{
	width: 950px;
	height: 80px;
	text-align: right;
	margin: 0 auto;
	padding: 0;
	display:block;
	position:relative;
	background-image:url(../img/foot_bg.gif?year=2021);
	background-repeat:no-repeat;
	background-position:331px 21px;
	color:#FFF;
	font-size:5px;
}

div#hairsalon_foot div.hairsalon_foot2_prana{
	width: 950px;
	height: 50px;
	text-align: left;
	margin: 0 auto;
	padding: 0;
	display:block;
	position:relative;
}

div#hairsalon_foot div.hairsalon_foot2_prana div.textArea{
	width: 615px;
	height: 20px;
	text-align: left;
	margin: 0 0 0 335px;
	padding: 0;
	display:block;
	position:relative;
	color:#999;
	font-size:9px;
}



/* COMMON */

img {
	border: 0;
}

/* text link */

a {
	color: #634B1F;
	text-decoration: none;
}

a:link {
	color: #634B1F;
	text-decoration: none;
}

a:visited {
	color: #634B1F;
	text-decoration: underline;
}

a:hover {
	color: #634B1F;
	text-decoration: underline;
}