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

/* style.css */

body { width:100%;
	/*background-image: url(../img/bg_body_left.png), url(../img/bg_body_right.png);
	background-repeat: no-repeat, no-repeat;
	background-position: bottom left, top right;
	background-attachment:fixed;
	background-size: 408px 350px, 408px 450px;*/
}


#pagewrap {text-align:center;width:850px;margin:0 auto;}

header,#content,#top_content1,#top_content2,#top_content3,footer {max-width:100%;margin:0 auto;}

.fl {float:left;}
.fr {float:right;}

.pl50 { padding-left:50px; padding-bottom:0.8em;}
.pl28 { padding-left:28px; padding-bottom:0.8em;}
.pl12 { padding-left:12px; padding-bottom:0.8em;}
.pl19 { padding-left:19px; padding-bottom:0.8em;}

.ti12 { text-indent:1em;}


/************************************************************************************
FONT
*************************************************************************************/

body {
	font-size: 14px;
	color:#585756;
    font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
}

#pagewrap {
	line-height:1.5;
}


/************************************************************************************
LINK
*************************************************************************************/
a:link {text-decoration:none; color:#846daf;}
a:visited {text-decoration:none; color:#846daf;}
a:hover {text-decoration:none; color:#a28caf;}

a.link_orange {text-decoration:none; color:#F39700; font-weight:bold;}
a.link_orange:visited {text-decoration:none; color:#F39700;}
a.link_orange:hover {text-decoration:none; color:#585756;}

/************************************************************************************
HEADER CONTENT
*************************************************************************************/
#header {}

#site-logo {float:left;margin-top:24px;}
#site-logo a img {width:123px;}


h2.top_catch {float:left; margin:26px 0 0 20px;width:331px;height:51px;}
h2.top_catch img {width:331px;}

#sub_menu {float:right;margin-top:48px;width:295px;height:53px;}
#sub_menu ul {}
#sub_menu ul li {float:left; margin-left:5px;}
#sub_menu ul li a {display:block;}

#menu li{ display:inline-block;}


/************************************************************************************
MENU
*************************************************************************************/


#menu {
	width:850px;
	height:85px;
	margin:0 auto;
	margin-top:5px;
	border-top:solid 1px #666;
	font-size:9px;
}

.menu {
  z-index: 100;
  position: relative;
}
.menu li {
  /*border-left: 1px solid #000;*/
  float: left;
  position: relative;
  line-height:0;
  display:inline;
}
.menu li a, .menu li a:link, .menu li a:active, .menu li a:visited {
  display: block;
  text-decoration: none;
  height:35px;
  zoom:1;
  line-height:normal;
  outline:none;
}
.menu li a:hover {
  background: #ccc;
  color: #fff;
}

#menu li:hover a, 
#menu li.sfHover a {
  background:;
  color: #fff;
}
#menu li:hover ul a, 
#menu li.sfHover ul a {
  background:;
  color: #fff;	
}
#menu li:hover ul a:hover, 
#menu li.sfHover ul a:hover {
  background: #3386B2;
  color: #fff;	
}

.menu ul {
  list-style: none;
  margin: 0;
  position: absolute;
  top: -999em;
}
.menu li:hover ul,
.menu li.sfHover ul {
  top: 85px;
}
.menu ul li {
  border: 0;
  float: none;
}
.menu ul a {
  border-bottom: 0;
  zoom:1;
  text-align:center;
}
.menu ul a:hover {
  background: #ccc;
  color: #000;
}



ul#menu li a.menu_about_us    {	background-image: url(../img/nav1_on.jpg); width: 135px; height:85px; background-size:135px; background-repeat:no-repeat;}
ul#menu li a.menu_menu        {	background-image: url(../img/nav2_on.jpg); width: 135px; height:85px; background-size:135px; background-repeat:no-repeat;}
ul#menu li a.menu_lesson      {	background-image: url(../img/nav3_on.jpg); width: 135px; height:85px; background-size:135px; background-repeat:no-repeat;}
ul#menu li a.menu_events      {	background-image: url(../img/nav4_on.jpg); width: 115px; height:85px; background-size:115px; background-repeat:no-repeat;}
ul#menu li a.menu_voice       {	background-image: url(../img/nav5_on.jpg); width: 135px; height:85px; background-size:135px; background-repeat:no-repeat;}
ul#menu a.menu_faq            {	background-image: url(../img/nav6_on.jpg); width: 115px; height:85px; background-size:115px; background-repeat:no-repeat;}
ul#menu a.menu_access         {	background-image: url(../img/nav7_on.jpg); width:  80px; height:85px; background-size:80px; background-repeat:no-repeat;}


ul#menu li:hover a, ul#menu li a:hover {
	background-position: left bottom;
	filter: alpha(opacity=90);
	-moz-opacity:0.9;
	opacity:0.9;
}


ul#menu .menu_about_us_child {width: 135px;}
ul#menu .menu_menu_child {width: 135px;}
ul#menu .menu_lesson_child {width: 135px;}
ul#menu .menu_events_child {width: 115px;}
ul#menu .menu_voice_child {width: 135px;}
ul#menu .menu_faq_child {width: 115px;}
ul#menu .menu_access_child {width: 80px;}

ul#menu .menu_about_us_child li a {display:inline;width: 135px;}
ul#menu .menu_menu_child li a {display:inline;width: 135px;}
ul#menu .menu_lesson_child li a {display:inline;width: 135px;}
ul#menu .menu_events_child li a {display:inline;width: 115px;}
ul#menu .menu_voice_child a {display:inline;width: 135px;}
ul#menu .menu_faq_child a {display:inline;width: 115px;}
ul#menu .menu_access_child a {display:inline;width: 80px;}

ul#menu .menu_about_us_child li a img,
ul#menu .menu_menu_child li a img,
ul#menu .menu_lesson_child li a img,
ul#menu .menu_events_child li a img,
ul#menu .menu_voice_child a img,
ul#menu .menu_faq_child a img,
ul#menu .menu_access_child a img {vertical-align:bottom;}




/************************************************************************************
TOP SLIDE SHOW
*************************************************************************************/

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }
  
.rslides {border-top:solid 1px #666;padding-bottom:73px;background:url(../img/slide_footer.gif) no-repeat bottom center;}

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }



/************************************************************************************
TOP CONTENT
*************************************************************************************/

.top_content {text-align:left; margin-top:-20px;}
.top_leftcol {float:left; width:47%;margin-right: 6%;}
.top_rightcol {float:left; width:47%;}

.top_news {}
.top_contact {}

.top_news h3,.top_contact h3 {text-align:center;height:45px;background:url(../img/bg_top_h3.gif) no-repeat center bottom;}

.top_news dl {border-bottom:solid 2px #918f8e;margin-bottom:20px;padding:1.5em 1em 0.5em 1em;font-size:0.9em;line-height:1.5;}
.top_news dt {}
.top_news dd {margin-bottom:0.5em;}


ul#newsList{
	padding:0;
	border-bottom:solid 2px #918f8e;margin-bottom:20px;padding:1.5em 1em 0.5em 1em;font-size:0.9em;line-height:1.5;
}

ul#newsList li{
	color:#666;
	margin:0;
	padding:5px 0;
	margin-bottom:3px;
	line-height:1.5;
	list-style-type:none;
}

.newsTitle {margin:0.2em 0;}

.catName{
	display:inline-block;
	padding:3px 8px;
	border:1px solid #ccc;
	border-radius:6px;
	font-size:0.8em;
	line-height:100%;
	margin:0 2px;
}
.newMark{
	display:inline-block;
	border:1px solid #F00;
	padding:1px 4px;
	font-size:11px;
	line-height:100%;
	background:#F00;
	color:#fff;
	margin-right:0.5em;
}
.comment{
	display:block;
	padding:3px 0;
	float:left;
	overflow:hidden;
	max-width:auto;/* 本文部分の幅。ここは特に設置ページ合わせて変更下さい */
}
.thumbNailWrap{
	display:block;
	width:30%;
	float:left;
	height:auto;
	overflow:hidden;
}



.top_contact h4 {padding-top:1.5em;}
.top_contact h5 {margin-bottom:1em;}
.top_contact span {color:#644d9d;font-weight:bold;}


.top_contact_box {margin:1em 0;}
.top_contact_box1  {}
.top_contact_box2 {font-size:0.9em;}

.top_contact_btn1 {float:left;margin-right: 27px;}
.top_contact_btn2 {float:left;}

.top_contact_btn1 a img {display:block; margin-bottom:10px;}
.top_contact_btn2 a img {display:block;}

.top_contact_box2 ul    { margin-left: 30px;list-style:disc; color:#644d9d;}
.top_contact_box2 ul li { padding: 0 0 2px;}

.top_contact_box_footer {
	margin:1em 0;
	padding:1em;
	border-top:dashed 1px #918f8e;
	border-bottom:solid 2px #918f8e;
	background-image: -moz-linear-gradient(top, #ffffff, #f4f3f9);
	background-image: -ms-linear-gradient(top, #ffffff, #f4f3f9);
	background-image: -webkit-linear-gradient(top, #ffffff, #f4f3f9);
	background-image: linear-gradient(top, #ffffff, #f4f3f9);
}


table.shop_info       { font-size:0.9em; width:100%; border-collapse:separate; border-spacing:0 0.5em;}
table.shop_info tr    { }
table.shop_info tr th { width:20%;text-align:justify;}
table.shop_info tr td { }





#top_content1 {position:relative;max-width:700px;}
.top_slide_comment {position:absolute; top:-25px;right:-20px;z-index:9999;}

#top_content2 {}
.top_point_wrapper {max-width:700px;margin:1.5em auto; position:relative;}
.top_point_wrapper p {display:inline-block; vertical-align:top;width:111px;height:89px;background-image:url(../img/top_point_bg.png);background-repeat:no-repeat;padding:21px 0 0;
                      *display: inline;
					  *zoom: 1;
					 }
.top_point_wrapper p.last {padding-right:0;}


#top_content3 { width:100%;text-align:left; font-size:14px;background:#FDEDEC;}
.top_content3_inner {max-width:700px;margin:1em auto;padding:2em 0;}
.top_content3_left {float:left;	width:30%;height:330px;background-image:url(../img/top_h3_bg.png);background-repeat:no-repeat; background-position:top left;}
.top_content3_left p {padding:1em 5em 1em 0;}
.top_content3_right {float:left; width:70%;}
.top_content3_right ul li {padding:1.1em 0 0 0;}
.top_content3_right .pl40 {padding:0 0 0.8em 40px;}
.top_content3_right .pl20 {padding:0 0 0.8em 20px;}
.top_content3_right p.pl20 a { display:block;}
.top_content3_right p.pl20 a.group { display:inline;}

.top_content3_right_textbox {width:160px; padding-top:15px;}




/************************************************************************************
FOOTER CONTENT
*************************************************************************************/


#footer { width:100%; text-align:left;  margin-top:1em; padding-top:1em; color:#221815;}

.footer_content_inner {max-width:850px;margin:1em auto 0; padding:2em 0 0;}

.footer_content_inner ul {font-size:0.71488em;border-left:solid 1px #666;margin-bottom:1em;}
.footer_content_inner ul li { display:inline-block; border-right:solid 1px #666; padding:0 0.63em 0 0.4em ;}


.copyright {font-size:12px;padding-bottom:2em;}


/************************************************************************************
back to top button
*************************************************************************************/



.backtotop {
    position: fixed;
    right: 15px;
    bottom: 20px;
    z-index: 9000;
    display: none;
}    

.backtotop a {
    display: block;
	width:101px;
    margin: 0;
	background-image:url(../img/backtotop_on.png);
	background-repeat:no-repeat;
	background-position:top left;
}

.backtotop a:hover {}



/************************************************************************************
sub_page サブページ基本
*************************************************************************************/

#main {position:relative;min-height:500px;}
#side {position:absolute;top:0 ;left:0 ;}

.sub_page_wrapper {}

.sub_page_header  {
	width:100%;
	height:140px;
	background-image: -moz-linear-gradient(top, #f4f3f9, #ffffff);
	background-image: -ms-linear-gradient(top, #f4f3f9, #ffffff);
	background-image: -webkit-linear-gradient(top, #f4f3f9, #ffffff);
	background-image: linear-gradient(top, #f4f3f9, #ffffff);
	border-bottom: solid 1px #918f8e;
}

.sub_page_header h2 {
	background-image: url(../img/slide_footer.gif);
	background-position: top center;
	background-repeat: no-repeat;
	height: 60px;
	padding-top: 80px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 1.6em;
	letter-spacing: 0.2em;
}


.sub_page_content_wrapper { margin-top:20px;text-align:left;}

.sub_page_side    {width:160px;float:left;}
.sub_page_side ul {margin-bottom:1em;}
.sub_page_side ul li { border-bottom:dashed 1px #918f8e; padding:0.8em 0 0.8em 1.5em;background:url(../img/ico_sub_page_side.gif) no-repeat 0 1em;}
.sub_page_side ul li:last-child { border-bottom:solid 1px #918f8e;}
.sub_page_side ul li a  {display:block;}


.sub_page_side ul li a:link {text-decoration:none; color:#595757;}
.sub_page_side ul li a:visited {text-decoration:none; color:#595757;}
.sub_page_side ul li a:hover {text-decoration:none; color:#a28caf;}

.sub_page_content {width:640px;float:right;}

.subpage_h3 {font-size:1.2em;font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;padding:0.4em 0.6em;height:40px;background:url(../img/bg_subpage_h3.png) no-repeat top left;}

.subpage_desc {font-size:0.9em;color:#fff;font-weight:bold;background:#846daf;padding: 0.6em 0.6em;margin: 1.5em 0 1.5em;}


.content_box_inner { margin:1em 0 3em;}

.content_box_inner2 {
	margin:1em 0 3em;
	padding-bottom:60px;
	background-image: url(../img/bg_content_box_inner2.jpg), url(../img/bg_content_box_inner2_footer.jpg);
	background-repeat: no-repeat, no-repeat;
	background-position: top left, bottom left;
	background-size: 640px 57px, 640px 57px;
}

.content_box_inner2_header {padding:0 5em;line-height:1.3;}
.content_box_inner2_header_box1 {float:left;}
.content_box_inner2_header_box2 {float:left;}
.content_box_inner2_header_h4 { padding:1.1em 0 0.5em;font-weight:normal;font-size:0.9em;}
.content_box_inner2_header_img { float:left; padding:1em 0;margin-left:1em;font-weight:normal;}

.content_box_inner3 .hgroup {
	background-image: url(../img/bg_content_box_inner3_1.png);
	background-repeat: no-repeat;
	background-position: top left;
	background-size: 640px 56px;
	padding: 5px 10px;
	margin:1em 0 0;
}
.content_box_inner3 .hgroup h4 {
	margin:5px;
	padding:0.5em;
	text-align:center;
}
.content_box_inner3 .hgroup h4 img { vertical-align:bottom;}
.content_box_inner3 .hgroup .h4_events {
	margin:5px;
	padding:0.5em;
	text-align:left;
	color:#fff;
	background-image: -moz-linear-gradient(top, #9996c9, #846daf);
	background-image: -ms-linear-gradient(top, #9996c9, #846daf);
	background-image: -webkit-linear-gradient(top, #9996c9, #846daf);
	background-image: linear-gradient(top, #9996c9, #846daf);
}


.content_box_inner3_box {
	background-image: url(../img/bg_content_box_inner3_2.png), url(../img/bg_content_box_inner3_3.png);
	background-repeat: repeat-y, no-repeat;
	background-position: top left, bottom left;
	background-size: 640px 20px, 640px 60px;
	padding: 0 30px 24px;
	margin-bottom: 3em;
}

.content_box_inner3_box_body {background: #efeef6;padding:1em;margin-bottom:1em;}

.content_box_inner3_box h5 {font-weight: bold;color: #846daf;text-align:center;margin-bottom: 1em;}

.content_box_inner3_box .box1 { width:175px;float:left;}
.content_box_inner3_box .events_box1 { width:290px;float:left;}
.content_box_inner3_box .box2 { width:270px;float:right;}
.content_box_inner3_box .box3 { width:100%;margin-bottom:1.5em;}
.content_box_inner3_box .box4 { margin-top:1em;}

.content_box_inner3_box ul {margin-left:10px;font-size:0.9em;}
.content_box_inner3_box ul li {font-weight:bold;padding-bottom:0.5em;}
.content_box_inner3_box ul p {font-weight:normal;margin-left:-0.7em;}
.content_box_inner3_box ul li:before {content:"●";display:block;height:0;margin-left:-1em;}

.content_box_inner4 {margin-bottom:40px;}

a.btn_more {display:block;max-width:200px;padding:10px 10px;margin:1em 0;font-weight:bold;font-size:0.8em;text-align:center; background:#fff;border:solid 2px #846daf;color:#846daf;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
}
a.btn_more:hover {display:block; background:#846daf;border:solid 2px #846daf;color:#fff;}

.img_right {float:right;text-align:right;margin:0 0 1em 1em;}

.sub_page_content p strong {font-weight:bold;color:#846daf;}


.tips {background:#efeef6;margin:1.5em 0;padding-bottom:1.5em;}

.tips h5 {padding:1.5em 1em 0;}
.tips h6 {padding:1.5em 1em 0;}
.tips h7 {font-weight:bold;padding:1.5em 1em 1em 1em;}
.tips p {padding:0.2em 1em;}
.tips ul {padding:1em 0;margin-bottom:1.5em;font-size:0.95em;border-bottom:dashed 1px #333;}
.tips ul li {padding:0 0 0 1em;}
.tips ul li p:before {content:"●";display:block;height:0;margin-left:-1em;}


/* about_us */

.about_us {}
.about_us .box1 {width:400px;float:left;}
.about_us .box1 h4 img {padding-bottom:1em;}
.about_us .box2 {float:right;}


.purple_list {color:#846daf;font-weight:bold;font-size:0.9em;margin:1.5em 0;}
.no_purple {color:#585756;font-weight:normal;}

/* about_aroma */
.bg_about_aroma {
	background-image:url(../img/bg_about_aroma.png);
	background-repeat: no-repeat;
	background-position: top right;
}




/* aroma_treatment */

.content_cource { background-image: url(../img/bg_content_cource1.png), url(../img/bg_content_cource2.png), url(../img/bg_content_cource3.png);
    background-repeat: no-repeat, repeat-y, no-repeat;
    background-position: top left, top left, bottom left;
    background-size: 100% auto, 100% auto, 100% auto;
	padding:2em 1.5em;
	margin-bottom:2em;
}
.content_cource_t1,.content_cource_t2 {text-align:center;margin: 0.5em auto;}
.content_cource h3 {text-align:center;margin: 0.5em auto;font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;font-size:1.6em;}
.content_cource h4 {text-align:center;padding:0.5em 0 0;font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;font-size:1.6em;color:#846daf;}
.content_cource h4 span {display:block;border-bottom:solid 1px #846daf;margin-bottom:0.2em;}
.content_cource h4 span img {margin:0 auto;}
.content_cource h5 {text-align:center;padding: 0 0 0.5em;font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;font-size:1.48em}
.content_cource p strong {color:#585756;}
.content_cource_desc {padding:1em 3em 1.5em;font-size:1em;}

.content_cource_body {background:#efeef6;padding-bottom:1.5em;margin:1em 0 2em;}
.content_cource_body_option {padding-bottom:1.5em;margin:2em 0;}
.content_cource_main {margin:0.5em 0.5em 1.5em 0.5em;}
.content_cource_main dl {max-width:250px;margin:0 auto 1em;text-align:center;}
.content_cource_main dl dt {float:left; font-size:0.8em; background:#846daf;color:#fff;padding:0.3em 0.8em;margin:0.4em 0;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.content_cource_main dl dd {margin-left:5.2em;font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;font-size:1.48em;}
.content_cource_main dl dd span.tax {font-size:0.5em;padding:0 0.2em;}
.content_cource_main dl dd:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}

.content_cource_ticket {display:block;max-width:300px;padding:0.3em 0.8em;margin:0 auto;font-weight:bold;font-size:0.9em;text-align:center; background:#7D7C7F;color:#fff;
-webkit-border-radius: 3px;
border-radius: 3px;}
.content_cource_ticket span.tax {font-size:0.7em;padding:0 0.2em;}

a.content_cource_btn {display:block;max-width:200px;font-size:0.8em;padding:10px 10px;margin:1em auto 2em;font-weight:bold;font-size:1em;text-align:center; background:#fff;border:solid 2px #846daf;color:#846daf;
-webkit-border-radius: 10px;
border-radius: 10px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
}
a.content_cource_btn:hover {display:block; background:#846daf;border:solid 2px #846daf;color:#fff;}



.bg_aroma_treatment {
	background-image:url(../img/bg_aroma_treatment.png);
	background-repeat: no-repeat;
	background-position: top right;
}

.aroma_treatment_menu { visibility: visible;}

.aroma_treatment_flow_h4 {color:#fff;background:#846daf;padding:0.5em;margin-bottom:1em;}

.aroma_treatment_flow_wrapper {}

.aroma_treatment_flow { margin-bottom:1em;padding-bottom: 4px; border-bottom:dashed 1px #999;}
.aroma_treatment_flow:last-of-type { border-bottom:solid 1px #999;}
.aroma_treatment_flow .box1 {width:70px;float:left;margin-right:10px;}
.aroma_treatment_flow .box2 {width:350px;float:left;}
.aroma_treatment_flow .box3 {width:200px;float:right;margin-left:10px;}
.aroma_treatment_flow .box4 {width:640px;padding-left:80px;clear:both;}

.aroma_treatment_flow .box2_1 {width:200px;float:left;}
.aroma_treatment_flow .box2_2 {width:140px;float:left;margin-left:10px;}
.aroma_treatment_flow .box2_3 {width:200px;float:left;margin-right:10px;}
.aroma_treatment_flow .box2_4 {width:140px;float:left;}

.aroma_treatment_flow .box2 h5 {color:#846daf;padding:0.5em 0; font-size:1em;}

.aroma_treatment_flow p,.aroma_treatment_flow_footer p {font-size:0.85em;margin:0.5em 0;}

.aroma_treatment_flow .box3 img {margin-bottom:5px;}

.aroma_treatment_flow_footer {width:420px;margin:3em auto 0;}
.aroma_treatment_flow_footer .box1 {width:200px;float:left;margin-right:20px;}
.aroma_treatment_flow_footer .box2 {width:200px;float:left;}
.aroma_treatment_flow_footer .box3 {width:200px;float:left;}

.aroma_treatment_flow_footer h5 {color:#fff;background:#846daf;padding:0.5em;text-align:center;font-size:0.8em;}

ul.aroma_treatment_infolist { width:620px;margin-left:10px;font-size:0.9em;}
ul.aroma_treatment_infolist li {font-weight:bold;padding-bottom:0.5em;}
ul.aroma_treatment_infolist li p {font-weight:normal;padding-bottom:1em;}
ul.aroma_treatment_infolist li:before {content:"●";display:block;height:0;margin-left:-1em;}



/* aroma_lesson */
.aroma_lesson {}
.aroma_lesson_footer   {margin-top:1em;}
.aroma_lesson_footer p {font-weight:bold;}
.aroma_lesson_footer strong {color:#846daf;}
.aroma_lesson_footer ul {margin-left:1em;}
.aroma_lesson_footer li {}
.aroma_lesson_footer li:before {content:"・";display:block;height:0;margin-left:-1em;} {}

/* faq */
.faq {}
.faq h4 {font-size:1.1em;color:#fff;background:#846daf;padding:0.2em 0.6em;margin:1.5em 0 1.5em;}
.faq .box { background:#efeef6;padding: 1em 1.5em;margin-bottom:1.5em;}
.faq .box h5 {font-weight:bold;font-size:1.1em; background:url(../img/ico_faq_q.gif) no-repeat 0 3px; border-bottom:dashed 1px #ccc;padding:0 0 0.5em 1.8em;margin-bottom:0.7em;}
.faq .box p {background:url(../img/ico_faq_a.gif) no-repeat 0 2px;padding:0 0 0.5em 2em;}
.faq .box p strong{font-weight:bold;color:#cb5237;}
.faq .box p span {text-align:right;float: right;margin-top: -1.4em;}


/* privacy */

.privacy {}
.privacy ul    {margin:1.5em 0;}
.privacy li    { font-size:1.2em;list-style-type:decimal; list-style-position:inside}
.privacy li h4 { font-size: 0.8em;font-weight: bold;border-bottom: 1px dashed #CCC;padding-left: 2em;margin-bottom: 0.5em;margin-top: -1.7em;padding-bottom: 0.3em;}
.privacy li p  { font-size: 0.8em;padding-left: 2em;margin-bottom: 1em;}

/* voice */
.voice_container {margin:2.5em 0;padding:2em;background:#efeef6;}
.voice_header {margin-bottom:1em;padding-bottom:1em;border-bottom-color:#666;border-bottom-style:dashed;border-bottom-width:1px;}
.voice_header img {float:left;margin-right:1.5em;}
.voice_header h4 {margin: 0;font-weight:bold;}
.voice_header p.voice_name {font-weight:normal;font-size:0.9em;margin-bottom:1em;}
.voice_header p.voice_sub_title {font-weight:bold;}
.voice_content {font-size:0.9em;}
.voice_content p {}

/* access */

.access {}
.access .box1            { margin-top:1em;}
.access .box2            { width:100%; border-bottom:solid 1px #846daf; padding:1em 0;}
.access .box2_1          { float:left;width:auto;}
.access .box2_1 p strong { font-weight:bold;color:#585756;}
.access .box2_2          {float:right;width:192px;}

.access .box3    { width:100%;margin:1em 0 2em;font-size:0.9em;}
.access .box3 h4 { width:120px; float:left;padding:10px;font-weight:normal;}
.access .box3 p  { width:240px; float:left;padding-top:10px;margin-left:10px;}


.access .box4    {}
.access .box4 h3 { color:#fff;background:#846daf;padding:0.5em;margin-bottom:1em;}
.access .box4_1  { width:350px;float:left;}
.access .box4_1 h4     { border-bottom:dashed 1px #CCC;color:#333;padding-bottom:1em;margin-bottom:1em;}
.access .box4_1 h4 img { width: 75%;display: block;margin: 0 auto;}
.access .box4_1 h4 strong { font-size:1.2em;}
.access .box4_1 p         { color:#644D9D;font-weight:bold;border-bottom:dashed 1px #CCC;padding-bottom:1em;margin-bottom:1em;}
.access .box4_1 table.shop_info {font-size:0.8em;}


.access .box4_2  { width:270px;float:right;}


.access .box5    {}

.access .box5  h4 {padding-top:1.5em;}
.access .box5  h5 {margin-bottom:1em;}
.access .box5  span {color:#644d9d;font-weight:bold;}


.access_contact_box {margin:1em 0;}
.access_contact_box1 {width:40%;float:left;}
.access_contact_box2 {width:60%;float:right;font-size:0.9em;}

.access_contact_btn1 {float:left;}
.access_contact_btn2 {float:left;}

.access_contact_btn1 a img {display:block; margin-bottom:10px;}
.access_contact_btn2 a img {display:block;}

.access_contact_box2 ul    { margin: 10px 0 10px 30px;list-style:disc; color:#644d9d;}
.access_contact_box2 ul li { padding: 0 0 2px;}

.access_contact_box_footer {
	margin:1em 0;
	padding:1em;
	border-top:dashed 1px #918f8e;
	border-bottom:solid 2px #918f8e;
	background-image: -moz-linear-gradient(top, #ffffff, #f4f3f9);
	background-image: -ms-linear-gradient(top, #ffffff, #f4f3f9);
	background-image: -webkit-linear-gradient(top, #ffffff, #f4f3f9);
	background-image: linear-gradient(top, #ffffff, #f4f3f9);
}


table.shop_info       { font-size:0.86em; width:100%; border-collapse:separate; border-spacing:0 0.5em;}
table.shop_info tr    { }
table.shop_info tr th { width:20%;text-align:justify;}
table.shop_info tr td { }


/* news_detail */
.news_detail {width:640px; text-align:left;}

h2.news-detailTitle{
	margin:5px;
	padding:0.5em;
	color:#fff;
	background-image: -moz-linear-gradient(top, #9996c9, #846daf);
	background-image: -ms-linear-gradient(top, #9996c9, #846daf);
	background-image: -webkit-linear-gradient(top, #9996c9, #846daf);
	background-image: linear-gradient(top, #9996c9, #846daf);
}
#up_ymd{
	text-align:right;
	font-size:0.8em;
	margin:-1em 0 1.5em;
}
.detailUpfile{
	margin:5px 0 35px;
	text-align:center;
}
.backORcloseBtn{
	text-align:center;
	line-height:100%;
	margin-top:15px;
}
.backORcloseBtn a{
	display:inline-block;
	padding:4px 15px;
	border:1px solid #aaa;
	color:#999;
	border-radius:6px;
	text-decoration:none;
	font-size:12px;
}
.detailUpfile img{
	max-width:100%;
	height:auto;
}
.pNav{
	font-size: 0.9em;
	text-align: left;
	margin: 1.5em 0;
}



/************************************************************************************
content 404　404 page not found
*************************************************************************************/

#content_page404 {width:700px; margin:0 auto;font-size:110%; line-height:2;}

.content_page404_main {margin:40px 0 2em;}

.content_page404_main h2 { padding-bottom:1em;font-size:45px;font-family:serif;}
.content_page404_main_logo { padding:3em 0 5em;}
.content_page404_main_box_img {padding:2em;}
.content_page404_main_box_img div {display:inline;padding:1em;}




/************************************************************************************
BR VISSIBLE
*************************************************************************************/
.m_vissible {display:none;}

br.mbr {display:none;}

/************************************************************************************
HR
*************************************************************************************/

.hr_style1 {margin:1.5em 0;border-top: 1px solid #9996C9;}

/************************************************************************************
CLEARFIX
*************************************************************************************/
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
.clearfix { display: block; zoom: 1; }

.clear { clear:both;}