@charset "UTF-8";

/* header */
#header {
	background-color: #fff;
	border-top: solid 30px #000;
}
#header div.inner-header {
	width: 940px;
	margin: 0 auto;
}
#header div.inner-header h1 {
	width: 200px;
	float: left;
	margin: 60px 0 0 20px;
}
#header div.inner-header div.key-img {
	width: 630px;
	float: right;
}
#header div.inner-header div.slider {
	width: 630px;
	height: 200px;
	float: right;
}
/* }}} */
/* navi {{{ */
/*
#global {
    margin: 0 auto;
    width: 100%;
    min-width: 940px;
    height: 50px;
    font-family: "ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
    font-size: 2em;
    font-weight: bold;
    
    
    background-image: -webkit-gradient(
										linear, 0% 0%, 0% 100%, 
										from(#a18e66), 
										to(#a39372)
									);
	background-image: -moz-linear-gradient(
											top,
											#a18e66,
											#a39372
										);
	background-image: -o-linear-gradient(
											top,
											#a18e66,
											#a39372
										);
	background-image: -ms-linear-gradient(
											top,
											#a18e66,
											#a39372
										);
	background: url("/img/com/bg_gnavi.gif") repeat-x scroll left top transparent;
}

#global ul#gnavi {
    margin: 0 auto;
    width: 940px;
    clear:both;
    list-style:none;
    padding:0;
    display: table;
}
#gnavi li{
	overflow:hidden;
	display: table-cell;
	text-align:center;
	width: 16.6%;
	height: 50px;
	vertical-align: middle;
	
}
#gnavi li a{
	color: #393738;
	border-left: solid 1px #422225;
	display: block;
	text-shadow: 0.5px 0.5px 0px #5c5546;
	text-decoration: none;
}
#gnavi li a:hover {
	color: #696262;
}
#gnavi li.last a{
	border-right: solid 1px #422225;
}
#gnavi li.page-on a {
	color: #696262;
}
*/
/*
#global {
    background: url("/img/com/bg_gnavi.gif") repeat-x scroll left top transparent;
    margin: 0 auto;
    width: 100%;
    min-width: 940px;
    height: 50px;
    font-family: "ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}

#global ul#gnavi {
    margin: 0 auto;
    
    width: 940px;
    clear:both;
    list-style:none;
    padding:0;
}

#gnavi li{overflow:hidden; text-indent:-9999px; display:inline; float:left;}
#gnavi li a{background:url('/img/com/gnavi.gif') no-repeat; width:100%; height:100%; display:block;}

#gnavi li.home{width:189px; height:50px;}
#gnavi li.home a{background-position:0 0;}
#gnavi li.home a:hover{background-position:0 -50px;}
#gnavi li.home a.selected{background-position:0 -50px;}
#gnavi li.homeon{width:189px; height:50px;}
#gnavi li.homeon a{background-position:0 -50px;}

#gnavi li.about{width:188px; height:50px;}
#gnavi li.about a{background-position:-189px 0;}
#gnavi li.about a:hover{background-position:-189px -50px;}
#gnavi li.about a.selected{background-position:-189px -50px;}
#gnavi li.abouton{width:188px; height:50px;}
#gnavi li.abouton a{background-position:-189px -50px;}

#gnavi li.business{width:188px; height:50px;}
#gnavi li.business a{background-position:-377px 0;}
#gnavi li.business a:hover{background-position:-377px -50px;}
#gnavi li.business a.selected{background-position:-377px -50px;}
#gnavi li.businesson{width:188px; height:50px;}
#gnavi li.businesson a{background-position:-377px -50px;}

#gnavi li.contact{width:188px; height:50px;}
#gnavi li.contact a{background-position:-565px 0;}
#gnavi li.contact a:hover{background-position:-565px -50px;}
#gnavi li.contact a.selected{background-position:-565px -50px;}
#gnavi li.contacton{width:188px; height:50px;}
#gnavi li.contacton a{background-position:-565px -50px;}

#gnavi li.recruit{width:187px; height:50px;}
#gnavi li.recruit a{background-position:-753px 0;}
#gnavi li.recruit a:hover{background-position:-753px -50px;}
#gnavi li.recruit a.selected{background-position:-753px -50px;}
#gnavi li.recruiton{width:187px; height:50px;}
#gnavi li.recruiton a{background-position:-753px -50px;}
*/

#global {
    background: url("/img/com/bg_gnavi.gif") repeat-x scroll left top transparent;
    margin: 0 auto;
    width: 100%;
    min-width: 940px;
    height: 50px;
    font-family: "メイリオ","Meiryo","Lucida Grande","Helvetica","monospace","Hiragino Kaku Gothic Pro","MS P Gothic",sans-serif;
    font-size: 1.25em;
    color: #5c5546;
}

#global ul#gnavi {
    margin: 0 auto;
    
    width: 940px;
    clear:both;
    list-style:none;
    padding:0;
}
#gnavi li{
	float: left;
	width:128px;
	border-color: #000000 #B59B5F #000000 #EBE0C6;
	border-style: solid;
    border-width: 0 1px;
    text-align: center;
    vertical-align: middle;
}
#gnavi li.home{
	border-left: solid 1px #B59B5F;
	width:158px;
}
#gnavi li a{
	display: block;
	padding: 6px 0;
	text-shadow: 0 0 1px #fffcff;
	text-decoration: none;
	color: #553D14;
	
}
#gnavi li a:hover {
	background: url("/img/com/bg_gnavi_on.png") repeat-x scroll left top transparent;
	color: #000;
}


/* footer */
#footer {
	/*width: 940px;*/
	width: 100%;
	border-top: solid 2px #98513f;
	margin: 0 auto;
}
#footer div.inner-footer{
	width: 900px;
	margin: 0 auto;
	padding: 0 20px 20px;
	background-color: #fff;
}
#footer div.pagetop {
	
}
#footer p.pagetop img {
	float: right;
	width: 13px;
	height: 11px;
}
#footer img.footer-logo {
	float: right;
}
#footer ul.navi {
	float: left;
	margin-top: 15px;
}
#footer ul.navi li {
	float: left;
	margin-left: 20px;
}
#footer ul.navi li span {
	font-size: 0.9em;
}
#footer img.copy {
	margin-left: 70px;
}

/* index */
div#content-index div.key-img {
	width: 940px;
	/*height: 206px;
	background:url('/img/index/key_bg.gif') repeat-x;
	padding-top: 3px;*/
	margin: 0 auto;
	
	border-top: solid 2px #ae9ea0;
	border-bottom: solid 3px #ae9ea0;
	background-color: #3c2015;
	
	background-image: -webkit-gradient(
										linear, 0% 0%, 0% 100%, 
										from(#3c2015), 
										to(#5a4339)
									);
	background-image: -moz-linear-gradient(
											top,
											#3c2015,
											#5a4339
										);
	background-image: -o-linear-gradient(
											top,
											#3c2015,
											#5a4339
										);
	background-image: -ms-linear-gradient(
											top,
											#3c2015,
											#5a4339
										);
}
div#content-index div.slider {
	width: 630px;
	height: 200px;
	margin: 0 auto;
}
div#content-index div.content-index {
	/*width: 100%;
	background:url('/img/com/bg.gif') repeat-x;*/
}
div#content-index div.content-index div.contentarea {
	width: 900px;
	margin: 0 auto;
	padding: 32px 20px 40px;
	background-color: #fff;
}
div#content-index div.content-index div.contentarea div.top-left {
	width: 431px;
	float: left;
}
div#content-index div.content-index div.contentarea div.news {
	width: 431px;
	height: 274px;
	overflow-x: hidden;
	overflow-y: auto;
	float: left;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	/*border: #81442d 3px solid;*/
	border: #000 3px solid;
	background-color: #fff;
	margin-bottom: 30px;
}
div#content-index div.content-index div.contentarea div.news img {
	display: block;
}
div#content-index div.content-index div.contentarea div.news h3 {
	color: #fff;
	font-style: oblique;
	background-color: #000;
	font-size: 1.6em;
	padding: 5px 8px;
	letter-spacing: 0.2em;
}
div#content-index div.content-index div.contentarea div.news dl.news {
	width: 404px;
	
	padding-top: 10px;
	padding-left: 10px;
}
div#content-index div.content-index div.contentarea div.news dl.news dt {
	float: left;
	padding-bottom: 15px;
    width: 6em;
}
div#content-index div.content-index div.contentarea div.news dl.news dd {
	padding-left: 7em;
	padding-bottom: 15px;
}

div#content-index div.content-index div.contentarea div.bnr-area {
	width: 424px;
	float: right;
}
div#content-index div.content-index div.contentarea div.bnr-area a {
	float: left;
}
div#content-index div.content-index div.contentarea div.bnr-area a:hover {
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
.product-img-btn {
	margin: 30px 0;
}
.product-img-btn a:hover {
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
div#content-index div.content-index div.contentarea div.bnr-area a.bnr-left {
	margin-right: 20px;
}
div#content-index div.content-index div.contentarea div.bnr-area img {
	margin-bottom: 12px;
}
div#content-index div.content-index div.contentarea div.bnr-area .facebook,
div#content-index div.content-index div.contentarea div.bnr-area .twitter,
div#content-index div.content-index div.contentarea div.bnr-area .blog {
	margin-right: 8px;
}

/* aroma */
#content div.contentarea div.left-block ul {
	width: 264px;
}
#content div.contentarea div.left-block ul li a {
	background-color: #5c5546;
	padding: 8px;
	margin-bottom: 1px;
	text-decoration: none;
	color: #fff;
	display: block;
}
#content div.contentarea div.left-block ul li a:hover,#content div.contentarea div.left-block ul li.navi-on a {
	background-color: #8a7f68;
}
#content div.contentarea div.left-block ul li a {
	
}
#content div.contentarea div.right-block p {
	padding-left: 1em;
}

#content div.contentarea div.right-block table.table-center {
	border-collapse: collapse;
    margin: 20px auto 0 auto;
    clear: both;
    width: 545px;
    border: solid 1px #a2906e;
}
#content div.contentarea div.right-block table.table-center caption {
	font-weight: bold;
	font-size: 1.2em;
	margin-bottom: 3px;
}
#content div.contentarea div.right-block table.table-center tr.odd {
	background-color: #f3ecdf;
}
#content div.contentarea div.right-block table.table-center tr.title-line {
	/*background-color: #fa8936;*/
	background-color: #000;
	color: #fff;
}
#content div.contentarea div.right-block table.table-center tr.title-line-black {
	background-color: #000;
	color: #fff;
}
#content div.contentarea div.right-block table.table-center tr.title-line th {
	text-align: center;
}
#content div.contentarea div.right-block table.utilization-table tr.title-line th {
	text-align: left;
}
#content div.contentarea div.right-block table.table-center tr th {
    padding: 10px;
    border: solid 1px #a2906e;
    white-space: nowrap;
}
#content div.contentarea div.right-block table.table-center tr td {
	border: solid 1px #a2906e;
	padding: 10px;
}
#content div.contentarea div.right-block table.table-center tr td.emp {
	font-weight: bold;
	white-space: nowrap;
}
#content div.contentarea div.right-block h4 {
	/* background-color: #ffd7bc; */
	background-color: #000;
	color: #fff;
	padding: 5px;
}
#content div.contentarea div.right-block h4.black {
	background-color: #000;
	color: #fff;
}
#content div.contentarea div.right-block h5,#content div.contentarea div.right-block h6 {
	font-size: 1em;
}

#content div.contentarea div.right-block div.inner-left-box {
	width: 230px;
	float: left;
	margin-top: 25px;
}
#content div.contentarea div.right-block div.inner-right-box {
	width: 230px;
	float: right;
	margin-top: 25px;
}
#content div.contentarea div.right-block div.inner-bottom-box {
	clear: both;
}
#content div.contentarea div.right-block div.medical-box {
	border: solid 1px #a2906e;
}
#content div.contentarea div.right-block div.medical-box h4 {
	border-bottom: solid 1px #a2906e;
}
#content div.contentarea div.right-block div.medical-box p {
	padding: 5px;
}
#content div.contentarea div.right-block div.medical-box ul li {
	padding: 0 5px 5px 5px;
}
#content div.contentarea div.right-block .accordion_head {
	cursor:pointer;
	position: relative;
	padding-left: 2em;
}
#content div.contentarea div.right-block .accordion_head:before {
	border-right: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff;
	border-radius: 1px;
	content: "";
	margin: -0.4em 0 0 0;
	left: 0.8em;
	top: 50%;
	position: absolute;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	width: 0.4em;
	height: 0.4em;
	z-index: 100;
}

/* about us */
#content div.contentarea table.about-index {
	border-spacing: 0;
	width: 100%;
}
#content div.contentarea table.about-index tr {
	border-spacing: 0;
    color: #3E301F;
}
#content div.contentarea table.about-index tr th {
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px dotted #ccc;
    padding: 10px;
}
#content div.contentarea table.about-index tr td {
	border-bottom: 1px solid #CCCCCC;
    padding: 10px;
    text-align: left;
}

/* therapist */
#content div.contentarea p.ifa-left {
	float: left;
	width: 380px;
	margin-top: 30px;
}
#content div.contentarea p.ifa-right {
	float: right;
	margin-top: 30px;
}

/* carrieroil */
#content div.contentarea div.carrieroil-left {
	float: left;
	width: 330px;
}
#content div.contentarea img.carrieroil-right {
	float: right;
}


/* Contact */
table.form-table {
	border-collapse: collapse;
    margin: 20px 0 ;
    clear: both;
    overflow: hidden;
    width: 100%;
    background-color: #f3ecdf;
}
table.form-table tr {
	
}
table.form-table tr th {
	white-space: nowrap;
	padding: 10px 15px;
	border-bottom: solid 2px #fff;
	border-right: dotted 1px #ceb27d;
	width: 20%;
}
table.form-table tr td {
	padding: 10px 15px;
	border-bottom: solid 2px #fff;
}

/* Counseling */
#content div.contentarea div.counseling-left {
	float: left;
	width: 48%;
}
#content div.contentarea div.counseling-right {
	float: right;
	width: 50%;
	text-align: right;
}

/* product */
div.contentarea.product .product-menu {
	list-style: none;
	display: table;
	width: 100%;
}
div.contentarea.product .product-menu li {
	list-style: none;
	display: table-cell;
	width: 300px;
	padding-right: 30px;
	vertical-align: middle;
}
div.contentarea.product .product-menu li:last-child {
	padding: 0;
}
div.contentarea.product .product-menu li div {
	border: solid 2px #647bb2;
}
div.contentarea.product .product-menu li div a {
	display:block;
	background: #fff;
	color: #647bb2;
	padding: 50px 15px 55px;
	position: relative;
	text-decoration:none;
	font-size: 2em;
}
div.contentarea.product .product-menu li div a:hover {
	background-color: #647bb2;
	color: #ffffff;
}
div.contentarea.product .product-menu li div a:after {
	border-right: 4px solid #133c7b;
	border-top: 4px solid #133c7b;
	border-radius: 2px;
	content: "";
	margin: 0 0 0 10px;
	height: 10px;
	right: 20px;
	position: absolute;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	top: 56px;
	width: 10px;
}

div.contentarea.product h4 {
	background-color: #000;
	color: #fff;
	padding: 5px;
	clear: both;
}
div.contentarea.product h5 {
	background: #f5f6fb none repeat scroll 0 0;
    color: #556b9f;
    font-size: 18px;
    font-weight: bolder;
    margin: 15px 0 25px;
    padding: 12px 12px 10px;
}
div.contentarea.product h6 {
	font-size: 1em;
}
div.contentarea.product .ttl {
	
}
div.contentarea.product .ttl02 {
	border-bottom: 1px solid #647bb2;
    color: #647bb2;
    font-size: 16px;
    font-weight: normal;
    line-height: 1;
    margin: 25px 0 10px;
    padding: 5px 0 5px 4px;
}
div.contentarea.product .product-img {
	display: block;
	margin: 10px 0;
}
div.contentarea.product table.ex {
	margin: 10px 50px;
	font-size: 1.2em;
}
div.contentarea.product table.ex td {
	padding: 0.2em 1em;
    text-align: center;
    white-space: nowrap;
}
div.contentarea.product table.detail {
	border: 1px solid #a8b9dd;
    margin-bottom: 15px;
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
}
div.contentarea.product table.detail th {
	background: #f5f6fb none repeat scroll 0 0;
    color: #647bb2;
    text-align: left;
    width: 200px;
    border: 1px solid #a8b9dd;
    font-weight: normal;
    line-height: 1.5;
    padding: 10px;
}
div.contentarea.product table.detail td {
	border: 1px solid #a8b9dd;
    font-weight: normal;
    line-height: 1.5;
    padding: 10px;
}
div.contentarea.product table.detail strong {
    color: #3a5188;
}