@charset "utf-8";

/*------------------------初期化------------------------*/
/* html {color: #000; background: #fff;} */

body,h1,h2,h3,h4,h5,h6,div,p,span,ul,ol,li,dl,dt,dd,form,input,select,hr,object,param {margin: 0; padding: 0;}
/* hasLayout {zoom: 1;} */
/* hasLayoutはIE8でなくなる？ */
/* 未初期化タグ pre,code,fieldset,legend,textarea,blockquote,th,td,iframe */
li {list-style: none;}
/* table {border-collapse:collapse; border-spacing: 0;} */
fieldset,img {border: 0; vertical-align: bottom;}

body {
margin:0;
padding: 0;
color: #333;
background-color: #f9f7f0;
font-size: 12px;
font-family : "Hiragino Mincho Pro","ヒラギノ明朝 Pro W3",Osaka,serif;
line-height: 1.6;
text-align: center;
}

/* ++++++++++++++++++++++++++++++ [Start for Windows] +++++++++++++ */
/* Win IE フォントサイズ */

/* Win Iternet Explorer 7フォント関連 */
*:first-child+html body {font-size: 12px; line-height: 1.4;
/* フォント指定したいとき */ font-family: "ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
font-size: small; /* IE 標準準拠モード */
/* font:x-small; IE6後方互換モード */
}
/* Win Iternet Explorer 6などフォント関連 */
* html body {font-size: 12px; line-height: 1.4;
/* フォント指定したいとき */ font-family: "ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
font-size: small; /* IE 標準準拠モード */
/* font:x-small; IE6後方互換モード */
}
/* ++++++++++++++++++++++++++++++ [/End for Windows] +++++++++++++ */

/*table {font-size: inherit; font: 100%;}*/
table th {font-weight: normal;}
h1,h2,h3,h4,h5,h6 {font-size: 100%; font-weight: normal;}
input,textarea,select {
font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,sans-serif;
font-size: 100%;
font-weight: inherit;
}
/*input,textarea,select {*font-size: 100%;}*/

a {outline: none;}
a,a:link,a:visited {color: #7f6255; text-decoration: none;}
a:active,a:hover {color: #6ac3c2;}

hr {display: none;} /*CSS無効時の区切り線*/

/*floatのクリア*/
.clbth:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clbth {display: inline-block;}
/* hide IE-MAC \*/
* html .clbth {height: 1%;}
.clbth {display: block;}
/* end hide IE-MAC */

/* 共有クラス */
.resetfl {clear: both;}
.posLeft {float: left;}
.posRight {float: right;}
.txtLeft {text-align: left;}
.txtRight {text-align: right;}
.txtCenter {text-align: center;}
.txtSmall {font-size: 85%;}
.txtBold {font-weight: bold;}
.notice {color: #f00;}
.noneBR {white-space: nowrap;}
/* ++++++++++++++++++++++++++++++ [Start for Windows] +++++++++++++ */
*:first-child+html .txtSmall {font-size: 75%;}
* html .txtSmall {font-size: 80%;}
/* ++++++++++++++++++++++++++++++ [/End for Windows] +++++++++++++ */

.imgover, .mapLink {border: 0;}

/* ################################## */
/* XOOPS メニュー スタイルシート */
/* ################################## */
#adminTricca {
margin: 0 auto;
padding: 0.5em 0;
width: 960px;
text-align: right;
}

#xoopsMenu {
display: none;
position: absolute;
left: 0;
top: 0;
margin: 5px;
padding: 5px;
background-color: #fff;
border: 2px solid #767676;
text-align: left;
z-index: 100;
}
.xoopsTitle {
padding: 2px 5px;
color: #fff;
background-color: #128f2e;
}
.xoopsContents {
margin: 5px 0;
padding: 5px;
}
.xoopsContents form {margin: 5px 0 10px 0;}
.xoopsContents  ul li {
padding: 0 0 0 1em;
line-height: 1.6;
}

/* ####################################### */
/* 共通 */
/* 背景色 #f9f7f0
/* 水色 #6ac3c2 */
/* 茶色 #b38848 */
/* 薄茶色 #e2d4ba */
/* ####################################### */
#dixseptPackage {
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding-top: 0;
padding-right: 0;
padding-bottom: 35px;
padding-left: 0;
/*width: 990px;*/
text-align: left;
/*border: 1px solid red;*/
}
/* ++++++++++++++++++++++++++++++ [Start for Windows] +++++++++++++ */
*:first-child+html #dixseptPackage {padding-bottom: 35px;}
* html #dixseptPackage {padding-bottom: 35px;}
/* ++++++++++++++++++++++++++++++ [/End for Windows] +++++++++++++ */

#headArea {
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding: 20px 0;
width: 960px;
color: #444;
background-color: #f9f7f0;
}
#headArea h1 {
margin: 0;
padding: 0;
float: left;
width: 180px;
}
#headArea h2#linkWedding {
margin: 0;
padding: 0;
float: left;
width: 146px;
height: 36px;
}
#headArea h2#linkWedding img {margin: 8px 0;}
#headArea h2#linkGelnail {
margin: 0;
padding: 0;
float: left;
width: 146px;
height: 36px;
}
#headArea h2#linkGelnail img {margin: 8px 0;}
#headArea h2#linkTansansen {
margin: 0;
padding: 0;
float: left;
width: 146px;
height: 36px;
}
#headArea h2#linkTansansen img {margin: 8px 0;}
#headArea h2#linkFirst {
margin: 0;
padding: 0;
float: left;
width: 146px;
height: 36px;
}
#headArea h2#linkFirst img {margin: 8px 0;}

#headArea address {
margin: 0;
padding: 0;
float: right;
width: 190px;
height: 36px;
border-right: 1px solid #b38848;
border-left: 1px solid #b38848;
text-align: center;
}
#headArea address img {margin: 5px 0;}

#menuArea {
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
padding: 0;
height: 48px;
text-align: center;
}
.onSubMenu {background: transparent url(../img/submenu_bg.gif) repeat-x left bottom;}

#mainMenu {
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding: 0;
width: 960px;
height: 24px;
background: transparent url(../img/menu_dotlineleft.gif) no-repeat left top;
}
#mainMenu li {
margin: 0;
padding: 0;
float: left;
height: 24px;
background: transparent url(../img/menu_dotlineright.gif) no-repeat right top;
}
#mainMenu li img {
margin: 0;
padding-top: 0;
padding-right: 6px;
padding-bottom: 0;
padding-left: 6px;
}
#mainMenu li#menuBegin img {
padding-top: 0;
padding-right: 6px;
padding-bottom: 0;
padding-left: 14px;
}
#mainMenu li#menuEnd img {
padding-top: 0;
padding-right: 14px;
padding-bottom: 0;
padding-left: 6px;
}

/* サロン紹介、メニュー サブメニュー */
#subMenu {
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding: 0;
width: 960px;
height: 24px;
text-align: left;
}
#salonsSub,#menuSub,#gallerySub {
margin: 0;
padding: 0;
}
#salonsSub li,#menuSub li,#gallerySub li {
margin: 0;
padding: 0;
float: left;
height: 24px;
font-size: 85%;
background: transparent url(../img/sub_solidline.gif) no-repeat right top;
}
#salonsSub li.subEnd,#menuSub li.subEnd,#gallerySub li.subEnd {
background-image: none !important;
}
#salonsSub li img,#menuSub li img,#gallerySub li img {
margin: 0;
padding-top: 0;
padding-right: 6px;
padding-bottom: 0;
padding-left: 6px;
}
/*#salonsSub li a,#menuSub li a {
display: block;
height: 24px;
}*/

/* 960pxエリア */
#dixseptArea {
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding: 0;
width: 960px;
/*border: 1px solid yellow;*/
}
/* Photo or Flash コンテンツ */
#photoArea {
margin-top: 10px;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
padding: 0;
text-align: left;
}
/* None Flash コンテンツ */
#noneFlash {
border: 1px solid #765c2f;
}
#noneFlash p {
padding: 0.5em;
font-size: 90%;
}

/* ## コンテンツエリア ## */
#mainArea {
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
padding: 0;
float: right;
width: 712px;
}
#subArea {
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
padding: 0;
float: left;
width: 216px;
}

/* バナー */
#bnrPromenade {
margin-top: 50px;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
padding: 0;
width: 204px;
text-align: center;
}

/* フッターを下部に固定する */
#fixedArea {
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
padding: 0;
position: fixed;
left: 0;
bottom: 0;
z-index: 100;
width: 100%;
color: #fff;
background-color: #96d1ce;
text-align: center;
/*border: 1px solid green;*/
}

/* パンくずリスト 
#topicPath {
clear: both;
margin-top: 0;
margin-right: auto;
margin-bottom: 10px;
margin-left: auto;
padding: 0;
width: 650px;
height: 25px;
text-align: left;
text-indent: 60px;
font-size: 80%;
line-height: 25px;
}
*:first-child+html #topicPath {
font-family : "ＭＳ ゴシック","ＭＳ Ｐゴシック",Verdana,sans-serif;
font-size: 80%;
}*/

/* ####################################### */
/* Home */
/* ####################################### */
#topicsArea {
margin-top: 20px;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
padding: 0;
width: 960px;
text-align: left;
}

#dixseptNews {
float: left;
margin: 0;
padding: 0;
width: 470px;
}
#staffBlog {
float: right;
margin: 0;
padding: 0;
width: 470px;
}

#topicsArea h3 {
margin: 0;
padding: 0;
border-bottom: 1px solid #e2d4ba;
}
#topicsArea h3 img {
margin: 0 0.5em 0.5em 1em;
}
#topicsArea p {
margin: 0;
padding: 0.5em 0;
/*font-size: 80%;*/
border-bottom: 1px dotted #e2d4ba;
}

#topicsArea p span.topicDate {
padding-left: 1em;
padding-right: 1em;
}

/* ++++++++++++++++++++++++++++++ [Start for Windows] +++++++++++++ */
*:first-child+html #topicsArea {font-family: "ＭＳ 明朝","ＭＳ Ｐ明朝",serif;}
*:first-child+html #topicsArea p {font-size: 90%;}

* html #topicsArea {font-family: "ＭＳ 明朝","ＭＳ Ｐ明朝",serif;}
* html #topicsArea p {font-size: 90%;}

/* ++++++++++++++++++++++++++++++ [/End for Windows] +++++++++++++ */

/* ####################################### */
/* Staff */
/* ####################################### */
#staffArea {
margin-top: 20px;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding: 0;
width: 960px;
text-align: center;
}

.staffThumb {
margin: 0;
padding: 0;
float: left;
width: 160px;
}

.staffThumb a img {
-webkit-transition: -webkit-transform 0.12s ease-in;
-moz-transition: -moz-transform 0.12s ease-in;
-o-transition: -moz-transform 0.12s ease-in;
-ms-transition: -moz-transform 0.12s ease-in;
transition: transform 0.12s ease-in;
}

.staffThumb a img:hover {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-o-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);

-webkit-box-shadow: 0px 0px 4px #c4bca1;
-moz-box-shadow: 0px 0px 4px #c4bca1;
-o-box-shadow: 0px 0px 4px #c4bca1;
-ms-box-shadow: 0px 0px 4px #c4bca1;
box-shadow: 0px 0px 4px #c4bca1;
}

/* ####################################### */
/* News */
/* ####################################### */
#newsTitle {
margin-top: 25px;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
padding: 0;
width: 216px;
height: 38px;
border-top: 1px solid #e2d4ba;
border-bottom: 1px solid #e2d4ba;
}

#newsNavi, #newsArc {
margin: 0.5em auto;
padding: 0;
width: 182px;
font-size: 90%;
text-align: left;
}

#newsNavi li, #newsArc li {
padding: 0 0 0 1em;
color: #b38848;
}
#newsNavi li a,#newsArc li a,#newsNavi li a:link,#newsArc li a:link,#newsNavi li a:visited,#newsArc li a:visited {color: #b38848;}
#newsNavi li a:active,#newsArc li a:active,#newsNavi li a:hover,#newsArc li a:hover {color: #6ac3c2;}

/* ニュースエリア */
#newsArea {
margin-top: 20px;
margin-right: 0;
margin-bottom: 10px;
margin-left: 0;
padding: 0;
float: right;
width: 712px;
font-size: 100%;
text-align: center;
color: #777 !important;
background: transparent url(../img/area_bg.gif) repeat-y left top;
}
#newsArea:before {
display: block;
content: url(../img/area_top.gif);
height: 10px;
line-height: 10px;
}
#newsArea:after {
display: block;
content: url(../img/area_bottom.gif);
height: 10px;
line-height: 10px;
}

.newsThreadTit {
margin: 1em auto 0 auto;
padding: 0;
width: 680px;
background: url(../img/news_barmid.gif) no-repeat left top;
text-align: center;
font-size: 100%;
}
.newsThreadTit:before {
display: block;
content: url(../img/news_bartop.gif);
height: 4px;
line-height: 4px;
background-color: #fff;
}
.newsThreadTit:after {
display: block;
content: url(../img/news_barbtm.gif);
height: 4px;
line-height: 4px;
clear: both;
}
.newsTitle {
float: left;
margin: 0;
padding: 4px 0 0 24px;
width: 530px;
color: #fff;
font-size: 110%;
text-align: left;
}
.newsDate {
float: right;
margin: 0;
padding: 4px 24px 0 0;
width: 86px;
color: #fff;
font-size: 90%;
text-align: right;
}

.newsTitle a,.newsTitle a:link,.newsTitle a:visited {color: #fff;}
.newsTitle a:active,.newsTitle a:hover {color: #fff; text-decoration: underline;}
.newsThread {
margin: 1em auto;
padding: 0 24px;
width: 630px;
font-size: 100%;
text-align: left;
}
.newsThread p { margin: 0.5em 0 0 0; line-height: 1.5;}
.newsThread p img {vertical-align: middle;}

.newsThread p a,.newsThread p a:link,.newsThread p a:visited {
color: #d45d12;
text-decoration: underline;
}
.newsThread p a:active,.newsThread p a:hover {
text-decoration: none;
}

.newsThread img {margin: 0.5em 0.5em 0.5em 0;}
.newsThread .imgPosleft {float: left;}
.newsThread .imgPosleft img {margin: 0.5em 0.5em 0.5em 0;}
.newsThread .imgPosright {float: right;}
.newsThread .imgPosright img {margin: 0.5em 0 0.5em 0.5em;}
.newsThread .imgPoscenter {display: block; width: 100%; text-align: center;}
.newsThread .imgPosright img {margin: 0.5em;}

#nomBre {
margin: 1em auto;
font-size: 85%;
text-align: center;
}
#nomBre span,#nomBre a {
margin-left: 0.2em;
padding: 0.3em 0.5em;
border-top: 1px solid #6ac3c2;
border-right: 1px solid #6ac3c2;
border-bottom: 1px solid #6ac3c2;
border-left: 1px solid #6ac3c2;
text-align: center;
}
#nomBre span {
color: #fff;
background-color: #6ac3c2;
}
#nomBre a {
color: #6ac3c2;
background-color: #fff;
}
#nomBre a:active,#nomBre a:hover {
color: #fff;
background-color: #6ac3c2;
}
/* ++++++++++++++++++++++++++++++ [Start for Windows] +++++++++++++ */
*:first-child+html #nomBre a {
border-top: 1px solid #888;
border-right: 1px solid #888;
border-bottom: 1px solid #888;
border-left: 1px solid #888;
}
*:first-child+html #nomBre a:active,*:first-child+html #nomBre a:hover {
border-top: 1px solid #6ac3c2;
border-right: 1px solid #6ac3c2;
border-bottom: 1px solid #6ac3c2;
border-left: 1px solid #6ac3c2;
}
* html #nomBre a {
border-top: 1px solid #888;
border-right: 1px solid #888;
border-bottom: 1px solid #888;
border-left: 1px solid #888;
}
* html #nomBre a:active,* html #nomBre a:hover {
border-top: 1px solid #6ac3c2;
border-right: 1px solid #6ac3c2;
border-bottom: 1px solid #6ac3c2;
border-left: 1px solid #6ac3c2;
}

/* ++++++++++++++++++++++++++++++ [/End for Windows] +++++++++++++ */

.newsArc {
margin-top: 1em;
margin-right: auto;
margin-bottom: 0.2em;
margin-left: auto;
padding: 0;
width: 630px;
font-size: 100%;
text-align: left;
}
.newsArc dt {
color: #6ac3c2;
font-size: 100%;
font-weight: bold;
}
.newsArc dd {
float: left;
margin: 0;
padding: 0;
width: 4em;
color: #ccc;
font-size: 90%;
}
.newsArc dd.crtMonth {color: #6ac3c2; font-weight: bold;}
.newsArc dd a,.newsArc dd a:link, .newsArc dd a:visited {color: #b38848; text-decoration: underline;}
.newsArc dd a:active,.newsArc dd a:hover {color: #b38848; text-decoration: none;}

#newsOther {
margin-top: 1em;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding: 0;
width: 630px;
padding: 1em 0 0.5em 0;
color: #6ac3c2;
font-size: 100%;
text-align: left;
}
#newsOthernavi {
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding: 0;
width: 630px;
font-size: 90%;
text-align: left;
}

#newsOthernavi li {padding: 0.2em 0;}
#newsOthernavi li#current{color: #6ac3c2;}
#newsOthernavi li#newsBack {margin: 1em 0 0 0; text-align: right;}
#newsOthernavi li span{color: #777;}

#newsOthernavi li a,#newsOthernavi li a:link,#newsOthernavi li a:visited {color: #444;}
#newsOthernavi li a:active,#newsOthernavi li a:hover {color: #444; border-bottom: 2px solid #b38848;}

/* ####################################### */
/* Footer */
/* ####################################### */
#footer {
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding: 8px 10px;
width: 960px;
font-size: 10px;
text-align: left;
}
/* ++++++++++++++++++++++++++++++ [Start for Windows] +++++++++++++ */
*:first-child+html #footer {font-size: 11px;}
* html #footer {font-size: 11px;}
/* ++++++++++++++++++++++++++++++ [/End for Windows] +++++++++++++ */

ul#footMenu {
margin: 0;
padding: 0;
float: left;
width: 400px;
}
ul#footMenu li {display: inline;}
ul#footMenu li a,ul#footMenu li a:link,ul#footMenu li a:visited {color: #fff;}
ul#footMenu li a:active,ul#footMenu li a:hover {color: #fff; text-decoration: underline;}

#copyright {
margin: 0;
padding: 0;
float: right;
width: 400px;
text-align: right;
}

/* IE-MAC Only \*//*/
/**/