@charset "UTF-8";





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

　 全体にかかる指定

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


/* --- 全体の背景・テキスト --- */
body {
margin: 0;
padding: 0;
background-color: #ffffff; /* 全体の背景色 */
color: #333333; /* 全体の文字色 */
font-size: 12px; /* 全体の文字サイズ */
line-height:20px;
font-family: "游ゴシック", YuGothic, Meiryo,  sans-serif;
letter-spacing:1px;
}




/*---リセット---*/
html, body, p, h1, h2, h3, h4, h5, h6,div{
margin: 0;
padding:0;
}


/* --- 本文内指定 --- */
h2{
font-weight:normal;
}

h3{
font-weight:normal;
}

h4{
font-weight:normal;
}

h5{
font-weight:normal;
}

h6{
font-weight:normal;
}




/* --- 全体のリンクテキスト（緑） --- */
a:link { color: #f95900; text-decoration:none;}
a:visited { color: #f95900; text-decoration:none;}
a:hover { color: #b2531e; text-decoration:none;}
a:active { color: #b2531e; }


/* --- 全体のリンクテキスト（グレー） --- */
a.gray:link { color: #555555; }
a.gray:visited { color: #555555; }
a.gray:hover { color: #555555; text-decoration:none;}
a.gray:active { color: #555555; }


/*---float解除---*/
.clear_box{
clear:both;
height:1px;
}


/* --- コンテナ --- */
#container {
width: 910px; /* コンテナの幅 */
margin: 0 auto; /* センタリング */
background-color: #ffffff; /* コンテナの背景色 */
}









/*------------------------------------------------------------------------------------
ヘッダー
------------------------------------------------------------------------------------*/
#header {
width:100%;
min-width:910px;
margin:0;
}

.header_left {
float:left;
margin:0;
}

.header_right{
float:left;
margin-top:60px;
}




/*------------------------------------------------------------------------------------
グローバルナビ
------------------------------------------------------------------------------------*/
/*---メニュー背景---*/

.gnavi_bg{
width:100%;
}

/* メニュー項目 */
#gnavi{
width: 740px; /* IE 6のために幅の指定が必要 */
margin-left:55px;
height:30px;
}

/* --- ヘッダメニュー --- */
#gnavi ul.nl {
width: 100%; /* IE 6のために幅の指定が必要 */
margin: 0;
padding: 0;
list-style-type: none;
letter-spacing:2px;
}


/* メニュー項目（Home） */
#gnavi ul.nl li.home a{
width: 68px; /* 項目の幅 */
height:30px;
background: url(../img/gnavi_home.gif) no-repeat;
background-position:left top;
float: left;
text-indent: -9999px;
}

#gnavi ul.nl li.home a:hover{
width: 68px; /* 項目の幅 */
height:30px;
background: url(../img/gnavi_home.gif) no-repeat;
background-position:left top;
float: left;
text-indent: -9999px;
}


/* メニュー項目（Concept） */
#gnavi ul.nl li.concept a {
width: 92px; /* 項目の幅 */
height:30px;
background: url(../img/gnavi_concept.gif) no-repeat;
background-position:left top;
margin-left:34px;
float: left;
text-indent: -9999px;
}

#gnavi ul.nl li.concept a:hover {
width: 92px; /* 項目の幅 */
height:30px;
background: url(../img/gnavi_concept.gif) no-repeat;
background-position:left bottom;
float: left;
text-indent: -9999px;
}

#gnavi ul.nl li.concept_active {
width: 92px; /* 項目の幅 */
height:30px;
background: url(../img/gnavi_concept.gif) no-repeat;
background-position:left bottom;
margin-left:34px;
float: left;
text-indent: -9999px;
}


/* メニュー項目（Shop） */
#gnavi ul.nl li.shop a {
width: 92px; /* 項目の幅 */
height:30px;
background: url(../img/gnavi_shop.gif) no-repeat;
background-position:left top;
margin-left:18px;
float: left;
text-indent: -9999px;
}

#gnavi ul.nl li.shop a:hover {
width: 92px; /* 項目の幅 */
height:30px;
background: url(../img/gnavi_shop.gif) no-repeat;
background-position:left bottom;
float: left;
text-indent: -9999px;
}

#gnavi ul.nl li.shop_active {
width: 92px; /* 項目の幅 */
height:30px;
background: url(../img/gnavi_shop.gif) no-repeat;
background-position:left bottom;
margin-left:18px;
float: left;
text-indent: -9999px;
}


/* メニュー項目（Menu） */
#gnavi ul.nl li.menu a{
width: 92px; /* 項目の幅 */
height:30px;
background: url(../img/gnavi_menu.gif) no-repeat;
background-position:left top;
margin-left:8px;
float: left;
text-indent: -9999px;
}

#gnavi ul.nl li.menu a:hover{
width: 92px; /* 項目の幅 */
height:30px;
background: url(../img/gnavi_menu.gif) no-repeat;
background-position:left bottom;
float: left;
text-indent: -9999px;
}

#gnavi ul.nl li.menu_active{
width: 92px; /* 項目の幅 */
height:30px;
background: url(../img/gnavi_menu.gif) no-repeat;
background-position:left bottom;
margin-left:8px;
float: left;
text-indent: -9999px;
}

#gnavi ul.nl li.menu_active a{
width: 92px; /* 項目の幅 */
height:30px;
background: url(../img/gnavi_menu.gif) no-repeat;
background-position:left bottom;
float: left;
text-indent: -9999px;
}


/* メニュー項目（Staff） */
#gnavi ul.nl li.staff a {
width: 92px; /* 項目の幅 */
height:30px;
background: url(../img/gnavi_staff.gif) no-repeat;
background-position:left top;
margin-left:8px;
float: left;
text-indent: -9999px;
}

#gnavi ul.nl li.staff a:hover {
width: 92px; /* 項目の幅 */
height:30px;
background: url(../img/gnavi_staff.gif) no-repeat;
background-position:left bottom;
float: left;
text-indent: -9999px;
}

#gnavi ul.nl li.staff_active {
width: 92px; /* 項目の幅 */
height:30px;
background: url(../img/gnavi_staff.gif) no-repeat;
background-position:left bottom;
margin-left:8px;
float: left;
text-indent: -9999px;
}

#gnavi ul.nl li.staff_active a {
width: 92px; /* 項目の幅 */
height:30px;
background: url(../img/gnavi_staff.gif) no-repeat;
background-position:left bottom;
float: left;
text-indent: -9999px;
}


/* メニュー項目（Schedule） */
#gnavi ul.nl li.schedule a {
width: 92px; /* 項目の幅 */
height:30px;
background: url(../img/gnavi_schedule.gif) no-repeat;
background-position:left top;
margin-left:22px;
float: left;
text-indent: -9999px;
color:#fff;
}

#gnavi ul.nl li.schedule a:hover {
width: 92px; /* 項目の幅 */
height:30px;
background: url(../img/gnavi_schedule.gif) no-repeat;
background-position:left bottom;
float: left;
text-indent: -9999px;
color:#fff;
}


/* メニュー項目（Recruit） */
#gnavi ul.nl li.recruit a {
width: 92px; /* 項目の幅 */
height:30px;
background: url(../img/gnavi_recruit.gif) no-repeat;
background-position:left top;
margin-left:22px;
float: left;
text-indent: -9999px;
}

#gnavi ul.nl li.recruit a:hover {
width: 92px; /* 項目の幅 */
height:30px;
background: url(../img/gnavi_recruit.gif) no-repeat;
background-position:left bottom;
float: left;
text-indent: -9999px;
}

#gnavi ul.nl li.recruit_active {
width: 92px; /* 項目の幅 */
height:30px;
background: url(../img/gnavi_recruit.gif) no-repeat;
background-position:left bottom;
margin-left:22px;
float: left;
text-indent: -9999px;
}





/*------------------------------------------------------------------------------------
ページ先頭に戻る
------------------------------------------------------------------------------------*/
#btn_go_pagetop{
float:right;
margin-top:50px;
margin-right:30px;
font-size:12px;
line-height:18px;
}








/*------------------------------------------------------------------------------------
フッター
------------------------------------------------------------------------------------*/
#footer {
width:100%;
background-color: #efefef;
margin-top:20px;
text-align:center;
padding-top:7px;
padding-bottom:7px;
}






















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

　個々のページの指定

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




/*------------------------------------------------------------------------------------
Home画面のみのCSS
------------------------------------------------------------------------------------*/
/*---メインイメージ---*/
.home_main_left {
float:left;
width:790px;
margin-top:30px;
}

.home_main_right {
float:left;
width:100px;
margin-top:30px;
}

.home_main_right .fb {
padding-top:95px;
}

.home_main_right .insta {
padding-top:15px;
}

.home_main_right .blog {
padding-top:25px;
}



/*---各店舗紹介---*/
.home_shop_left{
float:left;
width:448px;
margin-top:-10px;
}

.home_shop_right{
float:left;
width:448px;
margin-top:-10px;
}

.home_shop_ttl{
padding-bottom:12px;
}

.home_mail{
margin-top:-6px;
}

.home_mail img{
position:relative;
top:4px;
left:0;
border-style:none;
}





/*------------------------------------------------------------------------------------
Conceptページ
------------------------------------------------------------------------------------*/
.concept_box{
margin-top:40px;
margin-left:165px;
padding-bottom:40px;
}

.concept_box p{
margin-top:25px;
margin-left:85px;
line-height:32px;
}

.concept_line{
margin-left:110px;
}

.concept_slide{
margin-left:180px;
padding-bottom:40px;
}








/*------------------------------------------------------------------------------------
Shopページ
------------------------------------------------------------------------------------*/
.shop_left{
float:left;
width:398px;
margin-top:60px;
margin-left:30px;
}

.shop_right{
background: url(../shop/img/line_tate.gif) no-repeat;
background-position:left top;
float:left;
width:468px;
margin-top:60px;
}

.shop_right_space{
padding-left:60px;
}

.shop_ttl{
padding-bottom:40px;
}

.shop_txt{
padding-bottom:20px;
line-height:28px;
}

.shop_detail1_left{
float:left;
width:65px;
}

.shop_detail1_right{
float:left;
}

.shop_detail1_right img{
position:relative;
top:3px;
left:0;
}

.shop_detail2_left{
float:left;
width:75px;
}

.shop_detail2_right{
float:left;
}

.shop_insta{
text-align:center;
padding-top:15px;
}






/*------------------------------------------------------------------------------------
Menuページ
------------------------------------------------------------------------------------*/
.menu_left{
float:left;
width:420px;
margin-top:40px;
}

.menu_right{
float:left;
width:420px;
margin-top:40px;
margin-left:55px;
}


.menu_ttl{
margin-top:30px;
margin-bottom:15px;
}

/*---項目と値段---*/
.menu_txt_left{
float:left;
margin-left:35px;
width:230px;
line-height:28px;
}

.menu_txt_right{
float:left;
width:140px;
text-align:right;
line-height:28px;
}

.menu_txt_long{
margin-left:35px;
}


/*---点線---*/
.menu_line_gray{
margin-left:25px;
margin-bottom:5px;
}

.menu_line{
height:11px;
}


.menu_txt_spec{
margin-top:20px;
margin-left:5px;
padding-bottom:25px;
}










/*------------------------------------------------------------------------------------
Menuページ／ブライダル
------------------------------------------------------------------------------------*/
.menu_bridal_ttl{
margin-top:80px;
margin-left:160px;
}

.menu_bridal_hair_make_ttl{
margin-top:30px;
margin-left:160px;
padding-bottom:20px;
}

.menu_bridal_txt{
margin-top:10px;
margin-left:170px;
line-height:32px;
}

.menu_bridal_txt .orange{
color:#eb7901;
font-size:13px;
padding-right:5px;
}

/*---点線---*/
.menu_line_bridal_long{
margin-top:30px;
margin-left:130px;
}

.menu_line_bridal{
margin-top:30px;
margin-left:150px;
padding-bottom:20px;
}






/*------------------------------------------------------------------------------------
Staffページ
------------------------------------------------------------------------------------*/
.staff_ttl{
margin-top:40px;
margin-left:185px;
}

.staff_txt{
margin-top:20px;
margin-left:275px;
line-height:32px;
}

.staff_line{
margin-left:85px;
padding-top:26px;
padding-bottom:30px;
}



.staff_box_spacce{
margin-left:25px;
}


.staff_box{
float:left;
width:212px;
}

.staff_box .pho{
text-align:center;
}

.staff_box .txt{
text-align:center;
line-height:25px;
margin-top:7px;
height:78px;
}

.staff_box .txtlink{
background: url(../staff/img/ya.gif) no-repeat;
background-position:left 4px;
margin-top:3px;
margin-left:72px;
padding-left:15px;
}

.staff_box .txtlink_img{
margin-top:3px;
margin-left:45px;
padding-top:3px;
padding-left:15px;
padding-bottom:3px;
}

.iconlink_img{
margin-top:3px;
margin-left:60px;
padding-top:3px;
padding-left:15px;
padding-bottom:3px;
}




/*------------------------------------------------------------------------------------
Staffページ／美甘
------------------------------------------------------------------------------------*/
.staff_mikamo_ttl{
background: url(../staff/img/icon_maru.gif) no-repeat;
background-position:left bottom;
margin-top:50px;
margin-left:110px;
padding-top:8px;
padding-left:25px;
}

.staff_mikamo_line_long{
margin-top:23px;
margin-left:110px;
margin-bottom:32px;
}

.staff_mikamo_line_short{
margin-top:15px;
margin-bottom:15px;
}

.staff_mikamo_left{
float:left;
width:192px;
margin-left:110px;
}

.staff_mikamo_right{
float:left;
width:470px;
}











/*------------------------------------------------------------------------------------
採用情報ページ
------------------------------------------------------------------------------------*/
.recruit_lead{
margin-top:80px;
text-align:center;
}

.recruit_ttl{
margin-top:30px;

margin-left:170px;
line-height:32px;
font-weight:bold;
}

.recruit_ttl .orange{
color:#eb7901;
font-size:13px;
padding-right:5px;
font-weight:normal;
}

.recruit_txt{
margin-left:190px;
line-height:28px;
}


/*---点線---*/
.menu_line_recruit{
margin-top:30px;
margin-left:120px;
}


/*---左右分け---*/
.recruit_left{
float:left;
width:80px;
margin-top:26px;
}

.recruit_right{
float:left;
margin-top:26px;
}



.recruit_spec1{
margin-top:40px;
margin-left:190px;
line-height:29px;
}

.recruit_spec2{
margin-top:25px;
margin-left:190px;
line-height:29px;
}