/* ======================================== サイト全体に適用*/


* { /* 全ての要素の間隔・余白を０へ */
margin:0;
padding:0;
}


HTML {
	OVERFLOW-X: auto; HEIGHT: 100%;
        overflow-y:scroll;   
}


/* 基本デザイン部 */

BODY {
	 BACKGROUND: #ffffff fixed repeat-x left top; 
         MARGIN-TOP:10px;  MARGIN-BOTTOM:10px; MARGIN-LEFT:0px; MARGIN-RIGHT:0px; 
         text-align: left;  
         font-size: 12px;
         font-family: verdana, arial, helvetica, sans-serif;
}

.spacer {
	background-image : url(images/spacer.gif); BACKGROUND-REPEAT: no-repeat;
}


/* #page ページ外枠 */

#pinkborder {
	width: 930px;
        margin: 1em auto 0px; border: 1px solid rgb(246, 105, 246);
	PADDING-TOP:15px; PADDING-BOTTOM:15px; PADDING-LEFT:10px; PADDING-RIGHT:10px;
	text-align: left;
	background-color: #ffffff;
}



/* HTTP URL */
#url_moji { 

        width: 910px; 
	padding: 0px 20px 0px 0px;
	margin: 0px 10px 10px 0px;
        text-align:right;
}


/* ロゴ */
#logo_img {
    width: 930px;
    margin: 0px 0px 0px 0px;
}

/* トップ 下部 */
div.example01 {
        width: 930px;
        height: 320px;
	padding: 10px 0px 0px 20px;
}

div.example01 div {
	padding: 0px 0px 0px 0px;
        margin-right: 10px;
        float: left;
}

/* インフォ メニュー部 */
div.example02 {
        width: 930px;
        height: 400px;
	padding: 0px 0px 10px 10px;
}

div.example02 div {
	padding: 0px 0px 0px 0px;
        margin-right: 10px;
        float: left;
}


/* メニュー部 */
#menu {
    width: 230px;
    height: 400px;
    margin: 0px 0px 0px 0px;
    float: left;
}

/* インフォ サロン詳細部 */

div.example03 {
        width: 930px;
        height: 130px;
	padding: 0px 0px 10px 330px;
}

div.example03 div {
	padding: 0px 0px 0px 0px;
        margin-right: 10px;
        float: left;
}


.salontitle { 
        font-size: 13px;
	color: rgb(116, 99, 87);
	font-weight: bold;
	font-family: verdana, arial, helvetica, sans-serif;
	line-height: 18px;
}	

.salontitle_s { 
        font-size: 12px;
	color: rgb(116, 99, 87);
	font-family: verdana, arial, helvetica, sans-serif;
	line-height: 14px;
}


/* アクセス部 */


div.example04 {
        width: 930px;
        height: 400px;
	padding: 0px 0px 10px 10px;
}

div.example04 div {
	padding: 0px 0px 0px 0px;
        margin-right: 10px;
        float: left;
}

div.example05 {
        width: 930px;
        height: 160px;
	padding: 0px 0px 10px 270px;
}

div.example05 div {
	padding: 0px 0px 0px 0px;
        margin-right: 10px;
        float: left;
}

div.example06 {
        width: 930px;
        height: 550px;
	padding: 0px 0px 10px 10px;
}

div.example06 div {
	padding: 0px 0px 0px 0px;
        margin-right: 10px;
        float: left;
}


div.example07 {
        width: 930px;
        height: 650px;
	padding: 0px 0px 10px 10px;
}

div.example07 div {
	padding: 0px 0px 0px 0px;
        margin-right: 10px;
        float: left;
}





/* Copy & PIXEL  */

#copy_moji {
	width: 950px;
	padding: 0px 0px 0px 0px;
	margin: 3px 0px 50px 170px;
        text-align:right;
}


/* ヘアー部 */
div.example08 {
        width: 930px;
        height: 470px;
	padding: 0px 0px 10px 10px;
}

div.example08 div {
	padding: 0px 0px 0px 0px;
        margin-right: 10px;
        float: left;
}


/* HEAD SPA部 */
div.example09 {
        width: 930px;
        height: 150px;
	padding: 0px 0px 10px 20px;
}

div.example09 div {
	padding: 0px 0px 0px 0px;
        margin-right: 10px;
        float: left;
}



/* エステ部 */
div.example10 {
        width: 930px;
        height: 450px;
	padding: 0px 0px 10px 10px;
}

div.example10 div {
	padding: 0px 0px 0px 0px;
        margin-right: 10px;
        float: left;
}



/* MAKEUP 部 */
div.example11 {
        width: 930px;
        height: 75px;
	padding: 0px 0px 10px 20px;
}

div.example11 div {
	padding: 0px 0px 0px 0px;
        margin-right: 10px;
        float: left;
}

/*  着付け部 */
div.example12 {
        width: 930px;
        height: 75px;
	padding: 0px 0px 10px 20px;
}

div.example12 div {
	padding: 0px 0px 0px 0px;
        margin-right: 10px;
        float: left;
}


/*  スタッフ部 */
div.example13 {
        width: 930px;
        height: 950px;
	padding: 0px 0px 10px 10px;
}

div.example13 div {
	padding: 0px 0px 0px 0px;
        margin-right: 10px;
        float: left;
}






td { color: #666666;
	font-size: 11px;
	font-family: verdana, arial, helvetica, sans-serif;
	line-height: 14px;}


TD.bgLine {
	BACKGROUND-COLOR: #f49ff5
}


table#table-00 {
    width: 600px;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table#table-00 th {
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    line-height: 120%;
    text-align: right;
}

table#table-00 td {
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align:  left;;
}

table#table-01 {
    width: 450px;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table#table-01 th {
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    line-height: 120%;
    text-align: right;
}

table#table-01 td {
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align:  left;;
}



























/* 角模様部 */
#9pattern {
    width: 760px;
    margin: 0px 0px 10px 0px;
    float: left;
}

/* メイン画面右部 */
#contents{
	padding: 10px 10px 10px 0px;
	margin: 0px;
	background-color: #ebebeb;
        float: left;
}


#smartphone{
	padding: 10px 10px 10px 0px;
	margin: 0px;
        float: left;
}


#hanbaimenu2{
	padding: 10px 10px 10px 0px;
	margin: 0px;
	background-color: #ffffff;
        float: left;
}








div.hanbaiunder {
width: 777px;
	padding: 10px 10px 0px 180px;
}

div.hanbaiunder div {

height: 50px;
	padding: 10px 10px 10px 10px;
margin-right: 10px;
background-color: #ffffff;

}






div.example_uecenter {
width: 970px;
	padding: 10px 10px 10px 180px;
	margin: 10px 20px 0px 20px;
}


div.exampleC {
width: 970px;
	padding: 10px 10px 10px 180px;
}

div.exampleC div {
width: 227px;
height: 170px;
	padding: 10px 10px 0px 10px;
margin-right: 10px;
background-color: #ffffff;
float: left;
}


.clearLeft {
clear: left;
}








/* footer */

#topfooter {
	padding: 5px 5px 5px 10px;
	text-align:left;
	font-size: 90%;
	color: #707070;
	clear: both;
        background-color: #ffffff;
        width: 925px; height: 30px;
}

#footer {
	padding: 5px 5px 5px 180px;
	text-align:left;
	font-size: 90%;
	color: #707070;
	clear: both;
	background-color: #FFFFFF;
        width: 960px;height: 15px;
}

#footer a {
	color: #0000ff;
}

#footer a:hover {
	color: #CC0000;
	text-decoration: underline;
}

#footerbg {
	width:810px;
	height: 11px;
	margin: 0 auto;
	background: url(../img/footer_bg.gif) no-repeat;
}


#white_footer {
	width: 950px;
	padding: 10px 10px;
	margin: 0px auto;
	text-align: left;
	background-color: #ffffff;
}



#last_footer {
	width: 950px;
	padding: 10px 10px;
	margin: 0px auto;
	text-align: right;
	background-color: #ffffff;
}

}








/* 枠組みBOX部 */

.top_01  {
                color:#5a471c; font-size:12px;
                border:2px solid #cbcbcb;
                background-color:#ffffff; width:280; height:290;
                PADDING-top:10px; PADDING-bottom:15px;
                PADDING-left:10px; PADDING-right:10px;
}

.top_02  {
                color:#5a471c; font-size:12px; line-height:130%;
                text-align:right;
                border:2px solid #cbcbcb;
                width:286; height:76;
                PADDING-top:10px; PADDING-bottom:5px; PADDING-right:10px;
}

.top_03  {
                color:#5a471c;
                border:2px solid #cbcbcb;
                background-color:#ffffff; width:486; height:370;
                PADDING-top:10px; PADDING-bottom:10px;
                PADDING-left:10px; PADDING-right:10px;
}

.top_04  {
                color:#5a471c;
                border:2px solid #cbcbcb;
                width:81; height:36;
                PADDING-top:2px; PADDING-bottom:2px;
                PADDING-left:3px; PADDING-right:3px;
}

.top_05  {
                color:#5a471c;
                border:2px solid #cbcbcb;
                background-color:#ffffff;width:81; height:111;
                PADDING-top:5px; PADDING-bottom:5px;
                PADDING-left:5px; PADDING-right:5px;
}

.top_06  {
                color:#5a471c;
                border:2px solid #cbcbcb;
                width:216; height:156;
                text-valign:bottom;
                PADDING-top:5px; PADDING-bottom:5px;
                PADDING-left:5px; PADDING-right:5px;
}


.price_01  {
                color:#5a471c; font-size:12px;
                border:2px solid #cbcbcb;
                width:186; height:46;
                PADDING-top:2px; PADDING-bottom:2px;
                PADDING-left:3px; PADDING-right:3px;
}

.price_02  {
                color:#5a471c; font-size:12px;
                border:2px solid #cbcbcb;
                background-color:#ffffff;width:186; height:266;
                PADDING-top:5px; PADDING-bottom:5px;
                PADDING-left:5px; PADDING-right:5px;
}

.photo_01  {
                color:#5a471c;
                border:2px solid #cbcbcb;
                width:306; height:306;
                PADDING-top:5px; PADDING-bottom:5px;
                PADDING-left:5px; PADDING-right:5px;
}


.photo_02   {
                color:#5a471c; font-size:12px;
                border:2px solid #cbcbcb;
                width:106; height:46;
                PADDING-top:2px; PADDING-bottom:2px;
                PADDING-left:3px; PADDING-right:3px;
}


.photo_03   {
                color:#5a471c;
                border:2px solid #cbcbcb;
                width:106; height:106;
                PADDING-top:3px; PADDING-bottom:3px;
                PADDING-left:3px; PADDING-right:3px;
}


.guide_01  {
                color:#5a471c; font-size:12px;font-weight: bold;
                border:2px solid #cbcbcb;
                width:146; height:16;
                PADDING-top:2px; PADDING-bottom:2px;
                PADDING-left:3px; PADDING-right:3px;
}


.guide_02   {
                color:#5a471c; font-size:12px;
                border:2px solid #cbcbcb;
                background-color:#ffffff;width:146; height:42;
                PADDING-top:2px; PADDING-bottom:2px;
                PADDING-left:3px; PADDING-right:3px;
}


.guide_03  {
                color:#5a471c; font-size:12px;font-weight: bold;
                border:2px solid #cbcbcb;
                width:46; height:146;
                PADDING-top:2px; PADDING-bottom:2px;
                PADDING-left:3px; PADDING-right:3px;
}


.guide_04   {
                color:#5a471c; font-size:12px;line-height:15px;
                border:2px solid #cbcbcb;
                background-color:#ffffff;width:726; height:166;
                PADDING-top:5px; PADDING-bottom:5px;
                PADDING-left:5px; PADDING-right:5px;
}


.guide_05  {
                color:#5a471c; font-size:12px;font-weight: bold;
                border:2px solid #cbcbcb;
                width:146; height:75;
                PADDING-top:2px; PADDING-bottom:2px;
                PADDING-left:3px; PADDING-right:3px;
}


.guide_06   {
                color:#5a471c; font-size:12px;line-height:15px;
                border:2px solid #cbcbcb;
                background-color:#ffffff;width:626; height:75;
                PADDING-top:5px; PADDING-bottom:5px;
                PADDING-left:5px; PADDING-right:5px;
}


.guide_07  {
                color:#5a471c; font-size:12px;font-weight: bold;
                border:2px solid #cbcbcb;
                width:146; height:75;
                PADDING-top:2px; PADDING-bottom:2px;
                PADDING-left:3px; PADDING-right:3px;
}



.guide_08   {
                color:#5a471c; font-size:12px;line-height:15px;
                border:2px solid #cbcbcb;
                background-color:#ffffff;width:626; height:50;
                PADDING-top:5px; PADDING-bottom:5px;
                PADDING-left:5px; PADDING-right:5px;
}

.guide_09  {
                color:#5a471c; font-size:12px;font-weight: bold;
                border:2px solid #cbcbcb;
                width:146; height:106;
                PADDING-top:2px; PADDING-bottom:2px;
                PADDING-left:3px; PADDING-right:3px;
}



.guide_10   {
                color:#5a471c; font-size:12px;line-height:15px;
                border:2px solid #cbcbcb;
                background-color:#ffffff;width:626; height:110;
                PADDING-top:5px; PADDING-bottom:5px;
                PADDING-left:5px; PADDING-right:5px;
}



.form_01  {
                color:#5a471c; font-size:12px;font-weight: bold;
                border:2px solid #cbcbcb;
                width:106; height:330;
                PADDING-top:2px; PADDING-bottom:2px;
                PADDING-left:3px; PADDING-right:3px;
}



.form_02   {
                color:#5a471c; font-size:12px;line-height:15px;
                border:2px solid #cbcbcb;
                background-color:#ffffff;width:666; height:330;
                PADDING-top:5px; PADDING-bottom:5px;
                PADDING-left:5px; PADDING-right:5px;
}



.form_03  {
                color:#5a471c; font-size:12px;font-weight: bold;
                border:2px solid #cbcbcb;
                width:106; height:176;
                PADDING-top:2px; PADDING-bottom:2px;
                PADDING-left:3px; PADDING-right:3px;
}


.form_04   {
                color:#5a471c; font-size:12px;line-height:15px;
                border:2px solid #cbcbcb;
                background-color:#ffffff;width:666; height:176;
                PADDING-top:5px; PADDING-bottom:5px;
                PADDING-left:5px; PADDING-right:5px;
}


.form_05   {
                color:#5a471c; font-size:12px;line-height:15px;
                border:2px solid #cbcbcb;
                background-color:#ffffff;width:786; height:40;
                PADDING-top:5px; PADDING-bottom:5px;
                PADDING-left:5px; PADDING-right:5px;
}


.access_01  {
                color:#5a471c; font-size:12px;font-weight: bold;
                border:2px solid #cbcbcb;
                width:400; height:46;
                PADDING-top:2px; PADDING-bottom:2px;
                PADDING-left:3px; PADDING-right:3px;
}



.access_02   {
                color:#5a471c; font-size:12px;line-height:15px;
                border:2px solid #cbcbcb;
                background-color:#ffffff;width:676; height:296;
                PADDING-top:5px; PADDING-bottom:5px;
                PADDING-left:5px; PADDING-right:5px;
}

.access_03  {
                color:#5a471c; font-size:12px;font-weight: bold;
                border:2px solid #cbcbcb;
                width:400; height:290;
                PADDING-top:2px; PADDING-bottom:2px;
                PADDING-left:3px; PADDING-right:3px;
}


.access_04   {
                color:#5a471c; font-size:12px;line-height:15px;
                border:2px solid #cbcbcb;
                background-color:#ffffff;width:372; height:290;
                PADDING-top:5px; PADDING-bottom:5px;
                PADDING-left:5px; PADDING-right:5px;
}

.access_05  {
                color:#5a471c; font-size:12px;font-weight: bold;
                border:2px solid #cbcbcb;
                width:96; height:326;
                PADDING-top:2px; PADDING-bottom:2px;
                PADDING-left:3px; PADDING-right:3px;
}



.access_06   {
                color:#5a471c; font-size:12px;line-height:15px;
                border:2px solid #cbcbcb;
                background-color:#ffffff;width:676; height:326;
                PADDING-top:5px; PADDING-bottom:5px;
                PADDING-left:5px; PADDING-right:5px;
}

.access_07  {
                color:#5a471c; font-size:12px;font-weight: bold;
                border:2px solid #cbcbcb;
                width:520; height:46;
                PADDING-top:2px; PADDING-bottom:2px;
                PADDING-left:3px; PADDING-right:3px;
}



.access_08   {
                color:#5a471c; font-size:12px;line-height:15px;
                border:2px solid #cbcbcb;
                background-color:#ffffff;width:520; height:292;
                PADDING-top:5px; PADDING-bottom:5px;
                PADDING-left:5px; PADDING-right:5px;
}



















/* フォント別 */

.orange  {color: #f2700f;font-weight: bold;font-size: 12px;
	font-family: verdana, arial, helvetica, sans-serif;
	line-height: 12px;
}

.orangeb   {color: #f2700f;font-weight: bold;font-size: 16x;
        font-family: verdana, arial, helvetica, sans-serif;
        line-height: 16px;
}

.oranges  {color: #f2700f;font-weight: bold;font-size: 10px;
	font-family: verdana, arial, helvetica, sans-serif;
	line-height: 10px;
}

.blues  {color: #4b75ee;font-weight: bold;font-size: 10px;
	font-family: verdana, arial, helvetica, sans-serif;
	line-height: 10px;
}

.white  {color: #ffffff;ont-size: 11px;
         font-family: verdana, arial, helvetica, sans-serif;
	line-height: 13px;
}	

.shadow  { width: 100%;
         filter: dropshadow( color=#cccccc, offx=1, offy=1, positive=1 );
}


.small  {color: #6E6E6E;font-size: 12px;	
	 font-family: verdana, arial, helvetica, sans-serif;
}	

                
.dbsmall  {color:#5a471c; font-size:11px;	
	 font-family: verdana, arial, helvetica, sans-serif;
}	

.dbssmall  {color:#5a471c; font-size:9px;	
	 font-family: verdana, arial, helvetica, sans-serif;
}	

.blue  {color: #0861ba;font-weight: bold;font-size: 12px;
	font-family: verdana, arial, helvetica, sans-serif;
	line-height: 12px;
}

.ao     { color: #445b92;
	font-size: 12px;	
	font-family: verdana, arial, helvetica, sans-serif;
	line-height: 17px;
}	


.bold { font-size: 10px;
	color: #777777;
	font-family: verdana, arial, helvetica, sans-serif;
	line-height: 11px;}	

.bold2 { font-size: 13px;
	color: #000000;
	font-weight: bold;
	font-family: verdana, arial, helvetica, sans-serif;
	line-height: 13px;}	

.bold3 { font-size: 11px;
	color: #004171;
	font-weight: bold;
	font-family: verdana, arial, helvetica, sans-serif;
	line-height: 13px;}	



.menuRibbon {
	margin:0 0 10px 0;
	padding:6px 10px;
	background:#10942e;
	color:#f8f7f2;
	line-height:140%;
	font-weight:bold;
}