#mypagebody{
  width:auto;
  margin:0px 10px 0px 10px;
}

#div5px {
  height:5px;
  }

#div10px {
  height:10px;
  }

#div20px {
  height:20px;
  }

#mypage_line01{
clear:both;
display:block;
height:1px;
font-size: 1px;
line-height: 0px;
background: transparent url(../img/MY/dot_line_01.gif);
margin:10px 0px 10px 0px;
}

/* ヘッダ  */

#mypage01_body01{
width:auto;
margin:5px 10px 0px 10px;
}

#mypage01_headwaku01{
  float:left;
  width:215px;
  text-align:left;
}

#mypage01_headwaku02{
  float:right;
  width:150px;
}

.mypage01_headwaku03{
  float:left;
  width:auto;
  height:44px;
  vertical-align:baseline;
}

#mypage01_headwaku03pic01{
  margin-right:5px;
}

#mypage01_menuwaku01{
  width:100%;
  background-color:#D1D1D1;
  margin:5px 0px 0px 0px;
}

#mypage01_menuwaku02{
  background:url(../img/MY/mypage_index_menuwaku01.gif) no-repeat ;
}

#mypage01_menuwaku03{
  float:left;
  width:395px;
  margin:0px 0px 0px 5px
}

#mypage01_menuwaku04{
  background:url(../img/MY/mypage_index_menuwaku02.gif) no-repeat right ;
}

#mypage01_menuwaku05{
  float:right;
  width:76px;
  margin:0px 5px 0px 0px
}

#mypage01_menuwakureserve{
  margin:0px 0px 0px 5px
}

/* 確認画面ヘッダ・フッター */
#mypage_himodukereview{
background-color:#F0F0F0;
font-weight:bold;
padding:10px 0px 5px 10px;
border-bottom:2px solid #CCCCCC;
}

#mypage_himodukereview_ft{
background-color:#F0F0F0;
padding:5px;
margin-bottom:15px;
}

/* タイトル */

#mypagebody h1{
float:left;
padding:12px 0px 0px 0px;
margin:0px 0px -5px 0px;
font-size:22px;
line-height:180%;
color:#338AC1;
}

#mypagebody .mypg h1{
background:url(../img/MY/icon_index_01.gif) top left no-repeat;
height:44px;
float:left;
padding:8px 0px 4px 40px;
margin:10px 0px -5px 0px;
font-size:18px;
color:#338AC1;
}

#mypagebody .intro{
background:url(../img/MY/icon_index_02.gif) top left no-repeat;
float:left;
text-align:left;
padding:0px 0px 0px 18px;
margin:0px 0px 0px 0px;
}

/* メイン*/

#mypage01_mainwaku01{
  padding:5px 5px 5px 5px;
}

#mypage01_mainwaku01a{
  background-image:url(../img/MY/mypage_index_waku01b.gif)
}

#mypage01_mainwaku01b{
  background-image:url(../img/MY/mypage_index_waku01g.gif)
}

#mypage01_mainwaku01c{
  background-image:url(../img/MY/mypage_index_waku01h.gif)
}

#mypage01_mainwaku01d{
  background-image:url(../img/MY/mypage_index_waku01e.gif)
}

#mypage01_mainwaku02{
  background:url(../img/MY/mypage_index_bg01.gif) repeat-x;
  background-position:50% 50%;
}

#mypage01_mainwaku02a{
  background:#FFFFFF;
  width:auto;
}

#mypage01_mainwaku02pic{
  vertical-align:middle;
}

#mypage01_mainwaku03 li{
  text-align:center;
  display:block;
  float:left;
  width:75px;
  margin:0px 10px 0px 0px;
  padding:0px 0px 5px 0px;
}

#mypage01_mainwaku04{
  float:left;
}

#mypage01_mainwaku04a{
  float:right;
}

#mypage01_mainwaku05{
  background-color:#E7EFF5;
}

#mypage01_mainwaku05a{
  background-color:#E7EFF5;
  padding:5px;
}

#mypage01_mainwaku06 li{
  background: url(../img/MY/mypage_index_arrow02.gif) no-repeat left top;
  margin:0px 0px 5px 0px;
  padding:0px 0px 0px 12px;
}

#mypage01_mainwaku07{
  text-align:right;
}

.mypage01_mainwaku08{
  text-align:left;
}

.mypage01_mainwaku09 li{
  text-align:left;
  margin:0px 0px 3px 0px;
}

.mypage01_mainwaku09 input{
  vertical-align:middle;
}

.mypage01_mainwaku10{
  border:#CCCCCC solid 1px;
  background:#FFFDE9;
  padding:10px;
  text-align:left;
}

.mypage01_mainwaku10 input{
  vertical-align:middle;
}

.mypage01_mainwaku11{
  width:200px;
}


/* 右側*/

#mypage01_rightwaku01{
  width:200px;
  float:right;
}

#mypage01_rightwaku02{
  width:190px;
  float:right;
  background-color:#F4F2DD;
  text-align:center;
  padding:5px;
}

*html #mypage01_rightwaku02{
  width:190px;
  float:right;
  background-color:#F4F2DD;
  text-align:center;
  padding:5px;
  margin:-1px 0px -5px 0px;
}

#mypage01_rightwaku03{
  height:26px;
  width:188px;
  float:right;
  background: url(../img/MY/mypage_bg01.gif) no-repeat;
  text-align:center;
  padding:6px;
}

/* 仏陀*/

#mypage01_footwaku01{
  margin:10px 0px 5px 0px;
}

.mypage01_footwaku02{
  background-color:#818181;
  text-align:center;
  color:#FFFFFF;
}

.mypage01_footwaku02 a:link{ color: #ffffff; text-decoration: none; font-size: 10px; line-height: 14px;}
.mypage01_footwaku02 a:visited{ color: #ffffff; text-decoration: none; font-size: 10px; line-height: 14px;}
.mypage01_footwaku02 a:active{ color: #ffffff; text-decoration: none; font-size: 10px; line-height: 14px;}
.mypage01_footwaku02 a:hover{ color: #ffffff; text-decoration:underline; font-size: 10px; line-height: 14px;}

/* myindex系*/

.mypage_greenblue01{color:#3DA6BF; font-weight:bold;}

#mypage01_mainbut01{
  margin:0px 5px 0px 0px;
}


#my_post h5{
height:30px;
float:right;
padding:9px 0px 0px 35px;
margin:10px 0px 0px 0px;
font-size:14px;
color:#339900;
}


#my_mainpic02{
float:left;
width:290px;
height:290px;
vertical-align:middle;
text-align:center;
border:1px solid #CCCCCC;
background-color:#D6EBF0;
margin:0px 0px 5px 0px;
}

#my_mainpic02 img.mainpic{
vertical-align:middle;
margin-right:1px;
}

.my_blue05{color:#338AC1; font-weight:bold;}

.myindex01_fun_waku01{
  border:#CCCCCC solid 1px;
  padding:10px;
  background-color:#FFFFFF;
  text-align:left;
}

.myindex01_fun_waku02a{
  float:left;
  width:100px;
}

.myindex01_fun_waku02b{
  float:left;
}

.my_line01a{
clear:both;
display:block;
height:1px;
font-size: 1px;
line-height: 0px;
background: transparent url(../img/MY/dot_line_01.gif);
margin:5px 0px 5px 0px;
}

.myindex01_tag_waku01{
  border:1px solid #BEBEBE;
  background-color:#F0F0F0;
  text-align:left;
  padding:15px;
}

/*▽▽▽ビューティ予約ページ追加（2008/12/17）▽▽▽*/
/*Btn サロン予約状況*/
.reservesalon{
background:url(../img/MY/mypage_index_menubutsalon-02.gif) no-repeat;
width:99px;
height:24px;
padding:0px;
margin:0 7px;
}
.reservesalondisable{
background:url(../img/MY/mypage_index_menubutsalon-01.gif) no-repeat;
width:99px;
height:24px;
padding:0px;
margin:0 7px;
}
.reservesalon a{
background:transparent url(../img/MY/mypage_index_menubutsalon-02.gif) 0px 0px no-repeat;
display:block;
overflow:hidden;
text-indent:-9999px;
height:24px;
}
.reservesalon a.select{
background:transparent url(../img/MY/mypage_index_menubutsalon-02.gif) -99px 0px no-repeat;
display:block;
overflow:hidden;
text-indent:-9999px;
height:24px;
}
.reservesalon a.select:hover{
background:transparent url(../img/MY/mypage_index_menubutsalon-02.gif) -198px 0px no-repeat;
height:24px;
}
/*サロン予約件数*/
.reservesaloninfo{
color:#ae52d0;
font-weight:bold;
padding:0px;
margin:0px;
}

/*コンテンツ*/
#myreserve{
width:770px;
margin:30px auto;
text-align:left;
}

/*タイトル*/
#myreserve .myreservetit{
border-bottom:#e0c4ef solid 3px;
padding:0 0 5px 0;
margin:0 0 20px 0;
width:770px;
}

/*説明*/
#myreserve .aftertextbox{
padding:0 0 35px 0;
margin:0;
font-size:93%;
}

#myreserve .myreservetext{
margin:0px;
padding:0 0 20px 0;
}
#myreserve .myreservetext p{
padding:0;
margin:0;
}
#myreserve .myreservetext p.text{
font-size:93%;
}
#myreserve .myreservetext p.bold{
font-weight:bold;
font-size:93%;
}
#myreserve .myreservetext p.atentionR{
color:#ff0000;
font-size:93%;
}
#myreserve .myreservetext p.atentionG{
color:#636363;
font-size:85%;
}


.myreserveysername{
font-size:93%;
font-weight:bold;
margin:0;
padding:10px 0;
}
#myreserve .myreserveonebox{
padding:0 0 30px 0;
}

#myreserve .myreserveonebox02{
padding:0px;
}

/*予約内容　テーブル（紫）*/
#myreserve .myreserveboxP{
border-top:#cba6dd solid 2px;
border-left:#cba6dd solid 2px;
width:100%;
}
#myreserve .myreserveboxP td{
border-bottom:#cba6dd solid 2px;
border-right:#cba6dd solid 2px;
}
#myreserve .myreserveboxP td.days{
width:100px;
text-align:center;
}
#myreserve .myreserveboxP td.reserve{
width:145px;
text-align:center;
background:#f2e7f8;
}
#myreserve .myreserveboxP td.reserve .reserveinfo{
font-size:108%;
font-weight:bold;
padding:0px;
margin:0 0 7px 0;
}
#myreserve .myreserveboxP td.reserveinfo{
padding:5px 10px;
}
#myreserve .myreserveboxP td.reserveinfo table td.none{
border-bottom:none;
border-right:none;
}
#myreserve .myreserveboxP td.caption{
padding:6px;
background:#e0c4ef;
text-align:center;
font-size:93%;
}

/*予約内容　テーブル（グレイ）*/
#myreserve .myreserveboxG{
border-top:#bababa solid 2px;
border-left:#bababa solid 2px;
width:100%;
}
#myreserve .myreserveboxG td{
border-bottom:#bababa solid 2px;
border-right:#bababa solid 2px;
}
#myreserve .myreserveboxG td.days{
width:100px;
text-align:center;
}
#myreserve .myreserveboxG td.reserve{
width:145px;
text-align:center;
background:#f1f1f1;
}
#myreserve .myreserveboxG td.reserve .reserveinfo{
font-size:108%;
font-weight:bold;
padding:0px;
margin:0 0 7px 0;
}
#myreserve .myreserveboxG td.reserveinfo{
padding:5px 10px;
}
#myreserve .myreserveboxG td.reserveinfo table td.none{
border-bottom:none;
border-right:none;
}
#myreserve .myreserveboxG td.caption{
padding:6px;
background:#d0d0d0;
text-align:center;
font-size:93%;
}


/*予約内容*/
#myreserve .myreserveabout{
width:100%;
}
#myreserve .myreserveabout td.cap{
color:#777777;
font-weight:bold;
font-size:93%;
width:125px;
padding:7px 0;
}
#myreserve .myreserveabout td.about{
padding:7px 0;
}
#myreserve .myreserveabout td.font{
font-size:93%;
}
#myreserve .myreserveabout td.about a{
color:#0072cd;
text-decoration:underline;
font-size:120%;
font-weight:bold;
}
#myreserve .myreserveabout td.about a:hover{
color:#0072cd;
text-decoration:none;
}

#myreserve .myreserveabout td.line{
border-bottom:#e6e6e6 solid 2px;
border-right:none;
}

/*希望のメニュー*/
#myreserve .myreservemenu{
padding:0px;
margin:0px;
}
#myreserve .myreservemenu dt{
padding:0px;
margin:0px;
color:#e655b3;
font-weight:bold;
font-size:108%;
}
#myreserve .myreservemenu dd{
padding:0px;
margin:0px;
font-size:85%;
}
#myreserve .myreservemenuatention{
padding:7px 0 0 0;
margin:0px;
font-size:93%;
}
#myreserve .myreservemenuatention dt{
background:transparent url(../img/beautyreserve/br_ic_info.gif) 0% 50% no-repeat;
padding:0 0 0 15px;
margin:0px;
color:#e655b3;
font-weight:bold;
}
#myreserve .myreservemenuatention dd{
padding:0px;
margin:0px;
}



#myreserve .reserveatention{
padding-top:7px;
font-size:85%;
line-height:140%;
color:#555555;
}

#myreserve .cancelcompbox{
border:#d4d4d4 solid 1px;
padding:15px 0;
margin:0px;
text-align:center;
font-size:123%;
font-weight:bold;
}


/*ボタンエリア*/
#myreserve .btnarea{
background:#f5f4ef;
padding:12px 0;
text-align:center;
width:770px;
}
#myreserve .btnarea .btnbox{
width:350px;
margin:0 auto;
}

/*Btn キャンセルする*/
.reservecancel{
background:url(../img/MY/myre_bt_cancel.gif) no-repeat;
width:113px;
height:29px;
padding:0px;
margin:0 auto 0 auto;
}
.reservecancel a{
background:transparent url(../img/MY/myre_bt_cancel.gif) 0px 0px no-repeat;
display:block;
overflow:hidden;
text-indent:-9999px;
height:29px;
}
.reservecancel a:hover{
background:transparent url(../img/MY/myre_bt_cancel.gif) -113px 0px no-repeat;
height:29px;
}
.reservecancelnone{
background:transparent url(../img/MY/myre_bt_cancel.gif) -226px 0px no-repeat;
width:113px;
height:29px;
padding:0px;
margin:0 auto 0 auto;
}
.reservecancelnone span{
display:none;
}
/*Btn 現在の予約状況を確認する*/
#myreserve .btnarea .reserveconf{
background:url(../img/MY/myre_bt_reserveconf.gif) no-repeat;
width:197px;
height:31px;
padding:0px;
margin:0 auto;
}
#myreserve .btnarea .reserveconf a{
background:transparent url(../img/MY/myre_bt_reserveconf.gif) 0px 0px no-repeat;
display:block;
overflow:hidden;
text-indent:-9999px;
height:31px;
}
#myreserve .btnarea .reserveconf a:hover{
background:transparent url(../img/MY/myre_bt_reserveconf.gif) -197px 0px no-repeat;
height:31px;
}
/*Btn ピッタリサロンを探す*/
#myreserve .btnarea .reservesearch{
background:url(../img/MY/myre_bt_reservesearch.gif) no-repeat;
width:167px;
height:31px;
padding:0px;
margin:0 auto;
}
#myreserve .btnarea .reservesearch a{
background:transparent url(../img/MY/myre_bt_reservesearch.gif) 0px 0px no-repeat;
display:block;
overflow:hidden;
text-indent:-9999px;
height:31px;
}
#myreserve .btnarea .reservesearch a:hover{
background:transparent url(../img/MY/myre_bt_reservesearch.gif) -167px 0px no-repeat;
height:31px;
}
/*Btn 戻る*/
#myreserve .btnarea .reserveback{
background:url(../img/MY/myre_bt_reserveback.gif) no-repeat;
width:148px;
height:31px;
padding:0px;
margin:0px;
float:left;
}
#myreserve .btnarea .reserveback a{
background:transparent url(../img/MY/myre_bt_reserveback.gif) 0px 0px no-repeat;
display:block;
overflow:hidden;
text-indent:-9999px;
height:31px;
}
#myreserve .btnarea .reserveback a:hover{
background:transparent url(../img/MY/myre_bt_reserveback.gif) -148px 0px no-repeat;
height:31px;
}
#myreserve .btnarea .reserveback02{
background:url(../img/MY/myre_bt_reserveback.gif) no-repeat;
width:148px;
height:31px;
padding:0px;
margin:0 auto;
}
#myreserve .btnarea .reserveback02 a{
background:transparent url(../img/MY/myre_bt_reserveback.gif) 0px 0px no-repeat;
display:block;
overflow:hidden;
text-indent:-9999px;
height:31px;
}
#myreserve .btnarea .reserveback02 a:hover{
background:transparent url(../img/MY/myre_bt_reserveback.gif) -148px 0px no-repeat;
height:31px;
}
/*Btn OK*/
#myreserve .btnarea .reserveOK{
background:url(../img/MY/myre_bt_reserveOK.gif) no-repeat;
width:192px;
height:31px;
padding:0px;
margin:0px;
float:right;
}
#myreserve .btnarea .reserveOK a{
background:transparent url(../img/MY/myre_bt_reserveOK.gif) 0px 0px no-repeat;
display:block;
overflow:hidden;
text-indent:-9999px;
height:31px;
}
#myreserve .btnarea .reserveOK a:hover{
background:transparent url(../img/MY/myre_bt_reserveOK.gif) -192px 0px no-repeat;
height:31px;
}

/*△△△ビューティ予約ページ追加（2008/12/17）△△△*/

#form_BCM_COMMENT {
  width:500px;
}

.cancel_message{
font-size:123%;
text-align:center;
font-weight:bold;
}