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

html,body { margin:0; padding:0; font-size:14px; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif }
body { background:#7D7F6C; }

p { font-size:14px;}
img { border:none;}
a { color:#DD910A; text-decoration:none;}
a:hover { text-decoration:underline;}
a:hover img { opacity:0.7;　/filter:alpha(opacity=70); }
#content a:hover img { opacity:0.7; filter:alpha(opacity=70); }


.wrap { width:100%; overflow:hidden; }
.left { float:left;}
.right { float:right;}

a.ico { background:url(../images/ico-arw-r-circle.png) no-repeat 0 45%; padding-left:16px; text-decoration:none; font-size:14px;}
a.ico-left { background:url(../images/ico-arw-l-circle.png) no-repeat 0 45%; padding-left:16px; text-decoration:none; font-size:14px;}


table.border { width:100%; border-collapse:collapse;}
table.border th,
table.border td { background:url(../images/common-border-dot.png) repeat-x left bottom;}	

#topagetop { background:#F00; width:24px; height:90px; overflow:hidden; position:fixed; right:0; bottom:74px;}

/**/

#container { background:url(../images/body-bg.jpg) repeat center top; background-attachment:fixed;}


#header { width:960px;  height:150px; margin:0 auto; padding:0 30px; background:#FFF url(../images/header-bg.png) no-repeat center top; overflow:hidden;}
#header .wrap {}
#header .wrap .left { width:400px}
#header .wrap .left h1 { margin:0; padding:6px 0 0 37px;}
#header .wrap .left h1 a:hover {}
#header .wrap .left h1 a:hover img {}
#header .wrap .right { /*width:480px;*/width:240px;  }
#header .wrap .right .upper { text-align:right;}
#header .wrap .right .lower { }
#header .wrap .right .item { width:240px; float:left; padding:36px 0 0;}
#header .wrap .right .item h3 { margin:4px 0;}
#header .wrap .right .item h3 a:hover img { opacity:1; /filter:alpha(opacity=100);}
#header .wrap .right .item p.tel { margin:4px 0;}
#header .wrap .right .item p { margin:0; font-size:12px; color:#4F4D44;}


#navi { background:#FFFB66; width:100%; height:51px; }
#navi .wrap { width:960px; margin:0 auto;}
#navi .wrap .left {}
#navi .wrap .right {}
#navi .wrap ul { margin:0; padding:0; list-style:none;}
#navi .wrap ul li { font-size:14px; display:inline; line-height:51px; margin-left:1.5em; font-family:Arial, Helvetica, sans-serif;}
#navi .wrap ul li:first-child { margin-left:0;}
#navi .wrap ul li a { font-weight:; color:#4F4D44; text-decoration:none; background:url(../images/navi-icon-rhinestone.png) no-repeat 0 45%; padding:0 0 0 20px;}
#navi .wrap ul li a:hover { text-decoration:none; color:#DD910A;}

#content { width:960px; padding:20px 30px; margin:0 auto; background:#FFF; min-height:640px; }
#content .wrap { margin:0 0 10px; min-height:;}
#content .wrap #main { width:700px; float:left;}
#content .wrap #side { width:240px; float:right;}
#content .wrap #side img.banner { margin:0 0 10px;}


#footer { background:#7D7F6C; border-top:#2B2404 solid 4px; height:47px;}
#footer .wrap { width:960px; padding:0 30px; margin:0 auto; color:#FFF; font-size:12px;}
#footer .wrap .left {}
#footer .wrap .left ul { margin:0; padding:0; list-style:none;}
#footer .wrap .left ul li { display:inline; line-height:47px;}
#footer .wrap .left ul li a { color:#FFF; text-decoration:none; margin-right:1.4em;}
#footer .wrap .right { line-height:47px; }



/*-------------------------------
top
-------------------------------*/
#top-slide { width:700px; margin:0 0 20px; height:400px; position:relative;}
#top-slide ul { margin:0; padding:0; list-style:none;}
#top-slide ul li { display:inline;}
#top-slide .slide-images {  width:700px; height:400px; position:absolute; }
#top-slide .slide-images li { position:absolute; }
#top-slide .slide-images li a {}
#top-slide .slide-images li a img {}
#top-slide .slide-images li img {}

#top-slide .slide-images span { position:absolute; display:block; overflow:hidden; z-index:1; padding-bottom:1px!important/*なぜか必要*/; }
#top-slide .slide-images img{ display:none; }
#top-slide .slide-images span img{ display:block; }


#top-slide .slide-buttons { text-align:right; padding:6px 10px; width:680px; position:absolute; top:368px; font-size:14px; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
#top-slide .slide-buttons li { font-size:12px;}
#top-slide .slide-buttons li a { color:#666; text-decoration:none;}
#top-slide .slide-buttons li.focus a { color:#DD910A;}

#top-slide .slide-buttons { z-index:100; }
#top-slide .slide-buttons li { position:relative; display:inline;	margin-right:3px; cursor:pointer; }
#top-slide .slide-buttons li.focus a{ }


#top-news { margin:0 0 20px;}
#top-news h2 { margin:0; position:relative}
#top-news h2 img.button { position: absolute; top:7px; right:10px;}
#top-news table {}
#top-news table th,
#top-news table td { padding:10px; text-align:left; vertical-align:top; font-weight:normal;}
#top-news table th { width:100px; }
#top-news table td { padding-left:0;}

#top-blog { margin:0 0 20px;}
#top-blog h2 { margin:0; position:relative}
#top-blog h2 img.button { position: absolute; top:7px; right:10px;}
#top-blog table {}
#top-blog table th,
#top-blog table td { padding:10px; text-align:left; vertical-align:top; font-weight:normal;}
#top-blog table th { width:100px; }
#top-blog table td { padding-left:0;}


#top-salon {}
#top-salon h2 {}




/*-------------------------------
common
-------------------------------*/

.main-content {}
.main-content h2 { margin:0 0 14px;}

#common-salon.wrap {}
/*#common-salon.wrap .left { width:340px; background:url(../images/common-border-dot-v-ccc.png) repeat-y 330px top;}
#common-salon.wrap .right {width:350px;}*/
#common-salon.wrap .right {width:auto;}
#common-salon.wrap h3 { margin:0 0 8px 0; color:#4F4D44; font-size:16px; font-weight:normal;}
#common-salon.wrap p { margin:6px 0; color:#4F4D44;}
#common-salon.wrap p.tel { margin: 0 0 8px;}
#common-salon.wrap .buttons { margin:8px 0 0;}

#common-salon-tabs { width:690px; padding:0 0 0 10px; height:46px; overflow:hidden; margin:0 0 20px; background:url(../images/common-salon-tab-bg.png) no-repeat center bottom;}
#common-salon-tab { width:100%; overflow:hidden;}
#common-salon-tab a { float:left; display:block; width:194px; height:0; padding:41px 0 0; margin:0 10px 0 0; overflow:hidden; background-position:left 4px; background-repeat:no-repeat;}
#common-salon-tab a#honten-tab { background-image:url(../images/common-salon-tab-honten_off.png);}
#common-salon-tab a#atago-tab {background-image:url(../images/common-salon-tab-atago_off.png);}
#common-salon-tab a.focus { cursor:default; background-position:left top;}
#common-salon-tab a#honten-tab.focus { background-image:url(../images/common-salon-tab-honten_focus.png);}
#common-salon-tab a#atago-tab.focus { background-image:url(../images/common-salon-tab-atago_focus.png);}

.staff-group { display:;}

/*
#common-salon-tab img { margin:4px 6px 0 0; float:left;}
#common-salon-tab a:hover img { opacity:1; filter:alpha(opavity=100); }
#common-salon-tab img.focus { margin:0;}
#common-salon-tab a img.focus { cursor:default;}
#common-salon-tab a:hover img.focus { }
*/


/*-------------------------------
news
-------------------------------*/
#news {}


#news. content-header { background:#; padding:0; margin:0 0 60px; text-align:;}
#news .content-header .page-title { font-size:21px;}


#news div.post { margin:0 0 40px; padding:40px 0 20px; border-top:#bbb solid 1px;}
#blog div.post:first-child { border:none; margin-bottom:20px; padding:0 0 20px;}

#news h1.entry-title { padding:0 0 0; line-height:1.0em; vertical-align:middle; color:#4F4D44; font-size:21px; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif}
#news h1.entry-title a { text-decoration:none;}
#news h1.entry-title .entry-date { font-size:12px; color:#666; font-weight:normal;}

#news .entry-excerpt,
#news .entry-content { margin:0 0 50px;}
#news .entry-excerpt p,
#news .entry-content p { font-size:14px; line-height:1.8em; margin:0 0 1.8em; color:#2B2404; font-family:Arial, Helvetica, sans-serif}

#news .entry-meta { background:#f7f6ed; border-radius:5px; padding:10px; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
#news .entry-meta a { text-decoration:none; color:#; padding:3px 4px;}
#news .entry-meta a:hover { color:#F93;} 
#news .entry-meta span.label { color:#666;}
#news .entry-meta span.sep 	{ color:#CCC; margin:0 0.5em; visibility:;}




/*-------------------------------
news - list
-------------------------------*/
#news-list {}
#news-list table { }
#news-list table th,
#news-list table td { padding:10px; text-align:left; vertical-align:top; font-weight:normal;}
#news-list table th { width:100px; }
#news-list table td { padding-left:0;}
#news-list table tr:last-child th,
#news-list table tr:last-child td { border-bottom:#7D7F6C solid 2px; background:none;}
#news-list #nav-below { margin:14px 0; width:100%; overflow:hidden;}
#news-list #nav-below  .nav-previous,
#news-list #nav-below  .nav-next { width:50%;}
#news-list #nav-below  .nav-previous { float:left;}
#news-list #nav-below  .nav-next { float:right; text-align:right}

/*-------------------------------
news - detail
-------------------------------*/

#news-detail { }
#news-detail h3 { font-size:24px; color:#DD910A; font-weight:normal; margin:12px 0;}
#news-detail p.date { color:#012A56; font-size:12px; background:url(../images/news-date-ico.png) no-repeat 0 45%; padding-left:18px; }
#news-detail p { font-size:14px; color:#333; line-height:24px; margin:0 0 20px;}
#news-detail #entry-body { width:100%; overflow:hidden;}
#news-detail #detail-salon { margin:40px 0 40px;}
#news-detail .tolist { border-top:#7D7F6C solid 2px; padding:8px 0; margin:20px 0 40px ; }





/*-------------------------------
blog - common
-------------------------------*/

#nav-below h3 { display:none;}

#blog {}

#blog. content-header { background:#; padding:0; margin:0 0 60px; text-align:;}
#blog .content-header .page-title { font-size:21px;}

#blog div.post { margin:0 0 40px; padding:40px 0 20px; border-top:#bbb solid 1px;}
#blog div.post:first-child { border:none; margin-bottom:20px; padding:0 0 20px;}

#blog h1.entry-title { padding:0 0 0; line-height:1.0em; vertical-align:middle; color:#4F4D44; font-size:21px; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif}
#blog h1.entry-title a { text-decoration:none;}
#blog h1.entry-title .entry-date { font-size:12px; color:#666; font-weight:normal;}

#blog .entry-excerpt,
#blog .entry-content { margin:0 0 30px;}
#blog-list .entry-excerpt,
#blog-list .entry-content { margin:0 0 30px;}

#blog .entry-excerpt p,
#blog .entry-content p { font-size:14px; line-height:1.8em; margin:0 0 1.8em; color:#2B2404; font-family:Arial, Helvetica, sans-serif}

#blog .entry-meta { background:#f7f6ed; border-radius:5px; padding:10px; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
#blog .entry-meta a { text-decoration:none; color:#; padding:3px 4px;}
#blog .entry-meta a:hover { color:#F93;} 
#blog .entry-meta span.label { color:#666;}
#blog .entry-meta span.sep 	{ color:#CCC; margin:0 0.5em; visibility:;}


/* entry - nav */
#nav-single { width:100%; overflow:hidden; margin:0 0 24px;}
.nav-previous,
.nav-next { width:50%;}
.nav-previous a,
.nav-next a { text-decoration:none; background:#F63; color:#FFF; border-radius:3px; padding:3px 4px;}
.nav-previous { float:left;}
.nav-next { float:right; text-align:right;}



/* entry - attachment */
.entry-attachment { }





/*-------------------------------
blog - list
-------------------------------*/
#blog-list {}
#blog-list table { }
#blog-list table th,
#blog-list table td { padding:10px; text-align:left; vertical-align:top; font-weight:normal;}
#blog-list table th { width:100px; }
#blog-list table td { padding-left:0;}
#blog-list table tr:last-child th,
#blog-list table tr:last-child td { border-bottom:#7D7F6C solid 2px; background:none;}
#blog-list #nav-below { margin:14px 0; width:100%; overflow:hidden;}
#blog-list #nav-below  .nav-previous,
#blog-list #nav-below  .nav-next { width:50%;}
#blog-list #nav-below  .nav-previous { float:left;}
#blog-list #nav-below  .nav-next { float:right; text-align:right}

/*-------------------------------
blog - detail
-------------------------------*/

#blog-detail { }
#blog-detail h3 { padding:0 0 0; line-height:1.0em; vertical-align:middle; color:#DD910A; font-size:18px; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
/*font-size:21px; color:#DD910A; font-weight:normal; margin:12px 0; color:#4F4D44*/

#blog-detail p.date { color:#012A56; font-size:12px; background:url(../images/blog-date-ico.png) no-repeat 0 45%; padding-left:18px; }
#blog-detail p { font-size:14px; color:#333; line-height:24px; margin:0 0 20px;}
#blog-detail #entry-body { width:100%; overflow:hidden; margin-bottom:30px}
#blog-detail #detail-salon { margin:40px 0 40px;}
#blog-detail .tolist { border-top:#7D7F6C solid 2px; padding:8px 0; margin:20px 0 40px ; }



/* entry - commnets F0F0F0 */
#comments { background:#f7f6ed; padding:20px; margin:20px 0; border:#CCC solid 0px;border-radius:6px; }
#comments  h3 { margin:0;}
#comments  h3#reply-title { margin:0; font-size:18px;}
#comments label { width:10em; float:left;}
#comments span.required { float:left; }
#comments .comment-form-author span.required {margin-left:-7.5em;}
#comments .comment-form-email span.required {margin-left:-2.5em;}
#comments input { /*float:right; left:100px; position:relative;*/}
#comments .comment-form-comment label {display:block;}
#comments .form-allowed-tags { font-size:12px; color:#666;}










/*-------------------------------
menus
-------------------------------*/
#menus {}
#menus .menus-header { width:100%; overflow:hidden; margin:0 0 20px;} 
#menus .menus-header .shortcut { width:400px;}
#menus .menus-header .shortcut ul { margin:0; padding:0; list-style:none; }
#menus .menus-header .shortcut li { display:inline; margin:0 0.8em 0 0; }
#menus .menus-header .shortcut li a { font-size:12px; background-image:url(../images/ico-arw-b-circle.png); }
#menus .menus-header .length {  font-size:12px; width:300px; text-align:right; padding:2px 0; font-weight:bold; color:#2B2404;}
#menus #atago-plan { margin-bottom:30px; width:100%; overflow:hidden;}
#menus #atago-plan h3 { margin:0 0 14px;}
#menus #atago-plan p.tag { font-size:16px; margin:0;}
#menus #atago-plan p.tag strong { color:#E60012; font-weight:bold;}
#menus #atago-plan p.tag span { font-size:12px; color:#4F4D44;}
#menus #atago-plan p.off { margin:0 0 6px 0;}
#menus #atago-plan #plan-example { background:#fffff0 url(../images/menus-plan-example-bg.png) repeat-y center top; border:#d8e021 solid 1px; padding:0 14px 14px; margin:36px 0 0;}
#menus #atago-plan #plan-example h3 { margin:0; position:relative; top:-20px;}
#menus #atago-plan #plan-example p.right { text-align:right; margin:-1.6em 0 0;}
#menus #atago-plan #plan-example ul { margin:0; padding:0; list-style:none;}
#menus #atago-plan #plan-example li { background:url(../images/menus-plan-example-ico.png) no-repeat 0 45%; padding:0 0 0 20px; margin:0 0 14px;}
#menus #atago-plan #plan-example li h4 { color:#2B2404; margin:0;}
#menus #atago-plan #plan-example li p { margin:0; font-size:12px; line-height:1.4em;}
#menus #atago-plan #plan-example li p strong { color:#E60012; font-weight:bold; font-size:16px;}
#menus #atago-plan #plan-example li p strong .off { color:#FF1F98; font-size:18px;}
#menus-list {}
#menus-list .group { margin:0 0 30px}
#menus-list .group h3 { margin:0 0 14px;}
#menus-list .group table {table-layout: fixed; }
#menus-list .group th,
#menus-list .group td { vertical-align:middle; padding:10px;}
#menus-list .group th {text-align:left;width: 73%;}
#menus-list .group td {text-align:right;color:#2B2404;width: 45%;}
#menus-list .group th span { font-size:11px; font-weight:normal; color:#666;}
#menus-list .group td span { color:#7D7F6C;font-size:11px; font-weight:normal; }


.banner { text-align:center; margin:15px 0 15px;}
#cudday { margin-bottom:10px;}
#pointx2 {}


/*-------------------------------
bridal
-------------------------------*/
#bridal {}
#bridal-images { text-align:center; margin:0 0 20px;}
#bridal-menus { width:100%; overflow:hidden; margin:0 0 24px; }
#bridal h3 { margin:0 0 6px;}
#bridal table { width:340px; }
#bridal th,
#bridal td { padding:10px;}
#bridal th { text-align:left; width:90px;}
#bridal td { text-align:right;}






/*-------------------------------
gallery
-------------------------------*/

#gallery {}
#gallery-thumbnails { padding:5px;}
#gallery-thumbnails img { border:#E6E6E6 solid 1px; margin:6px;}




/*-------------------------------
staff
-------------------------------*/
#staff {}
#staff .staff-group{}
#staff .staff-group .item { width:680px; overflow:hidden; margin:0 10px; padding:15px 0; background:url(../images/common-border-dot.png) repeat-x left bottom;}	
#staff .staff-group .item .left { width:120px; height:160px; text-align:center;}
#staff .staff-group .item .left img { }
#staff .staff-group .item .right { width:550px;}
#staff .staff-group .item .right h3 { margin:0; font-size:18px; color:#4F4D44; font-size:16px;}
#staff .staff-group .item .right h3 span { color:#7D7F6C;}
#staff .staff-group .item .right table { width:100%; border-collapse:collapse; margin:8px 0;}
#staff .staff-group .item .right th,
#staff .staff-group .item .right td { padding:2px 0; text-align:left; font-weight:; font-size:13px; vertical-align:top;}
#staff .staff-group .item .right th { width:130px;}
#staff .staff-group .item .right td {} 
#staff .staff-group .item-hide { display:none!important; }


/*-------------------------------
salon
-------------------------------*/
#salon {}
#salon .item { width:680px; overflow:hidden; padding:0px 0 24px 0; margin:0 auto 24px; background:url(../images/common-border-dot.png) repeat-x left bottom;}	
#salon .item .wrap { margin:0 0 20px;}
#salon .item .left { width:280px;}
#salon .item .right { width:380px;}
#salon .item .right h3 { margin:0 0 6px 0; color:#7D7F6C; font-size:16px; font-weight:}
#salon .item .right p { margin:6px 0; color:#4F4D44;}
#salon .item .right p.tel { margin: 0 0 8px;}
#salon .item .right .buttons { margin:8px 0 0;}

#salon .item .map { width:680px; height:360px; }
#salon .item .map p.loading { padding:20px; text-align:center; background:#FFD; margin:0;}
#salon .item p.gmap { margin:4px 0;}


/*-------------------------------
feature
-------------------------------*/
#feature {}
#feature h2 { background:#E8E2C4; border-radius:3px; font-size:16px; color:#4F4D44; padding:0px 8px; line-height:32px; font-family:Arial, Helvetica, sans-serif;}



/*-------------------------------
sitemap
-------------------------------*/
#sitemap {}
#sitemap table {}
#sitemap th,
#sitemap td { padding:10px; text-align:left;}
#sitemap th { width:150px;}
#sitemap td { text-align:;}


#sitemap .heading th,
#sitemap .heading td { background:none;}




/*-------------------------------
Alignment
-------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.625em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.625em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}