/*
Theme Name: monstera 200910
Author: fumikoc355p001
*/


/*----------------------------------------------------common*/
a{
	color:#5E3000;
	text-decoration:none;
}
a:hover{
	color:#333333;
}
h3{
	font-size:140%;
	line-height:125%;
	margin-bottom:5px;
	color:#4C2505;
}
h4{
	color:#4C2505;
	font-size:100%;
}
strong{
	color:#4C2505;
}
img{
	border:none;
}
.clr{
	clear:both;
}
.arw{
	padding-left:12px;
	background:url(images/arw_01.gif) left 0.4em no-repeat;
	font-weight:bold;
}
.txt h1,.pageTxt h1{
	color:#5E3000;
	font-size:160%;
	margin-bottom:5px;
}
.txt h2,.pageTxt h2{
	color:#5E3000;
	font-size:120%;
	margin:8px 0 3px 0;
}
.txt p,.pageTxt p{
	margin-bottom:1.3em;
}
.logo_s{
	margin-bottom:12px;
}
.kiritori{
	padding:0 0 15px 0;
	clear:both;
}
/*----------------------*/
*{
	padding:0;
	margin:0;
}
body{
	text-align:center;
	font-family:Verdana, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka;
	font-size:10.5px;
	line-height:165%;
	color: #333333;
	background-color:#110701;
}
#container{
	width:840px;
	text-align:left;
	margin:0 auto;
	background-color:#FFFEF6;
}
* html #container{
	font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka;
}
*:first-child+html #container{
	font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka;
}
/*----------------------------------------header-*/
#headerBg{
	background:url(images/bg_header.gif) left top no-repeat;
	padding-bottom:2px;
}
#header{
}
#headerTtl{
	width:235px;
	float:left;
	padding:47px 0 27px 20px;
}
#headerTtl h1{
	width:235px;
	height:18px;
	overflow:hidden;
}
#headerTtl h1 a{
	display:block;
	width:235px;
	height:18px;
	text-indent:-9999px;
}
#headerTtl h2{
	width:235px;
	height:11px;
	overflow:hidden;
}
#headerTtl h2 a{
	display:block;
	width:235px;
	height:11px;
	text-indent:-9999px;
}
#headerMenu{
	float:right;
	padding:67px 20px 0 0;
}
.headerMenu01{
	float:right;
	display:block;
	width:60px;
	height:11px;
	text-indent:-9999px;
	overflow:hidden;
}
.headerMenu02{
	float:right;
	display:block;
	width:102px;
	height:11px;
	text-indent:-9999px;
	overflow:hidden;
	margin-right:18px;
}
#globalMenu{
	height:42px;
	padding:0 0 1px 24px;
}
#globalMenu ul{
	list-style:none;
	position: relative;
	z-index: 100;
}
#globalMenu ul li{
	float:left;
    position: relative;
}
#globalMenu ul li a{
	display:block;
	height:42px;
	text-indent:-9999px;
}
#globalMenu ul li a:hover{
	background:url(images/line_01.gif) left bottom repeat-x;
}
.globalMenu01 a{
	width:69px;
}
.globalMenu02 a{
	width:67px;
}
.globalMenu03 a{
	width:90px;
}
.globalMenu04 a{
	width:95px;
}
.globalMenu05 a{
	width:60px;
}
.globalMenu06 a{
	width:67px;
}
.globalMenu07 a{
	margin-left:245px;
	width:102px;
}
.here{
	background:url(images/line_01.gif) left bottom repeat-x;
}
#globalMenu ul li ul {
    display: none;
}
#globalMenu ul li:hover li a {
	text-indent:0px;
	height:21px;
	width:83px;
	padding:3px 10px;
	border-left:1px solid #E3E0D1;
	border-right:1px solid #E3E0D1;
	border-bottom:1px solid #E3E0D1;
	background-color:#FFFFFF;
}
#globalMenu ul li:hover ul {
    width: 85px;
    position: absolute;
    top: 43px;
    left: 0;
    display: block;
}


* html #globalMenu ul li a.hide,* html #globalMenu ul li a:visited.hide {
    display: none;
}
* html #globalMenu ul li a:hover ul li a.hide {
    display: none;
}
* html #globalMenu ul li a:hover {
}
* html #globalMenu ul li a:hover ul {
    width: 85px;
    position: absolute;
    top: 43px;
    left: 0;
    display: block;
}
* html #globalMenu ul li a:hover ul li a.sub {
}
* html #globalMenu ul li a:hover ul li a {
	text-indent:0px;
    display: block;
	height:21px;
	padding:3px 10px;
	width:95px;
	border-left:1px solid #E3E0D1;
	border-right:1px solid #E3E0D1;
	border-bottom:1px solid #E3E0D1;
	font-family:Verdana, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka;
	font-size:10px;
	background-color:#FFFFFF;
}
* html #globalMenu ul li a:hover ul li a ul {
    visibility: hidden;
}
* html #globalMenu ul li a:hover ul li a:hover {
	background:#FFFFFF url(images/line_01.gif) left bottom repeat-x;
}
* html #globalMenu ul li a:hover ul li a:hover ul {
    visibility: visible;
    position: absolute;
    left: 85px;
    top: 0;
}
/*----------------------------------------content-*/
#contentBg{
	padding:20px 0;
}
#content{
}
/*----------------------------------------mainCol-*/
#mainCol{
	float:left;
	width:570px;
}
/*----------------------------------------sideCol-*/
#sideCol{
	float:right;
	width:250px;
	line-height:16px;
}
#mhmBox{
	border:1px solid #e0e0e0;
	padding:15px 0 0 0;
	margin:50px 20px 0 0;
	background:#FFFFFF url(images/box_01_head.gif) center top no-repeat;
}
.indexSideCol #mhmBox{
	margin:20px 20px 0 0;
}
.salonList{
	padding:10px 10px 5px 10px;
}
#mhmBox .last{
	background:url(images/box_01_foot.gif) center bottom no-repeat;
	padding-bottom:15px;
}
.salonList .photo{
	margin-bottom:10px;
}
.moreinfoBtn{
	margin-top:3px;
}
#mbBox{
	margin-top:15px;
	padding-right:20px;
}
.qr{
	float:left;
	margin-right:10px;
}
/*----------------------------------------footer-*/
#footerBg{
	color:#FFFFFF;
	background-color:#5E3000;
	padding:0 20px 15px 20px;
}
#footer{
	font-size:90%;
}
.gotopBtn{
	display:block;
	width:85px;
	height:19px;
	text-indent:-9999px;
	overflow:hidden;
	float:right;
	background:url(images/btn_gotop.gif) left top no-repeat;
}
.copyright{
	padding-top:15px;
}
/*----------------------------------------------------index*/
#newsBox{
	border:1px solid #E2E2E2;
	background-color:#FFFFFF;
	padding:15px 0;
	margin:20px 0 0 20px;
}
#saloninfoBox{
	border:1px solid #E2E2E2;
	background-color:#FFFFFF;
	padding:15px 0;
	margin:15px 0 0 20px;
}
#newsBox .entryList,#saloninfoBox .entryList{
	padding:15px 20px 25px 20px;
	background:url(images/line_04.gif) center bottom no-repeat;
}
#newsBox .last,#saloninfoBox .last{
	padding-bottom:0px;
	background:none;
}
#newsBox .entryList h4{
	padding-left:12px;
	background:url(images/arw_01.gif) left 0.5em no-repeat;
}
#saloninfoBox .entryList h4{
	padding-left:12px;
}
#newsBox .entryList .txt,#saloninfoBox .entryList .txt{
	padding-left:12px;
}
#newsBox .entryList h4 a,#saloninfoBox .entryList h4 a{
	color:#4C2505;
}
#newsBox .entryList a,#saloninfoBox .entryList a{
	color:#333333;
}
#newsBox .entryList a:hover,#saloninfoBox .entryList a:hover{
	color:#5E3000;
}
/*----------------------------------------------------page*/
.pageHeader{
	position:relative;
	margin:18px 0 10px 0;
}
.pageMenu{
	position:absolute;
	top:8px;
	left:370px;
}
.pageMenu ul{
	list-style:none;
	width:174px;
	height:18px;
	overflow:hidden;
	background:url(images/menu_saloncommon.gif) left top no-repeat;
}
.pageMenu ul li{
	float:left;
}
.pageMenu ul li a{
	display:block;
	height:18px;
	text-indent:-9999px;
}
.pageMenu01{
	width:100px;
}
.pageMenu02{
	width:74px;
}
.pageMenu01 a:hover, .pageMenu01.pHere a{
	background:url(images/arw_02_h.gif) left top no-repeat;
}
.pageMenu02 a:hover, .pageMenu02.pHere a{
	background:url(images/arw_02_h.gif) left top no-repeat;
}
.pageTxt{
	padding:20px 0 0 20px;
}
.menuTbl{
	width:100%;
	font-size:100%;
	margin-bottom:30px;
}
.menuTbl th{
	text-align:left;
	padding:4px 5px;
	color:#4C2505;
	width:150px;
	background:url(images/line_06.gif) left bottom repeat-x;
}
.menuTbl td{
	text-align:left;
	padding:4px 5px;
	background:url(images/line_06.gif) left bottom repeat-x;
}
.staffScheTbl{
	width:100%;
	font-size:100%;
	margin-bottom:35px;
}
.staffScheTbl th{
	text-align:left;
	padding:4px 5px;
	color:#4C2505;
	background:url(images/line_06.gif) left bottom repeat-x;
}
.staffScheTbl td{
	text-align:center;
	padding:4px 5px;
	width:135px;
	background:url(images/line_06.gif) left bottom repeat-x;
}
.even th,.even td{
	background-color:#FBF5E8;
}
.staffProfList{
	margin:10px 0 27px 0;
	clear:both;
}
.staffProfPhoto{
	float:left;
	margin-bottom:25px;
	padding:10px;
	border:1px solid #cccccc;
	background-color:#ffffff;
	text-align:center;
	width:140px;
}
.staffProfTxt{
	float:right;
	width:370px;
	margin-bottom:25px;
}
.line{
	padding:3px 5px;
	background:url(images/line_06.gif) left bottom repeat-x;
}
.staffProfTxt .first{
	padding-top:0;
}
.staffProfTxt .last{
	background:none;
	padding-bottom:0;
}
.short{
	width:49%;
	float:left;
}
.pageFootAdd{
	width:232px;
	float:left;
}
.pageFootMap{
	width:280px;
	float:right;
}
/*----------------------------------------------------NewsPage*/
.pageCatTtl {
	margin-top:5px;
	font-size:120%;
	line-height:140%;
}
#newsPage{
	padding-left:20px;
}
.newsArea{
	border:1px solid #E2E2E2;
	background-color:#FFFFFF;
	padding:0 15px;
}
.newsEntryList{
	padding:25px 0 30px 0;
	background:url(images/line_04.gif) center bottom no-repeat;
}
.newsEntryTtl{
	margin-bottom:20px;
}
.newsEntryTtl h3,.newsEntryTtl h4{
	font-size:130%;
	line-height:130%;
}
.postmetadata{
	color:#4C2504;
	padding:10px 0 10px 0;
}
.navigation{
	margin:20px 0;
	text-align:center;
}
.navigation a{
	margin:0 20px;
}
.newsSideCol{
	padding:50px 20px 15px 5px;
}
.newsSideCol h3{
	font-size:100%;
	line-height:140%;
}
.newsSideCol ul{
	list-style:none;
	margin-bottom:30px;
}
.newsSideCol ul li a{
	padding-left:12px;
	background:url(images/arw_01.gif) left 0.4em no-repeat;
	color:#666666;
}