@charset "utf-8";
/*  
Theme Name: B&B OFFICIAL HOMEPAGE 2012
Theme URI: http://www.beebee.com
Description: Morita, Fukui JAPAN. ESTHETIC B&B.


/* reset
-------------------------------------------------------------------------- */

html {
	overflow-y: scroll;
}

html>/**/body {
	font-size/*\**/: small\9;
}

body {
	margin: 0;
	padding: 0;
	font:13px/1.231 "メイリオ", Meiryo ,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
    *font-size:small;
    *font:x-small;
}

/*html:\66irst-child body {
	font-size:12px; safari only \
}*/

h1, h2, h3, h4, h5, h6, address, blockquote, dd, dl, hr, p, form{
	margin: 0;
	padding: 0;
}

a:link {
	text-decoration: underline;
	color: #666666;
}

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

a:hover {
	text-decoration: none;
	color: #816437;
}

a:active {
	text-decoration: none;
	color: #816437;
}

img {
	border: none;
}

a.imglink { text-decoration: none; border-bottom: 0; }
a.imglink:hover { text-decoration: none; border-bottom: 0; }

select,input,textarea,button{
	font:99% arial,helvetica,clean,sans-serif
}

table{
	font-size:inherit;
	font:100%;
}

pre,code,kbd,samp,tt{
	font-family:monospace;
	*font-size:108%;
	line-height:100%;
}

/* common
-------------------------------------------------------------------------- */
body {
	background-color: #efe9d8;
	text-align: left;
	color: #333333;
	background-color: #ffffff;
}

#head_container {
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0 auto;
	background-image: url(../images/header_bk.gif);
	background-repeat: repeat-x;
}

#gmenu_container {
	background-color: #bca2a2;
	width: 100%;
	height: 49px;
	padding: 0;
	margin: 0;
}

#twobox_container {
	background-color: #ecdfdf;
	width: 100%;
	/*height: 470px;*/
	padding: 0;
	margin: 0 0 0 0;
}

#twoboxdepi_container {
	background-color: #ecdfdf;
	width: 100%;
	height: 220px;
	padding: 0;
	margin: 0 0 0 0;
}

#fifteen_container {
	background-color: #ffffff;
	width: 100%;
	height: 15px;
	padding: 0;
	margin: 0;
}

#main_container {
	background-color: #fff;
	width: 100%;
	height: auto;
	padding: 0;
	margin: 20px auto 0px auto;
}

#foot_container {
	width: 100%;
	height: 325px;
	padding: 0;
	margin: 0 auto;
	background-image: url(../images/foot_bk.gif);
	background-repeat: no-repeat;
	background-color: #f6f1f1;
	background-size: 100% 100%;
}

/* header
-------------------------------------------------------------------------- */

.header {
	clear: both;
	padding: 0;
	margin: 0 auto;
	width: 960px;
	height: auto;
	background-image: url(../images/top_bk.png);
	background-repeat: no-repeat;
	background-position: left top;
	overflow: hidden;
}

.header h1{
	text-align: center;
	color: #ffffff;
	width: 960px;
	height: 20px;
	padding: 6px 0 0 0;
	margin: 0 auto;
	font-weight: normal;
	font-size: 85%;
}

.top_logo {
	float: left;
	margin: 6px 10px 6px 15px;
	padding: 0;
	width: 212px;
	height: 70px;
}

.topimg_index {
	clear: both;
	margin: 0 auto;
	padding: 0;
	width: 960px;
	height: 287px;
	background-image: url(../images/index_topimage.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}

.toptxt_index {
	float: left;
	margin: 180px 10px 8px 60px;
	padding: 0;
	width: 540px;
	height: 65px;
	color: #666666;
	font-size: 93%;
	line-height: 1.6;
}
.topimg_menu {
	clear: both;
	margin: 0 auto;
	padding: 0;
	width: 960px;
	height: 200px;
	background-image: url(../images/menu_topimage.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}

.toptxt_menu {
	float: left;
	margin: 142px 10px 8px 60px;
	padding: 0;
	width: 500px;
	height: 35px;
	color: #666666;
	font-size: 93%;
	line-height: 1.6;
}
.topimg_bridal {
	clear: both;
	margin: 0 auto;
	padding: 0;
	width: 960px;
	height: 200px;
	background-image: url(../images/bridal_topimage.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}

.toptxt_bridal {
	float: left;
	margin: 142px 10px 8px 60px;
	padding: 0;
	width: 550px;
	height: 35px;
	color: #666666;
	font-size: 93%;
	line-height: 1.6;
}

.topimg_about {
	clear: both;
	margin: 0 auto;
	padding: 0;
	width: 960px;
	height: 200px;
	background-image: url(../images/about_topimage.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}

.toptxt_about {
	float: left;
	margin: 142px 10px 8px 60px;
	padding: 0;
	width: 550px;
	height: 35px;
	color: #666666;
	font-size: 93%;
	line-height: 1.6;
}

.topimg_info {
	clear: both;
	margin: 0 auto;
	padding: 0;
	width: 960px;
	height: 200px;
	background-image: url(../images/info_topimage.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}

.toptxt_info {
	float: left;
	margin: 142px 10px 8px 60px;
	padding: 0;
	width: 550px;
	height: 35px;
	color: #666666;
	font-size: 93%;
	line-height: 1.6;
}

.topimg_inq {
	clear: both;
	margin: 0 auto;
	padding: 0;
	width: 960px;
	height: 200px;
	background-image: url(../images/inq_topimage.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}

.toptxt_inq {
	float: left;
	margin: 142px 10px 8px 60px;
	padding: 0;
	width: 600px;
	height: 35px;
	color: #666666;
	font-size: 93%;
	line-height: 1.6;
	text-align: left;
}

.topimg_depi {
	clear: both;
	margin: 0 auto;
	padding: 0;
	width: 960px;
	height: 200px;
	background-image: url(../images/mdepi_topimage.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}

.toptxt_depi {
	float: left;
	margin: 142px 10px 8px 60px;
	padding: 0;
	width: 550px;
	height: 35px;
	color: #666666;
	font-size: 93%;
	line-height: 1.6;
}
/* g-navi
-------------------------------------------------------------------------- */
.head_navi {
	width: 960px;
	height: 49px;
	margin: 0 auto;
	background-image: url(../images/g_menu.png);
	background-repeat: no-repeat;
	background-position: left top;
	overflow: hidden;
}

ul.gnavi {
	float:left;
	list-style: none;
	width: 960px;
	height: 49px;
	margin: 0;
	padding: 0;
	line-height: 0;
}

ul.gnavi li a{
	float: left;
	display:block;
	padding: 0;
	height: 49px;
	text-indent:-999999px;
	background-image: url(../images/g_menu.png);
	background-repeat: no-repeat;
	overflow: hidden;
	display: inline;
}

.gnavi .g-index a{ width: 160px; background-position: 0 0px;}
.gnavi .g-about a{ width: 160px; background-position: -160px 0px;}
.gnavi .g-depi a{ width: 160px; background-position: -320px 0px;}
.gnavi .g-menu a{ width: 160px; background-position: -480px 0px;}
.gnavi .g-info a{ width: 160px; background-position: -640px 0px;}
.gnavi .g-inq a{ width: 160px; background-position: -800px 0px;}
               
.gnavi .g-index a:hover{ width: 160px; background-position: 0 -49px;}
.gnavi .g-about a:hover{ width: 160px; background-position: -160px -49px;}
.gnavi .g-depi a:hover{ width: 160px; background-position: -320px -49px;}
.gnavi .g-menu a:hover{ width: 160px; background-position: -480px -49px;}
.gnavi .g-info a:hover{ width: 160px; background-position: -640px -49px;}
.gnavi .g-inq a:hover{ width: 160px; background-position: -800px -49px;}
               
.gnavi .g-index-p a{ width: 160px; background-position: 0 -49px;}
.gnavi .g-about-p a{ width: 160px; background-position: -160px -49px;}
.gnavi .g-depi-p a{ width: 160px; background-position: -320px -49px;}
.gnavi .g-menu-p a{ width: 160px; background-position: -480px -49px;}
.gnavi .g-info-p a{ width: 160px; background-position: -640px -49px;}
.gnavi .g-inq-p a{ width: 160px; background-position: -800px -49px;}

/* mdepi-navi
-------------------------------------------------------------------------- */
.mdepi_navi {
	width: 580px;
	height: 35px;
	margin: 15px 0 5px 0;
	background-image: url(../images/mdepi_menu.png);
	background-repeat: no-repeat;
	background-position: left top;
	overflow: hidden;
}

ul.mdnavi {
	float:left;
	list-style: none;
	width: 580px;
	height: 35px;
	margin: 0;
	padding: 0;
	line-height: 0;
}

ul.mdnavi li a{
	float: left;
	display:block;
	padding: 0;
	height: 35px;
	text-indent:-999999px;
	background-image: url(../images/mdepi_menu.png);
	background-repeat: no-repeat;
	overflow: hidden;
	display: inline;
}

.mdnavi .md-about a{ width: 145px; background-position: 0 0px;}
.mdnavi .md-flow a{ width: 145px; background-position: -145px 0px;}
.mdnavi .md-price a{ width: 145px; background-position: -290px 0px;}
.mdnavi .md-faq a{ width: 145px; background-position: -435px 0px;}

               
.mdnavi .md-about a:hover{ width: 145px; background-position: 0 -35px;}
.mdnavi .md-flow a:hover{ width: 145px; background-position: -145px -35px;}
.mdnavi .md-price a:hover{ width: 145px; background-position: -290px -35px;}
.mdnavi .md-faq a:hover{ width: 145px; background-position: -435px -35px;}

               
.mdnavi .md-about-p a{ width: 145px; background-position: 0 -35px;}
.mdnavi .md-flow-p a{ width: 145px; background-position: -145px -35px;}
.mdnavi .md-price-p a{ width: 145px; background-position: -290px -35px;}
.mdnavi .md-faq-p a{ width: 145px; background-position: -435px -35px;}


/* mdepi-navi
-------------------------------------------------------------------------- */
.bui_navi {
	width: 580px;
	height: 35px;
	margin: 15px 0 5px 0;
	background-image: url(../images/bui_menu.png);
	background-repeat: no-repeat;
	background-position: left top;
	overflow: hidden;
}

ul.buinavi {
	float:left;
	list-style: none;
	width: 580px;
	height: 35px;
	margin: 0;
	padding: 0;
	line-height: 0;
}

ul.buinavi li a{
	float: left;
	display:block;
	padding: 0;
	height: 35px;
	text-indent:-999999px;
	background-image: url(../images/bui_menu.png);
	background-repeat: no-repeat;
	overflow: hidden;
	display: inline;
}

.buinavi .bn-kao a{ width: 145px; background-position: 0 0px;}
.buinavi .bn-body a{ width: 145px; background-position: -145px 0px;}
.buinavi .bn-inbu a{ width: 145px; background-position: -290px 0px;}
.buinavi .bn-set a{ width: 145px; background-position: -435px 0px;}

               
.buinavi .bn-kao a:hover{ width: 145px; background-position: 0 -35px;}
.buinavi .bn-body a:hover{ width: 145px; background-position: -145px -35px;}
.buinavi .bn-inbu a:hover{ width: 145px; background-position: -290px -35px;}
.buinavi .bn-set a:hover{ width: 145px; background-position: -435px -35px;}


/* twobox
-------------------------------------------------------------------------- */
.twobox {
	padding: 0;
	margin: 0 auto;
	width: 960px;
	/*height: 470px;*/
	overflow: hidden;
}

.twoboxdepi {
	padding: 0;
	margin: 0 auto;
	width: 960px;
	height: 220px;
	overflow: hidden;
}

/* MENS DEPILATION */
.mendepi{
	float: left;
	margin: 15px 0 0 1px;
	text-align: left;
}

.mendepi a {
	display: block;
	width: 960px;
	height: 230px;
	background-image: url(../images/full_mendepi_bt.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration: none;
	overflow: hidden;
}

.mendepi p{
	float: left;
	width: 560px;
	height: 35px;
	font-size: 81%;
	line-height: 1.5;
	color: #ffffff;
	overflow: hidden;
	padding: 193px 0 0 60px;
}

.mendepi a:hover {
	background-position: left bottom;
	color: #816437;
}

/* WOMEN ESTHE */
.forwomen{
	float: left;
	margin: 15px 0 0 1px;
	text-align: left;
}

.forwomen a {
	display: block;
	width: 469px;
	height: 190px;
	background-image: url(../images/half_women_bt.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration: none;
	overflow: hidden;
}

.forwomen p{
	float: left;
	width: 320px;
	height: 35px;
	font-size: 81%;
	line-height: 1.5;
	color: #ffffff;
	overflow: hidden;
	padding: 150px 0 0 60px;
}

.forwomen a:hover {
	background-position: left bottom;
	color: #816437;
}

/* MEN ESTHE */
.formen{
	float: right;
	margin: 15px 1px 0 0;
	text-align: left;
}

.formen a {
	display: block;
	width: 469px;
	height: 190px;
	background-image: url(../images/half_men_bt.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration: none;
	overflow: hidden;
}

.formen p{
	float: left;
	width: 320px;
	height: 35px;
	font-size: 81%;
	line-height: 1.5;
	color: #ffffff;
	overflow: hidden;
	padding: 150px 0 0 60px;
}

.formen a:hover {
	background-position: left bottom;
	color: #816437;
}

/* contents
-------------------------------------------------------------------------- */
.contents {
	padding: 0;
	margin: 0 auto;
	width: 960px;
	height: auto;
	background-image: url(../images/contents_bk.gif);
	background-repeat: repeat-y;
	overflow: hidden;
}
.mcontents {
	padding: 0;
	margin: 0 auto;
	width: 960px;
	height: auto;
	background-image: url(../images/mcontents_bk.gif);
	background-repeat: repeat-y;
	overflow: hidden;
}

/* main
-------------------------------------------------------------------------- */
.main {
	float: right;
	width: 595px;
	height: auto;
	margin: 0 15px 0 0;
	padding: 0;
	text-align: left;
	/* background-color: #eeeeee; */
}

.main_men {
	float: right;
	width: 595px;
	height: auto;
	margin: 0;
	padding: 0 0 0 15px;
	text-align: left;
	background-color: #e7eefc;
}


.main p {
	margin-top: 4px;
	color: #41362a;
	font-size: 100%;
	line-height: 1.8;
}

.main_men p {
	margin-top: 4px;
	color: #41362a;
	font-size: 100%;
	line-height: 1.8;
}

.cbox {
	clear: both;
	width: 598px;
	height: auto;
}

.cbox p{
	width: 530px;
	height: auto;
	margin: 10px 20px 0 45px;
	padding: 0;
}

.cbox .cosu{
	width: 510px;
	height: 100px;
	margin: 0 20px 0 45px;
	padding: 0;
	background-color:#fff;
}

.cbox .price{
	float:right;
	width: 370px;
	height: 70px;
	margin: 10px 0 0 0;
	padding: 0;
	overflow:hidden;
}

.cbox .price1st{
	float:left;
	width: 160px;
	height: 30px;
	margin: 0;
	padding: 10px 0;
	color: #F00;
	font-weight: bold;
	text-align: right;
	font-size: 93%;
}

.cbox .price2nd{
	float:left;
	width: 180px;
	height: 30px;
	margin: 0;
	padding: 10px 0;
	color: #000;
	font-weight: bold;
	text-align: right;
	font-size: 93%;
}

.cbox .pass1st{
	clear:both;
	float:left;
	width: 160px;
	height: 25px;
	margin: 0;
	padding: 0;
	color: #125617;
	font-weight: bold;
	text-align: right;
	font-size: 93%;
}

.cbox .pass2nd{
	float:left;
	width: 180px;
	height: 25px;
	margin: 0;
	padding: 0;
	color: #ff6600;
	font-weight: bold;
	text-align: right;
	font-size: 93%;
}

.cbox p.cdetail{
	width: 480px;
	height: auto;
	font-size: 85%;
	margin-left: 65px;
}

.cbox p.ctitle1{
	width: 500px;
	height: 28px;
	margin: 10px 20px 0 45px;
	padding: 5px 0 0 10px;
	background-color:#433eff;
	color: #fff;
}

.cbox p.ctitle2{
	width: 500px;
	height: 28px;
	margin: 10px 20px 0 45px;
	padding: 5px 0 0 10px;
	background-color:#05a14e;
	color: #fff;
}

.cbox p.ctitle3{
	width: 500px;
	height: 28px;
	margin: 10px 20px 0 45px;
	padding: 5px 0 0 10px;
	background-color:#6a2095;
	color: #fff;
}

.cbox p.ctitle4{
	width: 500px;
	height: 28px;
	margin: 10px 20px 0 45px;
	padding: 5px 0 0 10px;
	background-color:#10c7c5;
	color: #fff;
}

.cbox p.setsumei{
	width: 530px;
	height: auto;
	margin: 10px 0 0 65px;
	padding: 0;
	font-size: 85%;
}

.cbox_r {
	clear: both;
	width: 598px;
	height: auto;
	text-align: right;
}

.cbox_r .to_price {
	float: right;
	margin: 15px 25px 10px 0;
	width 130px;
	height: 28px;
}

.index_top {
	width: 595px;
	height: 264px;
	background-image: url(../images/index_shop_bk.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.index_top p{
	float: left;
	width: 300px;
	height: 210px;
	padding: 35px 0 0 285px;
}

.four_img {
	float: left;
	width: 143px;
	height: 96px;
	margin: 15px 6px 15px 0;
}

.main .cboxright {
	clear: both;
	width: 580px;
	height: auto;
	text-align: right;
	padding: 0;
	margin: 10px 0;
}

h3{
	width: 550px;
	height: 17px;
	margin: 15px 0 5px 25px;
	padding: 4px 0 10px 18px;
	text-align: left;
	font-size: 108%;
	background-image: url(../images/h3_bk.png);
	background-repeat: no-repeat;
	background-position: left top;
	color: #675546;
	overflow: hidden;
}

h3.women{
	width: 550px;
	height: 17px;
	margin: 15px 0 5px 25px;
	padding: 4px 0 10px 18px;
	text-align: left;
	font-size: 108%;
	background-image: url(../images/h3_women_bk.png);
	background-repeat: no-repeat;
	background-position: left top;
	color: #675546;
	overflow: hidden;
}

h3.men{
	width: 550px;
	height: 17px;
	margin: 15px 0 5px 25px;
	padding: 4px 0 10px 18px;
	text-align: left;
	font-size: 108%;
	background-image: url(../images/h3_men_bk.png);
	background-repeat: no-repeat;
	background-position: left top;
	color: #675546;
	overflow: hidden;
}

.main .routine{
	clear: both;
	float: left;
	height: 14px;
	margin: 10px 0 5px 0;
	padding: 14px 0 10px 56px;
	text-align: left;
	font-size: 108%;
	color: #786357;
}

.women_top {
	width: 596px;
	height: 160px;
	background-image: url(../images/menu_women_top.png);
	background-repeat: no-repeat;
	background-position: left top;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.women_top p{
	float: left;
	width: 290px;
	height: 100px;
	padding: 53px 0 0 280px;
	font-size: 85%;
}

.men_top {
	width: 596px;
	height: 160px;
	background-image: url(../images/menu_men_top.png);
	background-repeat: no-repeat;
	background-position: left top;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.men_top p{
	float: left;
	width: 290px;
	height: 100px;
	padding: 53px 0 0 280px;
	font-size: 85%;
}

.mdepi_top {
	width: 596px;
	height: 160px;
	background-image: url(../images/menu_mdepi_top.png);
	background-repeat: no-repeat;
	background-position: left top;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.mdepi_top p{
	float: left;
	width: 290px;
	height: 100px;
	padding: 53px 0 0 280px;
	font-size: 85%;
}

.bridal_top p{
	float: left;
	width: 290px;
	height: 100px;
	padding: 53px 0 0 280px;
	font-size: 85%;
}

.bridal_top {
	width: 596px;
	height: 160px;
	background-image: url(../images/menu_bridal_top.png);
	background-repeat: no-repeat;
	background-position: left top;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
/* exosome page style start */
.exosome{
	font-family: "游ゴシック体",YuGothic,"游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic",sans-serif;
}
.exosome ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.exosome h2{
	margin: 20px 0 10px;
}
.exosome h4{
	margin-bottom: 20px;
	border-bottom: 1px solid #ccc28d;
}
.exosome .m30{
	margin: 30px 0;
}
.exosome .flex{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 5px;
}
.exosome .flex-w{
	flex-wrap: wrap;
	align-items: inherit;
}
.exosome .center{
	text-align: center;
}
.exosome .flex--list{
	display: flex;
	gap: 10px;
}
.exosome .flex--caption{
	gap: 10px;
}
.exosome .flex--caption img{
	width: 50%;
}
.exosome .flex--list li{
	display: flex;
	flex-flow: column;
	justify-content: flex-start;
	align-items: center;
}
.exosome .name{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 20px;
	color: #052449;
}
.exosome .name span{
	display: block;
	font-size: 14px;
	margin-bottom: 10px;
}
.exosome .box-g{
	padding: 20px;
	background: #f6f6f6;
	border-radius: 8px;
}
.exosome .heading__blue{
	font-weight: bold;
	color: #052449;
	font-size: 18px;
	margin-bottom: 20px
}
.exosome .line-y{
	font-weight: bold;
	background: linear-gradient(rgba(0,0,0,0) 60%,#f1e084 60%);
}
.exosome iframe{
	width: 100%;
	margin-bottom: 10px;
}
.exosome img{
	width: 100%;
	height: auto;
}
.exosome img.media{
	width: auto;
	max-width: 100%;
}
.exosome .mainv img{
	width: 100%;
	height: auto;
	object-fit: contain;
}
.exosome .h3__container{
	margin-left: 45px;
}
.exosome .cta{
	padding: 15px;
	background: #f6f6f6;
	border: 1px solid #d0c795;
	margin: 30px 0;
}
.exosome .cta .flex{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 15px;
}
.exosome .cta-text{
	color: #052449;
	font-size: 20px;
	font-weight: bold;
}
.exosome .cta-price{
	display: flex;
	justify-content: start;
	margin: 20px 0;
	position: relative;
}
.exosome .cta-price p{
	margin: 0;
	font-size: 14px;
	line-height: 1;
	color: #052449;
}
.exosome .cta-price span{
	font-size: 45px;
}
.exosome .cta-price .box-s{
	background: #052449;
	color: #fff;
	margin-right: 10px;
	font-size: 20px;
	padding: 10px;
}
.exosome .cta-btn{
	margin-top: 20px;
}
.exosome .cta-btn a{
	background: #1c76b8;
	color: #fff;
	display: block;
	text-align: center;
	padding: 15px;
	border-radius: 8px;
	text-decoration: none;
}
.exosome .exosome__info .info{
	max-width: 44%;
	height: auto;
}
.exosome .box-voice{
	width: 45%;
}
.exosome .box-b{
	border :1px solid #052449;
	padding: 12px;

}
/* exosome page style end */
.txtbox {
	clear: both;
	margin: 0;
	padding: 0 0 5px 50px;
	width: 540px;
	height: auto;
}

.mapbox {
	clear: both;
	margin: 0;
	padding: 0 0 5px 50px;
	width: 555px;
	height: auto;
}

.mapbox iframe{
	margin-top: 10px;
	border: 1px;
}

.subtxtbox {
	clear: both;
	margin: 0;
	padding: 0 0 5px 60px;
	width: 520px;
	height: auto;
}

.calbox {
	clear: both;
	margin: 0 0 20px 0;
	padding: 0 0 0 50px;
	width: 530px;
	height: auto;
}

.txred {
	color: #e36666;
}

.txgre {
	color: #52ae3d;
}

.txpur{
	color: #6b42d1;
}

.txtbox a {
	font-size: 85%;
}

.cbox .faq dt.nowOpen:after {
	content: "";
}

.cbox .faq {
	clear: both;
	margin: 0;
	width: 540px;
	padding-left: 20px;
}

.cbox  .faq dt {
	/zoom: 1;
	margin-top: 20px;
	margin-bottom: 1px;
	padding: 5px 15px;
	background: #e1d3cc;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.cbox  .faq dt.switchOn {
	margin-top: 0;
}

.cbox  .faq dt.nowOpen,
.cbox .faq dt.switchOn:hover {
	background: #fecea7;
}


.cbox  .faq dd {
	padding: 10px 20px;
}

.cbox .kansou {
	clear: both;
	margin: 0;
	width: 540px;
	padding-left: 20px;
}

.cbox  .kansou dt {
	margin-top: 20px;
	margin-bottom: 1px;
	padding: 5px 15px;
	background: #fbe1e1;
}

.cbox  .kansou dt.switchOn {
	margin-top: 0;
}

.cbox .kansou dl.kansou dd {
	margin-top: 2px;
	padding: 10px 20px;
	background-color: #fff4f4;
}

.cbox .kansou dl.kansou dd.est {
	margin-top: 2px;
	padding: 10px 20px 10px 30px;
	background-color: #fdf5ff;
}

.inqbox {
	clear: both;
	margin: 0 0 20px 0;
	padding: 0 0 5px 70px;
	width: 530px;
	height: auto;
}

.lpic{
	clear: both;
	float: left;
	margin: 0 15px 20px 42px;
	width: 210px;
	height: auto;
}

.rtxt{
	float: left;
	margin: 0;
	width: 330px;
	height: auto;
}

.lpic2{
	clear: both;
	float: left;
	margin: 0 10px 20px 42px;
	width: 250px;
	height: auto;
}

.rtxt2{
	float: left;
	margin-top: 2px;
	width: 280px;
	height: auto;
	line-height: 1.6;
}

.fpic1{
	clear: both;
	float: left;
	margin: 0 20px 15px 55px;
	width: 160px;
	height: auto;
	font-size: 87%;
}

.fpicn{
	float: left;
	margin: 0 20px 15px 0;
	width: 160px;
	height: auto;
	font-size: 87%;
}

table.t_full{
	clear: both;
	width: 520px;
	margin: 5px 0 15px 49px;
	padding: 0;
	border-collapse: collapse;
}
table.t_full th.t_top {
    border-top: #886a59 4px solid;
}

table.t_full th.t_top_c {
    border-top: #886a59 4px solid;
	text-align: left;
}

table.t_full th {
	border-bottom: #d3d3d3 1px solid;
	border-left: #d3d3d3 1px solid;
	text-align: right;
	padding: 10px;
	background-color: #f2e9de;
	font-weight: normal;
}
table.t_full td.t_top {
	border-top: #b7a397 4px solid;
}
table.t_full td.t_top_l {
	border-top: #b7a397 4px solid;
	border-left: #d3d3d3 1px solid;
}

table.t_full td.t_top_tr {
	border-top: #b7a397 4px solid;
	border-left: #d3d3d3 1px solid;
	text-align: right;
}

table.t_full td {
	border-bottom: #d3d3d3 1px solid;
	border-right: #d3d3d3 1px solid;
	text-align: left;
	padding: 10px;
	color: #8c7c72;
	background-color: #ffffff;
}
table.t_full th.t_l {
	border-left: #d3d3d3 1px solid;
	border-bottom: #d3d3d3 1px solid;
	text-align: left;
}
table.t_full td.t_lr {
	border-left: #d3d3d3 1px solid;
	border-bottom: #d3d3d3 1px solid;
	text-align: right;
}


table.t_r230{
	float: right;
	width: 230px;
	margin: 5px 30px 15px 0;
	padding: 0;
	border-collapse: collapse;
}
table.t_r230 th.t_top {
    border-top: #886a59 4px solid;
}
table.t_r230 th {
	border-bottom: #d3d3d3 1px solid;
	border-left: #d3d3d3 1px solid;
	text-align: right;
	padding: 10px;
	background-color: #f2e9de;
	font-weight: normal;
}
table.t_r230 td.t_top {
	border-top: #b7a397 4px solid;
}
table.t_r230 td {
	border-bottom: #d3d3d3 1px solid;
	border-right: #d3d3d3 1px solid;
	text-align: right;
	padding: 10px;
	color: #8c7c72;
	background-color: #ffffff;
}

table.t_r320{
	float: right;
	width: 320px;
	margin: 5px 5px 15px 0;
	padding: 0;
	border-collapse: collapse;
}
table.t_r320 th.t_top {
    border-top: #886a59 4px solid;
}
table.t_r320 th {
	border-bottom: #d3d3d3 1px solid;
	border-left: #d3d3d3 1px solid;
	text-align: left;
	padding: 10px;
	background-color: #f2e9de;
	font-weight: normal;
}
table.t_r320 td.t_top {
	border-top: #b7a397 4px solid;
}
table.t_r320 td {
	border-bottom: #d3d3d3 1px solid;
	border-right: #d3d3d3 1px solid;
	text-align: left;
	padding: 10px;
	color: #8c7c72;
	background-color: #ffffff;
}


table.t_r430{
	float: right;
	width: 430px;
	margin: 5px 30px 15px 0;
	padding: 0;
	border-collapse: collapse;
}
table.t_r430 th.t_top {
    border-top: #886a59 4px solid;
}
table.t_r430 th {
	border-bottom: #d3d3d3 1px solid;
	border-left: #d3d3d3 1px solid;
	text-align: right;
	padding: 10px;
	background-color: #f2e9de;
	font-weight: normal;
}
table.t_r430 td.t_top {
	border-top: #b7a397 4px solid;
}
table.t_r430 td {
	border-bottom: #d3d3d3 1px solid;
	border-right: #d3d3d3 1px solid;
	text-align: right;
	padding: 10px;
	color: #8c7c72;
}
table.t_r430 td.t_top_l {
	border-top: #b7a397 4px solid;
	border-left: #d3d3d3 1px solid;
	text-align: left;
}

table.t_r430 td.t_l {
	border-bottom: #d3d3d3 1px solid;
	border-left: #d3d3d3 1px solid;
	text-align: left;
}

ul.kinki {
	width: 530px;
	margin: 0px 15px 8px 40px;
	padding: 0;
}

ul.kinki li{
	list-style:none;
	background-image: url(../images/arrow_point_p.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 20px;
	padding-bottom: 8px;
}

/* newsbox ----------------------------------------- */
.ameblo {
	clear:both;
	margin: 0 0 0 45px;
	padding: 0;
	width: 500px;
	overflow:hidden;
}

.rssBody ul {
	margin: 0px;
	padding: 0px;
}

.rssBody ul li{
	margin: 0 0 8px 0;
	padding: 0 4px 8px 4px;
	border-bottom: dotted 1px #CCCCCC;
	list-style:none;
	width: 570px;
}

/*.rssBody ul li a img{
	display: none; /* リンク付きの画像を非表示に */
/*}*/

.rssRow { padding: 0px; }

.rssRow h4{
	clear: both;
	font-weight: bold;
	padding: 3px 0 0 25px;
	background-image: url(../images/arrow_point.png);
	background-repeat: no-repeat;
	background-position: left center;
	color: #f0ccdb;
}

.rssRow h4 a{
	color: #9a4e48;
}

.rssRow div {
	padding: 5px 0 0 30px;
	color: #888888;
}

.rssRow p {
	padding: 5px 0 0 35px;
}

/* contact
================================================ */
.contactform {
	width: 550px;
	margin: 0;
	padding:15px 15px 15px 40px;
}

/* THANKS
-------------------------------------------------------------------------- */
.tnkbox {
	width: 674px;
	height: auto;
	line-height: 1.4;
	font-size: 93%;
	background-image: url(../images/inq/thk_bk.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0;
	padding: 70px 0 0 4px;
	margin-left: 3px;
	overflow: hidden;
}

.tnkbox p {
	width: 610px;
	height: auto;
	margin: 5px 0 20px 35px;
}

/* sidebar
-------------------------------------------------------------------------- */
.sidebar {
	float: left;
	width: 305px;
	height: auto;
	margin: 0;
	padding: 0 0 0 15px;
	overflow: hidden;
}

/* side_menu
================================================ */

/* shop detail */
.side_shop{
	margin: 15px 0 0 0;
	text-align: left;
}

.side_shop a {
	display: block;
	width: 305px;
	height: 100px;
	background-image: url(../images/side_shop_bt.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration: none;
	overflow: hidden;
}

.side_shop p{
	float: left;
	width: 170px;
	height: 45px;
	font-size: 85%;
	line-height: 1.4;
	overflow: hidden;
	padding: 47px 0 0 102px;
}

.side_shop a:hover {
	background-position: left bottom;
	color: #816437;
}

/* menu */
.side_menu{
	margin: 15px 0 0 0;
	text-align: left;
}

.side_menu a {
	display: block;
	width: 305px;
	height: 100px;
	background-image: url(../images/side_menu_bt.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration: none;
	overflow: hidden;
}

.side_menu p{
	float: left;
	width: 170px;
	height: 45px;
	font-size: 85%;
	line-height: 1.4;
	overflow: hidden;
	padding: 47px 0 0 102px;
}

.side_menu a:hover {
	background-position: left bottom;
	color: #816437;
}

/* bridal */
.side_bridal{
	margin: 15px 0 0 0;
	text-align: left;
}

.side_bridal a {
	display: block;
	width: 305px;
	height: 100px;
	background-image: url(../images/side_bridal_bt.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration: none;
	overflow: hidden;
}

.side_bridal p{
	float: left;
	width: 170px;
	height: 45px;
	font-size: 85%;
	line-height: 1.4;
	overflow: hidden;
	padding: 47px 0 0 102px;
}

.side_bridal a:hover {
	background-position: left bottom;
	color: #816437;
}

/* staff */
.side_staff{
	margin: 15px 0 0 0;
	text-align: left;
}

.side_staff a {
	display: block;
	width: 305px;
	height: 100px;
	background-image: url(../images/side_staff_bt.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration: none;
	overflow: hidden;
}

.side_staff p{
	float: left;
	width: 170px;
	height: 45px;
	font-size: 85%;
	line-height: 1.4;
	overflow: hidden;
	padding: 47px 0 0 102px;
}

.side_staff a:hover {
	background-position: left bottom;
	color: #816437;
}

/* reservation */
.side_yoyaku{
	margin: 15px 0 0 0;
	text-align: left;
}

.side_yoyaku a {
	display: block;
	width: 305px;
	height: 100px;
	background-image: url(../images/side_yoyaku_bt.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration: none;
	overflow: hidden;
}

.side_yoyaku p{
	float: left;
	width: 170px;
	height: 45px;
	font-size: 85%;
	line-height: 1.4;
	overflow: hidden;
	padding: 47px 0 0 102px;
}

.side_yoyaku a:hover {
	background-position: left bottom;
	color: #816437;
}

/* Q and A */
.side_faq{
	margin: 15px 0 0 0;
	text-align: left;
}

.side_faq a {
	display: block;
	width: 305px;
	height: 100px;
	background-image: url(../images/side_faq_bt.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration: none;
	overflow: hidden;
}

.side_faq p{
	float: left;
	width: 170px;
	height: 45px;
	font-size: 85%;
	line-height: 1.4;
	overflow: hidden;
	padding: 47px 0 0 102px;
}

.side_faq a:hover {
	background-position: left bottom;
	color: #816437;
}

/* User Voice */
.side_voice{
	margin: 15px 0 0 0;
	text-align: left;
}

.side_voice a {
	display: block;
	width: 305px;
	height: 100px;
	background-image: url(../images/side_voice_bt.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration: none;
	overflow: hidden;
}

.side_voice p{
	float: left;
	width: 170px;
	height: 45px;
	font-size: 85%;
	line-height: 1.4;
	overflow: hidden;
	padding: 47px 0 0 102px;
}

.side_voice a:hover {
	background-position: left bottom;
	color: #816437;
}

/* BB RECRUIT */
.side_rec{
	margin: 15px 0 0 0;
	text-align: left;
}

.side_rec a {
	display: block;
	width: 305px;
	height: 100px;
	background-image: url(../images/side_rec_bt.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration: none;
	overflow: hidden;
}

.side_rec p{
	float: left;
	width: 170px;
	height: 45px;
	font-size: 85%;
	line-height: 1.4;
	overflow: hidden;
	padding: 47px 0 0 102px;
}

.side_rec a:hover {
	background-position: left bottom;
	color: #816437;
}


/* BB BLOG */
.side_blog{
	margin: 15px 0 0 0;
	text-align: left;
}

.side_blog a {
	display: block;
	width: 305px;
	height: 100px;
	background-image: url(../images/side_blog_bt.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration: none;
	overflow: hidden;
}

.side_blog p{
	float: left;
	width: 170px;
	height: 45px;
	font-size: 85%;
	line-height: 1.4;
	overflow: hidden;
	padding: 47px 0 0 102px;
}

.side_blog a:hover {
	background-position: left bottom;
	color: #816437;
}

/* WOMEN ESTHE */
.side_women{
	margin: 15px 0 0 0;
	text-align: left;
}

.side_women a {
	display: block;
	width: 305px;
	height: 100px;
	background-image: url(../images/side_womens_bt.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration: none;
	overflow: hidden;
}

.side_women p{
	float: left;
	width: 170px;
	height: 45px;
	font-size: 85%;
	line-height: 1.4;
	overflow: hidden;
	padding: 47px 0 0 102px;
}

.side_women a:hover {
	background-position: left bottom;
	color: #816437;
}

/* MEN ESTHE */
.side_men{
	margin: 15px 0 0 0;
	text-align: left;
}

.side_men a {
	display: block;
	width: 305px;
	height: 100px;
	background-image: url(../images/side_mens_bt.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration: none;
	overflow: hidden;
}

.side_men p{
	float: left;
	width: 170px;
	height: 45px;
	font-size: 85%;
	line-height: 1.4;
	overflow: hidden;
	padding: 47px 0 0 102px;
}

.side_men a:hover {
	background-position: left bottom;
	color: #816437;
}

/* MEN DEPI */
.side_mdepi{
	margin: 15px 0 0 0;
	text-align: left;
}

.side_mdepi a {
	display: block;
	width: 305px;
	height: 100px;
	background-image: url(../images/side_mdepi_bt.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration: none;
	overflow: hidden;
}

.side_mdepi p{
	float: left;
	width: 170px;
	height: 45px;
	font-size: 85%;
	line-height: 1.4;
	overflow: hidden;
	padding: 47px 0 0 102px;
}

.side_mdepi a:hover {
	background-position: left bottom;
	color: #816437;
}

/* footer
-------------------------------------------------------------------------- */
.totop {
	padding: 0;
	margin: 0 auto;
	width: 960px;
	height: 49px;
	background-color: #fff;
	overflow: hidden;
}

.totop a.pagetop {
	float: right;
	display: block;
	text-indent: -999999px;
	width: 87px;
	height: 19px;
	overflow: hidden;
	margin: 15px 15px 0 0;
	padding: 0;
	background-image: url(../images/page_top.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.totop a:hover.pagetop {
	background-repeat: no-repeat;
	background-position: left bottom;
}

#footer {
	overflow: hidden;
	padding: 0;
	margin: 0 auto;
	width: 960px;
	height: 325px;
}

.footlogo {
	clear: both;
	float: left;
	text-align: left;
	width: 260px;
	height: 247px;
	margin: 15px 0 0 50px;
	padding: 0;
	overflow:hidden;
}

.footright {
	float: right;
	width: 610px;
	height: 245px;
	margin: 15px 0 0 0;
	padding: 0;
	text-align: left;
}

ul.footlink{
	float: left;
	width: auto;
	height: 120px;
	color: #888888;
	font-size: 83%;
	text-align: left;
	margin: 0 13px 0 0;
	padding: 0;
	line-height: 1.3;
	white-space: nowrap;
}

ul.footlink li { 
	list-style: none;  
	padding: 0;
	overflow:hidden
}  

#footer a:link {
	color: #888888;
	text-decoration: none;
}

#footer a:visited {
	text-decoration: none;;
	color: #888888;
}

#footer a:hover {
	text-decoration: none;
	color: #f4245f;
}

#footer a:active {
	text-decoration: none;
	color: #f4245f;
}

.com_data {
	clear: both;
	float: left;
	width: 600px;
	height: 150px;
	margin: 5px 0 0 0;
	padding: 0;
	background-image: url(../images/address_bk.png);
	background-repeat: no-repeat;
	background-position: left top;
	overflow: hidden;
}

.com_name {
	font-size: 108%;
	line-height: 1.6;
	margin: 26px 0 0 15px;
}

.com_name2 {
	font-size: 108%;
	line-height: 1.6;
	margin: 34px 0 0 15px;
}


address {
	font-size: 100%;
	font-style: normal;
	margin: 10px 0 0 22px;
}

.address2 {
	font-size: 100%;
	font-style: normal;
	margin: 5px 0 0 22px;
}

.footcopy {
	clear: both;
	float: right;
	width:585px
	font-size: 93%;
	font-family: Arial, Helvetica, sans-serif;
	color: #150f0f;
	margin: 13px 0 0 0;
	padding: 0;
}

/* RollOver Image
--------------------------------------------*/
a img.linkimg{
	background:none!important;
}
 
a:hover img.linkimg{
	opacity:0.6;
	filter:alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
	background:none!important;
}

a:link img.linkimg,
a:visited img.linkimg{
	border:none;
}

a img {
	border:none;
}

.profbox {
	clear: both;
	width: 559px;
	height: 200px;
	margin: 5px 0 0 28px;
	padding: 10px 0 10px 0;
	background-image: url(../images/prof_bk.gif);
	background-repeat: no-repeat;
	background-position: left top;
	overflow: hidden;
}

.profpic {
	float: left;
	width: 149px;
	height: 168px;
	margin: 6px 0 0 18px;
}

.proftxt {
	float: left;
	width: 380px;
	margin: 10px 0 0 10px;
}
.proftxt p{
	width: 360px;
	margin: 0;
	padding: 0;
	line-height: 16px;
	font-size: 12px;
}

.proftxt p.p_name {
	font-size: 14px;
	line-height: 15px;
	margin-bottom: 3px;
}

.proftxt p.p_slo {
	margin-top: 2px;
}

.hoshi {
font-size : 10px;
font-family: Helvetica, sans-serif;
font-weight: bold;
color: #e41644;
}
/*2304 BM追加*/
.exosomebnr{
	margin: 15px 0 0;
}
.side_exosome{
	margin: 15px 0 0 0;
	text-align: left;
}

.side_exosome a {
	display: block;
	width: 305px;
	height: 100px;
	background-image: url(../images/exosome/side_exosome_bt.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration: none;
	overflow: hidden;
}

.side_exosome p{
	float: left;
	width: 170px;
	height: 45px;
	font-size: 85%;
	line-height: 1.4;
	overflow: hidden;
	padding: 47px 0 0 102px;
}

.side_exosome a:hover {
	background-position: left bottom;
	color: #816437;
}