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



body {
	background-image: url(../images/main_back.png);
	background-repeat: repeat-y;
	background-position: center;
	background-color: #f3ecd9;
	margin: 0px;
	padding: 0px;
	font-family: "メイリオ", "Meiryo", Verdana, Helvetica, "ＭＳ Ｐゴシック", "MS P Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kakugo Pro W3", Osaka, sans-serif;
}
#header {
	background-image: url(../images/top-main-img.jpg);
	background-repeat: no-repeat;
	position: relative;
	width: 960px;
	height:360px;
	margin:0px auto;
}
#header .shop-name-ja {
	position: absolute;
	top: 85px;
	left: 360px;
	color: #FFF;
	font-size: 22px;
	font-weight: bold;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
	-moz-text-shadow:  1px 1px 5px rgba(0, 0, 0, 0.5);
	-webkit-text-shadow:  1px 1px 5px rgba(0, 0, 0, 0.5);
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
#header .shop-name-en {
	position: absolute;
	top: 85px;
	left: 360px;
	color: #FFF;
	font-size: 60px;
	font-weight: bold;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
	-moz-text-shadow:  1px 1px 5px rgba(0, 0, 0, 0.5);
	-webkit-text-shadow:  1px 1px 5px rgba(0, 0, 0, 0.5);
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
#header .shop-logo {
	position: absolute;
	top: 10px;
	right: 50px;
}
#header .text {
	position: absolute;
	bottom: 6%;
	right: 11%;
	color: #FFF;
	text-align: center;
	font-size: 14px;
	line-height: 22px;
}
#menubox {
	width: 980px;
	background-image: url(../images/menu_back.png);
	background-repeat: repeat-x;
	height: 52px;
	margin: 10px auto 0;
}
#menubox dl {
	padding: 0 0 0 10px;
	margin: 0px;
}


/* 2014/11/22 */
/* widthを199→192に変更 IE10以下のバージョン  */

#menubox dl dt {
	float: left;
	width: 192px;
	text-align: center;
	border-left: 1px solid #eee9d8;
}
#menubox dl dt:last-child{
	width: 158px;
	border-right: 1px solid #eee9d8;
}

.adtopimg {
	margin: 35px 0 20px;
}

#maincontents{
	width: 960px;
	margin: 20px auto 0px;
}
.aboutbox {
	position: relative;
	background-image: url(../images/bg-textbox01.jpg);
	background-repeat: no-repeat;
	margin-top: 30px;
	height:198px;
}
.aboutbox p {
	position: absolute;
	top: 12%;
	left: 10%;
	width: 800px;
	line-height: 22px;
	font-size: 15px;
	color: #68390D;	
}

/************************************
Counselor Contents
***********************************/

/* 2014/12/8 */
/* カウンセラの項の高さを変更  */

.counselorbox {
	position: relative;
	margin-top:30px;
	height: 650px;
}


/* 2015/1/16 */
/* カウンセラひとりの場合用に追加 */
/* 文字サイズ等変更 */

.counselorbox .counselorimage {
	float: left;
	list-style-type: none;
	margin-left: 40px;
	margin-top: 40px;
}
.counselorbox .in-counselor {
	float: left;
	list-style-type: none;
	background-image: url(../images/img-staff.jpg);
	background-position: 50% 0%;
	background-repeat: no-repeat;
	width: 400px;
	margin-left: 30px;
	margin-top: 40px;
	}
.in-counselor li {
	width: 350px;
	margin-bottom:10px;
	margin-left: 10px;
	font-size: 15px;
}
.in-counselor .name-text {
	margin-top:40px;
	text-align: center;
	font-size: 19px;
	font-weight: bold;
	margin-bottom:20px;
}
.in-counselor .comment-text {
	border-top: 1px dotted #68390D;
	padding-top: 15px;
	font-size: 15px;
	line-height: 20px;
}


/********************************
System Contents
********************************/
.systembox { margin-bottom:10px;}
.in-system {
	width:740px;
	margin:auto;
}
.in-system p,
.in-system .entry2-text li {
	color: #68390D;
	font-size: 14px;
	line-height: 20px;
}
.in-system .entry2-text {
	margin: 0;
	padding: 1em;
}
/********************************
Price Contents
********************************/
.pricebox { 
	margin-top: 10px;
	position: relative;
	height: 410px;
}
.in-price {
	position: relative;
	background-image: url(../images/bg-textbox02.jpg);
	background-repeat: no-repeat;
	margin: 0px auto 0;
	width: 811px;
	height: 262px;	
}
.in-price .price-list {
	position: absolute;
	top: 30px;
	left: 100px;
}
.in-price .price-text-box {
	border-top: 1px dotted #000;
	height: 30px;
	width: 520px;
	padding: 8px 0 0 20px;
}
.in-price .bottom-hr {border-bottom: 1px dotted #000;}
.in-price li {
	display: block;
	float: left;
	width: 120px;
	padding-right: 10px;
	list-style-type: none;
	font-size: 20px;
	color: #68390D;
}
.in-price .price-text{
	font-size:12px;
	line-height: 1em;
	width:205px;
}
.in-price p {
	position: absolute;
	bottom: 36px;
	left: 260px;
	color: #68390D;
	font-size: 14px;
}

/********************************
Access Contents
********************************/
.access {margin-bottom:10px;}
.in-access {
	position: relative;
	height:400px;
	padding:25px 0 0 70px;
}
.in-access table {
	float: left;
	display: block;
	margin: 50px 0 0 50px;
}
.in-access .access-title {
	width: 70px;
	height: 45px;
	vertical-align: top;
}
.in-access .access-title-last {
	width: 70px;
	vertical-align: top;
}
.in-access .access-text {
	font-size: 16px;
	line-height: 21px;
	vertical-align: top;
	padding-left: 15px;
}
.in-access .access-text2 {
	vertical-align: top;
	padding:0 0 15px 15px;
}
.in-access .table-hr {background:#68390D;}

#gmap {width:400px;height:300px;float:left;}




/********************************
Footer Contents
********************************/

/* 2015/1/19 */
/* IE8で見るとFooterが真っ黒になる */
/* デフォルトの背景色を#C51B7Bに変更  */


#footer {
	width:960px;
	height:100px;
	background:#C51B7B;
	margin:auto; 
background: -webkit-linear-gradient(#C51B7B 0%, #F84586 100%);
background: -o-linear-gradient(#C51B7B 0%, #F84586 100%);
background: linear-gradient(#C51B7B 0%, #F84586 100%);/* Firefox *//* Chrom と Safari *//* 共通 */
}	
#footer ul {
	margin: auto;
	padding-top: 30px;
	width: 550px;
}
#footer li {
	list-style-type: none;
	float: left;
	color: #FFF;
	padding-right: 7px;
	font-size: 13px;
}
#footer a {
	color:#FFF;
	text-decoration: none;
}
#footer .copy {
	text-align:center;
	color:#FFF;
	padding-top: 20px;
	font-size: 10px;
}


/********************************
共通 セレクタ
********************************/


/* 2014/11/22 */
/* リンク画像の青い枠線を消したい IE10以下のバージョン */
a img {
    border-style:none;
}



a img:hover {opacity:0.6;}
a:hover {opacity:0.8;}
h2 {
	background-image: url(../images/bg-headline.jpg);
	background-repeat: no-repeat;
	margin: 0;
	height:50px;
	color:#FFF;
	text-indent: 75px;
	line-height: 48px;
}
h3 {
	background-image: url(../images/icon-headline.jpg);
	background-repeat: no-repeat;
	margin: 10px 0 0 35px;
	height: 50px;
	color: #F63DBB;
	text-indent: 75px;
	line-height: 48px;
}
h4 {
	border-bottom: 2px dashed #68390D;
	margin-bottom:0;
	padding-bottom: 10px;
	color: #68390D;
	font-size: 25px;
	font-weight: normal;
}
.arrow {
	width:740px;
	text-align:center;
}
.btn-top {
	position: absolute;
	bottom: 30px;
	right: 40px;
}