@charset "utf-8";
/* CSS Document */

body {
background-image:url(../images/bg_top.png);
background-repeat:no-repeat;
background-position:left top;
color:#333333;
}



/* ヘッダ */
#headerLine {
background-color:#bbbbbb;
height:6px;
}

#headerMenu {
	width:882px;
	margin:0 auto;
	text-align:right;
	z-index: 3;
}

#header {
	height:100px;
	width:882px;
	z-index:2;
	left: 0px;
	top:0px;
	position:relative;

}

h1 {
	font-size:13px;
	color:#666666;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	letter-spacing:0px;
	margin:10px 0px;

}

#header .titletext {
	position:absolute;
	left:322px;
	top:56px;
	width:560px;
	height:34px;
	z-index:5;
	text-align:right;

}

#header .titletext h1 {
	font-size:12px;
	font-weight: bolder;
	color:#767676;


}

#headerBG {
background-color:#ffcde3;
height:230px;
margin-bottom:-220px;
z-index:2;
}

#headerBG_mini {
background-color:#ffcde3;
height:70px;
margin-bottom:-60px;
z-index:2;
}

.subheader {
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	background-color: #CCCCCC;
	padding: 5px 8px 5px 8px;
	margin-bottom:10px;
}

.subcontentsHeader {
	margin-right:8px;
	margin-bottom:10px;
}


.topsubheader {
	background-color:#FECDE3;
	margin-bottom:10px;
}


/* メニュー */
#menu {
margin:0 auto;
width:882px;
margin-bottom:5px;
z-index:4;
position:relative;

}

#menu .space {
margin-right:2px;
}


/* レイアウト */
#contents {
width:882px;
margin:0 auto 30px auto;
z-index:3;
position:relative;
min-height:600px;
}

#leftcontents {
	width:202px;
	margin-right:15px;
	float:left;
	display:inline;
	font-size: 80%;

}

#rightcontents {
width:665px;
float:left;
display:inline;

}

/*　リンク　 */


a:link {
	color: #333333;
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
	color: #333333;
}
a:hover {
	text-decoration: none;
	color: #E01971;
}
a:active {
	text-decoration: none;
	color: #333333;
}



/* 左コンテンツ */

#leftcontents .contents {
background-color:#fbfbfb;
border:1px solid #bebebe;
border-bottom:0;
border-top:0;
padding:5px 8px 0 8px;

}

#leftcontents ul {
margin:0;
padding:0;
}

#leftcontents li {
list-style:none;
}


#leftcontents .menu {
font-weight:bold;
list-style:none;
background-image:url(../images/listIcon.png);
background-repeat:no-repeat;
padding-left:20px;
}

.lefttableHeader {
	color:#767676;
	padding:0 0 0 10px;
	background-image:url(../images/leftContentsHeader_BG.png);
	widows:202px;
	height:22px;
	line-height: 14pt;
}

/*　メインコンテンツ　*/

.header {
font-size:24px;
color:#e01971;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;

}

.TitleHeader {
margin-bottom:20px;
}

.subheader {
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	padding: 5px 8px 5px 8px;
	margin-bottom:10px;
}
.contentsheader {
	background-image:url(../images/contentsheaderbg.png);
	background-repeat:repeat-x;
	background-position:bottom;
	padding:10px 0 10px 0;
	font-size:14px;
	font-weight:bold;
	padding-left:10px;
	color:#666666;
	margin-bottom: 10px;
}

.topList {
background-color:#EFEEED;
margin-bottom:8px;
margin-right:8px;
padding:5px;
}

.wrap {
	width: 100%;
}

.artList {
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	width: 318px;
	min-height: 126px;
	margin: 0px 4px 10px 4px;
	border: 1px solid #cccccc;
	background-color:#FFFFFF;
	vertical-align: top;
	padding:2px;

}

.artUser {
	background-color:#efefef;
	padding:4px;
	margin-top:2px;
}

.salonUser {
	background-color:#fff0f7;
	padding:4px;
	margin-top:2px;
}

.salonUser div {
	font-size:90%;
	line-height:14px;
	color:#777777;
}

.faqList {
border-bottom:1px solid #cccccc;
margin-bottom:8px;
margin-right:8px;
padding:5px;
}

.topListTitle {
}

.topList .Image {
width:96px;
margin-right:8px;

}

.more {
margin-right:8px;
}

.mainTable {
	margin-top:10px;
	padding:0 6px;
	margin-bottom: 15px;
}

#category ul {
margin:0;
padding:0;
}

#category li {
list-style:none;
}


#category .menu {
font-weight:bold;
list-style:none;
background-image:url(../images/listIcon.png);
background-repeat:no-repeat;
padding-left:20px;
}

.newestKutikomi{
border-bottom:1px solid #EFEEED;
margin-bottom:5px;
}
.newestKutikomi .title {
	font-weight:bold;
	color:#333333;
	padding:5px 8px;
}
.newestKutikomi .contents{
	font-size:80%;
	padding:0 10px 10px 10px;
	color:#666666;
}

.newestKutikomi a:link {
	color: #333333;
	text-decoration: underline;
}
.newestKutikomi a:visited {
	text-decoration: underline;
	color: #333333;
}
.newestKutikomi a:hover {
	text-decoration: none;
	color: #E01971;
}
.newestKutikomi a:active {
	text-decoration: none;
	color: #333333;
}

/*　口コミ募集　*/
.kutikomiPR {
	border:dashed 1px #FFCC33;
	padding:10px;
	margin:10px;
	background-color: #FFFDF0;
	font-size:smaller;
	line-height:16pt;
}




/* フッタ */

#footer {
	background-color:#bbbbbb;
	height:80px;
}

#footer div {
margin:auto auto;
color:#FFFFFF;
padding-top:10px;
}

#footer a:link {
	color: #ffffff;
	text-decoration: underline;
}
#footer a:visited {
	text-decoration: underline;
	color: #ffffff;
}
#footer a:hover {
	text-decoration: none;
	color: #ffffff;
}
#footer a:active {
	text-decoration: none;
	color: #ffffff;
}

#bgBottom {
	background-image:url(../images/bg_bottom.png);
	background-position:right bottom;
	background-repeat:no-repeat;
	height:287px;
	margin-top:-367px;
	z-index:1;
	position:relative;
}

/*　フリーワード検索　*/

.textfield {
	height: 20px;
	width: 360px;
	font-size: 16px;
	margin-bottom: 11px;

}

.textfieldmini {
	height: 20px;
	width: 280px;
	font-size: 16px;
	margin-bottom: 11px;

}

.searchsample {
	margin-top:-16px;
	font-size:x-small;
	text-align: left;
}

#apDiv1 {
	position:relative;
	left:0px;
	top:0px;
	width:653px;
	height:72px;
	z-index:13;
}


/*　検索ボタン　*/
.searchbutton {
  width: 201px;
  height: 38px;
  border: 0;
  background: url(../images/searchbutton.png) no-repeat 0 0;
  text-indent: -9999px;
  cursor: pointer;
}

.searchbuttonmini {
  width: 104px;
  height: 29px;
  border: 0;
  background: url(../images/searchbutton_mini.png) no-repeat 0 0;
  text-indent: -9999px;
  cursor: pointer;
}

.searchbutton a hover {
	background-image:url(../images/searchbutton_hover.png);
}
/*\*//*/
.button {
  letter-spacing: -9999px;
}
/**/

#apDivSearch {
	position:absolute;
	left:147px;
	top:22px;
	width:504px;
	height:70px;
	z-index:12;
}



/*　市区町村表示　*/
.district {
	border-bottom:dashed #CCCCCC 1px;
	margin-bottom:5px;
}

.districtInitial {
	width:20px;
	height:100%;
	background-color: #FFCDE3;
	font-size:16px;
	font-weight:bold;
	color:#666666;
	text-align:center;
	padding:3px;
	display:inline;
	float:left;
	display:inline;
}

.districtList {
	float:left;
	margin-left:10px;
	width: 580px;
	display:inline;
}

/*　リスト　*/

.listnoadv {
	border-bottom: solid #CCCCCC 1px;
	margin-bottom:20px;
	width: 634px;
}


.listadv {
	background-color:#ffffff;
	border-style:solid;
	border-width:1px;
	border-color:#E01971;
	margin-bottom:20px;
	width: 634px;
}

.listImg {
	width:200px;
	height:150px;
	margin-right:10px;
}

.listnoadvTitle {
margin-left:5px;
font-weight:bold;
margin-bottom:3px;
margin-top:3px;

}

.listadvTitle {
padding:3px 5px 3px 5px;
background-color:#E01971;
margin-bottom:5px;
font-weight:bold;


}

.listLinkButtonBg {
	background-color:#ffeaf3;
}


.listadvTitle a:link {
	color: #ffffff;
	text-decoration: underline;
}
.listadvTitle a:visited {
	text-decoration: underline;
	color: #ffffff;
}
.listadvTitle a:hover {
	text-decoration: none;
	color: #ffffff;
}
.listadvTitle a:active {
	text-decoration: none;
	color: #ffffff;
}


.listadvCatch {
	font-size:80%;
	font-weight:bold;
	margin-bottom:8px;
	color: #565656;
}

.listnoadvCatch {
margin-left:5px;
color: #565656;
}

.listInformation {
margin-left:5px;
margin-bottom:5px;
line-height: 14pt;
color:#666666;
}
.listButton {
	margin: 4px 2px 6px 2px;


}

.tel {
font-weight:bold;
color:#000000;

}

.listInformationTitle {
color:#ffffff;
background-color:#898989;
font-weight:bold;
padding:3px;
}

.listInformationTel {
margin-bottom:3px;
}

.listadvLinkButton {
margin:-60px 0 10px 15px;
}

.listnoadvLinkButton {
margin:-60px 0 10px 10px;
}

/*　インプット関係　*/

.openIDbutton {
	color:#006699; /* 文字の色 */
	background-color:#ffffff; /* 背景色 */
	border:0; /* 線の種類と色 */
	cursor: pointer;

}

.openIDbuttonMini {
	color: #006699; /* 文字の色 */
	background: none; /* 背景色 */
	border:0; /* 線の種類と色 */
	cursor: pointer;
	font-size:90%;

}

.openIDbuttonMini:hover {
	color: #FF9900;
	border-bottom:1px solid #FF9900;
} 



div .openIDbutton {
	border-bottom:1px solid #006699;
}

div .openIDbuttonMini {
	border-bottom:1px solid #006699;
}


.loginbutton {
text-align: center;
cursor: pointer;
background-image:url(../images/loginButtonBG.png);
width:129px;
height:39px;
color:#FFFFFF;
cursor: pointer;
border:0;

}

.loginbutton:hover{
background-image:url(../images/loginButtonBG-swap.png);

}

.logintextform {
	border:1px solid #978252;
	margin-right:5px;
	margin-bottom:2px;
}


.openIDtextform {
	float:left;
	display: inline;
	margin-right:5px;
	border:1px solid #978252;
}

.openIDLoginButton {
text-align: center;
cursor: pointer;
background-image:url(../images/openidLoginButtonBG.png);
width:62px;
height:23px;
color:#FFFFFF;
border:0;
float:left;
display:inline;
margin:-1px 0 5px 0;
}

/*　ページのトップへ戻るボタン　*/

.pagetopbutton {
float:right;
margin-bottom:20px;
margin-top:10px;
display:inline;
}

/*　広告ページ　*/
.advContentsTitle {
	background-image:url(../images/AdvTitleBg.png);
	background-repeat:no-repeat;
	width:880px;
	padding:20px;
}

.advContentsTitle .tel {
font-size:30px;
padding-left:10px;
}

#advContents {
	width:860px;
	margin:0 auto;
}

#advContents .contents{
	width:850px;
	margin:0 auto;
}

.mainImg {
	width:400px;
	margin-right:10px;
	margin-bottom: 15px;
}

.otherImg {
	width:240px;
	margin-left:10px;
	margin-bottom: 20px;
}

.appealText {
	line-height: 18pt;
	margin-bottom:10px;
	font-size:80%;
	color:#565656;
}

.buzzword {
	font-size:110%;
	font-weight:bold;
	margin-bottom:8px;
	color: #E01971;
}

.timeTable {
	font-size:small;
	margin-top:5px;
	margin-bottom: 15px;
	width: 860px;

}
.remark {
	font-size:small;
	background-color: #EBEBEB;
	padding:8px;
	line-height: 12pt;
}

.tabBottomBer {
	height:13px;
	margin-bottom:20px;
	background-image:url(../images/adv_tab_bottom.png);
	background-repeat:repeat-x;
}


.entrybutton {
text-indent:-9999px;
cursor: pointer;
background: url(../images/button_job_entry.png) no-repeat 0 0;
width:355px;
height:54px;
color:#FFFFFF;
cursor: pointer;
border:0;
}

.entrybutton:hover {
background-image:url(../images/button_job_entry_over.png);
}

.schollrequestbutton {
text-indent:-9999px;
cursor: pointer;
background-image: url(../images/button_scholl_request.png);
width:355px;
height:54px;
color:#FFFFFF;
cursor: pointer;
border:0;

}

.schollrequestbutton:hover {
background-image:url(../images/button_scholl_request_over.png);
}


/*　営業時間テーブル　*/
table#table-01 {
    width: 100%;
    border: 1px #ffcde3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table#table-01 th {
    padding: 5px;
    border: #ffcde3 solid;
    border-width: 0 0 1px 1px;
    background: #ffecf5;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
    white-space: nowrap; 
}
table#table-01 td {
    padding: 5px;
    border: 1px #ffcde3 solid;
    border-width: 0 0 1px 1px;
    text-align: center;
    white-space: nowrap;
}
.sundey {color: #FF3300}

.saturday {color: #0066CC}

.serviceOn {
	background-color:#ffecf5;
	text-align:center;
	font-weight:bold;
	color:#E01971;
	font-size:80%
}

.serviceOff {
	background-color:#eeeeee;
	text-align:center;
	color:#999999;
	font-size:80%

}

/*　日本地図　*/

.map {
border:#CCCCCC solid 1px;
background-color:#FFFFFF;
filter:Alpha(opacity=80); -moz-opacity: 0.80; opacity:0.80;
padding:4px;
font-size:smaller;
line-height:16pt;
}

.prefecture {
padding-top:2px;
padding-bottom:2px;
text-align:center;
font-weight:bold;
margin-left:auto;
margin-right:auto;
}

.float {
float:left;
margin-right:3px;
margin-left:3px;
display:inline;

}

.kanagawa {
font-size:90%;
letter-spacing:0px;
}

#apDivmap {
	position:relative;
	left:0px;
	top:0px;
	width:654px;
	height:346px;
	z-index:11;
}

#apDivHokkaido {
	position:absolute;
	left:501px;
	top:32px;
	width:64px;
	height:28px;
	z-index:1;
}
#apDivTohoku {
	position:absolute;
	left:476px;
	top:97px;
	width:74px;
	height:76px;
	z-index:2;
}
#apDivKanto {
	position:absolute;
	left:463px;
	top:214px;
	width:84px;
	height:100px;
	z-index:3;
}
#apDivTokai {
	position:absolute;
	left:348px;
	top:264px;
	width:74px;
	height:50px;
	z-index:4;
}

#apDivCyugoku {
	position:absolute;
	left:166px;
	top:155px;
	width:74px;
	height:76px;
	z-index:6;
}
#apDivShikoku {
	position:absolute;
	left:167px;
	top:274px;
	width:74px;
	height:50px;
	z-index:7;
}
#apDivKansai {
	position:absolute;
	left:273px;
	top:167px;
	width:50px;
	height:151px;
	z-index:8;
}
#apDivKoushinetsu {
	position:absolute;
	left:355px;
	top:144px;
	width:74px;
	height:76px;
	z-index:9;
}
#apDivKyusyu {
	position:absolute;
	left:69px;
	top:169px;
	width:74px;
	height:100px;
	z-index:10;
}
#apDivOkinawa {
	position:absolute;
	left:33px;
	top:297px;
	width:51px;
	height:23px;
	z-index:5;
}

/* IE6バグ対策 */
*html #contents {
width:882px;
margin:0 auto 15px auto;
z-index:3;
position:relative;
min-height:600px;
}

*html #leftcontents {
	width:202px;
	margin-right:7px;
	float:left;
	display:inline;
	font-size: 80%;

}

