﻿/* ------------------------------------------------------------------------
    index
------------------------------------------------------------------------  */
/* topimg */
#TPIMG {
}
#TPIMG ul > li {
	width:100%;
	text-align:center;
}
.tpimg1 , .tpimg2 {
	background: rgb(255,255,255); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZDJkMmQyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 50%, rgba(210,210,210,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(210,210,210,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 50%,rgba(210,210,210,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 50%,rgba(210,210,210,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 50%,rgba(210,210,210,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 50%,rgba(210,210,210,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d2d2d2',GradientType=0 ); /* IE6-8 */
}
/* slide */
#slides {
	position:relative;
}
/* pager */
#PAGER_AREA {
	position:relative;
	height:0;
	z-index:2;
}
#PAGER_AREA > #PAGER {
	width:100%;
	position:absolute;
	top:-35px;
	left:0;
}
#PAGER ul {
	text-align:center;
	margin:0 auto;
}
#PAGER li {
	display:inline;
	text-align:center;
}
#PAGER a {
	color:#505050;
	font-size:1.5em;
	padding:5px;
    -webkit-transition: .2s linear;
    -moz-transition: .2s linear;
    -o-transition: .2s linear;
    opacity: .5;
    filter: alpha(opacity=50);
    -ms-filter: "alpha( opacity=50 )";
}
#PAGER a:hover , #PAGER .rslides_here a {
    opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha( opacity=8s0 )";
}
@media screen and (max-width:480px){
#PAGER_AREA > #PAGER {
	width:100%;
	position:absolute;
	top:-25px;
	left:0;
}
#PAGER a {
	font-size:2.5em;
	padding:10px;
}
}


/* concept */

#CONCEPT {
	border-top:3px solid #787878;
	border-bottom:1px solid #787878;
}
.ind_concept {
	text-align:center;
}
@media screen and (max-width:480px){
.ind_concept {
	text-align:left;
}
}
/* contents */

#CONTENTS {
	width:100%;
	display:table;
	table-layout:fixed;
	border-bottom:1px solid #787878;
	border-top:1px solid #787878;
}
.indbox a {
	display:block;
	padding:39px 0;
}
.indbox a:hover {
	background:rgba(0,0,0,0.3);
}
.con_l , .con_c , .con_r {
	display:table-cell;
	text-align:center;
}
.con_l {
	background:url(../images/ind_contentsimg01.jpg) no-repeat center;
	background-size:cover;
}
.con_c {
	background:url(../images/ind_contentsimg02.jpg) no-repeat;
	background-size:cover;
}
.con_r {
	background:url(../images/ind_contentsimg03.jpg) no-repeat;
	background-size:cover;
}
@media screen and (max-width:1000px){
.con_l {
	background-size:cover;
}
.con_c {
	background-position:center;
	background-size:cover;
}
.con_r {
	background-position:center;
	background-size:cover;
}
}
@media screen and (max-width:700px){
#CONTENTS {
	width:100%;
	display:block;
}
.indbox a {
	padding:30px 0;
}
.indbox a img {
	width:190px;
}
.con_l , .con_c , .con_r {
	display:block;
	width:100%;
	text-align:center;
	padding:0;
}
.con_l {
	text-align:center;
	background:url(../images/ind_contentsimg01.jpg) no-repeat center;
	background-size:cover;
	background-position:0 50%;
}
.con_c {
	background:url(../images/ind_contentsimg02.jpg) no-repeat;
	background-size:cover;
	background-position:0 50%;
}
.con_r {
	background:url(../images/ind_contentsimg03.jpg) no-repeat;
	background-size:cover;
	background-position:0 30%;
}
}

/* news tweet */

#NT_BOX {
	width:100%;
	display:table;
	table-layout:fixed;
	margin:0 0 40px;
}
#NT_BOX > .nt_cell {
	display:table-cell;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
@media screen and (max-width:768px){
#NT_BOX {
	width:100%;
	display:block;
}
#NT_BOX > .nt_cell {
	display:block;
	padding:0 10px;
}
}
/* news */
#NEWS {
	max-width:600px;
	margin:0 15px 0 auto;
}
@media screen and (max-width:768px){
#NEWS {
	max-width:100%;
	margin:0 0 40px;
}
}
ul.news {
	padding:10px 0;
	display:table;
	width:100%;
	margin:0 0 15px;
	background:url(../images/line_1px_dash_black.png) repeat-x bottom;
}
ul.news li.days {
	display:table-cell;
	width:100px;
	color:#787878;
	font-family: 'Crimson Text', serif;
}
ul.news li.newstxt {
	display:table-cell;
}
ul.news li.newstxt a {
	color:#323232;
}
ul.news li.newstxt a:hover {
	color:#999;
}

/* tweet */
#TWEET {
	max-width:600px;
	margin:0 auto 0 15px;
	text-align:center;
}
@media screen and (max-width:768px){
#TWEET {
	max-width:100%;
	margin:20px 0 0;
	padding:0 15px;
	text-align:center;
}
}

/* ameblo */
#Ameba {
	max-width:600px;
	margin:30px auto 0 15px;
}
ul.ameblo {
	text-align:left;
}
ul.ameblo > li {
	padding:10px 0;
	margin:0 0 15px;
	background:url(../images/line_1px_dash_black.png) repeat-x bottom;
}
/* blog */
#blog_ttl {
	border-top:1px solid #787878;
	border-bottom:1px solid #787878;
	padding:20px 0 0;
}
#blog {
	margin:30px 0 50px;
}
.item {
	width:100%;
	display:table;
}
.blogimg {
	display:table-cell;
	width:130px;
	vertical-align:middle;
	padding:0 10px;
}
p.thumb{
    display:block;
    width:130px;
    max-height:130px;
	border-radius:7px;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
    overflow:hidden;
}
.blog_txt {
	display:table-cell;
	padding:10px;
	vertical-align:middle;
	font-size:12px;
}
.blog_txt a {
	color:#505050;
}
.blog_txt a:hover {
	color:#666;
}

/* movie */
#MOVIE {
	padding:60px 0 0;
	background:url(../images/movie_bg.gif) repeat-x bottom;
}
.mov_btn {
	width:100%;
	background:url(../images/movie_bg_itm.png) no-repeat center;
	background-size:contain;
	text-align:center;
	padding:0 0 80px;
}
@media screen and (max-width:700px){
.mov_btn img {
	width:190px;
}
}

/* ------------------------------------------------------------------------
    PAGES
------------------------------------------------------------------------  */
/* topimg */
#TPIMG_PG {
	width:100%;
	text-align:center;
	background: rgb(255,255,255); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZDJkMmQyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 50%, rgba(210,210,210,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(210,210,210,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 50%,rgba(210,210,210,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 50%,rgba(210,210,210,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 50%,rgba(210,210,210,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 50%,rgba(210,210,210,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d2d2d2',GradientType=0 ); /* IE6-8 */
}
#TPIMG_PG_exercise {
	width:100%;
	border-top:1px solid #505050;
	text-align:center;
	background: rgb(255,255,255); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZDJkMmQyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 50%, rgba(210,210,210,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(210,210,210,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 50%,rgba(210,210,210,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 50%,rgba(210,210,210,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 50%,rgba(210,210,210,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 50%,rgba(210,210,210,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d2d2d2',GradientType=0 ); /* IE6-8 */
}
.pro_conimg {
	margin:0 auto 30px;
}

/* ------------------------------------------------------------------------
    product
------------------------------------------------------------------------  */
/* step */
.step_num {
	display:table-cell;
	width:120px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.step_ttl {
	display:table-cell;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	padding:0 15px;
	vertical-align:middle;
}

.pro_stepttl {
	font-size:2em;
	font-family: 'Crimson Text', serif;
	padding:0 0 10px;
	margin:0 0 5px;
	background:url(../images/line_1px_dash_black.png) repeat-x bottom;
}
@media screen and (max-width:700px){
.step_num , .step_num img {
	width:100px;
}
.pro_stepttl {
	font-size:1.5em;
}
}
@media screen and (max-width:468px){
.step_num {
	padding:0 0 10px;
}
.step_ttl {
	padding:0;
}
.step_num , .step_num img {
	width:80px;
}
.pro_stepttl {
	font-size:1.3em;
}
.step_num , .step_ttl {
	width:100%;
	display:block;
	text-align:center;
}
}

.step_area {
	width:100%;
	display:table;
	table-layout:fixed;
}
.step_box {
	display:table-cell;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	border-top:10px solid #b4b4b4;
	background:#e6e6e6;
	padding:15px 0 10px;
	text-align:center;
	position:relative;
	font-size:1.2em;
	vertical-align:middle;
}
.step_box:before{
	content: "";
	position: absolute;
	top:-10px;
	left:-1px;
	border: 10px solid transparent;
	border-left: 12px solid #646464;
	z-index:3;
}
.step_box > p {
	line-height:1.5em;
}

/* color */
.bg_blue {
	background:#ebf0ff;
}
.bg_pink {
	background:#f5ebff;
}
.bg_orange {
	background:#fff5eb;
}

.step_msg {
	padding:30px 0 0;
	text-align:center;
}
@media screen and (max-width:1000px){
.step_msg {
	text-align:left;
}
}
@media screen and (max-width:600px){
.step_area {
	width:100%;
	display:block;
}
.step_box {
	display:block;
	padding:15px 0 10px;
	border-bottom:1px solid #fff;
	border-left:10px solid #b4b4b4;
	border-right:1px solid #fff;
	border-top:1px solid #fff;
}
.step_box:before{
	content: "";
	position: absolute;
	top:-1px;
	left:-10px;
	border: 10px solid transparent;
	border-top: 12px solid #646464;
	z-index:3;
}
}
/* caution */
.pro_cau {
	background:#f8f8f8;
	border-top:1px solid #b4b4b4;
	border-bottom:1px solid #b4b4b4;
}
.pro_caubg {
	background:url(../images/pro_haab_human.png) no-repeat right bottom;
	padding:40px 10px;
}
@media screen and (max-width:768px){
.pro_caubg {
	text-align:center;
	background:url(../images/system_human.png) no-repeat bottom center;
	background-size:200px;
	padding:40px 10px 200px 10px;
}
.promsg {
	padding:15px 0 0;
	background:url(../images/line_1px_dash_black.png) repeat-x top;
}
.promsg > p {
	text-align:left;
	text-indent:-1em;
	padding-left:1em;
}
}

/* Course */
.pro_4days {
	width:100%;
	display:table;
	table-layout:fixed;
	padding:0 0 30px;
}
.pro_day {
	display:table-cell;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
	padding:15px 0 10px;
	text-align:center;
	position:relative;
	font-size:1.2em;
	vertical-align:middle;
	color:#FFF;
}
.pro_day:before{
	content: "";
	position: absolute;
	top:26px;
	left:-1px;
	border: 10px solid transparent;
	z-index:3;
	border-left: 12px solid #fff;
}
.day1 {
	background:#333;
}
.day2 {
	background:#555;
}
.day3 {
	background:#777;
}
.day4 {
	background:#999;
}
.pro_daynum {
	width:100px;
	height:100px;
	margin:0 auto 15px auto;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border:1px solid #999;
	text-align:center;
	line-height:100px;
	font-size:1.5em;
}
@media screen and (max-width:600px){
.pro_4days {
	display:block;
}
.pro_day {
	width:50%;
	display:block;
	float:left;
}
}

/* vitamon */
ul.vitalist li {
	padding:5px 10px;
	text-align:center;
}
ul.vitalist li:nth-child(odd) {
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	background:#e6e6e6;
}
@media screen and (max-width:480px){
ul.vitalist li {
	text-align:left;
}
}
ul.vitable {
	width:100%;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	border-top:1px solid #969696;
	border-left:1px solid #969696;
	border-right:1px solid #969696;
	margin:0 0 30px;
}
ul.vitable li {
	background:#fff;
	border-bottom:1px solid #969696;
}
.vitatxt1,
.vitatxt2 {
	padding:10px;
	text-align:center;
	vertical-align:middle;
}
.vitatxt1 {
	background:#e6e6e6;
}
.thixo_img,
.thixo_txt {
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	vertical-align:middle;
	padding:0 15px 30px;
}
.thixo_img {
	text-align:center;
}
.thixo_img span {
	padding:7px 3em;
	margin-left:15px;
	font-size:1.1em;
	border:1px solid #969696;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	background:#e6e6e6;
}
.thixo_img > img {
	max-width:180px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	vertical-align:middle;
}
.thixo_msg {
	width:100%;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	background:#e6e6e6;
	border:1px solid #999;
	padding:15px;
}
@media screen and (max-width:480px){
.thixo_img > img {
	max-width:110px;
}
.thixo_img span {
	padding:7px 1.6em;
}
}

/* VITAMON */
.vitamon_msg {
	width:100%;
	text-align:center;
	padding:15px 10px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	border:4px solid #505050;
	font-size:1.2em;
	line-height:2em;
}
@media screen and (max-width:480px){
.vitamon_msg {
	font-size:1em;
	padding:10px 8px;
	line-height:2em;
	border:2px solid #505050;
}
}
.vitamon_step_area {
	max-width:1000px;
	margin:0 auto;
}
.vitamon_step {
	position:relative;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.vitamon_step_level,
.vitamon_step_txt {
	vertical-align:middle;
	border-bottom:1px solid #767676;
}
.vitamon_step_level {
	padding:10px;
	text-align:center;
}
.vitamon_step_txt {
	padding:15px;
}
.lv1 {
	background:#555;
	color:#FFF;
}
.lv2 {
	background:#666;
	color:#FFF;
}
.lv3{
	background:#777;
	color:#FFF;
}
.lv4 {
	background:#888;
	color:#fff;
}
.lv5 {
	background:#999;
	color:#fff;
}
.lv6 {
	background:#aaa;
}
.lv7 {
	background:#bbb;
}
.lv8 {
	background:#ccc;
}
.lv9 {
	background:#ddd;
}
.lv10 {
	background:#f0f0f0;
}

/* Rose de Mer */
.rose_img01 img {
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%; 
}
.rose_img02 img {
	max-width:120px;
}
.rose_img03 {
	max-width:480px;
	margin:0 auto;
}
.rose_marine_box {
	display:table-cell;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	padding:0 5px;
}
.rose_marine {
	width:100%;
	display:block;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	text-align:center;
	padding:10px 0;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	border:2px solid #7e7e7e;
}
.rose_box1 , .rose_box2 , .rose_box3 {
	display:table-cell;
}
.rose_box3 {
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	padding:0 10px;
}
.rose_effect li {
	float:left;
	text-align:center;
	width:50%;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	border-right:1px solid #505050;
	margin-bottom:5px;
}
.rose_effect li:nth-child(odd) {
	border-left:1px solid #505050;
}
@media screen and (max-width:400px){
.rose_box1 {
	display:block;
	text-align:center;
}
.rose_box2 {
	display:block;
}
.rose_effect li {
	float:left;
	text-align:center;
	width:100%;
	border-left:none;
	border-right:none;
	border-bottom:1px solid #b4b4b4;
}
.rose_effect li:nth-child(odd) {
	border-left:none;
}
}
.rose_step_box {
	width:100%;
	display:table;
	border-bottom:1px solid #6e6e6e;
	border-top:1px solid #6e6e6e;
	padding:2px 0;
}
.rose_step {
	display:table-cell;
	width:100px;
	text-align:center;
	padding:10px 0;
	vertical-align:middle;
	border-bottom:1px solid #b4b4b4;
	border-top:1px solid #b4b4b4;
	border-right:1px solid #b4b4b4;
	color:#0082c8;
	font-size:1.4em;
	font-family: 'Crimson Text', serif;
	background:#c3ebfa;
}
.rose_stepnm {
	display:table-cell;
	padding:10px 15px;
	vertical-align:middle;
	border-bottom:1px solid #b4b4b4;
	border-top:1px solid #b4b4b4;
	font-size:1.2em;
}
.rose_steparea {
	border-bottom:1px solid #6e6e6e;
	border-top:1px solid #6e6e6e;
	padding:15px 0;
	margin:0 0 25px;
	background:#e6f0ff;
}
.rose_stepnum {
	float:left;
	width:85px;
	padding-left:15px;
	font-size:1.3em;
	border-right:1px solid #505050;
	font-weight:bold;
}
.rose_stepttl {
	float:left;
	padding:0 25px;
}
.rose_stepcontainer {
	width:100%;
	display:table;
}
.rose_stepcell1 , .rose_stepcell2 , .rose_stepcell3 , .rose_stepcell4 , .rose_stepcell5 , .rose_stepcell6 , .rose_stepcell7 , .rose_stepcell8 {
	display:table-cell;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	vertical-align:top;
}
.rose_stepcell1 {
	width:70%;
	padding:0 10px 0 0;
}
.rose_stepcell2 , .rose_stepcell3 {
	width:15%;
	padding:0 0 0 10px;
}
.rose_stepcell4 , .rose_stepcell5 {
	width:25%;
	padding:0 10px 0 0;
}
.rose_stepcell6 {
	width:50%;
}
.rose_stepcell7 {
	width:20%;
	padding:0 10px 0 0;
	text-align:center;
	vertical-align:middle;
}
.rose_stepcell8 {
	width:80%;
	padding:0 0 0 10px;
}
@media screen and (max-width:780px){
.rose_stepcell1 , .rose_stepcell2 , .rose_stepcell3 , .rose_stepcell4 , .rose_stepcell5 , .rose_stepcell6 , .rose_stepcell7 , .rose_stepcell8 {
	display:block;
	float:left;
}
.rose_stepcell1 {
	width:100%;
	margin-bottom:20px;
	padding:0;
}
.rose_stepcell2 {
	width:50%;
	padding:0 5px 0 0;
}
.rose_stepcell3 {
	width:50%;
	padding:0 0 0 5px;
}
.rose_stepcell4 {
	width:50%;
	padding:0 5px 0 0;
	margin-bottom:20px;
}
.rose_stepcell5 {
	width:50%;
	padding:0 0 0 5px;
	margin-bottom:20px;
}
.rose_stepcell6 {
	width:100%;
	padding:0;
}
.rose_stepcell7 {
	width:100%;
	padding:0 0 0 0;
	text-align:center;
	margin-bottom:10px;
}
.rose_stepcell8 {
	width:100%;
	padding:0 0 0 0;
}
.rose_stepnum {
	float:none;
	width:100%;
	border-right:none;
	text-align:center;
	padding-left:0;
}
.rose_stepttl {
	float:none;
	width:100%;
	text-align:center;
	padding:10px 0 0;
}
}

/* oxygen */
.pro_oxy_math {
	position:relative;
}
.pro_oxy_math ul {
	position:relative;
	float:left;
	left:50%;
}
.pro_oxy_math ul li {
	position:relative;
	float:left;
	left:-50%;
	text-align:center;
	padding:0 10px;
}
@media screen and (max-width:480px){
.pro_oxy_math ul li {
	padding:0 5px;
}
}
ul.oxy_msg {
	text-align:center;
}
ul.oxy_msg li {
	display:inline;
	padding:0 10px;
	border-left:1px solid #505050;
}
ul.oxy_msg li:first-child {
	border:none;
}
@media screen and (max-width:768px){
ul.oxy_msg li {
	display:block;
	padding:5px 0;
	border:none;
}
}
ul.oxylist li {
	padding:5px 10px;
	text-align:center;
}
ul.oxylist li:nth-child(odd) {
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	background:#e6e6e6;
}
@media screen and (max-width:768px){
ul.oxylist li {
	text-align:left;
}
}
.step_img {
	position:absolute;
	top:0;
	right:10px;
}
.step_img img {
	width:100px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}

/* ------------------------------------------------------------------------
    CHRISTINA
------------------------------------------------------------------------  */
/* profile */
.chris_exportttl {
	background:#505050;
	text-align:center;
	color:#FFF;
	padding:5px 0;
	margin:0 0 15px;
	font-size:1.2em;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.chris_export {
	width:100%;
}
.chris_country {
	width:16.6%;
	float:left;
	padding:0 0 15px;
}
@media screen and (max-width:700px){
.chris_country {
	width:20%;
}
}
@media screen and (max-width:600px){
.chris_country {
	width:25%;
}
}
@media screen and (max-width:460px){
.chris_country {
	width:33%;
}
}
@media screen and (max-width:320px){
.chris_country {
	width:50%;
}
}
.chris_about {
	background:#f8f8f8;
	border-bottom:1px solid #b4b4b4;
	border-top:1px solid #b4b4b4;
	padding:30px 0;
}
.chris_abouttxt {
	text-align:center;
}
@media screen and (max-width:700px){
.chris_abouttxt {
	text-align:left;
}
}
.chris_subttlarea {
	width:100%;
	background:url(../images/line_1px_btmline_black.gif) repeat-x;
	background-position:0 50%;
	text-align:center;
}
.chris_subttlarea > p {
	display:inline;
	padding:0 1.5em;
	background:#fff;
}
.chris_photo {
	width:100%;
	padding:0;
}
.chris_img {
	width:25%;
	float:left;
	padding:0;
}
.chris_img img {
	vertical-align:bottom;
}
@media screen and (max-width:460px){
.chris_img {
	width:33.3%;
}
}

/* about */
#CHATEAU,
#MUSE,
#COMODEX,
#PEEL,
#ROSE,
#WISH,
#SILK,
#UNSTRESS,
#FOREVER,
#OXYGEN {
	padding-top:60px;
	margin-top:-60px;
}
.chris_submn {
	max-width:1000px;
	margin:0 auto;
	padding:25px 10px;
}
.chris_submn li {
	float:left;
	width:20%;
}
@media screen and (max-width:700px){
.chris_submn li {
	float:left;
	width:25%;
}
}
@media screen and (max-width:600px){
.chris_submn li {
	float:left;
	width:33%;
}
}
@media screen and (max-width:480px){
.chris_submn li {
	float:left;
	width:50%;
}
}
.chris_brand {
	border-bottom:1px solid #505050;
	border-top:1px solid #505050;
	padding:1px 0;
	margin-bottom:30px;
}
.chris_brand > div {
	border-bottom:1px solid #969696;
	border-top:1px solid #969696;
	padding:5px 0;
	text-align:center;
}
.chris_brand img {
	height:70px;
}
.chris_flow li {
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	padding:0 5px;
}
.chris_flowimg {
	width:20%;
	float:left;
	padding:0;
}
.chris_flowimg img {
	border-radius:7px;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	vertical-align:bottom;
	margin:0;
	padding:0;
}
.chris_flowimg img {
	vertical-align:bottom;
}

/* lineup top */
.lineup_toparea {
	max-width:1000px;
	margin:0 auto;
}
.lineup_top {
	width:100%;
}
.lineup_new {
	position:absolute;
	top:0;
	right:0;
	z-index:5;
}
.lineup_tpbox ,
.lineup_tpmsg {
	width:33%;
	float:left;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	margin:0 0 30px;
	position:relative;
}
.lineup_tpbox {
	padding:0 10px 0 0;
}
.lineup_tpmsg {
	padding:50px 10px 0;
}
@media screen and (max-width:700px){
.lineup_tpmsg {
	display:block;
	width:100%;
	padding:0 10px;
}
.lineup_tpmsg > .sub2 {
	text-align:center;
}
.lineup_tpbox {
	width:50%;
	margin:0 0 30px;
	padding:0 20px 30px 20px;
	border-bottom:1px solid #969696;
}
}
@media screen and (max-width:480px){
.lineup_tpbox {
	width:100%;
}
.lineup_new {
	top:0;
	right:30px;
}
}

/* lineup btm */
.lineup_btmarea {
	width:100%;
	margin:30px auto 0;
}
.lineup_box {
	width:14.2%;
	float:left;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	padding:0 20px 30px;
}
@media screen and (max-width:1200px){
.lineup_box {
	width:25%;
}
}
@media screen and (max-width:700px){
.lineup_box {
	width:50%;
	padding:0 20px 30px 20px;
	margin:0 0 30px;
	border-bottom:1px solid #969696;
}
.lineup_btmarea .lineup_box:last-child {
	border:none;
}
}
@media screen and (max-width:480px){
.brand_img img {
	max-width:90%;
}
.lineup_box {
	width:100%;
	padding:0 10px 40px 10px;
}
}

/* lineup all */
.brand_name {
	text-align:center;
}
.brand_name img {
	max-height:45px;
}
.brand_img {
	text-align:center;
}
.brand_msg {
	padding:0 0 15px;
}
.brand_color {
}
.lineup_area {
	width:100%;
	position:relative;
	height:auto;
}
.cs {
	width:100%;
	text-align:center;
	position:absolute;
	height:100%;
	top:0;
	left:0;
	background:rgba(255,255,255,0.8);
}
.cs img {
	max-width:90%;
	padding:25px 0 0;
}
@media screen and (max-width:480px){
.cs img {
	max-width:300px;
	padding:40px 0 0;
}
}

/* ------------------------------------------------------------------------
    SYSTEM
------------------------------------------------------------------------  */
.sys_ttl {
	position:relative;
	width:100%;
	height:130px;
}
.sys_ttl > div {
	position:absolute;
	width:100%;
	text-align:center;
	top:-90px;
	left:0;
}

/* flow */
.flow1_area {
	display:table;
	width:100%;
	margin:0 0 20px;
}
.flow1_tpimg {
	display:table-cell;
	width:180px;
}
.flow1_tpimg img {
	max-width:160px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	margin:0 auto;
}
.flow1_tptxt {
	width:300px;
	display:table-cell;
	vertical-align:middle;
	text-align:left;
}
.flow1_course {
	background:url(../images/line_3px_2px.png) repeat-y;
	padding:0 0 0 15px;
	margin:0 0 20px;
}
.flow1_msg {
	text-align:center;
}
@media screen and (min-width:1000px){
.flow1_tptxt {
	min-width:300px;
	display:table-cell;
	text-align:left;
	padding-left:15px;
}
}
@media screen and (max-width:780px){
.flow1_tpimg {
	max-width:180px;
	text-align:left;
}
}
@media screen and (max-width:480px){
.flow1_tpimg img {
	max-width:120px;
}
.flow1_tptxt {
	min-height:120px;
}
.flow1_msg {
	text-align:left;
}
}

.system_contact {
	background:#e6e6e6;
	border-bottom:1px solid #b4b4b4;
	border-top:1px solid #b4b4b4;
}
.system_conbg {
	background:url(../images/system_contact_bg.jpg) no-repeat;
	background-position:100% 50%;
}
.system_conarea {
	width:48%;
	text-align:center;
	padding:30px 0;
}
.system_pages {
	background:#505050;
	padding:20px 0;
}
.system_pages a {
	display:block;
	color:#fff;
	text-align:center;
}
.system_pages a:hover {
	color:#999;
}
.system_box {
	width:1000px;
	margin:0 auto;
	display:table;
	table-layout:fixed;
}
.system_cell1 , .system_cell2 {
	display:table-cell;
}
.system_cell1 {
	border-right:1px solid #fff;
}
@media screen and (max-width:1000px){
.system_box {
	width:100%;
}
}
@media screen and (max-width:780px){
.system_conbg {
	background:none;
}
.system_conarea {
	width:100%;
}
.system_box {
	width:100%;
}
.system_cell1 , .system_cell2 {
	display:block;
	width:100%;
}
.system_cell1 {
	border-right:none;
	border-bottom:1px solid #fff;
	padding:0 0 15px;
	margin:0 0 15px;
}
}
/* session */
.session_area {
	width:100%;
	display:table;
	margin:0 0 40px;
}
.session_img {
	display:table-cell;
	width:180px;
	text-align:left;
}
.session_img img {
	max-width:140px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	margin:0 15px 0 0;
	vertical-align:middle;
}
.session_detail {
	display:table-cell;
	text-align:left;
	vertical-align:top;
	padding:15px 0 0;
}
@media screen and (max-width:780px){
.session_img , .session_detail {
	width:100%;
	display:block;
}
.session_img {
	text-align:center;
}
}
#PRO , #REPRO , #PEEL , #CHRISTINA {
	padding-top:120px;
	margin-top:-120px;
}
.system_option {
	width:100%;
	text-align:center;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
@media screen and (max-width:780px){
.system_option {
	text-align:left;
	padding:0 10px;
}
}
table.session td.bgray {
	width:6em;
}
/* diploma */
.diploma_msg {
	max-width:1000px;
	margin:0 auto;
	padding:0 10px 40px;
	text-align:center;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
@media screen and (max-width:780px){
.diploma_msg p {
	text-align:left;
}
}
.diploma_plof {
	width:100%;
	display:table;
margin:0 0 40px;
}
.diploma_plofttl {
	background:#505050;
	text-align:center;
	color:#FFF;
	padding:5px 0;
	margin:0 0 15px;
	font-size:1.1em;
	font-family: 'Crimson Text', serif;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.diploma_plofmsg {
	background:url(../images/line_1px_dash_black.png) repeat-x;
	padding:10px 0 30px;
	margin:10px 0 0;
}
.diploma_info {
	display:table-cell;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	width:56%;
	padding:0 10px 0 0;
}
.diploma_img {
	display:table-cell;
	vertical-align:top;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	width:44%;
	padding:0 0 0 10px;
}
.diploma_img > div {
	max-width:440px;
	margin:0 0 30px;
}
.diploma_img > div > img {
	width:100%;
	height:auto;
}
ul.kim_plof {
}
ul.kim_plof li {
	padding:5px 10px;
}
ul.kim_plof li:nth-child(odd) {
	background:#e6e6e6;
}
@media screen and (max-width:780px){
.diploma_plof {
	width:100%;
	display:block;
}
.diploma_info {
	display:block;
	width:100%;
	padding:0;
}
.diploma_img {
	width:100%;
	display:block;
	margin:30px 0 0;
	padding:0;
}
.diploma_img > div {
	display:block;
	max-width:420px;
	padding:0 10px;
	margin:0 auto;
	text-align:center;
}
}
@media screen and (max-width:480px){
.diploma_img {
	width:100%;
	display:block;
}
}

/* sample */
.sample_area {
	width:100%;
	display:table;
	height:200px;
	background:#000;
	margin-bottom:30px;
}
.sample_area div {
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	color:#FFF;
}



/* ------------------------------------------------------------------------
    AGENCY
------------------------------------------------------------------------  */
/* map */
@media screen and (min-width:1000px){
#JMAP {
	width:1000px;
	height:500px;
	margin:0 auto;
	position:relative;
}
ul#MAPBTN li a {
	position:absolute;
	width:250px;
	padding:5px 0;
	text-align:center;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
}
.japan {
	text-align:center;
}
@media screen and (max-width:1000px){
#JMAP {
	width:100%;
}
ul#MAPBTN li a {
	width:48%;
	float:left;
	padding:5px 0;
	margin:5px 1%;
	text-align:center;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
}

/* area */
.area_sub {
}
/* agencybtn */
.agency_btn a {
	display:block;
	max-width:320px;
	margin:0 auto 30px auto;
	padding:7px 0;
	text-align:center;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	background:#b4b4b4;
	color:#505050;
}
.agency_btn a:hover {
	background:#505050;
	color:#fff;
}


@media screen and (min-width:1000px){
/* hokkaido */
.hokkaido a {
	background:#3c3c3c;
	color:#FFF;
	top:60px;
	left:27%;
}
.hokkaido a:before{
	content: "";
	position: absolute;
	top:35%;
	left:10px;
	border: 5px solid transparent;
	border-left: 5px solid #fff;
	z-index:3;
}
.hokkaido a:hover {
	background:#999;
}
/* tohoku */
.tohoku a {
	background:#5a5a5a;
	color:#FFF;
	top:200px;
	right:8%;
}
.tohoku a:before{
	content: "";
	position: absolute;
	top:35%;
	left:10px;
	border: 5px solid transparent;
	border-left: 5px solid #fff;
	z-index:3;
}
.tohoku a:hover {
	background:#999;
}
/* kanto */
.kanto a {
	background:#787878;
	color:#fff;
	top:320px;
	right:10%;
}
.kanto a:before{
	content: "";
	position: absolute;
	top:35%;
	left:10px;
	border: 5px solid transparent;
	border-left: 5px solid #fff;
	z-index:3;
}
.kanto a:hover {
	background:#b4b4b4;
}
/* chubu */
.chubu a {
	background:#969696;
	color:#505050;
	top:290px;
	left:15%;
}
.chubu a:before{
	content: "";
	position: absolute;
	top:35%;
	left:10px;
	border: 5px solid transparent;
	border-left: 5px solid #505050;
	z-index:3;
}
.chubu a:hover {
	background:#b4b4b4;
}
/* kansai */
.kansai a {
	background:#b4b4b4;
	color:#505050;
	top:390px;
	right:22%;
}
.kansai a:before{
	content: "";
	position: absolute;
	top:35%;
	left:10px;
	border: 5px solid transparent;
	border-left: 5px solid #505050;
	z-index:3;
}
.kansai a:hover {
	background:#d2d2d2;
}
/* chugoku */
.chugoku a {
	background:#d2d2d2;
	border:1px solid #969696;
	color:#505050;
	top:350px;
	left:3%;
}
.chugoku a:before{
	content: "";
	position: absolute;
	top:35%;
	left:10px;
	border: 5px solid transparent;
	border-left: 5px solid #505050;
	z-index:3;
}
.chugoku a:hover {
	background:#b4b4b4;
}
/* shikoku */
.shikoku a {
	background:#e6e6e6;
	border:1px solid #969696;
	color:#505050;
	bottom:20px;
	right:30%;
}
.shikoku a:before{
	content: "";
	position: absolute;
	top:35%;
	left:10px;
	border: 5px solid transparent;
	border-left: 5px solid #505050;
	z-index:3;
}
.shikoku a:hover {
	background:#d2d2d2;
}
/* kyushu */
.kyushu a {
	background:#fff;
	border:1px solid #969696;
	color:#505050;
	bottom:20px;
	left:0%;
}
.kyushu a:before{
	content: "";
	position: absolute;
	top:35%;
	left:10px;
	border: 5px solid transparent;
	border-left: 5px solid #505050;
	z-index:3;
}
.kyushu a:hover {
	background:#b4b4b4;
}
}
@media screen and (max-width:1000px){
/* hokkaido */
.hokkaido a {
	background:#3c3c3c;
	color:#FFF;
	position:relative;
}
.hokkaido a:before{
	content: "";
	position: absolute;
	top:35%;
	left:10px;
	border: 5px solid transparent;
	border-left: 5px solid #fff;
	z-index:3;
}
.hokkaido a:hover {
	background:#999;
}
/* tohoku */
.tohoku a {
	background:#5a5a5a;
	color:#FFF;
	position:relative;
}
.tohoku a:before{
	content: "";
	position: absolute;
	top:35%;
	left:10px;
	border: 5px solid transparent;
	border-left: 5px solid #fff;
	z-index:3;
}
.tohoku a:hover {
	background:#999;
}
/* kanto */
.kanto a {
	background:#787878;
	color:#fff;
	position:relative;
}
.kanto a:before{
	content: "";
	position: absolute;
	top:35%;
	left:10px;
	border: 5px solid transparent;
	border-left: 5px solid #fff;
	z-index:3;
}
.kanto a:hover {
	background:#b4b4b4;
}
/* chubu */
.chubu a {
	background:#969696;
	color:#505050;
	position:relative;
}
.chubu a:before{
	content: "";
	position: absolute;
	top:35%;
	left:10px;
	border: 5px solid transparent;
	border-left: 5px solid #505050;
	z-index:3;
}
.chubu a:hover {
	background:#b4b4b4;
}
/* kansai */
.kansai a {
	background:#b4b4b4;
	color:#505050;
	position:relative;
}
.kansai a:before{
	content: "";
	position: absolute;
	top:35%;
	left:10px;
	border: 5px solid transparent;
	border-left: 5px solid #505050;
	z-index:3;
}
.kansai a:hover {
	background:#d2d2d2;
}
/* chugoku */
.chugoku a {
	background:#d2d2d2;
	border:1px solid #969696;
	color:#505050;
	position:relative;
}
.chugoku a:before{
	content: "";
	position: absolute;
	top:35%;
	left:10px;
	border: 5px solid transparent;
	border-left: 5px solid #505050;
	z-index:3;
}
.chugoku a:hover {
	background:#b4b4b4;
}
/* shikoku */
.shikoku a {
	background:#e6e6e6;
	border:1px solid #969696;
	color:#505050;
	position:relative;
}
.shikoku a:before{
	content: "";
	position: absolute;
	top:35%;
	left:10px;
	border: 5px solid transparent;
	border-left: 5px solid #505050;
	z-index:3;
}
.shikoku a:hover {
	background:#d2d2d2;
}
/* kyushu */
.kyushu a {
	background:#fff;
	border:1px solid #969696;
	color:#505050;
	position:relative;
}
.kyushu a:before{
	content: "";
	position: absolute;
	top:35%;
	left:10px;
	border: 5px solid transparent;
	border-left: 5px solid #505050;
	z-index:3;
}
.kyushu a:hover {
	background:#b4b4b4;
}
}

/* area_ttl */
.area_name {
	background:url(../images/line_3px_2px.png) repeat-y;
	padding:0 0 0 20px;
	margin:0 0 20px;
}
.prefectures_area {
	margin:0 0 25px;
}
.prefectures_box {
	background:url(../images/line_1px_btmline_black.gif) repeat-x;
	background-position:0 50%;
	margin:0 0 15px;
}
.prefectures {
	display:inline;
	background:#FFF;
	padding:0 10px 0 0;
	font-weight:bold;
}
/* menu */
ul.prefectures_mn {
	width:100%;
	display:table;
	margin:15px 0;
}
ul.prefectures_mn li {
	display:table-cell;
}
@media screen and (max-width:700px){
ul.prefectures_mn {
	width:100%;
	display:block;
	margin:15px 0;
}
ul.prefectures_mn li {
	display:block;
	width:33%;
	float:left;
	border:none;
	padding-bottom:10px;
}
}


ul.shop_list li {
	margin:5px 0;
}
ul.shop_list li:nth-child(odd){
	background:#d4d4d4;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.shop_box {
	width:100%;
	display:table;
	padding:10px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.shop_box > p {
	vertical-align:middle;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	display:table-cell;
}
.shop_name , .shop_add {
	width:35%;
	padding:0 10px;
	border-right:1px solid #999;
}
.shop_tel {
	width:20%;
	display:table-cell;
	text-align:center;
}
.shop_url {
	width:10%;
	text-align:center;
	position:relative;
}
.shop_url a {
	color:#505050;
	background:url(../images/arrow_off.png) no-repeat;
	background-position:0 50%;
	padding:0 0 0 25px;
}
.shop_url a:hover {
	color:#999;
	background:url(../images/arrow_act.png) no-repeat;
	background-position:0 50%;
}
@media screen and (max-width:768px){
.shop_box {
	display:block;
}
.shop_box > p {
	display:block;
}
.shop_name , .shop_add {
	width:100%;
	border:none;
	padding:5px;
}
.shop_tel {
	width:100%;
	display:block;
	text-align:left;
	padding:5px;
}
.shop_url {
	width:100%;
	text-align:left;
	padding:5px;
}
}
.area_btn a {
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	max-width:400px;
	margin:0 auto 30px auto;
	display:block;
	border:2px solid #666;
	padding:3px 0;
	text-align:center;
	color:#505050;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.area_btn a:hover {
	background:#d4d4d4;
}

/* ------------------------------------------------------------------------
    BEFORE AFTER
------------------------------------------------------------------------  */
.before_exm {
	padding:30px 0;
	background: rgb(166,166,166); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E2YTZhNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  rgba(166,166,166,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(166,166,166,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(166,166,166,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(166,166,166,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(166,166,166,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(166,166,166,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6a6a6', endColorstr='#ffffff',GradientType=1 ); /* IE6-8 */
}
#CASE_MINI {
	width:100%;
	text-align:center;
}
.case_area1 {
	width:100%;
	display:table;
	table-layout:fixed;
}
.case_box1 {
	display:table-cell;
	text-align:center;
	padding:0 10px;
}
.case_box1 img {
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
}
.case_box2 {
	text-align:center;
	padding:0 10px;
}
.case_box2 img {
	max-width:120px;
	max-height:120px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}
.case_num {
	font-size:1.3em;
	padding:0 0 10px;
	color:#646464;
	text-align:center;
}
@media screen and (max-width:400px){
.case_box1 > p {
	font-size:0.9em;
}
}

/* ------------------------------------------------------------------------
    NEWS
------------------------------------------------------------------------  */
#NEWS_AREA {
	max-width:1000px;
	padding:40px 10px;
	margin:0 auto;
}
.news_archive {
	display:table;
	width:100%;
	padding:10px 0;
	border-bottom:1px solid #666;
}
.news_arcttl {
	width:90px;
	padding-right:10px;
	display:table-cell;
	text-align:center;
	font-family: 'Crimson Text', serif;
	font-size:1.2em;
	font-weight:bold;
	color:#666;
	vertical-align:middle;
}
.news_arclist {
	width:780px;
	display:table-cell;
}
.news_arcbtn {
	width:90px;
	padding-left:10px;
	display:table-cell;
	text-align:center;
}
@media screen and (max-width:400px){
}

.news_one {
	padding:20px 0;
}
.news_ttl {
	font-weight:bold;
	padding:0 0 15px;
}
.news_dayarea {
	background:url(../images/line_1px_btmline_black.gif) repeat-x;
	background-position:0 50%;
}
.news_day {
	display:inline;
	background:#FFF;
	font-family: 'Crimson Text', serif;
	padding:0 10px 0 0;
}
.news_msg {
}
.news_btn a , .news_btn2 a {
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	max-width:400px;
	display:block;
	border:2px solid #666;
	padding:3px 0;
	text-align:center;
	color:#505050;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	font-family: 'Crimson Text', serif;
}
.news_btn2 a {
	margin:0 auto;
}
.news_btn a:hover , .news_btn2 a:hover {
	background:#d4d4d4;
}
#NEWS_BTNAREA {
	border-top:1px solid #666;
	background:#e6e6e6;
	padding:30px 0;
	text-align:center;
}

/* ------------------------------------------------------------------------
    SALON
------------------------------------------------------------------------  */
/* topimg */
#SALON {
	width:100%;
	display:table;
	table-layout:fixed;
}
#AOYAMA,
#SHINJYUKU {
	display:table-cell;
	width:50%;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	vertical-align:top;
	padding:0 0 40px;
}
#AOYAMA {
	border-right:1px solid #e4e4e4;
}
#SHINJYUKU {
	border-left:1px solid #fff;
}
.menu {
	display:table-cell;
}
.menu_body,
.menu_face{
	max-width:600px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	padding:0 10px;
}
.menu_body {
	border-right:1px solid #e4e4e4;
	margin:0 0 0 auto;
}
.menu_face {
	border-left:1px solid #fff;
	margin:0 auto 0 0;
}
@media screen and (max-width:768px){
#SALON,
#AOYAMA,
#SHINJYUKU,
.menu {
	width:100%;
	display:block;
	border:none;
}
.menu_body,
.menu_face {
	max-width:100%;
	margin:0 10px 30px;
	border:none;
}
}
.salon_aoyama {
	height:240px;
	background:url(../images/salon_aoyama.jpg) no-repeat;
	background-position:0 50%;
	background-size:cover;
}
.salon_shinjyuku {
	height:240px;
	background:url(../images/salon_shinjyuku.jpg) no-repeat;
	background-position:0 50%;
	background-size:cover;
}
/* INFOMATION */
#AOYAMA_INFO {
	margin:0;
	padding:30px 0 0;
}
#SHINJYUKU_INFO {
	margin:0;
	padding:30px 0 0;
}
.salon_info {
	max-width:600px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	padding:0 10px;
}
.aoyama {
	margin:0 10px 0 auto;
}
.shinjyuku {
	margin:0 auto 0 10px;
}
@media screen and (max-width:768px){
#AOYAMA_INFO,
#SHINJYUKU_INFO {
	border:none;
}
.salon_info {
	max-width:100%;
}
.aoyama ,
.shinjyuku{
	margin:0 10px;
}
}
.salon_name {
	border-bottom:1px solid #505050;
	border-top:1px solid #505050;
	padding:15px 0;
	margin:0 0 30px;
	text-align:center;
}
ul.salon_gal li {
	float:left;
	width:31%;
	margin:1%;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
li.salon_img{
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	overflow:hidden;
}

/* menu */
.menu_body_name,
.menu_face_name {
	border-bottom:1px solid #505050;
	border-top:1px solid #505050;
	padding:35px 0;
	margin:0 0 30px;
	text-align:center;
}
.menu_body_name {
	background:url(../images/salon_menu_ttlbg01.jpg) no-repeat;
	background-position:0 50%;
	background-size:cover;
}
.menu_face_name {
	background:url(../images/salon_menu_ttlbg02.jpg) no-repeat;
	background-position:0 50%;
	background-size:cover;
}
ul.menu_list {
	margin:15px 0 30px;
}
ul.menu_list li {
	background:url(../images/line_1px_dash_black.png) repeat-x bottom;
	padding:0 0 10px;
	margin:0 0 10px;
}
ul.menu_list li > div {
	width:100%;
	display:table;
}
ul.menu_list li p {
	display:table-cell;
	vertical-align:top;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
p.mn1st {
	width:60%;
	padding-left:5px;
}
p.mn2nd {
	width:20%;
	text-align:center;
}
p.mn3rd {
	width:20%;
	text-align:right;
	padding-right:5px;
}
@media screen and (max-width:480px){
ul.menu_list li {
	background:none;
}
ul.menu_list li p {
	display:block;
	font-size:12px;
}
p.mn1st {
	width:100%;
	text-align:center;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	background:#e6e6e6;
	padding:7px 0;
	margin:0 0 10px;
}
p.mn2nd {
	width:50%;
	float:left;
	text-align:center;
	border-right:1px solid #666;
}
p.mn3rd {
	width:50%;
	float:left;
	text-align:center;
	padding:0;
}
}
.salon_mnmsg {
	width:100%;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	background:#e6e6e6;
	border:1px solid #999;
	padding:15px;
}
/* bottom */
.salon_conbg {
	background:url(../images/salon_before.jpg) no-repeat;
	background-position:100% 50%;
}
@media screen and (max-width:780px){
.salon_conbg {
	background:none;
}
}

/* ------------------------------------------------------------------------
    COMPANY
------------------------------------------------------------------------  */
#COM_MSG {
	max-width:1000px;
	margin:0 auto;
	padding:0 10px 30px;
	text-align:center;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.com_imgarea , .com_plof {
	display:table-cell;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	vertical-align:top;
}
.com_imgarea {
	width:40%;
	padding:0 10px 0 0;
}
.com_plof {
	width:60%;
}
.com_img {
	text-align:center;
}
.com_img > img {
	border-radius:7px;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	overflow:hidden;
}
table#COMPANY td.bgray {
	min-width:5em;
}
@media screen and (max-width:1000px){
.com_imgarea {
	width:30%;
}
.com_plof {
	width:70%;
}
}
@media screen and (max-width:700px){
#COM_MSG > p {
	text-align:left;
}
.com_imgarea , .com_plof {
	display:block;
	width:100%;
}
.com_imgarea {
	padding:0 0 30px;
}
}
/* work */
#COM_WORK {
	width:100%;
	padding:30px 0 0;
	background:#e6e6e6;
}
.com_workarea {
	width:100%;
	display:table;
	table-layout:fixed;
}
.com_workbox {
	display:table-cell;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	padding:30px;
	text-align:center;
}
.cw1 {
	border-bottom:5px solid #fff;
	border-top:5px solid #fff;
}
.cw2 {
	border-bottom:5px solid #fff;
	border-top:5px solid #fff;
	border-left:5px solid #fff;
}
.cw3 {
	border-bottom:5px solid #fff;
	border-top:5px solid #fff;
	border-left:5px solid #fff;
}
.com_workttl {
	font-weight:bold;
	padding:0 0 20px;
	font-size:1.1em;
}
@media screen and (max-width:700px){	
.com_workbox {
	width:100%;
	display:block;
	text-align:left;
}
.cw1 {
	border-bottom:5px solid #fff;
	border-top:5px solid #fff;
}
.cw2 {
	border-bottom:5px solid #fff;
	border-top:none;
	border-left:none;
}
.cw3 {
	border-bottom:5px solid #fff;
	border-top:none;
	border-left:none;
}
.com_workttl {
	font-weight:bold;
	padding:0 0 15px;
	font-size:1em;
}
}
/* history */
.com_history {
	width:100%;
	display:table;
}
.com_hisyear {
	width:30%;
	display:table-cell;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	padding:10px 0 0 0;
	background:url(../images/line_1px_btmline_black.gif) repeat-x;
	background-position:0 1.3em;
}
.com_histxt {
	width:70%;
	display:table-cell;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	padding:10px 15px 15px 20px;
	border-left:1px solid #505050;
	border-bottom:1px solid #505050;
}
p.hisyear {
	display:inline;
	padding:0 1em;
	background:#fff;
	font-size:1.2em;
	font-family: 'Crimson Text', serif;
}
@media screen and (max-width:700px){
.com_hisyear {
	width:25%;
}
.com_histxt {
	width:75%;
	padding:10px 0px 15px 15px;
}
p.hisyear {
	padding:0 1em 0 0;
	font-size:1.1em;
}
}
/* partner */
.pert_ttl {
	border:2px solid #505050;
	padding:10px 0;
	text-align:center;
	margin-bottom:20px;
	border-radius:7px;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
}
.pert_cau {
	background:#787878;
	color:#FFF;
	padding:10px;
	margin:0 0 20px;
	text-align:center;
	font-size:1.1em;
}
.waarm {
	text-align:center;
}
.waarm img {
	max-width:280px;
	height:auto;
}
@media screen and (max-width:400px){
.pert_cau {
	font-size:1em;
}
.waarm img {
	max-width:200px;
	height:auto;
}
}

/* ------------------------------------------------------------------------
    exercise
------------------------------------------------------------------------  */
table.extb td {
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
td.ex1 {
	width:50%;
}
td.ex2 {
	width:50%;
	font-weight:bold;
	text-align:center;
}
@media screen and (max-width:760px){
td.ex1 {
	width:66%;
	font-size:10px;
}
td.ex2 {
	width:34%;
	font-size:12px;
	font-weight:bold;
	text-align:center;
}
}