@charset "utf-8";
/* Copyright 2018 design hack. */

/* ------------------------------------------------------------

リセット

------------------------------------------------------------ */ 

/* 全ての要素に対する余白初期値設定 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, main, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video{
	margin:0;
	padding:0;
	border: 0;
	font-size: 100%;
}

/* デフォルト文字設定 */
body{
	background:#FFFFFF;
	color:#333333;
	font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
	font-size:15px;
	line-height:1.6;
	word-break: break-all;
}

/* リストマーカーを非表示 */
ul,ol{list-style-type:none;}

/* テーブルセルのボーダーの設定 */ 
table {
	border-collapse: collapse; 
	border-spacing: 0;
}

/* 画像とフォームパーツの上下位置をテキストの真ん中に */
img, input, select, textarea {vertical-align: middle;}


/* デフォルトリンク色の設定 */
a{
    outline: none;
	color:#333333;
	text-decoration: none;
    -webkit-transition: color 0.3s;
	transition: color 0.3s;
}
a:hover{color:#1E9228;}


/* 画像リンクの設定 */
a img.opa07:hover{opacity: 0.7;}

/* ------------------------------------------------------------

初期化

------------------------------------------------------------ */
p{margin-bottom:none;}
h2 span,h3 span,h4 span,h5 span{visibility:hidden;}
img{vertical-align:top;border:none;}
header, footer, nav, section, article, aside, main {display:block;}

/* ------------------------------------------------------------

サイト共通設定

------------------------------------------------------------ */

/*	clearfix
---------------------------------------------- */
.clearfix:after {/*for modern browser*/
   content: "";
   display: block;
   clear: both;
}

.clearfix { *zoom:1; } /*for IE6,IE7*/

p#browser{
	padding: 10px 0;
	background: #000;
	color: #FFF;
	text-align: center;
}

p#browser span{font-size: 86%;}

/* ------------------------------------------------------------

レイアウト

------------------------------------------------------------ */
/* ヘッダー
---------------------------------------------- */
header{	border-top: 4px solid #108343;border-bottom: 1px solid #CCCCCC;}

header div#inner{
	width: 1200px;
	height: 104px;
	margin: 0 auto;
    position: relative;
}

h1#catch{
	color:#333333;
	font-size:12px !important;
	font-weight:normal;
	position: absolute;
    left: 0;
	top:15px;
}

h2#logo {
    position: absolute;
    left: 0;
	top:50px;
}
h2#logo a {
    background: url("../img/h2_logo.jpg") no-repeat 0 0;
    display: block;
    height: 30px;
    width: 302px;
}
h2#logo a:hover {opacity: 0.7;}

p#h_mail {position: absolute;right: 0;top:0;}

p#h_phone {
    background: url("../img/h_phone.gif") no-repeat 0 0;
    position: absolute;
    right: 0;
	width: 200px;
	height: 23px;
	top:60px;
}
p#h_phone span{	visibility: hidden;}

/* グローバルナビゲーション
---------------------------------------------- */
ul#nav_global{
	position:absolute;
	right:250px;
	top:54px;
	height:30px;
}

ul#nav_global li{float:left;position:relative;}
ul#nav_global li.g01,
ul#nav_global li.g02,
ul#nav_global li.g03,
ul#nav_global li.g04{width:150px;}

ul#nav_global li a{display:block;height:30px;}

ul#nav_global li.g01 a{background:url(../img/nav_global.gif) no-repeat 0 0;}
ul#nav_global li.g02 a{background:url(../img/nav_global.gif) no-repeat -150px 0;}
ul#nav_global li.g03 a{background:url(../img/nav_global.gif) no-repeat -300px 0;}
ul#nav_global li.g04 a{background:url(../img/nav_global.gif) no-repeat -450px 0;}

ul#nav_global li.g01 a:hover{background:url(../img/nav_global.gif) no-repeat 0 -30px;}
ul#nav_global li.g02 a:hover{background:url(../img/nav_global.gif) no-repeat -150px -30px;}
ul#nav_global li.g03 a:hover{background:url(../img/nav_global.gif) no-repeat -300px -30px;}
ul#nav_global li.g04 a:hover{background:url(../img/nav_global.gif) no-repeat -450px -30px;}

ul#nav_global li span{display:none;}

/*--nav_sub--*/
ul.nav_sub{
	display:none;
	position:absolute;
	top:51px;
	border: 1px solid #DDEFDF;
	border-top: none;
	box-shadow: 0 2px 4px rgba(0,0,0,0.3);
}

ul#nav_global li.g01 ul.nav_sub li{width:150px;height:43px;}
ul#nav_global li.g01 ul.nav_sub li a{display:block;height:43px;}
ul#nav_global li.g01 ul.nav_sub li.a04{width:150px;height:50px;}
ul#nav_global li.g01 ul.nav_sub li.a04 a{display:block;height:50px;}
ul#nav_global li.g01 ul.nav_sub li.a06{	width:150px;height:50px;border-bottom: 1px solid #DDEFDF; }
ul#nav_global li.g01 ul.nav_sub li.a06 a{display:block;	height:50px;border-bottom: 1px solid #DDEFDF; }

ul.nav_sub li.a01 a{background:#108343 url(../img/nav_sub01.gif) no-repeat center center !important;}
ul.nav_sub li.a02 a {background:#108343 url(../img/nav_sub02.gif) no-repeat center center !important;}
ul.nav_sub li.a03 a {background:#108343 url(../img/nav_sub03.gif) no-repeat center center !important;}
ul.nav_sub li.a04 a {background:#108343 url(../img/nav_sub04.gif) no-repeat center center !important;}
ul.nav_sub li.a05 a {background:#108343 url(../img/nav_sub05.gif) no-repeat center center !important;}
ul.nav_sub li.a06 a {background:#108343 url(../img/nav_sub06.gif) no-repeat center center !important;}
ul.nav_sub li.a02 a,
ul.nav_sub li.a03 a,
ul.nav_sub li.a04 a,
ul.nav_sub li.a05 a,
ul.nav_sub li.a06 a{border-top: 1px solid #DDEFDF;}
ul.nav_sub li.a01 a:hover{background:#108343 url(../img/nav_sub01_on.gif) no-repeat center center !important;}
ul.nav_sub li.a02 a:hover{background:#108343 url(../img/nav_sub02_on.gif) no-repeat center center !important;}
ul.nav_sub li.a03 a:hover{background:#108343 url(../img/nav_sub03_on.gif) no-repeat center center !important;}
ul.nav_sub li.a04 a:hover{background:#108343 url(../img/nav_sub04_on.gif) no-repeat center center !important;}
ul.nav_sub li.a05 a:hover{background:#108343 url(../img/nav_sub05_on.gif) no-repeat center center !important;}
ul.nav_sub li.a06 a:hover{background:#108343 url(../img/nav_sub06_on.gif) no-repeat center center !important;}

ul.nav_sub li a span{display:none;}

/* h3 pagettl
---------------------------------------------- */
div#bg_pagettl{background:#F8F6F6;}
div#wrap_pagettl{height:340px;margin:0 auto;}

/* パンくず
---------------------------------------------- */
div#wrap_bread{background: #F2F2F2;	padding:15px 0 15px 0;}
ol#breadcrumb{
	background:url(../img/ico_home.gif) no-repeat left 0.35em;
	margin: 0 auto;
	width: 1200px;
	font-size:13px;
	overflow:hidden;
}

ol#breadcrumb li{
	float:left;
	background:url(../img/ico_arrow_bread.gif) no-repeat right 0.4em;
	padding-right:15px;
	margin-right:10px;
	font-size: 14px;
}

ol#breadcrumb li a{text-decoration: underline;}
ol#breadcrumb li:first-child {padding-left: 20px;}
ol#breadcrumb li:first-child a:hover{opacity: 0.7;}

ol#breadcrumb li:last-child{
	background:none;
	padding-right:0;
	margin-right:0;
	padding-left: 0;
}

/* フッター
---------------------------------------------- */
/* ---サイトマップ--- */
div#bg_sitemap{background:#108343;}

div#bg_sitemap div#wrap_sitemap{
	width: 1200px;
	height: 219px;
	margin:0 auto;
	font-size: 14px;
	position: relative;
	color: #DDEEDF;
}

div#bg_sitemap div#wrap_sitemap p#footer_logo{
	background: url(../img/ftr_logo.gif) no-repeat 0 0;
	width: 205px;
	height: 97px;
	position: absolute;
	top: 62px;
	left: 0;
}
div#bg_sitemap div#wrap_sitemap p#footer_logo span{visibility: hidden;}

p#ftr_tel{position: absolute;top: 60px;left: 245px;}
p#ftr_mail{position: absolute;top: 110px;left: 245px;}

div#bg_sitemap div#wrap_sitemap ul#sitemap01 li a{color: #DDEEDF;text-decoration: underline;}
div#bg_sitemap div#wrap_sitemap ul#sitemap01 li a:hover{text-decoration: none;color: #77B991;}

div#bg_sitemap div#wrap_sitemap ul#sitemap01 li#ftr01{position: absolute;top: 60px;left: 548px;}
div#bg_sitemap div#wrap_sitemap ul#sitemap01 li#ftr02{position: absolute;top: 60px;left: 1098px;}
div#bg_sitemap div#wrap_sitemap ul#sitemap01 li#ftr03{position: absolute;top: 98px;left: 1098px;}
div#bg_sitemap div#wrap_sitemap ul#sitemap01 li#ftr04{position: absolute;top: 135px;left: 1098px;}


div#bg_sitemap div#wrap_sitemap ul#sitemap02 li a{
	padding-left: 14px;
	background:url(../img/ico_arrow_ftr.gif)no-repeat left 0.4em;
	text-decoration: none;
	color: #DDEEDF;
}

div#bg_sitemap div#wrap_sitemap ul#sitemap02 li#ftr_service01{position: absolute;top: 90px;left: 548px;}
div#bg_sitemap div#wrap_sitemap ul#sitemap02 li#ftr_service02{position: absolute;top: 118px;left: 548px;}
div#bg_sitemap div#wrap_sitemap ul#sitemap02 li#ftr_service03{position: absolute;top: 146px;left: 548px;}
div#bg_sitemap div#wrap_sitemap ul#sitemap02 li#ftr_service04{position: absolute;top: 90px;left: 728px;text-indent: -1.0em;padding-left: 14px;}
div#bg_sitemap div#wrap_sitemap ul#sitemap02 li#ftr_service05{position: absolute;top: 139px;left: 728px;}
div#bg_sitemap div#wrap_sitemap ul#sitemap02 li#ftr_service06{position: absolute;top: 90px;left: 908px;text-indent: -1.0em;padding-left: 14px;}

div#bg_sitemap div#wrap_sitemap ul#sitemap02 li a:hover{color: #77B991;}

div#copy{
	background: #333333;
	padding: 15px 0;
	font-size: 13px;
	color: #ADADAD;
}

/* メインコンテンツ
---------------------------------------------- */
div.wrap_content{margin: 0 auto;width: 1200px;padding:100px 0;}
div.bg_gry{background: #F7F5F5;border-top:1px solid #E8E6E6;border-bottom:1px solid #E8E6E6;}
div.wrap_width{width: 1200px;margin: 0 auto;}

/* キャッチコピー
---------------------------------------------- */
p.catch_style01{font-weight: bold;font-size: 26px;color: #C67D1F;text-align: center;margin-bottom: 50px;}

/* header
---------------------------------------------- */
.ttl_style01{
	background: url(../img/ico_header01.png) no-repeat left 0;
	font-size: 24px;
	font-weight: 800;
	border-bottom: 1px solid #D6D6D6;
	padding: 0 0 10px 57px;
	margin-bottom: 30px;
}

.ttl_style02{
	color:#108343;
	font-size: 18px;
	font-weight: 800;
	margin-bottom: 20px;
}

/* header
---------------------------------------------- */
/*--table_style01-*/
table.table_style01{width: 100%;}
table.table_style01 tr th{
	width: 400px;
	text-align: left;
	background: #108343;
	padding: 28px 0 25px 30px;
	color: #FFFFFF;
}

table.table_style01 tr th:first-child{border-top: #108343 1px solid;}
table.table_style01 tr:nth-child(2n) th{background: #0E6F39;}

table.table_style01 tr td{
	border: #D6D6D6 1px solid;
	padding: 28px 0 25px 30px;
}

/*--icon-*/
p.open{
	background: url(/common/img/ico_time01.gif) no-repeat 0 0;
	margin-bottom: 40px;
	padding-left: 25px;
	line-height: 1.0;
}

/*--ul-*/
ul.btn_salon li{display: inline-block;}
ul.btn_salon li:first-child{margin-right: 35px;}

/*--dl-*/
dl#dl_style01{
	overflow: hidden;
	width: 100%;
	margin-bottom: 40px;
	border-top: 1px dotted #B09695;
	padding-top: 20px;
}

dl#dl_style01 dt{
    float: left;
	padding: 0 40px 5px 0;
	font-weight: normal;
	font-size: 15px;
}

dl#dl_style01 dd{
	border-bottom: 1px dotted #B09695;
	padding-bottom: 18px;
	margin-bottom: 18px;
	display: block;
}

dl#dl_style01 dd.cate{
	background-image: none;
    float: left;
	font-size: 13px;
	border: 1px solid #D0CFCF;
	width: 100px;
	padding: 7px 0;
	margin-right: 40px;
	text-align: center;
	color: #C67D1F;
	line-height: 1.0;
}

dl#dl_style01 dd:last-child{margin-bottom: 0;}

/* ページトップ
---------------------------------------------- */
p#pagetop{
	z-index: 90;
	position:fixed;
	right:60px;
	bottom:100px;
	margin-bottom:0;
}

p#pagetop a{
	width:58px;
	height:58px;
	background:url(../img/btn_pagetop01.png) no-repeat 0 0;
	display:block;
	text-decoration:none;
	transition: 0.2s ease-in-out;
}
p#pagetop a:hover{background:url(../img/btn_pagetop01_on.png) no-repeat 0 0;}
p#pagetop a span{display:none}

/* ------------------------------------------------------------

ベースCSS

------------------------------------------------------------ */

/* width
---------------------------------------------- */
.w100{width: 100px;}
.w200{width: 200px;}
.w260{width: 260px;}
.w390{width: 390px;}
.w420{width: 420px;}
.w430{width: 430px;}
.w450{width: 450px;}
.w510{width: 510px;}

/* center
---------------------------------------------- */
.center{margin:0 auto;}

/* clear
---------------------------------------------- */
.overflow_clear{
	overflow:hidden;
	height:100%;
}

/* text-align
---------------------------------------------- */
.align_right{text-align:right !important;}
.align_left{text-align:left !important;}
.align_center{text-align:center !important;}

/* float
---------------------------------------------- */
.left{float:left;}
.right{float:right;}

/* font
---------------------------------------------- */
.normal{font-weight:normal !important;}
.bold{font-weight:bold !important;}

/* padding
---------------------------------------------- */
.pt_04{padding-top: 4px;}

/* font-size
---------------------------------------------- */
.ft_16{font-size: 16px;}

/* margin
---------------------------------------------- */
.mb_1em{margin-bottom:1em !important;}
.mb_2em{margin-bottom:2em !important;}

.mt_none{margin-top:0px !important;}
.mt_05{margin-top:5px !important;}
.mt_10{margin-top:10px !important;}
.mt_15{margin-top:15px !important;}
.mt_20{margin-top:20px !important;}
.mt_25{margin-top:25px !important;}
.mt_30{margin-top:30px !important;}
.mt_35{margin-top:35px !important;}
.mt_40{margin-top:40px !important;}
.mt_45{margin-top:45px !important;}
.mt_50{margin-top:50px !important;}

.mr_none{margin-right:0px !important;}
.mr_05{margin-right:5px !important;}
.mr_10{margin-right:10px !important;}
.mr_15{margin-right:15px !important;}
.mr_20{margin-right:20px !important;}
.mr_25{margin-right:25px !important;}
.mr_30{margin-right:30px !important;}
.mr_35{margin-right:35px !important;}
.mr_40{margin-right:40px !important;}
.mr_45{margin-right:45px !important;}
.mr_50{margin-right:50px !important;}
.mr_55{margin-right:55px !important;}
.mr_60{margin-right:60px !important;}

.mb_none{margin-bottom:0px !important;}
.mb_05{margin-bottom:5px !important;}
.mb_10{margin-bottom:10px !important;}
.mb_15{margin-bottom:15px !important;}
.mb_20{margin-bottom:20px !important;}
.mb_25{margin-bottom:25px !important;}
.mb_30{margin-bottom:30px !important;}
.mb_35{margin-bottom:35px !important;}
.mb_40{margin-bottom:40px !important;}
.mb_45{margin-bottom:45px !important;}
.mb_50{margin-bottom:50px !important;}
.mb_55{margin-bottom:55px !important;}
.mb_60{margin-bottom:60px !important;}
.mb_65{margin-bottom:65px !important;}
.mb_70{margin-bottom:70px !important;}
.mb_75{margin-bottom:75px !important;}
.mb_80{margin-bottom:80px !important;}
.mb_85{margin-bottom:85px !important;}
.mb_90{margin-bottom:90px !important;}
.mb_95{margin-bottom:95px !important;}
.mb_100{margin-bottom:100px !important;}

.ml_none{margin-left:0px !important;}
.ml_05{margin-left:5px !important;}
.ml_10{margin-left:10px !important;}
.ml_15{margin-left:15px !important;}
.ml_20{margin-left:20px !important;}
.ml_25{margin-left:25px !important;}
.ml_30{margin-left:30px !important;}
.ml_35{margin-left:35px !important;}
.ml_40{margin-left:40px !important;}
.ml_42{margin-left:42px !important;}
.ml_45{margin-left:45px !important;}
.ml_50{margin-left:50px !important;}