@charset "utf-8";

html {
  height: 100%; 
}
 
body {
  overflow-y: scroll;  /*  縦スクロールバーを表示します。 */
  overflow-x: hidden;  /*  横スクロールバーを消します。 */                                                                                                                    
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  -webkit-text-size-adjust: 100%;
  color: #867455;
}
 
.image-base{
  min-height: 800px; /* 高さの最小値を決めることで高さを確保させます。デバイスサイズに応じて数値を変更させると、背景画像もレスポンシブに変化します。　*/
　background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; /* 背景画像をフルスクリーンにフィットさせます */
}

.image-base01{
  min-height: 500px; /* 高さの最小値を決めることで高さを確保させます。デバイスサイズに応じて数値を変更させると、背景画像もレスポンシブに変化します。　*/
　background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; /* 背景画像をフルスクリーンにフィットさせます */
}

/* .image {
    background: url("/img/Desert.jpg") no-repeat fixed 0% 0% transparent;
} */

.image {
	background: url(../img/top/bg/01.jpg) no-repeat fixed 0% 0% transparent;
	margin: 0 auto;
	width: 100%;
	text-align: center;
}

.image2 {
    background: transparent url(../img/top/bg/03.jpg) no-repeat fixed 0% 0%;
}

.image3 {
    background: transparent url(../img/top/bg/02_02.jpg) no-repeat fixed 0% 0%;
	padding-bottom: 80px;
}

.image4 {
    background: url(../img/top/bg/04_03.jpg) no-repeat fixed 0% 0% transparent;
}

.image5 {
   background: url("http://www.fukazone.com/sample_src/img/free/d.jpg") no-repeat fixed 0% 0% transparent;
}
.imageAbout01 {
   background: url("http://test-site.aispr.jp/img/Tulips.jpg") no-repeat fixed 0% 0% transparent;
}
.imageAbout02 {
   background: url("http://test-site.aispr.jp/img/Tulips.jpg") no-repeat fixed 0% 0% transparent;
}

body#sysItemCategory {
    background: url('http://test-site.aispr.jp/img/Tulips.jpg') no-repeat fixed 0% 0% transparent;
}

.imageAbout {
    background: url(../img/about/bg01.jpg) no-repeat fixed 0% 0% transparent;
}

.image-menu01 {
    background: url(../img/menu/bg01_01.jpg) no-repeat fixed 0% 0% transparent;
	padding: 60px 0;
}

.image-menu02 {
    background: url(../img/menu/bg02.jpg) no-repeat fixed 0% 0% transparent;
	padding: 60px 0;
}
.image-faq {
    background: url(../img/faq/bg01.jpg) no-repeat fixed 0% 0% transparent;
	padding: 60px 0;
}

.image-base{
    min-height: 800px; 
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
/* -moz-background-size:100% auto;
background-size:100% auto; */
/* background-attachment: scroll;
-webkit-transition: min-height 1s ease-in-out;
-webkit-transition-delay: 0.01s;
-moz-transition: min-height 1s ease-in-out;
-o-transition: min-height 1s ease-in-out;
transition: min-height 1s ease-in-out; */
}
.image-base01{
    min-height: 500px; 
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
/* -moz-background-size:100% auto;
background-size:100% auto; */
/* background-attachment: scroll;
-webkit-transition: min-height 1s ease-in-out;
-webkit-transition-delay: 0.01s;
-moz-transition: min-height 1s ease-in-out;
-o-transition: min-height 1s ease-in-out;
transition: min-height 1s ease-in-out; */
}

.image-base02{
    min-height: 300px; 
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
/* -moz-background-size:100% auto;
background-size:100% auto; */
/* background-attachment: scroll;
-webkit-transition: min-height 1s ease-in-out;
-webkit-transition-delay: 0.01s;
-moz-transition: min-height 1s ease-in-out;
-o-transition: min-height 1s ease-in-out;
transition: min-height 1s ease-in-out; */
}


.content,
.content2{
    width: 100%;
    max-width: 750px;
    margin: 0 auto;
    background: #fff;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    position: relative;
    /* z-index: 2; */
    background: #FFF;
    width: 100%;
}

.content3 {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    background: #D0E1E6;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    position: relative;
    /* z-index: 2; */
    background: #D0E1E6;
    width: 100%;
	padding-bottom: 130px;
}

.content4{
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    background: #C4B5BB;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    position: relative;
    /* z-index: 2; */
    background: #C4B5BB;
    width: 100%;
}

.contentMenu {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    background: #F0EDE7;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    position: relative;
    /* z-index: 2; */
    background: #FCFCFA;
    width: 100%;
}



@media screen and (max-width:480px){
.image-base {
 min-height: 400px; 
} 
}
@media screen and (min-width:481px) and (max-width:800px){
.image-base {

 min-height: 600px; 
} 
}
@media screen and (min-width:801px){
.image-base {
 min-height: 800px;
} 
}

@media screen and (max-width:480px){
.image-base01 {
 min-height: 300px; 
} 
}
@media screen and (min-width:481px) and (max-width:800px){
.image-base01 {
 min-height: 400px; 
} 
}
@media screen and (min-width:801px){
.image-base01 {
 min-height: 500px;
} 
}

/* ___________________________________________________________________________*/

body{
	font-family:'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Meiryo', 'メイリオ', 'MS PGothic', 'ＭＳ Ｐゴシック', Helvetica, Arial, sans-serif;
}

header {
	background-color: #FCFCFA;
}


header #header{
	text-align: center;
}

.toplogo {
	text-align: center;
	margin: 0;
	padding: 20px 0 0 0;
}

.topConcept {
	text-align: center;
	margin-top: 60px;
	font-size: 22px;
	color: #867455;
	font-weight: normal;
	letter-spacing: normal;
}

.topConceptText {
	width: 1000px;
	text-align: center;
	margin: 25px auto 0 auto;
	font-size: 16px;
	color: #867455;
	font-weight: normal;
	line-height: 230%;
}
.topConceptSign {
	width: 380px;
	text-align: center;
	margin: 14px auto 0 auto;
}

#mainNav-wrap {
	width: 100%;
	background-color: #F0EDE7;
	height: 54px;
	margin-top: 50px;
	
}

#menu {
  list-style-type: none;
  width: 1000px;
  margin: 0px auto 0px;
  padding: 0;
}
#menu li {
  width: 12.5%;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}
#menu li a {
  display: block;
  width : 100%;
  color: #877556;
  font-size: 16px;
  font-weight: normal;
  line-height: 54px;
  text-decoration: none;
  font-family: Century Gothic, sans-serif;
}
#menu li a:hover {
  color: #877556;
  background: #E6E2D9;
}
.fixed{
  position: fixed;
  top: -50px;
  left: 0px;
  width: 100%;
  z-index: 9999;
}

.bannerBox {
	margin-bottom: 40px;
}

.topSliderBox {
	margin: 0 auto;
	width: 1000px;
	height: 570px;
	padding-top: 100px;
	padding-bottom: 100px;
}

.topTrialBox {
	margin: 0 auto;
	width: 1000px;
	text-align: center;
	padding-top: 83px;
}

.topTrialText01 {
	color: #867455;
	font-size: 28px;
	font-family: Century Gothic, sans-serif;
	text-align: center;
}

.topTrialLine {
	width: 88px;
	border-bottom: 1px solid #877556;
	margin: 43px auto 0 auto;
	
}

.topTrialText02 {
	color: #867455;
	font-size: 14px;
	margin-top: 52px;
}

.topTrialText03 {
	color: #867455;
	font-size: 35px;
	line-height: 150%;
	letter-spacing: 0.1em;
	font-family: Century Gothic, sans-serif;
}

.topTrialText04 {
	color: #867455;
	font-size: 19px;
	margin-top: 14px;
}

.topTrialText05 {
	color: #867455;
	font-size: 14px;
	margin-top: 10px;
}

.topTrialText06 {
	color: #867455;
	font-size: 20px;
	font-weight: bold;
	margin-top: 30px;
}

.topTrialText07 {
	border: 1px solid #877556;
	width: 532px;
	color: #867455;
	font-size: 15px;
	margin: 30px auto 0 auto;
	line-height: 56px;
	text-align: center;
}
.topTrialText07 a {
	color: #867455;
	text-decoration: none;
}

.topSalonMenuText01 {
	color: #867455;
	font-size: 28px;
	font-family: Century Gothic, sans-serif;
	text-align: center;
	padding-top: 80px;
}
.topSalonMenuText02 {
	color: #867455;
	font-size: 12px;
	text-align: center;
	padding-bottom: 30px;
}
.topSalonMenuText02 span {
	font-family: Century Gothic, sans-serif;
	font-size: 20px;
}
.topSalonMenuText03 {
	position: relative;
	border: 1px solid #877556;
	width: 532px;
	color: #867455;
	font-size: 15px;
	margin: 30px auto 0 auto;
	line-height: 56px;
	height: 56px;
	text-align: center;
}
.topSalonMenuText03 a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 56px;
	color: #867455;
	text-decoration: none;
}
.topSalonMenuText03 a:hover {
	background: #867455;
	color: #FFF;
	opacity: 0.6;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}


.newsBox01 {
	float: left;
	width: 266px;
	margin-right: 69px;
}

.newsBox02 {
	float: left;
	width: 665px;
	margin-right: 0px;
}

.newsContainer {
	overflow: hidden;
	width: 1000px;
	margin: 0 auto;
	padding-top: 84px;
	padding-bottom: 84px;
}

/* clearfix */
.newsContainer:before,
.newsContainer:after {
    content: "";
    display: table;
}
 
.newsContainer:after {
    clear: both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.newsContainer {
    zoom: 1;
}

#feed {
	float: left;
	margin-top: 0px;
	font-size:10px;
	letter-spacing:-0.05em;
	overflow: hidden;
	color: #867455;
	width: 665px;
}

#feed ul {
	margin: 0;
	padding: 0;
}

#feed li {
	border-bottom: solid 1px #877556;
	line-height: 180%;
	padding-bottom: 26px;
	margin-bottom: 26px;
	list-style: none;
}

#feed li a {
	font-size:13px;
	margin-left: 30px;
	color: #867455;
	text-decoration: none;
}

.newsMore {
	text-align: right;
	color: #867455;
	font-size: 13px;
}
.newsMore a {
	color: #867455;
}


.blogLinkBox {
	width: 297px;
	margin: 0 auto;
	padding-top: 150px;
}
.fbLinkBox {
	width: 92px;
	margin: 150px auto 0 auto;
}

footer {
	height: 290px;
	background-color: #F0EDE7;
}
footer .footer {
	width: 1000px;
	margin: 0 auto;
	color: #867455;
}

.footerLinkBox {
	text-align: center;
	padding-top: 39px;
	font-size: 12px;
	font-family: Century Gothic, sans-serif;
}
.footerLinkBox a {
	color: #867455;
}

.footerInfoBox {
	margin-top: 39px;
	text-align: center;
}
.footerInfoBox a {
	color: #867455;
}

.footerInfoBox02 {
	font-size: 13px;
	margin-top: 28px;
	text-align: center;
	line-height: 180%;
}

.copyright {
	text-align: center;
	margin-top: 40px;
	font-size: 11px;
}
.copyright a {
	text-align: center;
	margin-top: 40px;
	font-size: 11px;
	text-decoration: none;
	color: #867455;
}

#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
}
#page-top a {
    text-decoration: none;
    color: #fff;
    width: 50px;
    padding: 30px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
}

/*contact*/

.contactContent {
    width: 1000px;
	margin: 60px auto;
}

.contactTitle01 {
	color: #867455;
	font-size: 28px;
	font-family: Century Gothic, sans-serif;
	text-align: center;
	font-weight: normal;
}

.contactText01 {
	color: #867455;
	font-size: 16px;
	text-align: center;
	margin: 50px auto 0 auto;
	line-height: 160%;
	width: 700px;
}

.contactText01 a {
	color: #867455;
}


.contactTable {
	width: 700px;
	margin: 60px auto;
	color: #867455;
	font-size: 14px;
	border-collapse: collapse;
}
.contactTable th {
	text-align: left;
	font-weight: normal;
	padding: 10px 0;
}
.contactTable td {
}

.contactLine {
	border-bottom: 1px solid #867455;
	margin-top: 50px;
}

.submitBtn {
	text-align: center;
}


/*about*/



.aboutContent {
    width: 1000px;
	margin: 60px auto;
}

.aboutContent01-2 {
    width: 100%;
	margin: 0 auto;
	background-color: #FCFCFA;
	padding-top: 60px;
	padding-bottom: 100px;
}

.aboutContent02 {
    width: 100%;
	margin: 0 auto;
	background-color: #FCFCFA;
	padding-top: 60px;
	padding-bottom: 100px;
}

.aboutContainer01 {
    width: 1000px;
	margin: 0 auto;
}

.aboutText01 {
	color: #867455;
	font-size: 16px;
	line-height: 180%;
	margin-top: 60px;
	text-align: left;
}

.aboutCareerBox {
	margin: 0 auto;
	text-align: left;
	width: 1000px;
	padding-top: 30px;
	padding-bottom: 30px;
}

.aboutCareerInner {
	background-color: rgba(255,255,255,0.7);
	text-align: left;
	width: 700px;
	min-height: 500px;
	border-radius: 5px;
	padding: 20px;
}

.careerTitle {
	color: #867455;
	font-size: 20px;
	line-height: 180%;
	margin-top: 10px;
	margin-left: 10px;
	text-align: left;
	font-weight: normal;
	font-family: Century Gothic, sans-serif;
	letter-spacing: 0.25em;
}
.careerTitle .careerJp {
	font-size: 14px;
	margin-left: 10px;
	letter-spacing: normal;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.careerTitle .careerName {
	font-size: 22px;
	margin-left: 30px;
	letter-spacing: normal;
}

.careerText01 {
	color: #867455;
	font-size: 14px;
	line-height: 150%;
	margin-top: 10px;
	margin-left: 10px;
	text-align: left;
}

.staffText01 {
	color: #867455;
	font-size: 14px;
	line-height: 150%;
	margin-top: 30px;
	text-align: left;
}

.philoTitle01 {
	color: #867455;
	font-size: 28px;
	font-family: Century Gothic, sans-serif;
	text-align: center;
	font-weight: normal;
	padding-top: 30px;
}

.philoSubTitle {
	font-size: 24px;
	margin-top: 80px;
}

.philoSubTitle span {
	font-size: 18px;
	font-family: Century Gothic, sans-serif;
	margin-left: 20px;
}

.philoText01 {
	font-size: 16px;
	margin-top: 30px;
}

.philoText01 span {
	font-size: 14px;
	margin-top: 20px;
}

/*privacy*/

.privacyText01 {
	font-size: 16px;
	line-height: 170%;
	margin-top: 60px;
	text-align: left;
	border-bottom: 1px dotted #867455;
	padding-bottom: 20px;
}

.privacySubTitle01 {
	margin-top: 30px;
	font-weight: bold;
}

.privacyText02 {
	margin-top: 20px;
}

.privacyText02 a {
	color: #867455;
}

/*menu*/

.menuBox01 {
	width: 1000px;
	margin: 60px auto 0 auto;
}

.menuText01 {
	margin-top: 20px;
	font-size: 18px;
	text-align: center;
	letter-spacing: 0.2em;
}
.menuText02 {
	margin-top: 20px;
	font-size: 16px;
	text-align: center;
}

.menuText03 {
	margin-top: 20px;
	font-size: 24px;
	text-align: left;
	font-family: Century Gothic, sans-serif;
	letter-spacing: 0.25em;
}
.menuText03 span {
	font-size: 14px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	letter-spacing: normal;
}

.menuText04 {
	margin-top: 80px;
	font-size: 22px;
	text-align: left;
	font-family: Century Gothic, sans-serif;
	letter-spacing: 0.25em;
}
.menuText04 span {
	font-size: 14px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	letter-spacing: normal;
}


.menuBoxInner01 {
	width: 920px;
	margin: 0 auto;
	padding-top: 0px;
	background: rgba(252,252,250,0.8);
	min-height: 600px;
	padding: 40px 40px;
}
.menuBoxInner02 {
	width: 920px;
	margin: 0 auto;
	padding-top: 0px;
	min-height: 600px;
	padding: 40px 40px;
}

.menuCouseBox01 {
	float: left;
	box-sizing: border-box;
	border: 1px solid #877556;
	width: 440px;
	margin-right: 40px;
	background: #FFF;
	padding: 10px;
	min-height: 170px;
}
.menuCouseBox02 {
	float: left;
	box-sizing: border-box;
	border: 1px solid #877556;
	width: 440px;
	margin-right: 0px;
	background: #FFF;
	padding: 10px;
	min-height: 170px;
}

.menuCouseBox03 {
	box-sizing: border-box;
	border: 1px solid #877556;
	width: 920px;
	background: #FFF;
	padding: 10px;
	min-height: 170px;
	margin-top: 30px;
}


.menuBoxContainer01 {
	overflow: hidden;
	margin-top: 30px;
}

/* clearfix */
.menuBoxContainer01:before,
.menuBoxContainer01:after {
    content: "";
    display: table;
}
 
.menuBoxContainer01:after {
    clear: both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.menuBoxContainer01 {
    zoom: 1;
}

.couseText01 {
	margin-top: 0px;
	font-size: 16px;
	padding-bottom: 5px;
	border-bottom: 1px solid #877556;
}

.couseText02 {
	margin-top: 10px;
	font-size: 12px;
	padding: 0;
}
.couseText03 {
	margin-top: 20px;
	font-size: 14px;
	padding: 0;
}

.menuSubTitle01 {
	margin-top: 50px;
	font-size: 16px;
	text-decoration: underline;
}

.menuText05 {
	float: left;
	margin-top: 30px;
	font-size: 14px;
	width: 600px;
	margin-right: 20px;
	line-height: 160%;
}

.menuText06 {
	margin-top: 20px;
	font-size: 14px;
	line-height: 140%;
}



.menuImg01 {
	float: left;
	width: 300px;
	margin-top: 30px;
}

.menuTextContainer01 {
	overflow: hidden;
}

/* clearfix */
.menuTextContainer01:before,
.menuTextContainer01:after {
    content: "";
    display: table;
}
 
.menuTextContainer01:after {
    clear: both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.menuTextContainer01 {
    zoom: 1;
}

.menuList01 {
	margin-top: 20px;
	font-size:14px;
}
.menuList01 span {
	margin-left: 50px;
	font-family: Century Gothic, sans-serif;
	text-decoration: underline;
}

.menuListBox01 {
	float: left;
	width: 450px;
	margin-right: 20px;
	box-sizing: border-box;
	border: 1px solid #877556;
	padding: 10px;
	margin-top: 20px;
}

.menuListBox01 a:hover {
	color: #D6CDBE;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.menuListBox02 a:hover {
	color: #D6CDBE;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}


.menuListBox02 {
	float: left;
	width: 450px;
	margin-right: 0px;
	box-sizing: border-box;
	border: 1px solid #877556;
	padding: 10px;
	margin-top: 20px;
}

.menuListContainer {
	overflow: hidden;
	margin-top: 50px;
	padding-bottom: 50px;
	border-bottom: 1px dotted #877556;
}

/* clearfix */
.menuListContainer:before,
.menuListContainer:after {
    content: "";
    display: table;
}
 
.menuListContainer:after {
    clear: both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.menuListContainer {
    zoom: 1;
}

.menuListContainer02 {
	overflow: hidden;
	margin-top: 0px;
}

/* clearfix */
.menuListContainer02:before,
.menuListContainer02:after {
    content: "";
    display: table;
}
 
.menuListContainer02:after {
    clear: both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.menuListContainer02 {
    zoom: 1;
}

.menuListBoxText01 {
	font-size: 16px;
	line-height: 160%;
}
.menuListBoxText01 span {
	font-size: 13px;
	line-height: 160%;
}

.menuDetail {
	text-align: right;
	font-family: Century Gothic, sans-serif;
	text-decoration: underline;
	font-size: 12px;
}

.menuBodySubTitle01 {
	font-size: 16px;
	line-height: 160%;
	margin-top: 50px;
}

.comingText {
	color: #867455;
	font-size: 16px;
	line-height: 180%;
	margin-top: 60px;
	text-align: center;
}
.comingText02 {
	color: #867455;
	font-size: 16px;
	line-height: 180%;
	margin-top: 60px;
	text-align: center;
	min-height: 500px;
}

/*faq*/

.faqTitle01 {
	color: #867455;
	font-size: 18px;
	line-height: 180%;
	margin-top: 30px;
	margin-bottom: 50px;
	text-align: center;
	border-bottom: #867455 1px dotted;
	padding-bottom: 40px;
}


.faqText01 {
	font-size: 16px;
	line-height: 180%;
	margin-top: 30px;
	font-weight: bold;
}
.faqText01 span {
	font-size: 18px;
	font-weight: bold;
}

.faqText02 {
	font-size: 16px;
	line-height: 180%;
	margin-top: 20px;
}

.flowTitle01 {
	color: #867455;
	font-size: 18px;
	line-height: 140%;
	margin-top: 60px;
	text-align: left;
	font-weight: bold;
}

.flowText01 {
	font-size: 16px;
	line-height: 160%;
	margin-top: 20px;
}
.flowText02 {
	font-size: 30px;
	line-height: 100%;
	margin-top: 20px;
	font-weight: bold;
	text-align: center;
}

.flowText03 {
	font-size: 16px;
	line-height: 160%;
	margin-top: 40px;
}

.flowYoyakuBox01 {
	position: relative;
	border: 1px solid #877556;
	width: 1000px;
	color: #867455;
	font-size: 15px;
	margin: 30px auto 80px auto;
	line-height: 56px;
	height: 56px;
	text-align: center;
}
.flowYoyakuBox01 a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 56px;
	color: #867455;
	text-decoration: none;
}
.flowYoyakuBox01 a:hover {
	background: #867455;
	color: #FFF;
	opacity: 0.6;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

/*yoyaku*/

.yoyakuText01 {
	font-size: 18px;
	line-height: 160%;
	margin-top: 40px;
	font-weight: bold;
}
.yoyakuText02 {
	font-size: 15px;
	line-height: 160%;
	margin-top: 30px;
}
.yoyakuText03 {
	font-size: 14px;
	line-height: 160%;
	margin-top: 30px;
}
.yoyakuText03 a {
	color: #867455;
}


/*salon info*/

.salonInfoBox01 {
	float: left;
	width: 50%;
	padding: 0;
	margin-left: 0%;
}

.salonInfoBox02 {
	float: left;
	width: 50%;
	text-align: center;
}

.salonInfoBox03 {
	float: left;
	width: 50%;
	text-align: center;
}

.salonInfoBox04 {
	float: left;
	width: 50%;
}


.salonInfoText01 {
	font-size: 24px;
	font-family: Century Gothic, sans-serif;
}
.salonInfoText02 {
	font-size: 15px;
	margin-top: 30px;
	line-height: 200%;
}
.salonInfoText02 a {
	color: #867455;
}

.salonInfoText03 {
	font-size: 22px;
	font-family: Century Gothic, sans-serif;
}
.salonInfoText04 {
	font-size: 12px;
}
.salonInfoText05 {
	font-size: 13px;
	margin-top: 20px;
	line-height: 120%;
}
.salonInfoText06 {
	font-size: 13px;
	margin-top: 10px;
	line-height: 120%;
}

.salonInfoContainer {
	overflow: hidden;
	width: 1000px;
	margin: 80px auto;
}

/* clearfix */
.salonInfoContainer:before,
.salonInfoContainer:after {
    content: "";
    display: table;
}
 
.salonInfoContainer:after {
    clear: both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.salonInfoContainer {
    zoom: 1;
}

.gmapBox {
	margin: 40px auto;
	width: 1000px;
	text-align: center;
}

.yoyakuText04 {
	font-size: 13px;
	margin-top: 14px;
	padding: 5px;
}

.yoyakuTable {
	width: 800px;
	margin: 60px auto;
	color: #867455;
	font-size: 14px;
	border-collapse: collapse;
}
.yoyakuTable th {
	width: 25%;
	text-align: left;
	font-weight: normal;
	padding: 20px 0;
	vertical-align: top;
}
.yoyakuTable td {
	padding: 20px 0;
}

.yoyakuTitle01 {
	color: #867455;
	font-size: 18px;
	line-height: 180%;
	margin-top: 60px;
	text-align: center;
	font-weight: bold;
}

.retoxImg01 {
	margin-top: 60px;
}

.retoxImg02 {
	margin-top: 60px;
	text-align: center;
}

.retoxText01 {
	color: #545454;
	font-size: 16px;
	line-height: 180%;
	margin-top: 60px;
	text-align: center;
}

.retoxText02 {
	color: #545454;
	font-size: 35px;
	line-height: 180%;
	margin-top: 10px;
	text-align: center;
	font-weight: normal;
	letter-spacing: 0.2em;
}

.retoxText03 {
	color: #545454;
	font-size: 12px;
	line-height: 180%;
	margin-top: 10px;
	text-align: center;
	font-weight: normal;
	letter-spacing: 0.2em;
}