@charset "utf-8";


/* 初期設定
====================================================
*/
*{
margin:0;
padding:0;
}
img{
border:none;
}
ul{
list-style-type:none;
}
body{
font-size:small;
color:#333;
/*background:#f7f5eb url(image/bg.gif) repeat-x 0 140px;*/
background:#fff;
font-family: "Segoe UI","Helvetica Neue",Helvetica,Arial,"Meiryo","メイリオ",sans-serif;
}
a{
color:#BC8910;
text-decoration:none;
}
a:hover{
color:#DBBB40;
}
a:hover img{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter:"alpha(opacity=80)";
background:#fff;
}

/*.clearfix{
overflow:auto;
}*/
.clearfix {width:100%;}
.clearfix:after{
content: ""; 
display: block; 
clear: both;
}

/*区切り線*/
hr.dot{
border-top:1px dotted #999;
margin:10px 0;
}




/* 調整要素
====================================================
*/

/*マージン*/
.mb5{
margin-bottom:5px;
}
.mb10{
margin-bottom:10px;
}
.mb15{
margin-bottom:15px;
}
.mb20{
margin-bottom:20px;
}
.mb25{
margin-bottom:25px;
}
.mb30{
margin-bottom:30px;
}
.mb40{
margin-bottom:40px;
}
.mb50{
margin-bottom:50px;
}




/* 基本エリア
====================================================
*/
.header{
background:#fff;
width:900px;
margin:10px auto 20px auto;
}
.header-logo{
float:left;
width:540px;
text-align:right;
}
.header-right{
float:right;
width:360px;
text-align:right;
}

.header-navi{
text-align:right;
}
.header-navi a{
background:url(image/mark2.gif) no-repeat left center;
padding-left:10px;
margin-left:14px;
}

.container{
width:900px;
margin:0 auto 40px auto;
padding-top:40px;
background:url(image/container-bg.gif) no-repeat top;
}
.content{
width:860px;
margin:0 auto 20px auto;
}
.content-inner{
width:820px;
margin:0 auto 40px auto;
}
.content-left{
float:left;
width:200px;
}
.content-right{
float:right;
width:650px;
}


.footer{
background:url(image/footer-bg.gif) no-repeat bottom;
height:100px;
margin:0 auto;
}
.footer-navigation{
padding:30px 0 15px 20px;
font-size:12px;
color:#ccc;
}
.footer-navigation a{
padding:0 4px;
}
.copyright{
font-size:small;
padding-left:20px;
}



/* ナビゲーション
====================================================
*/
.navi{
/*background:#ebe5cd;*/
margin-bottom:10px;
}
.navi ul{
width:1051px;
/*width:1180px;*/
margin:0 auto;
}
.navi ul li{
float:left;
position:relative;
border-right:1px dashed #dac462;
}
.navi ul li:last-child{
border:none;
}


.navi a{
display:block;
width:129px;
height:60px;
}
.navi a:first-child{
/*border-left:1px dashed #ae9963;*/
}

.navi a.n1{background:url(image/navi.gif) no-repeat;}
.navi a:hover.n1{background:url(image/navi.gif) no-repeat 0 -60px;}

.navi a.n2{background:url(image/navi.gif) no-repeat -129px 0;}
.navi a:hover.n2{background:url(image/navi.gif) no-repeat -129px -60px;}

.navi a.n3{background:url(image/navi.gif) no-repeat -258px 0;}
.navi a:hover.n3{background:url(image/navi.gif) no-repeat -258px -60px;}

.navi a.n4{background:url(image/navi.gif) no-repeat -387px 0;}
.navi a:hover.n4{background:url(image/navi.gif) no-repeat -387px -60px;}

.navi a.n5{background:url(image/navi.gif) no-repeat -516px 0;}
.navi a:hover.n5{background:url(image/navi.gif) no-repeat -516px -60px;}

.navi a.n6{background:url(image/navi.gif) no-repeat -645px 0;}
.navi a:hover.n6{background:url(image/navi.gif) no-repeat -645px -60px;}

.navi a.n7{background:url(image/navi.gif) no-repeat -774px 0;}
.navi a:hover.n7{background:url(image/navi.gif) no-repeat -774px -60px;}

.navi a.n8{background:url(image/navi.gif) no-repeat -903px 0;}
.navi a:hover.n8{background:url(image/navi.gif) no-repeat -903px -60px;}

.navi a.n9{background:url(image/navi.gif) no-repeat -1032px 0;}
.navi a:hover.n9{background:url(image/navi.gif) no-repeat -1032px -60px;}


/*サブメニュー*/
.navi ul.sub-menu{
display:none;
width:100%;
position:absolute;
z-index:2;
}
.navi ul li:hover ul.sub-menu{
display:block;
}
.navi ul li ul.sub-menu li{
float:none;
text-align:center;

}
.navi ul li ul.sub-menu li a{
border-top:1px solid #FFF;
background:#705417;
height:36px;
line-height:2.7em;
color:#fff;
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter:"alpha(opacity=80)";
}
.navi ul li ul.sub-menu li a:hover{
background:#a9924c;
}




/* 見出し
====================================================
*/
h1{
font-size:12px;
font-weight:normal;
color:#666;
padding:20px 0 10px 0;
}

.ht{
text-align:center;
margin:0 0 20px 0;
}
.ht-infomation{
margin:0 0 20px 10px;
}

.pt{
text-align:center;
margin-bottom:20px;
}

.ht-facebook{
font-size:medium;
}




/* リスト・テーブル
====================================================
*/
ul.list{
/*padding-left:10px;*/
}
.list li{
line-height:1.4em;
background:url(image/mark3.gif) no-repeat 0 6px;
margin:0 0 5px 0;
padding:0 0 0 16px;
}


.table{
width:100%;
border:none;
border-collapse:separate;
border-spacing:1px;
margin-bottom:40px;
}
.table th{
text-align:center;
padding:1em 0;
width:20%;
background:#B7A35F;
color:#fff;
}
.table td{
padding:1em;
border-width:0 1px 1px 0;
border-style:solid;
border-color:#EBE5CD;
}
.table td.right-top{
border-top:1px solid #EBE5CD;
}




/* 個別
====================================================
*/
/*トップページ・スライドショー*/
.fadein{
margin-bottom:20px;
background:#fff;
}
.trimming{
position:relative;
width:720px;
height:480px;
overflow:hidden;
}


/*トップページ・トピックス*/
.topics dt{
/*float:left;
width:64px;*/
margin:0 20px 5px 10px;
background:url(image/mark2.gif) no-repeat 0 8px;
padding:2px 0 0 10px;
}
.topics dd{
font-size:medium;
padding-left:20px;
margin-bottom:10px;
}
dd.topics-body{
font-size:small;
border-bottom:1px dotted #ccc;
padding:5px 0 10px 20px;
margin-bottom:10px;
}


/*トップページ・スライドショー*/
.top{
width:900px;
margin:0 auto;
}
.float-left{
float:left;
}
.float-right{
float:right;
}

ul.top-thumb{
line-height:3.5em;
}


/*トップページ・サイドバナー*/
ul.sidebnr{
list-style-type:none;
width:180px;
margin:0;
/*line-height:100%;*/
}
.sidebnr li{
margin-bottom:10px;
}
.sidebnr li img{
width:100%;
}





/*ショップデータ・マップ*/
.map{
margin-bottom:10px;
}
.map p{
line-height:1.6em;
}


/*ショップデータ・DLテーブル*/
dl.map-dl{
/*width:610px;*/
margin-bottom:40px;
}
.map-dl dt{
float:left;
clear:both;
width:5em;
padding:.4em 1em .4em 0;
margin-bottom:1px;
text-align:right;
border-right:1px solid #ccc;
font-weight:bold;
color:#000;
}
.map-dl dd{
padding:.4em 0 .4em 7em;
margin-bottom:1px;
border-bottom:1px solid #ccc;
}

.map-shopname{
font-size:x-large;
}


/*料金システム・DLテーブル*/
dl.menu{
border-bottom:1px dashed #999;
padding-bottom:30px;
margin-bottom:30px;
background:url(image/dot.gif) repeat-x 0 15px;
}
.menu dt{
float:left;
margin:0 20px 0 0;
background:#fff url(image/mark2.gif) no-repeat 0 6px;
padding:0 12px;
font-weight:bold;
width:550px;
font-size: 14px;
}

dd.menu-price{
float:right;
text-align:right;
font-size:x-large;
font-weight:bold;
padding:0 10px 0 20px;
background:#fff;
}
span.tax{
font-size:11px;
font-weight:normal;
}

p.firstrun{
display:inline-block;
padding:5px;
color:#F00;
border:2px solid #F00;
margin-bottom:10px;
font-size:16px;
letter-spacing:1px;
}


/*料金システム・その他*/
.menu-dot{
width:135px;
float:left;
background:url(image/dot.gif) repeat-x 0 8px;
}
p.menu-discription{
font-weight:normal;
font-size:12px;
color:#88624c;
padding:.5em 0;
}
ul.notice{
font-weight:normal;
font-size:12px;
color:#CC4466;
}
ul.notice li span{
color: #333;
}

.facebook-price{
color:#F00;
background:url(image/iine.gif) no-repeat 0 7px;
padding-left:60px;
}

.p-setmenu{
margin-bottom:50px;
text-align:center;
}


/*料金システム・カウンセリング*/
dl.system-phase{
background:url(image/system-bg.jpg) no-repeat right;
padding-left:10px;
}
.system-phase dt{
margin-bottom:10px;
}
.system-phase dd{
margin-bottom:30px;
}


/*料金システム・注意書き*/
dl.system-atn{
padding-top:40px;
margin-top:40px;
border-top:1px dotted #ccc;
}
.system-atn dt{
font-weight:bold;
font-size:medium;
color:#009fd3;
}
.system-atn dd{
margin-bottom:20px;
}


/*クーポンページ・クーポン背景*/
.coupon{
background:url(image/head-coopn.jpg) no-repeat top;
}


/*スタイル一覧*/
.table-style dl{
float:left;
border:1px solid #ccc;
padding:5px;
margin:0 18px 2em 18px;
width:154px;
}
.table-style dt{
margin-bottom:5px;
}
.table-style dt img{
width:154px;
}
.table-style dd{
text-align:center;
}

.table-style dd.msg{
text-align:left;
border-top:1px solid #ccc;
padding-top:.5em;
margin-top:.5em;
}


/*予約について*/
dl.yoyaku{
width:828px;
margin:0 auto 20px auto;
}
dl.yoyaku dt{
font-size:medium;
font-weight:bold;
}
dl.yoyaku dd{
color:#F00;
}
dl.yoyaku dd a{
background:#FFC;
padding:.1em .5em;
font-size:large;
font-weight:bold;
}


/*こだわり*/
dl.craftsmanship{
margin-bottom:50px;
}
dl.craftsmanship dt{
font-size:large;
font-weight:bold;
color:#CC4466;
margin-bottom:5px;
}
dl.craftsmanship dd{
font-size:small;
margin:0;
}
.craftsmanship ul{
list-style-type:disc;
text-align:left;
border:1px solid #ccc;
padding:1em;
}
.craftsmanship ul li{
margin-left:20px;
line-height:1.8em;
}


/*社会貢献活動*/
.vaccine-h2{
background-color:#1FBBA6;
border-bottom:3px solid #199684;
padding:8px 10px;
color:#fff;
font-size:16px;
font-weight:bold;
width:820px;
margin:0 auto 10px auto;
line-height:100%;
}

.vaccine-msg{
line-height:1.8em;
letter-spacing:.1em;
}

ul.vac-thumb{
float:right;
list-style-type:none;
}
.vac-thumb li{
margin-bottom:10px;
/*width:140px;*/
}
.vac-thumb li img{
width:100%;
}


/*ママ復職支援*/
.reinstatement > h3:before{
border-left: 4px solid #85B63A;
content: "";
height: 60%;
left: 10px;
position: absolute;
top: 20%;
}
.reinstatement > h3{
background: url("image/h3.png") repeat-x scroll 0 bottom transparent;
margin: 0 0 24px;
clear: both;
font-size: 1.2em;
font-weight: bold;
line-height: 1.2;
padding: 9px 0 9px 24px;
position: relative;
letter-spacing:1px;
}

.reinstatement p{
line-height:1.6em;
}
.reinstatement > p img{
float:right;
padding:0 0 20px 20px;
}

.reinstatement > h4{
font-size:medium;
font-weight:bold;
color:#E96079;
letter-spacing:1px;
margin-top:30px;
}

.reinstatement > ul{
list-style-type:disc;
list-style-position:inside;
margin-left:5px;
}
.reinstatement > ul li{
margin:2px 0;
}




/* #flickscroll
--------------------------- */
#flickscroll {
	margin: 0 auto;
	width: 912px;
	height: 332px;
	text-align: left;
	position: relative;
}
#flickscroll ul {
	top: 0;
	left: 0;
	height: 332px;
	position: absolute;
	overflow: hidden;
}
#flickscroll ul li {
	width: 912px;
	height: 405px;
	float: left;
	display: inline;
	overflow: hidden;
}

#flickscroll #moveprev {
	top: 433px;
	left: 0;
	width: 25px;
	height: 24px;
	background: transparent url(../img/moveprev.png) no-repeat left top;
	position: absolute;
	cursor: pointer;
}

#flickscroll #movenext {
	top: 433px;
	right: 0;
	width: 25px;
	height: 24px;
	background: transparent url(../img/movenext.png) no-repeat left top;
	position: absolute;
	cursor: pointer;
}



/* #flickthumb
--------------------------- */
#flickthumb {
	margin: 16px auto;
	/*width: 660px;*/
	height: 54px;
	text-align: center;
}
#flickthumb ul {
	/*width: 900px;*/
	height: 50px;
}
#flickthumb ul li {
	width: 100px;
	height: 45px;
	float: left;
	cursor: pointer;
	display: inline;
	margin: 0 2px;
}
/*
#flickthumb ul li img {
    border: 1px solid #6a2a07;
}
*/
#flickthumb ul li.active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}

/* =======================================
	ClearFixElements
======================================= */
#flickscroll ul:after,
#flickthumb ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

#flickscroll ul,
#flickthumb ul {
	display: inline-block;
	overflow: hidden;
}