@charset "utf-8";

/**********************************
  USER CONTROL BUTTON
**********************************/

/* -------------------
  USR-TOP
------------------- */

#main #usr-top {
	text-align:right;
	margin-top:-10px;
	margin-bottom:30px;
}

#main #usr-top img {
	margin-left:3px;
}

#main #usr-top p {
	margin-bottom:5px;
	color:#888888;
}

/* -------------------
  USR-BOTTOM
------------------- */

#main #usr-bottom {
	text-align:center;
	padding-bottom:10px;
	margin-top:40px; 
	margin-bottom:30px;
}

#main #usr-bottom img {
	margin-top:3px;
	margin-left:2px;
}

#main #usr-bottom p {
	color:#888888;
	font-size:12px; 
	margin-bottom:25px;
}
#main #usr-bottom font.off {
	color:#cdcdcd;
	font-size:12px; 
	margin-bottom:25px;
}

#main #usr-bottom a:link,
#main #usr-bottom a:visited {
    color:#888888;
    text-decoration:none;
}

#main #usr-bottom a:active,
#main #usr-bottom a:hover {
    color:#AAAAAA;
    text-decoration:underline;
}
/* -------------------
  USR-LEFT
------------------- */

#main #usr-left {
	float:left;
}

/* -------------------
  USR-RIGHT
------------------- */

#main #usr-right {
	text-align:right;
}

/* -------------------
  Links
------------------- */

#main #usr-top a:link,
#main #usr-top a:visited {
	color:#6BA449;
	text-decoration:underline;
}

#main #usr-top a:active,
#main #usr-top a:hover {
	color:#83BB61;
	text-decoration:underline;
}

/**********************************
  SWITCH-TAB
**********************************/

ul#switchtab {
	width:424px;
	height:26px;
	margin-left:2px;
}

/* \*/
* html ul#switchtab li { display: inline; }
/* */

ul#switchtab li {
	height:26px;
	width:106px;
	float:left;
	list-style-type: none;
	font-size:1px;
}

ul#switchtab li a {
	display:block;
	height:26px;
	width:106px;
}


/**********************************
  SALON-DATA AREA
**********************************/

/* -------------------
  AREA Definition
------------------- */

#main #salondata-head {
	width:786px;
	height:4px;
	margin:0 auto;
	background-image: url("../images/bg/bg-salondata-head.gif");
	background-repeat: no-repeat;
	text-indent:-9999px;
	/*\*/ overflow: hidden; /**/
	font-size:1px;
}

#main #salondata {
	margin:0 auto;
	height:100%;
	background-image: url("../images/bg/bg-salondata-body.gif");
	background-repeat: repeat-y;
	background-position: center top;
	padding:10px 14px;
}

#main #salondata-foot {
	width:786px;
	height:4px;
	margin:0 auto;
	background-image: url("../images/bg/bg-salondata-foot.gif");
	background-repeat: no-repeat;
	text-indent:-9999px;
	/*\*/ overflow: hidden; /**/
	font-size:1px;
	margin-bottom:10px;
}


/**********************************
  TOP AREA
**********************************/
/* -------------------
  Pagetitle
------------------- */

#main #top_pagetitle{
	width: 786px;
	height:25px;
	background-repeat: no-repeat;
	text-align: left;
	margin:0px;
	float:none;
	clear:both;
	background-image: url(../images/sub/h2/count_title2.gif);
}
.shop_num{
	font-size:18px;
	color:#7cafee;
	font-weight:bold;
}

.padd_l155_t5{
	font-size:14px;
}
.bg_gray{
	width: 786px;
	background-color:#E5E5E5;
	margin:0px 0px -10px 0px;
	padding:0px;
}

h2.top-h2 {
 background:url(../images/area_search.gif) no-repeat;
 width:218px;
 height:22px;
 margin:0px;
 padding:0px;
 text-indent:-9999px;
}

/* -------------------
  Flash
------------------- */
.flash{
	margin:0px;
	padding:0px;
}

.flash2{
	width: 786px;
	margin:0px 0px 10px 0px;
	padding:0px;
}


/* -------------------
  こだわり検索
------------------- */
#kodawari{
	width:786px;
	margin-bottom:20px;
	padding-left:1px;

}

#kodawari .bg_kodawari{
	width:147px;
	height:73px;
	margin:0px;
	padding:0px;
	background-image: url(../images/bg/kodawari_search.gif);
	background-repeat:no-repeat;
	background-position:center center;
}

#kodawari a:link,
#kodawari a:visited {
	color:#666666;
	text-decoration:underline;
}

#kodawari a:active,
#kodawari a:hover {
	color:#999999;
	text-decoration:underline;
}

/* -------------------
  区切り線
------------------- */
.line{
	width:786px;
	margin:0px;
	padding:0px;

}
.gray_line01{
	width:786px;
	height:11px;
	background-color:#E5E5E5;
	margin:0px;
	padding:0px;
}
.white_line01{
	width:786px;
	height:1px;
	background-color:#FFF;
	margin:0px;
	padding:0px;
}
.black_line01{
	width:786px;
	height:4px;
	background-color:#000;
	margin:0px;
	padding:0px;
}

/* -------------------
  Special Information
------------------- */
#SP_title{
	width:786px;
	height:19px;
	margin:10px 0px 10px 0px;
	padding:0px;
	background-image: url(../images/sub/h3/h3_special_info.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
}

/* -------------------
  検討中サロン
------------------- */
#saron_title{
	width:759px;
	height:20px;
	margin:10px 0px 10px 15px;
	padding:0px;
	background-image: url(../images/sub/h3/h3_saron.gif);
	background-repeat:no-repeat;
}

/* -------------------
  新着情報
------------------- */
#news_title{
	width:759px;
	height:20px;
	margin:10px 0px 20px 15px;
	padding:0px;
	background-image: url(../images/sub/h3/h3_news.gif);
	background-repeat:no-repeat;
}
.news_list{
	width:728px;
	height:25px;
	background-color:#EFEFEF;
	vertical-align:middle;
	padding-left:10px;
}
.news_waku{
	background-color:#E5E5E5;
}
.news_bg_white{
	background-color:#FFF;
	line-height:140%;
	padding:10px;
}

/* -------------------
  Contents
------------------- */
#Contents_title{
	width:785px;
	height:28px;
	margin:0px 0px 10px 0px;
	padding:0px;
	background-image: url(../images/sub/h3/contents_title.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
}

#contents .subtitle{
	width:335px;
        height: 14px;
	margin:0px 0px 10px 0px;
	padding:0px;
        background-image: url(../images/sub_title.gif);
        background-repeat:no-repeat;
        text-indent: -9999px;
        /*\*/ overflow: hidden; /**/
}

#contents{
	width:786px;
        height:520px;
	margin:0px 0px 20px 0px;
	padding:0px;
        overflow:hidden;        
}

#contents .contensts_photo{
	width:70px;
	margin:0px;
	padding:0px;
}
#contents .contensts_text{
	width:192px;
	padding:0px 10px 0px 10px;
	vertical-align:top;
}

/****  css/grid.css  ***************************************************
/*コンテンツ右*/
#contents div.rcontents {
	width: 315px;
        position: relative;
        top: -359px;
        left: 473px;
        float: left;
	margin: 0;
	padding: 0;
}
/*コンテンツ左*/
#contents div.lcontents {
	width: 468px;
        position: relative;
        top:-22px;
        left:-314px;
        float:left;
	margin: 0;
	padding: 0;
}

/*転職Q&A*/
#contents div.newq_a{
        background:url('../images/contents/newicon.gif') no-repeat #FFFFFF 0% 0%;
	width: 50px;
	height: 11px;
        position: relative;
        left: 105px;
	margin: 0;
	padding:0;
}

#contents div.blancq_a{
        background:url('../images/contents/notnewicon.gif') no-repeat #FFFFFF 0% 0%;
	width: 50px;
	height: 11px;
        position: relative;
        left: 105px;
	margin: 0;
	padding:0;
}

#contents div.q_a {
	width: 155px;
	height: 91px;
        float: left;
	margin: 0;
	padding:0;
        font-size: 0;
        text-indent: -9999px;
        /*\*/ overflow: hidden; /**/
}

#contents div.q_a a{
        display:block;
        background:url('../images/contents/icon_off_QandA.jpg') no-repeat #FFFFFF 0% 0%;
	width: 155px;
	height: 91px;
 	width: 100%;
	height: 100%;
	margin: 0;
	padding:0;
        text-indent: -9999px;
        /*\*/ overflow: hidden; /**/
}

#contents div.q_a a:hover{
        display:block;
        background:url('../images/contents/icon_on_QandA.jpg') no-repeat #FFFFFF 0% 0%;
	width: 155px;
	height: 91px;
	margin: 0;
	padding:0;
	border: solid 1px #ffffff;
}


/*ヒント*/
#contents div.newhint{
        background:url('../images/contents/newicon.gif') no-repeat #FFFFFF 0% 0%;
	width: 50px;
	height: 11px;
        position: relative;
        top: -11px;
        float: right;
	margin: 0;
	padding:0;
}

#contents div.blanchint{
        background:url('../images/contents/notnewicon.gif') no-repeat #FFFFFF 0% 0%;
	width: 50px;
	height: 11px;
        position: relative;
        top: -11px;
        float: right;
	margin: 0;
	padding:0;
}

#contents div.hint{
	width: 158px;
	height: 154px;
        position: relative;
        top: -11px;
        float: right;
	margin: 0;
	padding:0;
        font-size: 0;
        text-indent: -9999px;
        /*\*/ overflow: hidden; /**/
}

#contents div.hint a{
        display:block;
        background:url('../images/contents/icon_off_hint.jpg') no-repeat #FFFFFF 0% 0%;
	width: 158px;
	height: 154px;
 	width: 100%;
	height: 100%;
	margin: 0;
	padding:0;
        text-indent: -9999px;
        /*\*/ overflow: hidden; /**/
}

#contents div.hint a:hover{
        display:block;
        background:url('../images/contents/icon_on_hint.jpg') no-repeat #FFFFFF 0% 0%;
	width: 158px;
	height: 154px;
	margin: 0;
	padding:0;
	border: solid 1px #ffffff;
}


/*埋め草１icon_ume1.jpg*/

#contents div.ume1{
        background:url('../images/contents/icon_ume01.jpg') no-repeat #FFFFFF 0% 0%;
	width: 155px;
	height: 120px;
        float: left;
	margin: 0;
	padding:0;
        padding-bottom: 1px;
        text-indent: -9999px;
        /*\*/ overflow: hidden; /**/
}


/*埋め草１リンクあり*/

#contents div.newume1{
        background:url('../images/contents/newicon.gif') no-repeat #FFFFFF 0% 0%;
	width: 50px;
	height: 11px;
        position: relative;
        left: 105px;
        float: left;
	margin: 0;
	padding:0;
        font-size: 0;
}

#contents div.blancume1{
        background:url('../images/contents/notnewicon.gif') no-repeat #FFFFFF 0% 0%;
	width: 50px;
	height: 11px;
        position: relative;
        left: 105px;
        float: left;
	margin: 0;
	padding:0;
}

#contents div.aume1 {
	width: 155px;
	height: 120px;
        float: left;
	margin: 0;
	padding:0;
        padding-bottom: 1px;
        text-indent: -9999px;
        /*\*/ overflow: hidden; /**/
}

#contents div.aume1 a{
        display:block;
/*        background:url('../images/contents/icon_off_aume01.jpg') no-repeat #FFFFFF 0% 0%;*/
        background:url('../images/contents/icon_off_jibun.jpg') no-repeat #FFFFFF 0% 0%;        
	width: 155px;
	height: 120px;
 	width: 100%;
	height: 100%;
	margin: 0;
	padding:0;
        text-indent: -9999px;
        /*\*/ overflow: hidden; /**/
}

#contents div.aume1 a:hover{
        display:block;
/*        background:url('../images/contents/icon_on_aume01.jpg') no-repeat #FFFFFF 0% 0%;*/
        background:url('../images/contents/icon_on_jibun.jpg') no-repeat #FFFFFF 0% 0%;   
	width: 155px;
	height: 120px;
	margin: 0;
	padding:0;
	border: solid 1px #ffffff;
}

/*占い*/
#contents div.newuranai{
        background:url('../images/contents/newicon.gif') no-repeat #FFFFFF 0% 0%;
	width: 50px;
	height: 11px;
        position: relative;
        top: -10px;
        float: right;
	margin: 0;
	padding:0;
}
#contents div.blancuranai{
        background:url('../images/contents/notnewicon.gif') no-repeat #FFFFFF 0% 0%;
	width: 50px;
	height: 11px;
        position: relative;
        top: -10px;
        float: right;
	margin: 0;
	padding:0;
}

#contents div.uranai{
	width: 158px;
	height: 56px;
        float: right;
        position: relative;
        top: -10px;
	margin: 0;
	padding:0;
        padding-bottom: 2px;
        font-size: 0;
        text-indent: -9999px;
        /*\*/ overflow: hidden; /**/
}

#contents div.uranai a{
        display:block;
        background:url('../images/contents/icon_off_uranai.jpg') no-repeat #FFFFFF 0% 0%;
	width: 158px;
	height: 56px;
 	width: 100%;
	height: 100%;
	margin: 0;
	padding:0;
        text-indent: -9999px;
        /*\*/ overflow: hidden; /**/
}

#contents div.uranai a:hover{
        display:block;
        background:url('../images/contents/icon_on_uranai.jpg') no-repeat #FFFFFF 0% 0%;
	width: 158px;
	height: 56px;
	margin: 0;
	padding:0;
	border: solid 1px #ffffff;
}

/*街と美容室*/
#contents div.newmachi{
        background:url('../images/contents/newicon.gif') no-repeat #FFFFFF 0% 0%;
	width: 50px;
	height: 11px;
        position: relative;
        left: 135px;
        float: left;
	margin: 0;
	padding:0;
}
#contents div.blancmachi{
        background:url('../images/contents/notnewicon.gif') no-repeat #FFFFFF 0% 0%;
	width: 50px;
	height: 11px;
        position: relative;
        left: 135px;
        float: left;
	margin: 0;
	padding:0;
}

#contents div.machi {
	width: 185px;
	height: 162px;
        float: left;
	margin: 0;
	padding:0;
        font-size: 0;
        text-indent: -9999px;
        /*\*/ overflow: hidden; /**/
}

#contents div.machi a{
        display:block;
        background:url('../images/contents/icon_off_machi.jpg') no-repeat #FFFFFF 0% 0%;
	width: 185px;
	height: 162px;
 	width: 100%;
	height: 100%;
	margin: 0;
	padding:0;
        text-indent: -9999px;
        /*\*/ overflow: hidden; /**/
}

#contents div.machi a:hover{
        display:block;
        background:url('../images/contents/icon_on_machi.jpg') no-repeat #FFFFFF 0% 0%;
	width: 185px;
	height: 162px;
	margin: 0;
	padding:0;
	border: solid 1px #ffffff;
}

/*美容師ステップアップ*/
#contents div.newstepup{
        background:url('../images/contents/newicon.gif') no-repeat #FFFFFF 0% 0%;
	width: 50px;
	height: 11px;
        position: relative;
        top: -11px;
        float: right;
	margin: 0;
	padding:0;
}
#contents div.blancstepup{
        background:url('../images/contents/notnewicon.gif') no-repeat #FFFFFF 0% 0%;
	width: 50px;
	height: 11px;
        position: relative;
        top: -11px;
        float: right;
	margin: 0;
	padding:0;
}

#contents div.stepup {
	width: 128px;
	height: 253px;
        position: relative;
        top: -11px;
        float: right;
	margin: 0;
	padding:0;
        padding-bottom: 2px;
        font-size: 0;
        text-indent: -9999px;
        /*\*/ overflow: hidden; /**/
}

#contents div.stepup a{
        display:block;
        background:url('../images/contents/icon_off_stepup.jpg') no-repeat #FFFFFF 0% 0%;
	width: 128px;
	height: 253px;
 	width: 100%;
	height: 100%;
	margin: 0;
	padding:0;
        text-indent: -9999px;
        /*\*/ overflow: hidden; /**/
}

#contents div.stepup a:hover{
        display:block;
        background:url('../images/contents/icon_on_stepup.jpg') no-repeat #FFFFFF 0% 0%;
	width: 128px;
	height: 253px;
	margin: 0;
	padding:0;
	border: solid 1px #ffffff;
}


/*埋め草３*/
#contents div.ume3{
        background:url('../images/contents/icon_ume03.jpg') no-repeat #FFFFFF 0% 0%;
	width: 215px;
	height: 80px;
        position: relative;
        top: -94px;
        left: -30px;
        float:left;
	margin: 0;
	padding:0;
        padding-bottom: 2px;
        text-indent: -9999px;
        /*\*/ overflow: hidden; /**/
}

/*埋め草３リンクあり*/
#contents div.newume3{
        background:url('../images/contents/newicon.gif') no-repeat #FFFFFF 0% 0%;
	width: 50px;
	height: 11px;
        position: relative;
        top: px;
        left: 135px;
        float:left;
	margin: 0;
	padding:0;
　　　　font-size: 0;
}

#contents div.blancume3{
        background:url('../images/contents/notnewicon.gif') no-repeat #FFFFFF 0% 0%;
	width: 50px;
	height: 11px;
        position: relative;
        top: px;
        left: 135px;
        float:left;
	margin: 0;
	padding:0;
}

#contents div.aume3 {
	width: 215px;
	height: 80px;
        float: left;
        position: relative;
        top: -94px;
        left: -30px;
	margin: 0;
	padding:0;
        padding-bottom: 2px;
        font-size: 0;
        text-indent: -9999px;
        /*\*/ overflow: hidden; /**/
}

#contents div.aume3 a{
        display:block;
        background:url('../images/contents/icon_off_new.jpg') no-repeat #FFFFFF 0% 0%;
	width: 215px;
	height: 80px;
 	width: 100%;
	height: 100%;
	margin: 0;
	padding:0;
        text-indent: -9999px;
        /*\*/ overflow: hidden; /**/
}

#contents div.aume3 a:hover{
        display:block;
        background:url('../images/contents/icon_on_new.jpg') no-repeat #FFFFFF 0% 0%;
	width: 215px;
	height: 80px;
	margin: 0;
	padding:0;
	border: solid 1px #ffffff;
}
/*天職Woman*/
#contents div.newwoman{
        background:url('../images/contents/newicon.gif') no-repeat #FFFFFF 0% 0%;
	width: 50px;
	height: 11px;
        position: relative;
        left: 168px;
	margin: 0;
	padding:0;
}
#contents div.blancwoman{
        background:url('../images/contents/notnewicon.gif') no-repeat #FFFFFF 0% 0%;
	width: 50px;
	height: 11px;
        position: relative;
        left: 168px;
	margin: 0;
	padding:0;
}

#contents div.woman {
	width: 218px;
	height: 150px;
        position: relative;
        float:left;
	margin: 0;
	padding:0;
        padding-bottom: 3px;
        font-size: 0;
        text-indent: -9999px;
        /*\*/ overflow: hidden; /**/
}

#contents div.woman a{
        display:block;
        background:url('../images/contents/icon_off_woman.jpg') no-repeat #FFFFFF 0% 0%;
	width: 218px;
	height: 150px;
 	width: 100%;
	height: 100%;
	margin: 0;
	padding:0;
        text-indent: -9999px;
        /*\*/ overflow: hidden; /**/
}

#contents div.woman a:hover{
        display:block;
        background:url('../images/contents/icon_on_woman.jpg') no-repeat #FFFFFF 0% 0%;
	width: 218px;
	height: 150px;
	margin: 0;
	padding:0;
	border: solid 1px #ffffff;
}

/*美容Dictionary*/
#contents div.newdic{
        background:url('../images/contents/newicon.gif') no-repeat #FFFFFF 0% 0%;
	width: 50px;
	height: 11px;
        position: relative;
        top: -11px;
        float:right;
	margin: 0;
	padding:0;
}
#contents div.blancdic{
        background:url('../images/contents/notnewicon.gif') no-repeat #FFFFFF 0% 0%;
	width: 50px;
	height: 11px;
        position: relative;
        top: -11px;
        float:right;
	margin: 0;
	padding:0;
}

#contents div.dic {
	width: 245px;
	height: 60px;
        position: relative;
        top: -11px; 
        float: right;
	margin: 0;
	padding:0;
        font-size: 0;
        text-indent: -9999px;
        /*\*/ overflow: hidden; /**/
}

#contents div.dic a{
        display:block;
        background:url('../images/contents/icon_off_dic.jpg') no-repeat #FFFFFF 0% 0%;
	width: 245px;
	height: 60px;
 	width: 100%;
	height: 100%;
	margin: 0;
	padding:0;
        text-indent: -9999px;
        /*\*/ overflow: hidden; /**/
}

#contents div.dic a:hover{
        display:block;
        background:url('../images/contents/icon_on_dic.jpg') no-repeat #FFFFFF 0% 0%;
	width: 245px;
	height: 60px;
	margin: 0;
	padding:0;
	border: solid 1px #ffffff;
}

/*スクール*/

#contents div.school {
	width: 214px;
	height: 80px;
        position: relative;
        left: -30px;
        top: -1px;
        float:right;
	margin: 0;
	padding:0;
        font-size: 0;
        text-indent: -9999px;
        /*\*/ overflow: hidden; /**/
}

#contents div.school a{
        display:block;
        background:url('../images/contents/icon_off_school.jpg') no-repeat #FFFFFF 0% 0%;
	width: 214px;
	height: 80px;
 	width: 100%;
	height: 100%;
	margin: 0;
	padding:0;
        text-indent: -9999px;
        /*\*/ overflow: hidden; /**/
}

#contents div.school a:hover{
        display:block;
        background:url('../images/contents/icon_on_school.jpg') no-repeat #FFFFFF 0% 0%;
	width: 214px;
	height: 80px;
	margin: 0;
	padding:0;
	border: solid 1px #ffffff;
}

.fcl { 
zoom: 100%;
}

.fcl:after {
content: " "; 
clear: both; 
height: 0; 
display: block; 
visibility: hidden;
}

/********************************************************/



/* -------------------
  padding
------------------- */
/*左*/
.padd_l10		{padding-left:10px;}

/*右*/
.padd_r10		{padding-right:10px;}

/*上・左*/
.padd_l155_t5	{padding:5px 0px 0px 10px;}


/* -------------------
  text-size
------------------- */
/*8px*/
.ss{font-size:8px;}
.s{font-size:10px;}

/* -------------------
  SPECIAL-PAGE
------------------- */
.waku{
	width:758px;
	border-color:#E6E6E6;
	border-width:1px;
	border-style:solid;
	margin:10px 0px 0px 0px;
	padding:0px;
}

.special-head {
	margin-bottom:10px;
}
.special-title {
	width:758px;
	text_algin:center;
	margin-bottom:10px;
}



/* -------------------
  BOX (.info-head)
------------------- */

.info-head {
	margin-bottom:10px;
	margin-top:10px;
}

.info-head p {
	color:#000000;
	padding:3px 5px 4px 5px;
	font-weight:bold;
	font-size:16px;
}

/* -------------------
  BOX (.info-topic)
------------------- */

.info-topic { margin-bottom:20px;}

.info-topic .left { width:180px; margin-left:15px;}

.info-topic .right { 
	width:540px; 
	word-break:break-all;
}


/* -------------------
  BOX (.info-picup)
------------------- */

.info-picup { margin-bottom:20px;}

.info-picup .left { width:210px; margin-left:45px;}

.info-picup .first { margin-left:15px;}

/* -------------------
  BOX (.info-voice)
------------------- */

.info-voice { margin-bottom:20px;}

.info-voice p {
	margin-bottom:5px;
	padding:5px 10px 0 10px;
}

.info-voice h3 {
	background-image:  url("../images/sub/h3/h3-salondata-01.gif");
	width:360px;
	height:23px;
}

.info-voice .odd {
	background-color:#EFEFEF;
	float:none;
	clear:both;
}

.info-voice .even {
	background-color:#BBBBBB;
	float:none;
	clear:both;
}

.info-voice .left { width:110px; font-size:1px;	height:100%;}
.info-voice .right { width:640px; height:100%;}
.info-voice .clear { background-color:#FFFFFF;}
.info-voice img {padding-left:7px;}

/* -------------------
  BOX (.info-point)
------------------- */

.info-point {}

.info-point h3 {
	background-image:  url("../images/sub/h3/h3-salondata-02.gif");
	width:360px;
	height:23px;
}

.info-point div {
	border:1px solid #BCBCBC;
	padding:5px 15px;
	background-image: url("../images/bg/bg-info-point-body.gif");
	background-repeat: repeat-y;
	word-break:break-all;
}

/* -------------------
  BOX (.info-data)
------------------- */

.info-data {
	border-top: 1px dotted #000;
	padding-top:20px;
}

.info-data h3 { width:178px; height:32px;}

.info-data h3.bosyu {background-image:  url("../images/sub/h3/h3-salondata-03.gif");}
.info-data h3.menu {background-image:  url("../images/sub/h3/h3-salondata-04.gif");}
.info-data h3.area {background-image:  url("../images/sub/h3/h3-salondata-05.gif");}
.info-data h3.taigu {background-image:  url("../images/sub/h3/h3-salondata-06.gif");}
.info-data h3.dayoff {background-image:  url("../images/sub/h3/h3-salondata-07.gif");}
.info-data h3.age {background-image:  url("../images/sub/h3/h3-salondata-08.gif");}
.info-data h3.company {background-image:  url("../images/sub/h3/h3-salondata-09.gif");}

.info-data img { margin-right:5px; margin-bottom:5px;}
.info-data p { padding:0 15px; margin-bottom:1em;}


/* -------------------
  BOX (.link)
------------------- */

.link {
	margin-bottom:10px;
	line-height:180%;
}
/* -------------------
  BOX (.inquiry)
------------------- */
.inquiry {
	margin-bottom:20px;

}

.inquiry h3 {
	background-image:  url("../images/sub/h3/h3-y_inquiry-01.gif");
	width:360px;
	height:23px;
}

.inquiry .left{
	margin:0px;
	line-height:180%;
}
.inquiry .right{
	margin:0px;
	padding:0px 0px 20px 20px;
	width:640px;
}

/* -------------------
  BOX (.reply-type)
------------------- */
.reply-type {
	margin-bottom:20px;

}

.reply-type h3 {
	background-image:  url("../images/sub/h3/h3-y_inquiry-02.gif");
	width:360px;
	height:23px;
}

/* -------------------
  BOX (.content-inquiry)
------------------- */

.content-inquiry {
	margin-bottom:20px;

}

.content-inquiry h3 {
	background-image:  url("../images/sub/h3/h3-inquiry-01.gif");
	width:360px;
	height:23px;
}

.line{
	border-bottom-color:#000000;
	width:360px;
	border-bottom-width:1px;
	border-bottom-style:solid;
	margin-bottom:10px;
}

/* -------------------
  BOX (.company-info)
------------------- */

.company-info {
	margin-bottom:20px;
}

.company-info h3 {
	background-image:  url("../images/sub/h3/h3-inquiry-02.gif");
	width:360px;
	height:23px;
}

.company-info .left{
	margin:0px;
	line-height:180%;
}
.company-info .right{
	margin:0px;
	padding:0px 0px 20px 20px;
	width:640px;
}

/* -------------------
  BOX (.site-knows)
------------------- */
.site-knows {
	margin-bottom:20px;
}

.site-knows h3 {
	background-image:url("../images/sub/h3/h3-inquiry-03.gif");
	width:360px;
	height:23px;
}

/* -------------------
  BOX (.shop)
------------------- */
.shop{}

.shop .left{
	margin:0px;
	padding:0px;
}
.shop .right{
	margin:0px;
	padding:0px;
	width:500px;
}
.shop-neme{margin-bottom:10px;}

.shop-photo{
	vertical-align:bottom;
	margin:0px;
	padding-bottom:5px;
	color:#790B3F;
}

.shop-mas01{
	margin:0px;
	padding-bottom:5px;
	line-height:180%;
}
.shop-type img{
	margin:0px;
	padding:0px 5px 5px 0px;
}

.shop-style{}

.shop-style .left{
	margin:0px;
	padding-bottom:10px;
	line-height:180%;
	margin-bottom:20px;
}

.shop-style .right{
	margin:0px;
	padding-bottom:10px;
	width:250px;
	line-height:180%;
	margin-bottom:20px;
}

.shop-list{
	width:240px;
	height:550px;
	overflow-y:auto;
	word-break:break-all;
}
.shop-list .s_photo01{
	margin:0px;
	padding:0px;
	background-color:#EEE;
	word-wrap:break-word;
}
.shop-list .s_photo02{
	margin:0px;
	padding:0px;
	background-color:#FFF;
	word-wrap:break-word;

}

.shop-list .left{
	margin:0px;
	padding:0px;
	width:100px;
}
.shop-list .right{
	margin:0px;
	padding:0px;
	width:50%;
}

/* -------------------
  BOX (.photo-library)
------------------- */
.photo-library{}

.photo-mas{}

.photo-mas .left{
	width:30%;
}
.photo-mas .center{
	margin:0px;
	padding:0px;
}
.photo-mas .right{
	width:30%;
}


.photo-list img{
	width100%
	margin:0px;
	padding:0px 2px 2px 0px;
}

/* -------------------
  BOX (.contact-title)
------------------- */

.contact-title {
	text-align:center;
	margin-left: auto;
	margin-right: auto;
	margin-top:30px;
	margin-bottom:30px;
}

.contact-title p {
	margin-bottom:5px;
	padding:5px 10px 0 10px;
	font-weight:bold;
	font-size:16px;
	text-align:center;
}

/* -------------------
  BOX (.contact-tel)
------------------- */
.contact-tel {
	margin-bottom:10px;
	margin-left:37px;
}

.contact-tel p {
	margin-bottom:5px;
	padding:5px 10px 0 10px;
}
.contact-tel h2 {
	color:#7A0A3D;
	font-weight:bold;
	font-size:16px;
}

.contact-tel table {
	margin-left: auto;
	margin-right: auto;
	background-image: url(../images/sub/h3/h3-contact-01.gif); 
	background-repeat:no-repeat;
	border: 0px;
	width:600px;
}
.contact-tel td {
	border: 0px;
}
.contact-tel td.pic {
	width:100px;
	border: 0px;
}

.contact-tel td.tel {
	color:#7AC528;
	font-family:Helvetica;
	font-size:29px;
	vertical-align:middle;
	width:200px;
	border: 0px;
}
.contact-tel td.text {
	color:#898989;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size:12px;
	vertical-align:middle;
	width:300px;
	border: 0px;
}

/* -------------------
  BOX (.contact-web)
------------------- */

.contact-web {
	margin-bottom:20px;
	margin-left:97px;
}

.contact-web p {
	margin-bottom:5px;
	padding:5px 10px 0 10px;
}
.contact-web a {
}

.contact-web table{
	margin-left: auto;
	margin-right: auto;
	background-image: url(../images/sub/h3/h3-contact-02.gif); 
	background-repeat:no-repeat;
	border: 0px;
	width:700px;
}
.contact-web td {
	border: 0px;
}
.contact-web td.pic {
	width:100px;
	border: 0px;
}
.contact-web td.web {
	color:#898989;
	font-size:12px;
	width:600px;
	border: 0px;
}
.contact-web td.web-g {
	color:#5D772B;
	font-size:12px;
	width:620px;
	border: 0px;
}
/* -------------------
  BOX (.contact-info)
------------------- */
.contact-info {
	margin-left: 80px;
	width: 593px;
}
.contact-info-inner {
	background-color: #ededed;
	margin-top: -3px;
	background-image: url(../images/sub/h3/h3-contact-030.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
.bottom_img {
}
.contact-info table {
	margin-left: 80px;
/*	padding:5px;*/
	border: 0px;
	width:500px;
/*	margin-top: 10px;*/
}
.contact-info td {
	border: 0px;
}
.contact-info td.pic {
	width:75px;
	border: 0px;
}
.contact-info td.pic02 {
	width: 60px;
}
.contact-info td.pic03 {
	width: 0px;
	border: 0px;
}




/* -------------------
２０１１０８１２追加
------------------- */
.top_hisai {
	background-color: #47dcc6;
	padding: 5px;
	margin: 0px 0 15px 0;
	font-size: 112%;
	border-radius: 5px;        /* CSS3草案 */  
	 -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */

}

.top_hisai a,.other_hisai a {
	color: #ffffff;
}
.other_hisai {
	background-color: #47dcc6;
	padding: 5px;
	margin: 15px 0 15px 0;
	font-size: 112%;
	border-radius: 5px;        /* CSS3草案 */  
	 -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */

}
/* -------------------
２０１１1103追加（右ナビ　オファー）
------------------- */
#rightOffer {
	background-image: url('/pc/images/contents/right_offerBack.jpg');
	background-repeat: no-repeat;
	width: 183px;
	height: 196px;
}
#rightOffer .aboutLink a {
	color: #0071BC;
}
#rightOffer .aboutLink {
	padding-top: 97px;
}
#rightOffer .registButton {
	padding-top:24px;
}
#rightOffer .loginButton {
	padding-top: 16px;
}					
#mylistBottomBt {
	margin-left: 16px;
}


