@charset "utf-8";

/* 基本設定 ---------------------------------------------*/

* {
margin: 0;
padding: 0;
font-size: 100%;
font-weight: normal;
list-style: none;
-webkit-text-size-adjust: none;
}

body {
text-align: center;
font-size: 75%;
font-family:'メイリオ', Meiryo, Verdana, 'MS Pゴシック', 'MS PGothic', Arial, Helvetica, sans-serif;
line-height: 1.7;
color: #333333;
background-color:#fff;
letter-spacing:0.1em;
min-width:960px;
}

img{ border:none; vertical-align:top;}

.cf{zoom:1;}
.cf:before,.cf:after{ content:""; display:table;}
.cf:after{ clear:both;}

.center{ text-align:center;}
.mt0{ margin-top:0;}
.mt10{ margin-top:10px;}
.mt20{ margin-top:20px;}
.mt40{ margin-top:40px;}

.mb0{ margin-bottom:0;}
.mb40{ margin-bottom:40px;}

/* ヘッダー ---------------------------------------------*/
#headerWrapper{width:960px; margin:0 auto; text-align:left;}
#headerWrapper h1{ width:413px; height:28px; background:url(../img/common_logo_bg.jpg) 0 0 no-repeat; margin-top:50px;}
#headerWrapper h1 a{display:block; overflow:hidden; width:224px; height:0; padding-top:28px; background:url(../img/common_logo.jpg);}

#logoWrapper{ float:left; width:413px;}

#h_shopsWrapper{ float:right; width:481px; text-align:right;}
#h_shopsWrapper ul{ width:480px; background:url(../img/common_object_dot.gif) right 0 repeat-y; padding-right:1px;}
#h_shopsWrapper ul li{ float:right; width:160px; height:139px; background:url(../img/common_object_dot.gif) 0 0 repeat-y; color:#756c5c;}
#h_shopsWrapper ul li a.headerFbBtn{ display:block; float:left; margin-top:20px; margin-left:15px;}
#h_shopsWrapper ul li h3{ font-size:16px; margin:20px 10px 5px 0;}
#h_shopsWrapper ul li p{ margin:0 10px 0 0;}


/* ナビ ---------------------------------------------*/
#naviWrapper{width:960px; margin:0 auto; border-top:1px solid #d8d8d8; border-bottom:none; height:60px; margin-bottom:0; position:relative; z-index:100;}
#naviWrapper ul{ width:100%;}
#naviWrapper ul li{ float:left;}
#naviWrapper ul li a{ display:block; overflow:hidden; width:100%; height:0; padding-top:60px; background:url(../img/common_navi.jpg) 0 0 no-repeat;}
#naviWrapper ul li#navi01{ width:160px;}
#naviWrapper ul li#navi01 a{ background-position:0 0;}
#naviWrapper ul li#navi01 a:hover{ background-position:0 -60px;}
#naviWrapper ul li#navi02{ width:120px;}
#naviWrapper ul li#navi02 a{ background-position:-160px 0;}
#naviWrapper ul li#navi02 a:hover{ background-position:-160px -60px;}
#naviWrapper ul li#navi03{ width:120px;}
#naviWrapper ul li#navi03 a{ background-position:-280px 0;}
#naviWrapper ul li#navi03 a:hover{ background-position:-280px -60px;}
#naviWrapper ul li#navi04{ width:120px;}
#naviWrapper ul li#navi04 a{ background-position:-400px 0;}
#naviWrapper ul li#navi04 a:hover{ background-position:-400px -60px;}
#naviWrapper ul li#navi05{ width:160px;}
#naviWrapper ul li#navi05 a{ background-position:-520px 0;}
#naviWrapper ul li#navi05 a:hover{ background-position:-520px -60px;}
#naviWrapper ul li#navi06{ width:120px;}
#naviWrapper ul li#navi06 a{ background-position:-680px 0;}
#naviWrapper ul li#navi06 a:hover{ background-position:-680px -60px;}
#naviWrapper ul li#navi07{ width:160px;}
#naviWrapper ul li#navi07 a{ background-position:-800px 0;}
#naviWrapper ul li#navi07 a:hover{ background-position:-800px -60px;}

#nowPage{ position:absolute; top:55px; left:64px; display:none;}

#navi04sub{}
#navi04sub li a#navi04sub01{ display:block; overflow:hidden; width:160px; height:60px; text-align:center; line-height:60px; padding-top:0; color:#FFF; position:relative; background: url(../img/common_navi_sub_bg.png); text-decoration:none; font-size:14px; top:60px; left:-20px; margin-top:-60px;}
#navi04sub li a#navi04sub02{ display:block; overflow:hidden; width:160px; height:60px; text-align:center; line-height:60px; padding-top:0; color:#FFF; position:relative; background: url(../img/common_navi_sub_bg.png); text-decoration:none; font-size:14px; top:60px; left:-20px; margin-top:-60px;}
#navi04sub li a#navi04sub03{ display:block; overflow:hidden; width:160px; height:60px; text-align:center; line-height:60px; padding-top:0; color:#FFF; position:relative; background: url(../img/common_navi_sub_bg.png); text-decoration:none; font-size:14px; top:60px; left:-20px; margin-top:-60px;}

#navi04sub li a#navi04sub01:hover{ color:#ffcda1;}
#navi04sub li a#navi04sub02:hover{ color:#ffcda1;}
#navi04sub li a#navi04sub03:hover{ color:#ffcda1;}


/* スライド ---------------------------------------------*/
#mainWrapper{ width:100%; background:#eee; height:300px; margin-bottom:20px; position:relative; background:url(../img/index_main_01_bg.jpg);}
#mainContent{ width:960px; height:300px; overflow:hidden; margin:0 auto; position:relative; z-index:30;}
#mainBack{ display:none;}
#mainNext{ display:none;}
#mainContent ul li{ float:left; width:960px;}
#mainAlpha{width:100%; height:300px; position:absolute; top:0; left:0; background:#ccc; z-index:1;}


/* 大枠２段組み ---------------------------------------------*/
#contentWrapper{ width:960px; margin:0 auto; text-align:left;}
#primary{ float:left; width:700px; padding-bottom:80px;}
#secondary{ float:right; width:240px; padding-bottom:80px;}
#lineWrapper{ width:100%; border-top:1px solid #d8d8d8; padding-top:44px;}


/* ニュース ---------------------------------------------*/
.baseH2Bg{ border-top:2px solid #121212; height:46px; background:url(../img/common_title_bg.gif) 0 bottom repeat-x;}
.baseH2Bg h2{padding-left:5px;}
h2.isSub{ float:left; width:565px;}
h2.secondaryH2{ text-align:center;}

.subH2Bg{ background:url(../img/common_title_bg.gif) 0 0 repeat-x; padding-top:1px;}
.subH2Bg h2{ background:url(../img/common_title_bg.gif) 0 bottom repeat-x; padding-top:1px; padding-left:5px;}

.subBtnWrapper{ float:right; width:129px; background:url(../img/common_btn_sub_bg.gif) 0 0 no-repeat; padding-left:1px;}
a#newsListBtn{ display:block; overflow:hidden; width:100%; height:0; padding-top:45px; background:url(../img/common_btn_sub_01.gif) 0 0 no-repeat; float:right;}
a#newsListBtn:hover{ background:url(../img/common_btn_sub_01.gif) 0 -45px no-repeat;}

#newsUl{ margin-top:30px; padding-bottom: 30px;}
#newsUl li{ float:left; width:180px; margin-bottom:40px;}
#newsUl li div a.thumb { display:inline-block; height:120px; overflow: hidden;}
.newsDate{ font-size:10px; margin:5px 0 0;}
#newsUl li h3{ font-weight:bold; margin-bottom:0; width: 160px;}
.newsMore a{ display:block; overflow:hidden; width:56px; height:0; padding-top:13px; background:url(../img/common_icon_more.gif) 0 0 no-repeat; margin-top:10px;}
.newsMore a:hover{ background:url(../img/common_icon_more.gif) 0 -13px no-repeat;}

#newsUlNoMargin{ margin-top:30px; padding-bottom:80px;}
#newsUlNoMargin li{ float:left; width:180px; margin-bottom:0;}
#newsUlNoMargin li h3{ font-weight:bold; margin-bottom:0;}

h3.newstitle { font-size:16px; font-weight: 500; margin: 12px 0 0;}

/* ブログ ---------------------------------------------*/
#blogUl{ margin:25px 0 0; padding-bottom:70px;}
#blogUl li{ margin-bottom:10px;}

.blogTitle{float:right; width: 465px; padding:5px 0 0 0;}
.blogUpday{float:left; width: 180px; background:url(../img/index_icon_blog.gif) 0 center no-repeat; padding:5px 0 0 40px;}
.blogTitle h3 a{color: #663300; text-decoration:none;}
.blogTitle h3 a:hover{ text-decoration:underline;}
.blogInfo{padding-top:10px;}
.blogInfo a{color: #FC0; text-decoration:none;}


/* コンセプト ---------------------------------------------*/
#conceptWrapper{ margin:20px 0 80px;}
#conceptWrapper p{ margin:10px 0;}


/* 今日のおしごと ---------------------------------------------*/
#todaysGuestUl,.todaysGuestUl{ margin-top:30px; padding-bottom:0;}
#todaysGuestUl li,.todaysGuestUl li{ float:left; width:180px;}
.todaysGuestUl li{ margin-bottom:20px;}
dl.snsCountDl{ margin-top:10px; width:100%;}
dl.snsCountDl dt.snsIcon{ float:left; width:20px;}
dl.snsCountDl dd.snsNumber{ float:left; width:4em;}


/* コンセプト・リクルート */
.groupType1{ margin-top:40px;}
.groupType1 h3,.groupType1 p{ margin-bottom:35px;}
.groupType1 h3{ font-size:160%;}
.groupType1 h3.type1{ border-left:10px solid #000; padding:10px 10px 10px 20px; font-size:160%; margin-bottom:20px; font-weight:bold;}

.groupType1 dl{ border-top:1px solid #ccc;}
.groupType1 dl dt{ border-bottom:1px solid #ccc; clear:both; float:left; width:160px; background:#f5f5f5; padding:20px;}
.groupType1 dl dd{ border-bottom:1px solid #ccc; margin-left:200px; padding:20px;}

/* メニュー・今日のおしごと・お客様の声 */
.groupType2{ margin-top:40px;}
.groupType2 table{ margin:30px auto 80px; width:640px; font-size:120%;}
.groupType2 table td.rightTd{ width: 60%; color:#966e55; text-align:right;}
.groupType2 table td.rightTd span{ font-size:120%;}
.groupType2 table td{ padding:10px 40px 10px; border-bottom:1px solid #ddd;}
/* スタッフ */
.staffListWrapper{ border:1px solid #ededed; padding:39px; margin-top:10px; margin-bottom:80px;}
.staffListWrapper ul{ float:left; width:50%; margin-top:20px; font-size:120%; line-height:2;}
.staffListWrapper ul li{ margin-left:20px;}
/* 各店舗の地図 */
.mapListWrapper{ border:1px solid #ededed; padding:39px; margin-top:10px; margin-bottom:80px;}
.mapListWrapper p{ margin-top:20px; font-size:120%; text-align:center;}


/* お客様の声 */
.groupType3{ margin-top:40px; margin-bottom:80px;}
.groupType3 h3{ border-left:10px solid #000; padding:10px 10px 10px 20px; font-size:160%; margin-bottom:30px; font-weight:bold;}
.groupType3 p{ line-height:2; font-size:120%;}


/* 店舗一覧 */
.groupType4{ margin-top:10px; border:1px solid #ededed; padding:19px;}
.groupType4 h3{ float:left; width:160px; font-size:120%;  font-weight:bold;}
.groupType4 div.info{ float:left; width:220px;}
.groupType4 div.photo{ float:right; width:230px; text-align:right;}
.groupType4 div.photo img{ margin-left:10px;}
span.address{ font-size:120%;}
span.tel{ font-size:200%;}
p.toMapBtn{ margin-top:10px;}
p.toMapBtn a{ background:url(../img/footer_icon_arrow.png) 0 center no-repeat; padding:5px 0 5px 20px; text-decoration:none; color:#333333; font-size:120%;}


/* 取り扱い商品一覧 */
.groupType5{ margin-top:40px; margin-bottom:80px;}
.itemsWrapper{ margin-top:40px;}
.itemsWrapper h4{ font-weight:bold; font-size:120%; margin-bottom:0; padding-bottom:5px; border-bottom:1px dotted #121212;}

.itemsPhoto{ float:left; width:50%; padding-bottom:20px; padding-top:20px;}
.itemsPhotos{ margin:20px 0 20px;}
.itemsInfo{ float:right; width:50%; padding-bottom:20px; padding-top:20px;}
.itemsInfo p{ font-size:120%; padding:40px;}
.itemsWrapper ul li{ list-style: circle; margin-left:20px; margin-bottom:10px;}
.itemsWrapper ul li span{ display:block; font-weight:bold;}


.groupType5 dl{ border-top:1px solid #ccc;}
.groupType5 dl dt{ border-bottom:1px solid #ccc; clear:both; float:left; width:160px; background:#f5f5f5; padding:20px;}
.groupType5 dl dd{ border-bottom:1px solid #ccc; margin-left:200px; padding:20px;}

/* 成人式のご予約 */
.groupType6{ margin-top:40px;}
.groupType6 h3.type1{ border-left:10px solid #000; padding:10px 10px 10px 20px; font-size:160%; margin-bottom:20px; font-weight:bold;}
.groupType6 h3.type2{ border-bottom:1px solid #f0819f; padding:10px 10px 10px 20px; font-size:140%; margin-bottom:20px; margin-top:60px; font-weight:bold; background:#fef3f7; color:#f88cac;}
.groupType6 p{ margin:20px 0; font-size:120%;}
.groupType6 h4{ margin:60px 0 20px;}

.groupType6 table{ width:100%; font-size:120%; border-top:1px solid #ccc; border-left:1px solid #ccc; margin-bottom:80px;}
.groupType6 table td{ padding:10px 20px; border-bottom:1px solid #ccc; border-right:1px solid #ccc;}
td.salonName{ width:30%; background:#f8f8f8;}
.groupType6 table td.tel{ width:35%; text-align:right;}
.groupType6 table td.tel span{ font-size:120%;}
.groupType6 .exPhoto{ float:right; width:200px; text-align:right; margin:0 0 20px 0;}

.groupType6 dl{ border-top:1px solid #ccc;}
.groupType6 dl dt{ border-bottom:1px solid #ccc; clear:both; float:left; width:460px; background:#f8f8f8; padding:20px;}
.groupType6 dl dt span{font-size:120%;}
.groupType6 dl dd{ border-bottom:1px solid #ccc; margin-left:500px; padding:20px; text-align:right;}
.groupType6 dl dd span{font-size:144%;}


/* ニュース・今日のお仕事「個別ページ」 */
.groupType7{ margin-top:40px; margin-bottom:40px;}
.groupType7 p{ margin-bottom:20px;}



/* ニュース・お知らせページ ---------------------------------------------*/
#pagenation { clear:both; }
#pagenation ul{ text-align:center;}
#pagenation ul li{ display:inline; margin:0 5px;}
#pagenation ul li a{ padding:5px 10px; background:#422102; color:#FFF; text-decoration:none;}
#pagenation ul li a:hover{ background:#fff100; color:#422102; padding:4px 9px; border:1px solid #422102;}
#pagenation ul li span{ padding:4px 9px; border:1px solid #422102; color:#422102;}




/* 今日のおしごと ---------------------------------------------*/
h3#todaysGuestSalon01Bg{ position:relative; overflow:hidden; height:0; padding-top:80px; background:url(../todays_guest/img/content_title_salon_01.jpg) 0 0 no-repeat;}
h3#todaysGuestSalon02Bg{ position:relative; overflow:hidden; height:0; padding-top:80px; background:url(../todays_guest/img/content_title_salon_02.jpg) 0 0 no-repeat;}
h3#todaysGuestSalon03Bg{ position:relative; overflow:hidden; height:0; padding-top:80px; background:url(../todays_guest/img/content_title_salon_03.jpg) 0 0 no-repeat;}

a.todaysGuestSubBtn{ position:absolute; overflow:hidden; top:2px; right:2px; display:block; width:204px; height:0; padding-top:76px; background:url(../img/common_btn_sub_02.gif) 0 0 no-repeat;}
a.todaysGuestSubBtn:hover{ background:url(../img/common_btn_sub_02.gif) 0 -76px no-repeat;}

dl.todaysGuestDl{ margin:10px 0 0; padding:5px 10px; border-left:1px dotted #777777;}




/* サイドバー ---------------------------------------------*/
#sideNaviUl{ margin-top:30px;}
#sideNaviUl li#sidenavi01 a{ display:block; overflow:hidden; width:240px; height:0; padding-top:60px; background:url(../img/sidebar_btn_01.jpg) 0 0 no-repeat;}
#sideNaviUl li#sidenavi01 a:hover{ background:url(../img/sidebar_btn_01.jpg) 0 -60px no-repeat;}

#sideNaviUl li#sidenavi02 a{ display:block; overflow:hidden; width:240px; height:0; padding-top:60px; background:url(../img/sidebar_btn_02.jpg) 0 0 no-repeat;margin-top:10px;}
#sideNaviUl li#sidenavi02 a:hover{ background:url(../img/sidebar_btn_02.jpg) 0 -60px no-repeat;}

#sideNaviUl li#sidenavi03 a{ display:block; overflow:hidden; width:240px; height:0; padding-top:60px; background:url(../img/sidebar_btn_03.jpg) 0 0 no-repeat;margin-top:10px;}
#sideNaviUl li#sidenavi03 a:hover{ background:url(../img/sidebar_btn_03.jpg) 0 -60px no-repeat;}

#sideNaviUl li#sidenavi05 a{ display:block; overflow:hidden; width:240px; height:0; padding-top:60px; background:url(../img/sidebar_btn_05.jpg) 0 0 no-repeat;margin-top:10px;}
#sideNaviUl li#sidenavi05 a:hover{ background:url(../img/sidebar_btn_05.jpg) 0 -60px no-repeat;}

#sideNaviUl li#sidenavi04 a{ display:block; overflow:hidden; width:240px; height:0; padding-top:120px; background:url(../img/sidebar_btn_04.jpg) 0 0 no-repeat;margin-top:20px;}
#sideNaviUl li#sidenavi04 a:hover{ background:url(../img/sidebar_btn_04.jpg) 0 -120px no-repeat;}


#inquryWrapper{ margin-top:40px;}
#inquryWrapper a{ display:block; overflow:hidden; width:200px; height:0; padding-top:50px; background:url(../img/sidebar_btn_inqury.jpg) 0 0 no-repeat; margin:0 auto;}
#inquryWrapper a:hover{ background:url(../img/sidebar_btn_inqury.jpg) 0 -50px no-repeat;}

#sideSocialUl{ margin-top:40px;}
#sideSocialUl li{ margin-top:20px;}


/* フッター ---------------------------------------------*/
#footerWrapper{ height:293px; background:#FFF url(../img/footer_bg.jpg) 0 0 repeat-x;}
#footerContent{ width:960px; margin:0 auto 0; padding:30px 0 0;}

#footerPrimaryWrapper{ float:left; width:320px; text-align:left; padding-bottom:60px;}
a#footerLogo{ display:block; overflow:hidden; width:224px; height:0; padding-top:47px; background:url(../img/footer_logo.png) 0 0 no-repeat; margin-bottom:30px;}

#footerPrimaryWrapper dl{ color:#756c5c; font-size:12px;}
#footerPrimaryWrapper dt{ clear:both; float:left; width:100px;}
#footerPrimaryWrapper dd{ margin-left:100px; margin-bottom:10px;}

#footerSecondaryUl{ float:left; width:640px; padding-bottom:60px;}
#footerSecondaryUl li{ border-left:1px solid #e0d6ca; padding:20px 0 30px; float:left; width:239px; text-align:left; height:180px;}

#footerSecondaryUl li h4{ color:#4e2800; margin-left:20px; margin-bottom:20px;}
#footerSecondaryUl li ul li{ border-left: none; float:none; width:100%; padding:0; margin-bottom:5px; height:auto;}
#footerSecondaryUl li ul li a{ background:url(../img/footer_icon_arrow.png) 0 center no-repeat; padding:5px 0 5px 20px; text-decoration:none; color:#333333; margin:0 0 0 30px; font-size:12px;}
#footerSecondaryUl li ul li a:hover{ text-decoration:underline;}

#copy{ background:#000; color:#FFF; padding:20px 0 40px; clear:both;}




/* タブレット用css ---------------------------------------------*/
@media only screen and (min-width : 481px) and (max-width : 768px){
#mainBack{ display:none;}
#mainNext{ display:none;}
}

/* パソコン用CSS ---------------------------------------------*/
@media only screen and (min-width : 769px) {
#mainBack{ position:absolute; top:125px; left:0; cursor:pointer;z-index:31; display:block;}
#mainNext{ position:absolute; top:125px; right:0; cursor:pointer;z-index:32; display:block;}
}