@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,iframe,object,param {margin: 0; padding: 0;}
/* hasLayout {zoom: 1;} */
/* hasLayoutはIE8でなくなる？ */
/* 未初期化タグ pre,code,fieldset,legend,textarea,blockquote,th,td */
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: #fcf9f5 url(../img/body_bg.gif) repeat-y top center;
font-size: 12px;
font-family : "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,sans-serif;
/* "KozGoStd-Light","KozGoStd-Regular","Kozuka Gothic Pro","小塚ゴシック Pro" */
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: "ＭＳ Pゴシック","メイリオ",Meiryo,sans-serif;
font-size: small; /* IE 標準準拠モード */
/* font:x-small; IE6後方互換モード */
}
/* Win Iternet Explorer 6などフォント関連 */
* html body {font-size: 12px; line-height: 1.4;
/* フォント指定したいとき */ font-family: "ＭＳ Pゴシック",sans-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,a:link,a:visited {color: #c75710; text-decoration: none;}
a:active,a:hover {color: #daab71;}

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;}
.txtGreen{color: #128f2e;}
.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 メニュー スタイルシート */
/* ################################## */
#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;
}

/* ####################################### */
/* 共通 */
/* COLOR BACKGROUND #fffaf8 */
/* COLOR GREEN #128f2e */
/* COLOR ORANGE #d45d12 */
/* ####################################### */
#triccaPackage {
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding-top: 0;
padding-right: 0;
padding-bottom: 45px;
padding-left: 0;
width: 990px;
text-align: left;
/*border: 1px solid red;*/
}
/* ++++++++++++++++++++++++++++++ [Start for Windows] +++++++++++++ */
*:first-child+html #container {padding-bottom: 45px;}
* html #container {padding-bottom: 45px;}
/* ++++++++++++++++++++++++++++++ [/End for Windows] +++++++++++++ */

#headArea {
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
padding: 0;
float: left;
width: 230px;
color: #444;
background-color: #fffaf8;
}

#mainMenu {
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
padding: 0;
text-align: center;
}

/* サロン紹介、メニュー サブメニュー */
#salonSub,#menuSub {
margin: 0;
padding: 0;
width: 180px;
color: #444;
background-color: #fffaf8;
text-align: left;
border-right: 1px solid #bbb;
border-bottom: 1px solid #aaa;
}
#salonSub li,#menuSub li {
font-size: 90%;
text-indent: 0.5em;
border-top: 1px dashed #ddd;
}
#salonSub li a,#menuSub li a {
display: block;
width: 180px;
}

#bnrDixsept {
margin-top: 20px;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
padding: 0;
text-align: center;
}

#subMenu {
margin-top: 80px;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
padding: 0;
}

/* 文字拡大縮小のときでも高さ固定 */
#mainMenu > li {height: 28px;}
#mainMenu li img,#subMenu li img {
margin: 2px 0 0 0;
}

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

/* メニュータイトル、サブメニュータイトル */
#cntTitle,#subTitle {
margin-top: 0;
margin-right: auto;
margin-bottom: 1em;
margin-left: auto;
padding: 1em 0 0.4em 0;
width: 630px;
color: #128f2e;
background: transparent url(../img/slash_bg.gif) no-repeat left bottom;
}
#cntTitle {
margin-top: 38px;
}
#cntTitle img,#subTitle img {
margin: 0 0 5px 0;
}

/* ++++++++++++++++++++++++++++++ [Start for Windows] +++++++++++++ */
*:first-child+html #cntTitle,*:first-child+html #subTitle {
padding: 1em 0 1em 0;
}
* html #cntTitle,* html #subTitle {
padding: 1em 0 1em 0;
}
/* ++++++++++++++++++++++++++++++ [/End for Windows] +++++++++++++ */

/* 630pxエリア */
#mainPackage {
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding: 0;
width: 630px;
/*border: 1px solid yellow;*/
}

/* フッターを下部に固定する */
#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%;
/*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 */
/* ####################################### */
#triccaArea {
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding: 40px 0 10px 0;
width: 630px;
background: transparent url(../img/slash_bg.gif) no-repeat left bottom;
text-align: left;
}

#triccaArea h2 {
margin: 0;
padding: 0;
float: left;
width: 370px;
}

#triccaArea address {
margin: 0;
padding: 0;
float: right;
width: 200px;
}

/* Flash コンテンツ */
#flashCnt {
margin-top: 30px;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding: 0;
width: 630px;
height: 280px;
text-align: left;
}
/* None Flash コンテンツ */
#noneFlash {
border: 1px solid #765c2f;
}
#noneFlash p {
padding: 0.5em;
font-size: 90%;
}

#topicsArea {
margin-top: 30px;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding: 0;
width: 630px;
color: #daab71;
font-family: "Hiragino Mincho Pro W3","ヒラギノ明朝 Pro W3","ＭＳ 明朝","ＭＳ Ｐ明朝",serif;
text-align: left;
}

#triccaInfo {
float: left;
margin: 0;
padding: 0;
width: 308px;
}
#staffBlog {
float: right;
margin: 0;
padding: 0;
width: 308px;
}

#topicsArea h3 {
padding: 0 0.5em 0.5em 0.5em;
border-bottom: 1px dotted #765c2f;
}

#topicsArea p {
margin: 0;
padding: 0.5em 0;
font-size: 80%;
border-bottom: 1px dotted #765c2f;
}

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

/* ####################################### */
/* Staff */
/* ####################################### */
#staffArea {
margin-top: 2em;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding: 0;
width: 512px;
}
/* ++++++++++++++++++++++++++++++ [Start for Windows] +++++++++++++ */
*:first-child+html #staffArea {margin-top: 1em;}
* html #staffArea {margin-top: 1em;}
/* ++++++++++++++++++++++++++++++ [/End for Windows] +++++++++++++ */

.staffLine div {
float: left;
width: 100px;
background: transparent url(../img/stafftb_bg.gif) no-repeat center center;
}
/* ++++++++++++++++++++++++++++++ [Start for Windows] +++++++++++++ */
* html .staffLine div {background: transparent url(../img/stafftb_bgwin.gif) no-repeat center center;}
/* ++++++++++++++++++++++++++++++ [/End for Windows] +++++++++++++ */
.staffLine div img {
margin-top: 8px;
margin-right: 10px;
margin-bottom: 8px;
margin-left: 10px;
border: 1px solid #fff;
}
.staffLine div img:hover {
border: 1px solid #745112;
}

/* ####################################### */
/* Information */
/* ####################################### */
#infoHead {
margin-top: 38px;
margin-right: auto;
margin-bottom: 1em;
margin-left: auto;
padding: 1em 0 0.8em 0;
width: 630px;
color: #128f2e;
background: transparent url(../img/slash_bg.gif) no-repeat left bottom;
font-size: 100%;
}

#infoHead h2 {
float: left;
margin: 0;
padding: 0;
width: 245px;
}

#infoNavi {
float: right;
margin: 0;
padding: 0;
width: 370px;
font-size: 85%;
text-align: right;
}

#infoNavi li {
display: inline;
padding: 0 0 0 1em;
color: #128f2e;
}
#infoNavi li a,#infoNavi li a:link,#infoNavi li a:visited {color: #128f2e;}
#infoNavi li a:active,#infoNavi li a:hover {color: #444; border-bottom: 2px solid #128f2e;}

/* インフォメーションエリア */
#infoPackage {
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding: 0;
width: 636px;
}
.infoThreadTit {
margin: 1em auto 0 auto;
padding: 0;
width: 636px;
background: url(../img/info_barmid.jpg) repeat-y left top;
text-align: center;
font-size: 100%;
}
.infoThreadTit:before {
display: block;
content: url(../img/info_bartop.jpg);
height: 7px;
/*font-size: 1%;*/
line-height: 7px;
background-color: #fffaf8;
}
.infoThreadTit:after {
display: block;
content: url(../img/info_barbtm.jpg);
height: 7px;
/*font-size: 1%;*/
line-height: 7px;
clear: both;
}
.infoTitle {
float: left;
margin: 0;
padding: 2px 0 2px 24px;
width: 480px;
color: #fff;
font-size: 110%;
text-align: left;
}
.infoDate {
float: right;
margin: 0;
padding: 2px 24px 2px 0;
width: 86px;
color: #fff;
font-size: 90%;
text-align: right;
}

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

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

.infoThread img {margin: 0.5em 0.5em 0.5em 0;}
.infoThread .imgPosleft {float: left;}
.infoThread .imgPosleft img {margin: 0.5em 0.5em 0.5em 0;}
.infoThread .imgPosright {float: right;}
.infoThread .imgPosright img {margin: 0.5em 0 0.5em 0.5em;}
.infoThread .imgPoscenter {display: block; width: 100%; text-align: center;}
.infoThread .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 #128f2e;
border-right: 1px solid #128f2e;
border-bottom: 1px solid #128f2e;
border-left: 1px solid #128f2e;
text-align: center;
}
#nomBre span {
color: #fff;
background-color: #128f2e;
}
#nomBre a {
color: #128f2e;
background-color: #fff;
}
#nomBre a:active,#nomBre a:hover {
color: #fff;
background-color: #128f2e;
}
/* ++++++++++++++++++++++++++++++ [Start for Windows] +++++++++++++ */
*:first-child+html #nomBre a {
border-top: 1px solid #fffaf8;
border-right: 1px solid #fffaf8;
border-bottom: 1px solid #fffaf8;
border-left: 1px solid #fffaf8;
}
*:first-child+html #nomBre a:active,*:first-child+html #nomBre a:hover {
border-top: 1px solid #128f2e;
border-right: 1px solid #128f2e;
border-bottom: 1px solid #128f2e;
border-left: 1px solid #128f2e;
}
* html #nomBre a {
border-top: 1px solid #fffaf8;
border-right: 1px solid #fffaf8;
border-bottom: 1px solid #fffaf8;
border-left: 1px solid #fffaf8;
}
* html #nomBre a:active,* html #nomBre a:hover {
border-top: 1px solid #128f2e;
border-right: 1px solid #128f2e;
border-bottom: 1px solid #128f2e;
border-left: 1px solid #128f2e;
}

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

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

#infoOther {
margin-top: 1em;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding: 0;
width: 630px;
padding: 1em 0 0.5em 0;
color: #128f2e;
background: transparent url(../img/slash_bg.gif) no-repeat top left;
font-size: 100%;
}
#infoOthernavi {
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding: 0;
width: 630px;
font-size: 90%;
}

#infoOthernavi li {padding: 0.2em 0;}
#infoOthernavi li#current{color: #128f2e;}
#infoOthernavi li#infoBack {margin: 1em 0 0 0; text-align: right;}
#infoOthernavi li span{color: #777;}

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

/* ####################################### */
/* Footer */
/* ####################################### */
#footer {
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding: 15px 10px;
width: 970px;
font-size: 9px;
text-align: left;
color: #ddc7a4;
background: #8a6632 url(../img/footer_bg.gif) repeat-y top left;
}
/* ++++++++++++++++++++++++++++++ [Start for Windows] +++++++++++++ */
*:first-child+html #footer {
/*padding: 5px 0;*/
font-size: 10px;
}
* html #footer {
/*padding: 5px 0;*/
font-size: 10px;
}
/* ++++++++++++++++++++++++++++++ [/End for Windows] +++++++++++++ */

ul#footMenu {
float: left;
width: 400px;
/*width: 400px;
text-align: right;*/
}
ul#footMenu li {
display: inline;
text-transform: uppercase;
}
ul#footMenu li a,ul#footMenu li a:link,ul#footMenu li a:visited {color: #ddc7a4; text-decoration: underline;}
ul#footMenu li a:active,ul#footMenu li a:hover {color: #fff;}

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

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