﻿@charset "UTF-8";
/*=========================================================================
　検索結果の上書き
=========================================================================*/
/* ※画像を修正 */

/* 以下、module.css の記載を上書きしています*/
html {
    overflow-y: scroll;
}

body {
    line-height: 1.2;
    font-size:0.8em;
}
br {
    letter-spacing: 0;
}
img{
    border:0;
}
body.es_style,
body.es_style_short {
    margin: 0;
    padding: 0;
    color: #333333;
    font-family:Helvetica, Arial, sans-serif,"ＭＳ Ｐゴシック",Osaka;
    background: url(../images/common/bg.gif) repeat-x;
    border:none;
    width:100%;
}

/* basic.css (line 265)*/
/* その他汎用 
-----------------------------------------------------------------------------------------------*/
/* CLEAR */
*.cleared {
    display:block;
    clear:both;
    width:auto;
    height:1px;
    margin:0;
    padding:0;
    line-height:1px;
    font-size:1px;
    overflow:hidden;
}
em {
    font-style:normal;
    font-weight:bold;
    color:#E70743;
}
.mustRed{
    color:#EB003F;
    font-weight:normal;
}

.mustbold{
    font-weight:bold;
}


/* 検索結果 */
/*-------------------------------------------------------------------------*/
/* layout.css (line 18)*/
#es_wrapper {
    /*width:1090px;*/ /* 最小は760px,最大はいくらでも。検索窓を横に並べるなら1090px */
    margin: 0;
    padding: 0;
    border-left:1px solid #CCCCCC;
    border-right:1px solid #CCCCCC;
    margin-right: -1px;
    /* Main Column Border -------------------------
    本文とサイドバーを線で区切るための処理です。
    ブラウザ間の差異を埋めています。
    IE7が普及するまで辛抱強くいきます。
    ----------------------------------------------*/
}
body.es_style #es_wrapper {
    width:1090px; /* 最小は760px,最大はいくらでも。検索窓を横に並べるなら1090px */
}
body.es_style_short #es_wrapper{
    width:760px; /* 760px固定。内側は750px */
}
body.es_style_short #es_kiyaku{
    width:630px; /* 760px固定。内側は750px */
    margin:10px 10px 20px 10px;
}

/* ヘッダーやフッターはダミーです。かえてください。
/*ヘッダー 
-------------------------------------------------------------------------*/
/*layout.css (line 27),layout.css (line 15)*/
#es_header {
    background:#111184 url(../images/es_bg_header.gif) no-repeat scroll 100% 100%;
    height:75px;
    margin:0;
    padding:0;
    color: #999999;
    position:relative;
}

/*nr_headerfooter.c... (line 109)*/
#es_header h1.es_logo {
    position:absolute;
    display: block;
    margin: 0;
    padding: 0;
    top:0px;
    left:27px;
    width:100px;
    height:73px;
    background:transparent url("../images/es_logo_english.gif") no-repeat scroll 0%;
    text-indent: -9999px;
}

/*layout.css (line 37)*/
#es_header h1.es_logo a {
    text-decoration: none;      /* ■Firefox等で線が表示されないようにする */
    display: block;
}

/*Login Button */
#es_header .es_login,
#es_header .es_agent {
    position:absolute;
    display: block;
    margin: 0;
    padding: 0;
    top:45px;
    width:auto;
    height:24px;
}
/*For agent Button */
#es_header .es_agent {
    right:27px;
}


/*login Button */
#es_header .es_login {
    right:150px;
}

#es_header .es_agent a,
#es_header .es_login a{

    background: transparent url("../images/es_button_head_left.gif") scroll 0 0 no-repeat;
    float:left;
    display: block;
    margin:5px 0 0 5px;
    padding:0 0 0 5px; /* sliding doors padding */

    height:23px; 

    border:none;
    font-size:0;
    line-height:0;
    cursor:pointer;
    white-space:nowrap;

    text-align:center;
    text-decoration: none;      /* ■Firefox等で線が表示されないようにする */
}


#es_header .es_agent a span,
#es_header .es_login a span {
/*    display:block; */
    float: left;
    text-decoration: none;      /* ■Firefox等で線が表示されないようにする */


    background: url("../images/es_button_head_right.gif") 100% 0 no-repeat; 
    color:#444;
    font-weight:bold;
    font-family: Helvetica, Arial, sans-serif;
    height:23px; 
    line-height:15px;
    font-size:14px!important;
    padding:2px 20px 0 10px;
    margin:0;

    cursor:pointer;
    white-space:nowrap;
    display:-moz-inline-box;
    display:inline-block;
    letter-spacing:0 !important;
    border:none;
    vertical-align:text-top;
    zoom:1;

}

#es_header .es_agent a:hover,
#es_header .es_login a:hover {
    background-position: 0 -25px; 
    outline: none; /* hide dotted outline in Firefox */
}

#es_header .es_agent a:hover span,
#es_header .es_login a:hover span {
    color:#111;
    background-position: 100% -25px; 
    font-size:14px!important;
}

.Pbuttn {
    text-align:right;
    margin:0;
    padding: 0px 0px 0px 10px;
}
/* ぱんくずリスト */
#es_pastlist {
    margin:0;
    padding: 10px 10px 10px 10px;
    font-size:0.7em;
    line-height:0.7em;
}

/* ページトップ */
#content {
    font-size:1px;
    line-height:0;
    padding:0;
    margin:0;
}
/* フッターもダミーです。適当にいれかえてください。
/* フッタ footer
-------------------------------------------------------------------------*/
#es_footer{
    margin:5px 0 0 0;
    padding:3px 2px 0 2px;
    /*background:#fff url("../images/bg_footer_shadow.gif") repeat-x 0 0;*/
    background-image:none;
    border-top: 1px solid #ddd;
    border-bottom: 1px sol;id #ddd;
}
#copyPl{
    margin:0;
    padding:5px;
    /*background: url("../images/bg_footer_booking02.gif") repeat-x 0 0;*/
    background-image:none;
    background-color:#111184;
    text-align:center;
    height:30px;
}

/*layout.css (line 170), basic.css (line 40) */
#copyright {
    color:#FFFFFF;
    font-size:0.67em;
    line-height:1em;
    font-family:Helvetica, Arial, sans-serif;
    padding-top:11px;
}


#menu{
    margin:0;
    padding:5px 0 0;
    color:#FFFFFF;
    font-size:68%;
}
#menu li{
    display:inline;
    list-style-type:none;
    margin:0;
    padding:0;
}
#menu li a {
    color:#FFFFFF;
    text-decoration:none;
}
#menu a:visited {
    color:#FFFFFF;
}
#menu a:active,
#menu a:hover {
    color:#FF9933;
}
#copyimg{
    margin:0;
    padding:7px 0 5px;
}

/*-------------------------------------------------------------------------*/
/* 上へ */
/*layout.css (line 124)*/
#es_gotop {
    margin:12px 0 0 0;
    padding:0;
    position: relative;
    width:98%;
}

#es_gotop .es_powered {
    position: relative;
    width:122px;
    height:13px;
    background: url(../images/logo_forcia.gif) no-repeat 0 0;
    text-indent: -9999px;
    line-height:13px;
    font-size:12px;
    margin:0 50px 0 20px;
    padding:0;
}

#es_gotop .es_upper {
    position: absolute;
    display: block;
    width:auto;
    height:13px;
    top: 0;
    right: 0;
    margin:0;
    padding:0 10px 0 12px;
    line-height:13px;
    font-size:12px;
    text-align:right;
    background: url("../images/es_arrowg_t.gif") no-repeat 0 0.12em;
}


/*-------------------------------------------------------------------------*/
/* コンテンツ */
/* ※元は#leftエリア/ layout.css (line 134) */
#es_maincontents {
    margin:0;
    padding:0 5px 10px 5px;
    /*position: relative;*/
}
#es_errmaincontents {
    display: block;
    margin:100px 20px;
    padding:0 5px 10px 5px;
    /position: relative;
}
#es_search_result {
    margin:0;
    padding:0;
    width:740px;
}

/*コンテンツ枠 contentFrame
-------------------------------------------------------------------------*/
/* module.css (line 78) */
#es_contentFrame {
    border-left:1px solid #CCCCCC;
    border-right:1px solid #CCCCCC;
    border-top:1px solid #CCCCCC;
    padding:5px 10px 0 10px;
    margin:0;
    background:#FFFFFF;
}

/* module.css (line 85) */
#es_contentFrameBottom {
    background: url("../images/es_rc_content_bl.jpg") no-repeat left top;
    min-height:8px;
    line-height:8px;
    margin:0;
    padding:0;
    FONT-SIZE: 1px;
    WIDTH: 100%;
    HEIGHT: 8px;
}

#es_contentFrameBottom div{
    background:transparent url("../images/es_rc_content_br.jpg") no-repeat right top;
    min-height:8px;
    line-height:8px;
    margin:0;
    padding:0;
    FONT-SIZE: 1px;
    WIDTH: 100%;
    HEIGHT: 8px;
}

/* module.css (line 36) */
/*h3----------*/
#es_contentFrameTop {
    margin:0;
    padding:0;
    min-height:23px;
    line-height:23px;
    margin:0;
    padding:0;
    background: url("../images/es_rc_content_tl.jpg") no-repeat left top;
    color:#474747;
}

#es_contentFrameTop div {
    min-height:23px;
    line-height:23px;
    margin:0;
    padding:5px;
    background:transparent url("../images/es_rc_content_tr.jpg") no-repeat right top;
}

/*module.css (line 45)*/
#es_contentFrameTop div h3.es_h3 {
    display:block;
    margin:0;
    padding:2px 0 0 20px;
    font-weight:bold;
    font-size:1.1em;
    background:transparent url("../images/es_h3_title_bg.gif") no-repeat 5px 5px;
    line-height:1.35em;
}

/* 検索条件 */
/* module.css (line 471) */
.consolePanel {
    background-color:transparent;
    /*color:#333333;
    margin:0pt;
    padding:0pt 10px;*/
}

/* 小さい文字で表示する右寄せのコメント(空室状況は…) */
.es_rightcomm {
    text-align:right;
    font-size:0.8em;
    padding:0px 0;
    color:#6699cc;
}


/*順送りリンク rotaionLink
-------------------------------------------------------------------------*/
/*module.css (line 660) ページindex */
#es_rotaionLink{
    width:auto;
    margin:3px 0;
    padding:0 5px;
    border:none;
}
#es_rotaionLink ul{
    margin:0;
    padding:0;
}
/* module.css (line 650) */
#es_rotaionLink ul li {
    list-style-type:none;
    display:inline;
    margin:0;
    padding:3px 0 0 0;
    font-size: 0.95em;
    line-height:20px;
}
/* module.css (line 656) ページindex */
#es_rotaionLink ul li.iconBefore {
    background:none;
    padding:3px 0pt 0px 3px;
}
#es_rotaionLink ul li.iconNext {
    background:none;
    padding:3px 3px 0px 0pt;
}


/* ソート -----------------------------------*/

#es_sortby{
    margin:2px 0;
    padding:0 10px;
    text-align:right;
}
#es_sortby ul{
    margin:0;
    padding:0;
}
#es_sortby ul li{
    list-style-type:none;
    display:inline;
    margin:0;
    padding-left:3px;
    font-size: 0.95em;
}

#es_sortby ul li.es_sortby_current{
    padding-left:12px;
    background:url("../images/es_arrowg_b.gif") no-repeat 0 0.12em;
}

/* タブ 
-----------------------------------*/

#search_tab {
  line-height:20px;
  font: bold 11px Verdana, sans-serif;
  padding:0;
  _height:20px;
}
#es_wrap_navi #search_tab {
/* 右側にほかの要素を入れる場合 */
  float:left;
  width:250px;
  margin:0 10px 0 0;
}
#es_search_result_detail #search_tab {
    border-bottom:1px solid #ddd;
    margin:0;
}

#search_tab ul {
    margin:0;
    padding:5px 5px 0 5px;
    list-style:none;
    font-size:0.93em;
}
#search_tab li {
  display:inline;
  margin:0;
  padding:0;
  border:none;
}
#search_tab a {
  float:left;
  background:url("../images/es_tableft_new.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 7px;
  text-decoration:none;
}
#search_tab a span.tab_in {
  float:left;
  display:block;
  background:url("../images/es_tabright_new.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  color:#6B78A9;
  line-height:20px;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#search_tab a span.tab_in {float:none;}
/* End IE5-Mac hack */
#search_tab a:hover span.tab_in {
  color:#FF9933;
}
#search_tab a:hover {
  background-position:0% -42px;
}
#search_tab a:hover span.tab_in {
  background-position:100% -42px;
}

#search_tab #current a {
          background-position:0% -42px;
}
#search_tab #current a span.tab_in {
          background-position:100% -42px;
        color:#333;
}
#search_tab #current .tab_cur {
  background:url("../images/es_tab_arrow_new.gif") no-repeat 100% 0.1em;
  padding:0 12px 0 0;
}



/*----------------------------------------------------------------*/
/* ホテルの情報が入る青枠丸罫 */
/* カレンダーも入るグレーBOX(施設ごとの検索) */
.es_rc_back_box { 
     BACKGROUND:#ddd;
     margin:0;
     padding:10px;
     height:100%;
}

.es_rc_top {
    BACKGROUND:url("../images/es_rc_blue_tl.png") no-repeat left top;
    margin:0;
    padding:0;
    FONT-SIZE: 1px;
    WIDTH: 100%;
    HEIGHT: 10px;
    line-height:10px;
}

.es_rc_top .es_rc_tr {
    BACKGROUND: url("../images/es_rc_blue_tr.png") no-repeat right top;
    margin:0;
    padding:0;
    FONT-SIZE: 1px;
    WIDTH: 100%;
    HEIGHT: 10px;
    line-height:10px;
}
.es_rc_bottom {
    BACKGROUND: url("../images/es_rc_blue_bl.png") no-repeat left bottom;
    margin:0;
    padding:0;
    FONT-SIZE: 1px;
    WIDTH: 100%;
    HEIGHT: 10px;
    line-height:10px;
}
.es_rc_bottom .es_rc_br {
    BACKGROUND: url("../images/es_rc_blue_br.png") no-repeat right bottom;
    margin:0;
    padding:0;
    FONT-SIZE: 1px;
    WIDTH: 100%;
    HEIGHT: 10px;
    line-height:10px;
}
.es_rc {
    BACKGROUND: url("../images/es_rc_blue_r.png") #d6e1f0 repeat-y left top;
    margin:0;
    padding:0;
    line-height:21px;
}
.es_rc .es_rc_in {
    BACKGROUND: url("../images/es_rc_blue_r.png") repeat-y right top;
    margin:0;
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px;
}
.es_rc_white {
    BACKGROUND: url("../images/es_rc_blue_r.png") #fff repeat-y left top;
    margin:0;
    padding:0;
    line-height:19px;
    border-top:1px solid #8690CE;
}
.es_rc_white .es_rc_in {
     BACKGROUND: url("../images/es_rc_blue_r.png") repeat-y right top;
     margin:0;
     PADDING-RIGHT: 10px;
     PADDING-LEFT: 10px;
     PADDING-BOTTOM: 0px;
     PADDING-TOP: 10px;
     line-height:20px;
     text-align:left;
     font-size:14px;
     height:100%;
}
.es_rc .es_rc_in .es_title {
    width: auto;
    padding:0 0 5px 0;
    margin:0;
    overflow: hidden;
    height:100%;
    white-space:nowrap;
}

/* Hotel Name */
.es_rc .es_rc_in .es_title p.info {
    display:block;
    float:right;
    text-align:right;
    padding:0 5px 0 0;
    margin:0;
    width:300px;
}
.es_rc .es_rc_in .es_title h4.hotel {
    display:block;
    float:left;
    font-weight:bold;
    font-size:18px;
    padding:0 0 0 5px;
    margin:0;
    width:300px;
    font-family: "Century Gothic", "Trebuchet MS", Helvetica, Arial, sans-serif;
}


/* Hotel's Detail */
.es_rc_white .es_rc_in .detail {
    background-color:#fff;
    text-align:left;
    min-height:170px;
    width:auto;
    margin:0 auto;
    height:100%;
}

/* Hotel's Photo */
.es_rc_white .es_rc_in .photo {
    float:left;
    padding:0;
    width:180px;
}
.es_rc_white .es_rc_in .photo img {
    border:8px solid #E8E8E8;
    padding:0;
}

/* module.css (line 729) Hotel's Information */
.es_rc_white .es_rc_in .detail .text {
    float:left;
    padding:0;
    margin:0;
    width:460px;
    display:inline;
}

.es_rc_white .es_rc_in .detail .text_min {
    float:left;
    padding:0;
    margin:0;
    width:300px;
    display:inline;
}

.es_rc_white .es_rc_in .detail .text_minr {
    float:right;
    padding:0;
    margin:0 0 0 20px;
    width:120px;
    display:inline;
}

.button_right  {
    float:right;
    padding:10px;
    margin:0;
    overflow: hidden;
    margin:0;
    padding:0;
    height:100%;
    white-space:nowrap;
    text-align:left;
    width: 200px;
    display:inline;

}
.es_rc_white .es_rc_in .detail .text_min h5,
.es_rc_white .es_rc_in .detail .text_minr h5,
.es_rc_white .es_rc_in .detail .text h5 {
    margin:0;
    padding:0;
    font-size:1em;
    line-height:1.2em;
    font-weight:bold;
    color:#666;
    font-family:"Times New Roman", Times, serif;
}

.es_rc_white .es_rc_in .detail .text_min p.hotel_text,
.es_rc_white .es_rc_in .detail .text_minr p.hotel_text,
.es_rc_white .es_rc_in .detail .text p.hotel_text {
    padding:0;
    margin:0 0 10px 0;
    font-size:1em;
    line-height:1.2em;
    border-bottom:1px solid #ccc;
    font-family:Helvetica, Arial, sans-serif;
    font-weight:normal;
}

/* Rate */
.calender_box {
    margin:0 auto;
    padding:2px 0 0 0;
}

p.es_rate {
    padding:0 35px 5px 0;
    font-family: Helvetica,Arial, sans-serif;
    font-size:1.17em;
    line-height:1.3em;
    text-align:right;
    font-weight:normal;
}
p.es_rate .es_rate_title {
    font-family:Georgia,Garamond,"Times New Roman","MS Serif","New York","Times New Roman", Times, serif;
    font-weight:bold;
}

/*カレンダー hotelCalendar*/
table.hotelCalendar{
    margin:0;
    padding:0;
    border:none;
    /*width:100%;*/
    border-collapse:collapse;
    font-family: Helvetica, Arial, sans-serif;
}
table.hotelCalendar th,
table.hotelCalendar td{
    /*padding:6px;*/
    border:1px solid #B3B3B3;
    text-align:center;
    font-size:0.88em;
}
table.hotelCalendar th{
    padding:6px 2px;
    background-color:#EAEAEA;
    font-weight:normal;
    vertical-align:middle;
    width:auto;
}
table.hotelCalendar td{
    padding:6px 0px;
    background-color:#FFFFFF;
    vertical-align:middle !important;
    width:60px;
}

table.hotelCalendar .sat{
    background-color:#CCCCFF;
}
table.hotelCalendar .sun{
    background-color:#FFCCCC;
}
table.hotelCalendar .bday{
    background-color:#CCCCCC;
}
table.hotelCalendar tr.date td{
    padding:0;
}
table.hotelCalendar tr.date td.head{
    padding:6px;
}

/* カレンダー見出し */
table.hotelCalendar th.th_com {
    width:auto;
    font-weight:bold;
    text-align:left;
    padding:2px 10px;
    font-size:1em;
}
table.hotelCalendar .v_bottom {
    vertical-align:bottom;
}
/* 左にある見出しの2重線罫線 */
table.hotelCalendar .th_left {
    border-right:3px double #B3B3B3;
    text-align:left;
    padding-left:3px;
}
table.hotelCalendar td.td_com {
    width:auto;
    font-weight:bold;
    text-align:left;
    padding:6px 8px!important;
    color:#000;
    font-size:1.1em;
}
table.hotelCalendar .com_normal {
    font-weight:normal;
    font-size:1em;
    color:#474747;
}
table.hotelCalendar .com_small {
    font-weight:normal;
    font-size:1em;
    color:#474747;
}
/* 左に日付見出しが並ぶ場合の幅 */
table.hotelCalendar .leftdate {
    width:100px;
}

/* N/A の書式 */
table.hotelCalendar .multiple{
    font-size:1.12em;
    color:#999999;
}

/* \つき価格 */

.es_plice {
    font-family:Helvetica, Arial, sans-serif;
    float:right;
    margin:0 2px;
    
}

td.es_plice{
    display:block;
    font-size:1em!important;
    float:right;
    padding:0 5px 3px 2px;
    font-family:Helvetica, Arial, sans-serif;
}
.es_plice_n {
    display:block;
    font-size:1em!important;
    padding:0 3px 3px 2px;
    font-family:Helvetica, Arial, sans-serif;
}
p.es_room,
p.es_room_n {
    display:block;
    padding:3px 5px 0 5px;
    font-family: "Century Gothic", "Trebuchet MS", Helvetica, Arial, sans-serif;
}

p.es_room {
    border-top:1px dotted #B3B3B3;
}

.es_room_n {
    font-weight:bold;
}

p.es_room_n, a.es_room_n {
    font-weight:bold;
}

/*-------------------------------------------------*/
/* 予約ボタン */
td.es_book,table.hotelCalendar td.es_book,
td.es_book {
    background-color:#FFFFFF;
    vertical-align:middle;
    padding:0;
    width:110px;
}
.es_clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    margin:0;
    padding:0;
    height:100%;
    width:auto;
        white-space:nowrap;
}

.button_right .es_clear { /* generic container (i.e. div) for floating buttons */
    float:right;
    _margin-right:10px;
}

/* 予約ボタンなど、1pxボーダーのちょっと細いボタン */
table.hotelCalendar tr.date td a.es_button_book,
.es_clear a.es_button_book {

    background: transparent url("../images/es_button_book_left.jpg") scroll 0 0 no-repeat;
    margin:5px 0 0 5px;
    padding:0 0 0 17px; /* sliding doors padding */
    height:30px; 
    line-height:30px;

    float:left;

    display:-moz-inline-box;
    display:inline-block;

    border:none;
    font-size:0;
    line-height:0;
    cursor:pointer;
    white-space:nowrap;

    text-align:center;
    text-decoration: none;
    _position:relative;
    _overflow-y:hidden;
}


table.hotelCalendar tr.date td a.es_button_book span,
.es_clear a.es_button_book span {
/*    display:block;*/
    float: left;

    background: url("../images/es_button_book_right.jpg") 100% 0 no-repeat; 
    color:#FFF;
    font-weight:bold;
    font-family: "Century Gothic", "Trebuchet MS", Helvetica, Arial, sans-serif;
    height:30px; 
    line-height:30px;
    font-size:18px!important;
    padding:0 17px 0 0;
    margin:0;

    cursor:pointer;
    white-space:nowrap;
    display:-moz-inline-box;
    display:inline-block;
    letter-spacing:0 !important;
    border:none;
    vertical-align:text-top;
    zoom:1;

    _position:relative;
    _padding-left:0px;
    _padding-right:12px;
    _margin-right:-10px;    
    _display:block;
    _top:0;
    _right:-5px;

}


table.hotelCalendar tr.date td a.es_button_book:hover,
.es_clear a.es_button_book:hover {
    background-position: 0 -35px; 
    outline: none; /* hide dotted outline in Firefox */
}

table.hotelCalendar tr.date td a.es_button_book:hover span,
.es_clear a.es_button_book:hover span {
    color:#FFF;
    background-position: 100% -35px; 
}


/*-------------------------------------------------*/
/* プラン検索-施設の詳細 */

/* 施設概要 見出し */
/* module.css (line 113) */
h4.es_square {
    color:#3434C9;
    padding:0 0 0 20px;
    font-size:1.25em;
    margin:5px 0 2px 10px;
    line-height:1.7em;
    background:url(../images/es_icon_bsq.gif) 0 0.5em no-repeat;
}
h5.es_square {
    color:#3434C9;
    padding:0 0 0 20px;
    font-size:1em;
    margin:5px 0 2px 10px;
    line-height:1.2em;
    background:url(../images/es_icon_bsqm.gif) 3px 0.4em no-repeat;
}
.es_square {
    color:#3434C9;
    padding:0 0 0 10px;
    font-size:1em;
    margin:5px 0 2px 10px;
    line-height:1.2em;
    background:url(../images/es_icon_bsqm.gif) 3px 0.4em no-repeat;
}
h5.info {
    color:#666666;
    padding:0 0 0 20px;
    font-size:1em;
    margin:5px 0 2px 10px;
    line-height:1em;
    background:url(../images/es_icon_bsqm.gif) 1px 0.4em no-repeat;
}

/* 施設概要 見出し */
/*縦組み table vertical----------*/
table.vertical{
    margin:0 0 0 10px;
    padding:0;
    border:none;
    border-collapse:collapse;
    width:95%;
    /*width:700px;*/
}
/* module.css (line 827) */
table.vertical th,
table.vertical td{
    padding:6px;
    border:1px solid #CCCCCC;
    vertical-align:top;
    text-align:left;
}
/* module.css (line 821) */
table.vertical th{
    background-color:#F2F4FF;
    color:#5959C7;
    font-weight:normal;
    text-align:left;
    wdith:130px;
}

table.vertical th.mini, table.vertical td.mini{
    width:60px;
}
/* basic.css (line 200) */
table.vertical .fs10 {
    font-size:80% !important;
}
table.vertical table.vertical_in{
    border:none;
    padding:0;
    margin:0;
}
/*
table.vertical table.vertical_in th,
table.vertical table.vertical_in td{
    vertical-align:top;
    text-align:left;
    border:none;
    border-left:1px dotted #ddd;
    border-bottom:1px dotted #ddd;
    wdith;130px;
}*/
/* module.css (line 834) */
table.vertical .effect {
    color:#333333;
    font-weight:bold;
    background:transparent url(../images/icon_list_blue_circle.gif) no-repeat scroll 2px 0.5em;
    padding:0 0 0 15px;
}
/* module.css (line 842) */
table.vertical .disable {
    color:#999999;
    background:transparent url(../images/icon_list_blue_circle_x.gif) no-repeat scroll 2px 0.5em;
    padding:0 0 0 15px;
}
/* module.css (line 838) */
table.vertical .accent {
    color:#E70743;
    font-weight:bold;
}
table.vertical td.bd_none_img{
    padding:0 0 10px 0;
    vertical-align:top;
    text-align:right;
    border:none;
    width:180px;
}
table.vertical td.bd_none_img img{
    align:right;
}
/* module.css (line 859) */
ul.blueCircle {
    margin:0;
    padding:0;
}

ul.blueCircle li {
    background:transparent url(../images/icon_list_blue_circle.gif) no-repeat scroll 2px 5px;
    list-style-type:none;
    margin:0pt;
    padding:0pt 0pt 3px 12px;
}
ul.blueCircle li.none {
    background:transparent url(../images/icon_list_blue_circle_x.gif) no-repeat scroll 2px 5px;
    list-style-type:none;
    margin:0pt;
    padding:0pt 0pt 3px 12px;
}

/* IEでのびる余白をかくしています。 */
.es_forIE {
    display:block;
    background:#fff;
    line-height:20px;
    font-size:20px;
    margin:0;
    padding:0;
}

/* 再検索機能 */
#es_inquiry {
    margin:20px auto;
    padding:0;
    width:680px;
/*  background:url(../images/es_bg_grdshadow.jpg) repeat-x 0 0;*/
}


/* フォーム */
.es_search_more_title {
    background:url(../images/es_bg_grd02.jpg) repeat-x 0 100%;
    border:1px solid #ddd;
    color: #000066;
    font: bold 14px/20px "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
    padding: 5px 0;
    letter-spacing: 2px;
    text-align: center;
    width:auto;
}

form.es_search_more {
    width: 500px;
}

.es_search_more_col1 {
    text-align: right;
    font-size:0.9em;
    line-height:1.8em;
    width: 200px;
    margin: 0;
    float: left;
    margin-right: 2px;
    /*background: #ddd;*/
    padding-top:5px;
}
.es_search_more_col2 {
    width: 360px;
    font-size:0.9em;
    line-height:1.8em;
    display: block;
    float: left;
    margin: 0;
    padding-top:5px;
    /*background: #f7f7f7;*/
    clear:right;
}
.es_search_more_col2 discription{
    width: 360px;
    font-size:0.9em;
    line-height:1.8em;
    display: block;
    float: left;
    margin: 0;
    padding-top:5px;
    /*background: #f7f7f7;*/
    clear:right;
}

div.es_search_more_row {
    clear: both;
    width: 600px;
    position:relative;
}

.es_search_more_submit {
    width: 600px;
    padding-top: 10px;
    clear: both;
} 

.es_search_more_input {
    font: 11px/14px "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
    color: #5A698B;
    margin: 4px 0 5px 8px;
    padding: 2px;
    border: 1px solid #8595B2;
}

.es_search_more_textarea {
    border: 1px solid #8595B2;
    font: 11px/14px "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
    color: #5A698B;
    margin: 4px 0 5px 8px;
    padding: 2px;
}

/*********************************************************************/

/* 検索パネル */
#es_search_panel {
    margin:0;
    padding:10px;
    /*width:557px;*/ /* 下のBOXとサイズをそろえたいときは、
                      #es_search_resultのWidth(710px)-padding(30px)=690px 
                    最小値は 537px+padding20px 
                    最大値は 537px+537px=1074px 
                    枠いっぱいまでのばしたいときは、ここをコメントにして。*/
    background:#fff;
    zoom: 100%; /* zoom プロパティを併用することで IE もafter 擬似要素対応可能 */
    border:1px solid #ddd;
}

#es_search_panel:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

/* MAP(ダミー) */
.es_map_content {
    float:left;
    width:303px;
    border:1px solid #ddd;
    margin:0 5px 10px 0;
    padding:0;
}

/* MAP連動テキスト */
.es_map_text {
    float:left;
    width:225px;
    border:1px solid #ddd;
    margin:0 5px 0 0;
    padding:0;
    height:212px;
}

.es_map_text_left,
.es_map_text_right {
    float:left;
    width:100px;
    margin:0;
    padding:5px;
    font-size:0.85em;
    line-height:1.4em;
    height:202px;
}

.es_map_text_right {
    border-left:1px solid #ddd;
}

.es_map_text_left a,
.es_map_text_right a{
    font-size:0.85em;
    line-height:1.4em;
}

.es_Search_options {
    float:left;
    width:498px; /* 最小値498px 地図の下にそろえるなら537px */
    margin:0;
    padding:0;
    background:#fff url(../images/es_bg_grdshadow.jpg) repeat-x 0 0;
}

/* 検索画面 検索条件の指定 */
.es_search_op {
    float:left;
    width:300px;
    margin:0;
    padding:5px;
    position:relative;
    zoom:1;
}

/* 検索画面 こだわり条件の指定 */
.es_search_faci {
    float:left;
    width:498px;
    margin:0;
    padding:0;
    background:#fff url(../images/es_bg_grdshadow.jpg) repeat-x 0 0;
}
.es_search_faci p{
    margin:0 10px 5px 10px;
    padding:5px;
    border-bottom:1px solid #ddd;
}
.es_search_faci_form label {
    font-size:0.8em;
}

/* 検索画面 チェックインカレンダー枠 */
.es_checkin_cal {
    float:left;
    width:160px;
    margin:0;
    padding:5px;
}


/** ***************************************************** 
 ***  Check-in Date Select Calendar
 ***/

#wp-calendar {
    width:168px;
    background:#FFFFFF;
    empty-cells:show;
    font-size:0.8em !important;
    margin:0;
    padding:0;
    text-align:center;
    color:#000000;
    font-family:Helvetica, Arial, sans-serif;
    font-size:68%;
    font-size-adjust:none;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    line-height:normal;
}

#wp-calendar table {
 width:100%;
 margin:0 auto;
 text-align:center;
    background-color:#F7F7F7;
}

#wp-calendar table td,
#wp-calendar table th {
  text-align:center;
  margin:0 auto;
}

#wp-calendar table th{
    background-color:#F4F4F4;
}


#wp-calendar table td,
#wp-calendar table td.pad:hover {
 padding:1px;
 border:none;
    background-color:#FFF;
}

#wp-calendar table td:hover,
#wp-calendar table #today {
 padding:0px;
 border:solid 1px #8690CE;
 background:#D6E1F0;
}


#wp-calendar table .sat{
    background-color:#DCE1FC;
}
#wp-calendar table .sun{
    background-color:#F9E0E5;
}

/* カレンダーの月切り替えナビゲーション */
#es_wrap_navi {
    margin:0;
    padding:0;
}

#es_wrap_navi #es_calendarnav {
    float:right;
}

#es_calendarnav {
    margin:0px 0 0 0;
    padding:0 5px;
    border:none;
    zoom: 100%;
    line-height:25px;
}
#es_calendarnav:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

#es_calendarnav ul.es_fr_right {
    margin:0;
    padding:0;
    display:block;
    float:right;
}

#es_calendarnav ul{
    margin:0;
    padding:0;
    display:block;
}

#es_calendarnav ul li {
    list-style-type:none;
    display:block;
    margin:3px 0;
    padding:5px 7px 2px 5px;
    font-size: 0.95em;
    line-height:0.95em;
    border-right: 1px dotted #bbb;
    float:left;
    width:auto;
}

#es_calendarnav ul li.iconNext{
        border-right: none;
}

#es_calendarnav ul li.iconBefore a{
    background:url(../images/es_arrow_left_new.gif) 2px 0 no-repeat;
}
#es_calendarnav ul li.iconNext a{
    background:url(../images/es_arrow_right_new.gif) 5px 0 no-repeat;
}

#es_calendarnav ul li.iconBefore a,
#es_calendarnav ul li.iconNext a{
    padding-left:12px;
    line-height:20px;
    font-size:1px;
    display:block;
    text-indent:-9999px;
    width:10px;
}



#es_calendarnav ul li a,#es_calendarnav ul li a:hover{
    border:none;
    text-decoration:none;
}


#es_calendarnav ul li.iconBefore {
    background:none;
    padding:3px 0pt 0px 3px;
}
#es_calendarnav ul li.iconNext {
    background:none;
    padding:3px 3px 0px 0pt;
}

/* --------------------------------------------------------------------------------- */
/* 施設情報のCSS */
/* Hotel's Header */
/* module.css (line 16), module.css (line 24) */
#h2_header {
    background:transparent url(../images/es_h2_bg.gif) no-repeat scroll left bottom;
    border-left:1px solid #ddd;
    border-right:1px solid #ddd;
    border-bottom:1px solid #ddd;
    border-top:2px solid #2E2E9D;
    margin:0 0 5px 0;
    padding:5px;
    /*min-height:54px;*/
    width: auto;
    overflow: hidden;
    height:100%;
    white-space:nowrap;
}

/* module.css (line 30) */
#h2_header h2 {
    float:left;
    margin:0 10px 0 0;
    padding:10px;
    width:70%;
    color:#111184;
    font-size:1.2em;
    line-height:1.2em;
    font-weight:bold;
    display:block;
}
#h2_header h2.no_float {
    margin:0 10px 0 0;
    padding:10px;
    width:70%;
    color:#111184;
    font-size:1.2em;
    line-height:1.2em;
    font-weight:bold;
    display:inline;
}


#h2_header p {
    float:left;
    margin:0;
    padding:5px;
    font-size:0.85em;
    line-height:1.25em;
    width:20%;
    clear:right;
    display:block;
}
/* Hotel's Photo */
#hotel_info {
    margin:0;
    padding:0;
    width:180px;
    margin-right:10px;
    display:inline;
}
#hotel_info .photo {
    float:left;
    padding:10px 0 0 10px;
    width:180px;
    margin-right:10px;
    display:inline;
}
#hotel_info .photo img {
    border:none;
    padding:0;
}

#hotel_info .hotel_point{
    float:left;
    padding:0;
    width:540px;
}

#hotel_info .hotel_point h4 {
    margin:10px 0 3px 0;
    font-weight:bold;
    color:#3434C9;
    padding:0 0 0 17px;
    font-size:1.25em;
    margin:5px 0 2px 5px;
    line-height:1.7em;
    background:url(../images/es_icon_bsq.gif) 0 0.55em no-repeat;
}
#hotel_info .hotel_point p {
    padding:0 0 0 25px;
}


#es_search_result_detail {
    margin:0;
    padding:10px 5px;
}

/*-------------------------------------------------------------------------*/
/* 手続きフォームのステップ表示　*/
#es_step_navi_wrap {
    overflow: hidden;
    padding:0;
    height:100%;
    width:auto;
    margin:10px;
}

ul#es_step_navi{
    margin:0;
    padding:0;
    text-indent:0;
}
#es_step_navi li{
    float:left;
    mardin:0;
    padding:0;
    list-style:none;
    background-color:#ededed;
    background-image: url(../images/navbtn.gif);
    background-repeat: no-repeat;
    background-position: right top;
    color:#333;
    font-size:12px;
    line-height:10px;
    height:52px;
}

#es_step_navi li.current{
    background-color:#d2d7f2;
    background-image: url(../images/navcurrentbtn.gif);
}

#es_step_navi li.lastDone{
    background-color:#cccccc;
    background-image: url(../images/navlastdonebtn.gif);
}

#es_step_navi li.done{
    background-color:#cccccc;
    background-image: url(../images/navdonebtn.gif);
}

#es_step_navi li a, #es_step_navi li a:link, #es_step_navi li a:visited, #es_step_navi li a:hover, #es_step_navi li a:active {
    color:#333;
}

#es_step_navi li em{
    display:block;
    margin:6px 0 0 10px;
    font-style:normal;
    font-weight:bold;
    color:#111184;
    font-size:1em;
    line-height:1em;
    width:70px;
}

#es_step_navi li span{
    display:block;
    margin-left:11px;
    font-weight:normal;
    width:70px;
    font-size:0.91em;
    line-height:1.25em;
}

#es_step_navi li.es_step_naviNoBg{
    background-image:none;
    clear:right;
}
#es_step_navi.step8 li{width:92px;}
#es_step_navi.step7 li{width:105px;}
#es_step_navi.step6 li{width:123px;}


/*店舗名表示----------*/
table.result storeName{
    text-align:left;
    background-color:#F2F4FF;
    color:#5959C7;
    width:600px;
}



/*営業時間表示----------*/

table.result{
    border:none;
    border-collapse:collapse;
    width:680px;
    margin:0 20px;
}
table.result th,
table.result td{
    padding:4px;
    border:1px solid #DBDBDB;
    vertical-align:top;
}
table.result th{
    text-align:left;
    background-color:#F2F4FF;
    color:#5959C7;
    width:160px;
}
table.result th.storeName{
    text-align:left;
    background-color:#F2F4FF;
    color:#5959C7;
    width:600px;
}
/*営業時間表示----------*/
.firstHalf{
    float:left;
    width:160px;
}
.secondHalf{
    float:left;
    margin:0 0 0 15px;
    width:160px;
}
.firstHalf .day p.week,
.secondHalf .day p.week{
    float:left;
    width:40px;
    margin:0 0 10px 5px;
}
.firstHalf .day p.time,
.secondHalf .day p.time{
    float:left;
    margin:0 0 10px 5px;
}
.hoursComment {
    float:left;
    width:520px
}
/*-------------------------------------------------------------------------*/
/* 手続きフォーム　*/
#es_stepform_wrap {
    margin:10px auto;
    padding:0;
/*  width: 750px;*/
    /*background:url(../images/es_bg_grdshadow.jpg) repeat-x 0 0;*/
    position:relative;
}
form.es_stepform {
    width: 750px;
    margin:0;
    padding:0;
}

.es_stepform_title {
    background:url(../images/es_bg_grd02.jpg) repeat-x 0 100%;
    border:1px solid #ddd;
    color: #75accd;
    font: bold 11px/18px "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
    padding: 5px 0;
    letter-spacing: 2px;
    text-align: center;
    margin:0;
    /*width:auto;*/
    position:relative;
}
.es_stepform_title_comm {
    font-weight:normal;
    color:#006699;
    font-size:0.95em;
}

div.es_stepform_row {
    clear: both;
    width: 100%;
    border-bottom:1px solid #ddd;
    zoom:1;
    /*min-height:2.75em;*/
    position:relative;
}


.es_stepform_col1 {
/*  width: 188px;*/
    width:28%;
    font-size:0.9em;
    line-height:1.25em;
    margin: 0;
    float: left;
    margin-right: 2px;
    /*background: #ddd;*/
    padding-top:5px;
    padding-bottom:5px;
    padding-left:10px;
    text-align: right;
    color:#666;
    font-weight:bold;
}
.es_stepform_col2 {
/*  width: 550px;*/
    width:68%;
    font-size:0.9em;
    line-height:1.8em;
    display: block;
    float: left;
    margin: 0;
    padding-top:5px;
    padding-left:5px;
    /*background: #f7f7f7;*/
    clear:right;
}
.es_stepform_col2 label{
    margin:2px 0;
    padding:3px 0 0 0;
    display:inline;
    vertical-align:middle;
    font-size:0.9em;
    line-height:1em;
}

.es_stepform_col3 {
    display:block;
    font-size:0.9em;
    line-height:1.8em;
    margin-right: 2px;
    text-align: left;
    color:#666;
    background:#F7F7F7 url(../images/es_icon_bsqm.gif) 10px 14px no-repeat;
    margin:0;
    padding:5px 0 0 20px;
}
.es_stepform_submit {
    margin:0;
    padding:3px 0 3px 0;
    clear: both;
    width: 98%;
    position:relative;
    height:40px;
} 

.es_stepform_submit_L {
    float: left;
    width: 350px;
    text-align:left;
    position:relative;
} 
.es_stepform_submit_R {
    float: right;
    width: 360px;
    text-align:right;
    clear: right;
    position:relative;
} 
.es_stepform_submit_C {
    float: leftt;
    width: 780px;
    text-align:center;
    position:relative;
} 
.es_stepform_textarea,
.es_stepform_input {
    font: 11px/14px "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
    color: #5A698B;
    margin: 4px 0 5px 8px;
    padding: 2px;
    border: 1px solid #8595B2;
}

.es_stepform_button {
    font: 11px/14px "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
    color: #5A698B;
    margin: 0 2px 0 5px;
    padding: 2px;
    vertical-align:top;
}
.es_form_comment {
    background:url(../images/es_icon_bsqm.gif) 1px 0.45em no-repeat;
    margin:5px 10px 5px 20px;
    padding:0 0 0 15px;
    font-size:1em;
    line-height:1.2em;
    font-weight:normal;
    color:#333333;
    display:block;
    clear:both;
}

.es_form_desc {
    font-size:12px;
    font-size:0.8em;
    line-height:1em;
    font-weight:normal;
}

.es_information {
    margin:0 0 10px 0;
    padding:5px;
    border: 1px solid #ddd;
    background:#f7f7f7;
    font-family:Helvetica, Arial, sans-serif;
    font-size:1em;
    line-height:1.4em;
}
#officedate {
    margin:0 0 10px 0;
    padding:5px;
    border: 1px solid #ddd;
    background:#f7f7f7;
    font-family:Helvetica, Arial, sans-serif;
    font-size:1em;
    line-height:1.4em;
}
/*------------------------------------------------------------------------*/
/* login */
.cbox{
    margin:10;
    padding:10px;
    /*background-color:#bbe0e3;*/
    background:#ddd url(../images/es_bg_slash01.png) repeat 0 0 scroll;
}
.div_table {
    background-color:#ffffff;
    padding:10 auto;
    margin:0;
    position:relative;
    zoom: 100%; /* zoom プロパティを併用することで IE もafter 擬似要素対応可能 */
    border:1px solid #ddd;
}

.div_table:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}




.cbox .div_table #caut{
    border:solid 1px #8690CE;
    padding:10px;
    margin:10px 30px;
    clear:both;
}

/* ----------------------------------------------------------------------------------- */
/*-------------------------------------------------*/
/* 詳細(Detail)ボタンなど、2pxボーダーのブルーボタン */
.es_clear a.es_button {
    float:left;
}

.es_clear a.es_button span {
    /* display:block;*/
    float: left;
}

.es_clear a.es_button,
span.es_button,
del.es_button {

    background: transparent url("../images/es_button_left.jpg") scroll 0 0 no-repeat;
    margin:5px 0 0 5px;
    padding:0 0 0 17px; /* sliding doors padding */
    height:34px; 


    display:-moz-inline-box;
    display:inline-block;

    border:none;
    font-size:0;
    line-height:0;
    cursor:pointer;
    white-space:nowrap;

    text-align:center;
    text-decoration: none;
    _position:relative;
    _overflow-y:hidden;
}

.es_clear a.es_button span,
span.es_button button,
span.es_button input,
del.es_button span {
    background: transparent url("../images/es_button_right.jpg") 100% 0 no-repeat; 
    color:#FFF;
    font-weight:bold;
    font-family: "Century Gothic", "Trebuchet MS", Helvetica, Arial, sans-serif;
    height:34px; 
    line-height:32px;
    font-size:21px!important;
    padding:0 17px 2px 0;
    margin:0;

    cursor:pointer;
    white-space:nowrap;
    display:-moz-inline-box;
    display:inline-block;
    letter-spacing:0 !important;
    border:none;
    vertical-align:text-top;
    zoom:1;

    _position:relative;
    _padding-left:0px;
    _padding-right:12px;
    _margin-right:-10px;    
    _display:block;
    _top:0;
    _right:-5px;
}


/* form:ボタン用css */
/* ex.<span class="button"><input type="submit" name="foo" value="yout text" /></span> */
/* ex. <span class="button"><button type="submit" name="foo" value="yout text">yout text</button></ */

span.es_button button{
   line-height:2.5;/*Opera need this*/
}


html.safari a.es_button span, 
html.safari del.es_button span{
  line-height:1.3;
}

html.safari span.es_button button{
  line-height:2.6;
}

html.safari a.es_button:focus,
html.safari span.es_button button:focus{
    outline:none;
}


 /* For Disabled Action : ex. <del class="button"><span>yout text</span></del>*/
del.es_button{
    /* cursor:not-allowed;  */
    background-position:0 -35px;
}

del.es_button span{
    cursor:default;
    color:#aaa !important;
    background-position:100% -35px;
}


span.es_button button,
span.es_button input{
    padding-top:0px;
/*  line-height:2.5;*//*Opera need this*/
}
/*----------------------------*/

/*Hover Style*/
.es_clear a.es_button:hover,
a.es_button:focus, 
span.es_button:hover,
a.dom-button-focus, 
span.es_button-behavior-hover {

    background-position: 0 -35px; 
    text-decoration:none;
    outline: none; /* hide dotted outline in Firefox */
}

.es_clear a.es_button:hover span,
a.es_button:focus span, 
span.es_button:hover button, 
span.es_button:hover input,
span.es_button-behavior-hover button, 
span.es_button-behavior-hover input {

    color:#FFF;
    background-position: 100% -35px; 
}

/*----------------------------*/
 
del.es_button-behavior-hover,
del.es_button:hover{
    background-position:0 -35px;
    /* cursor:not-allowed; */
}


del.es_button-behavior-hover span,
del.es_button:hover span{
    background-position:100% -35px;
    /* cursor:not-allowed; */
}




/*Optional hack for IE6 to simulate :hover selector*/
span.es_button button,
del.es_button span,
span.es_button input{

    _behavior:expression(
        (function(el){

            if( typeof( behavior_onMouseEnter) == 'undefined'){

                
                behavior_onMouseEnter = function(el){
                    
                    var dEl = this.parentNode;                  
                    var sClass = dEl.className ;
                    dEl.__defaultClassName = sClass ;
                    dEl.className = sClass + ' button-behavior-hover';  
                    this.setCapture();
                };

                behavior_onMouseLeave = function(el) {
                    var dEl = this.parentNode;
                    dEl.className = dEl.__defaultClassName ;
                    dEl.__defaultClassName = undefined;
                    this.releaseCapture();
                };


            };
            
            
            el.runtimeStyle.behavior = 'none';
            el.onmouseenter = behavior_onMouseEnter;
            el.onmouseleave = behavior_onMouseLeave;
            
            
        })(this));


}

/*マイページ Mypage list*/
table.mypagelist{
    margin:0;
    padding:0;
    border:none;
    width:100%;
    border-collapse:collapse;
    font-family: Helvetica, Arial, sans-serif;
}
table.mypagelist th,
table.mypagelist td{
    padding:6px;
    border:1px solid #B3B3B3;
    text-align:center;
    font-size:1em;
}
table.mypagelist th{
    padding:6px 2px;
    background-color:#F4F4F4;
    font-weight:normal;
    vertical-align:middle;
}
table.mypagelist td{
    padding:6px 0px;
    background-color:#FFFFFF;
    vertical-align:middle !important;
}

/* リスト見出し */
table.mypagelist .th_com {
    font-weight:bold;
    text-align:left;
    padding:2px 4px;
    font-size:0.9em;

}
table.mypagelist .v_bottom {
    vertical-align:bottom;
}
/* 左にある見出しの2重線罫線 */
table.mypagelist .th_left {
    border-right:3px double #B3B3B3;
    text-align:left;
    padding-left:3px;
    width:100px;
}
table.mypagelist td.td_com {
    width:auto;
    font-weight:bold;
    text-align:left;
    padding:4px 6px!important;
    color:#000;
    font-size:1.1em;
}
table.mypagelist .com_normal {
    font-weight:normal;
    font-size:1em;
    color:#474747;
    text-align:left;
    padding:2px 2px;
}
table.mypagelist .pastday {
    background-color:#CCCCCC;
}
table.mypagelist .cxl {
    background-color:#FFFFCC;
}
table.mypagelist .com_small {
    font-weight:normal;
    font-size:1em;
    color:#474747;
}
table.mypagelist .com_name {
    font-weight:normal;
    font-size:1em;
    color:#474747;
    text-align:left;
    padding:2px 2px;
    font-weight:bold;
    background-color:#FFFF66;
}
.mypage_com{
    font-weight:normal;
    font-size:0.9em;
    color:#474747;
    text-align:left;
    margin:10px 20px;
}
/* 左に日付見出しが並ぶ場合の幅 */
table.mypagelist .leftdate {
    width:100px;
}

/* N/A の書式 */
table.mypagelist .multiple{
    font-size:1.12em;
    color:#999999;
}
/*
条件iframe  conditionIframe
-------------------------------------------------------------------------*/
.conditionIframe{
    width:675px;
    height:260px;
    margin:0;
    padding:0;
    border:1px solid #CCCCCC;
    position:relative;
}

.frame{
    margin-left:20px;
    padding:0;
}
.taCenter {
    text-align:center !important;
    font-weight:bold;
}
/* FLOAT
-------------------------------------*/
/* LEFT */
.floLeft {
    float:left;
}
/* RIGHT */
.floRight {
    float:right;
}
/* Center */
.floCenter {
    text-align:center !important;
}

/*確認レイアウト confirmLine----------*/
.searchGray{
    margin:0;
    padding:8px;
    width:500px;
    background-color:#F0F0F0;
    display:block;
    clear:both;

}

.ml16 {
    margin-left:16px !important;
}
.es_rc_white .es_rc_in .detail_photo {
    background-color:#fff;
    text-align:left;
    min-height:120px;
    width:auto;
    margin:0 auto;

}
#es_errwait {
    display: block;
    margin:100px 20px;
    padding:0 5px 10px 5px;
    position: relative;
}
div.contentFrame {
    margin:0 11px 0 12px;
    border:8px solid #CCCCCC;
    border-width:8px 8px 0;
    padding:10px;
    width:681px;
}
div.contentFrameBottom {
    margin:0 11px 0 12px;
}
div.contentFrameBottomPrint {
    margin:0 11px 0 12px;
    display:none;
}

