


.bdc {
  width: 800px;            
  margin: 0px auto 0px auto; 
  color: #f2f2f2;          
  line-height: 1.5;
  font-family: "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;
}
.bdc__inner {
  background: rgba(255, 255, 255, 0.08); 
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 8px;
  padding: 14px 18px;
  box-sizing: border-box;
  text-align: center;
  backdrop-filter: blur(2px);
}
.bdc__text {
  min-width: 0;
}
.bdc__lead {
  margin: 0;
}
.bdc__sub {
  margin: .4em 0 0;
  opacity: 0.85; 
}




/* ================================== */
/*         TEL LINK for PC            */
/* ================================== */
a[href^="tel:"] { cursor: default; }
/* ================================== */



/* ================================== */
/*         FREE CALL BANNER           */
/* ================================== */

.freeCallWrap { background-color: #000; }
.freeCallBox { display: block; box-sizing: border-box; letter-spacing: 1.2px;
width: 100%; height:auto; margin-top: 10px; padding: 5px; color: #fff;
background-color: #cda550; box-shadow: 2px 2px 5px #000; box-sizing: border-box;
font-family:"ヒラギノ明朝 ProN W6", "HiraMinProN-W6" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif; }

.freeCallBox { background: #525252; }
.freeCallBox .wrap01 { box-sizing: border-box; width: 100%; height:auto; padding: 2px; color: #f5f5f5; background-color: #000000; box-sizing: border-box; }
.freeCallBox .wrap02 { box-sizing: border-box; width: 100%; height:auto; padding: 2px; color: #f5f5f5; background-color: #3e3e3e; box-sizing: border-box; }
.freeCallBox .wrap03 { box-sizing: border-box; width: 100%; height:auto; padding: 20px; color: #f5f5f5; border: none; box-sizing: border-box; }
.freeCallBox .wrap03 {
background: #141414;
background: -moz-linear-gradient(-45deg,  #212121 0%, #141414 50%, #212121 100%);
background: -webkit-linear-gradient(-45deg,  #212121 0%,#141414 50%,#212121 100%);
background: linear-gradient(135deg,  #212121 0%,#141414 50%,#212121 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#212121', endColorstr='#212121',GradientType=1 );
}


.freeCallBox .parts02 { box-sizing: border-box; font-weight: bold; font-family:"Roboto Slab" , Garamond , "Times New Roman" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif; }


.freeCallBox { width: 100%; margin: 0 auto 0px auto; box-sizing: border-box; }
.freeCallBox .freeCallText { width: 100%; box-sizing: border-box; }
.freeCallBox .parts01 {width: 95%; margin: 0 auto 0 auto; font-size: 18px; text-align: center; color: #f5f5f5; padding: 10px 0 20px 0; border-bottom: 4px double #fff; box-sizing: border-box; }
.freeCallBox .parts02 { width: 95%; line-height: 1.5; margin: 15px auto 0 auto; text-align: center; letter-spacing: 5px; box-sizing: border-box; }

.freeCallBox #freeCallIcon { vertical-align: middle; text-decoration: none; font-size: 50px; color: #f5f5f5; }
.freeCallBox .freeCallNumber { vertical-align: middle; color: #f5f5f5; font-size: 50px; text-decoration: underline; }
.freeCallBox .freeCallTime { color:#f5f5f5; font-size: 18px; text-align: center;width: 100%; }

.freeCallBox .mailBox { display: block;  width: 95%; background-color: #ffecd4; border-radius: 5px; padding: 10px; margin: 30px auto 10px auto;  box-sizing: border-box; font-size: 20px; color: #151515; }
.freeCallBox .mailBox:hover { background-color: #fff5e6; }
.freeCallBox #mailIcon { vertical-align: middle; font-size: 32px; color: #151515; }
.freeCallBox #mailText { vertical-align: middle;  color: #151515; }
/* ================================== */



/* ================================== */
/*            ICON FONT               */
/* ================================== */

/* サイトロゴ */
@font-face {
  font-family: 'icomlogo';
  src:
    url('fonts/icomlogo.ttf?dxzgg2') format('truetype'),
    url('fonts/icomlogo.woff?dxzgg2') format('woff'),
    url('fonts/icomlogo.svg?dxzgg2#icomlogo') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="iconlogo-"], [class*=" iconlogo-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomlogo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.iconlogo-logo:before {
  content: "\e900";
}


/* キーワード検索アイコン */
@font-face {
  font-family: 'icomsearch';
  src:
    url('fonts/icomsearch.ttf?6jydgq') format('truetype'),
    url('fonts/icomsearch.woff?6jydgq') format('woff'),
    url('fonts/icomsearch.svg?6jydgq#icomsearch') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="iconsearch-"], [class*=" iconsearch-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomsearch' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.iconsearch-search:before {
  content: "\e900";
}

/*  電話アイコン */
@font-face {
  font-family: 'icomtel';
  src:
    url('fonts/icomtel.ttf?tefrjs') format('truetype'),
    url('fonts/icomtel.woff?tefrjs') format('woff'),
    url('fonts/icomtel.svg?tefrjs#icomtel') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icontel-"], [class*=" icontel-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomtel' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icontel-tel:before {
  content: "\e900";
}


/* メールアイコン */
@font-face {
  font-family: 'icommail';
  src:
    url('fonts/icommail.ttf?29t2mi') format('truetype'),
    url('fonts/icommail.woff?29t2mi') format('woff'),
    url('fonts/icommail.svg?29t2mi#icommail') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="iconmail-"], [class*=" iconmail-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icommail' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.iconmail-mail:before {
  content: "\e900";
}

/* トップページ メイン画像ロゴ*/
@font-face {
  font-family: 'icommainlogo';
  src:
    url('fonts/icommainlogo.ttf?vdemyc') format('truetype'),
    url('fonts/icommainlogo.woff?vdemyc') format('woff'),
    url('fonts/icommainlogo.svg?vdemyc#icommainlogo') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="iconmainlogo-"], [class*=" iconmainlogo-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icommainlogo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.iconmainlogo-mainlogo:before {
  content: "\e900";
}


/* アローアイコン */
@font-face {
  font-family: 'icomarrow';
  src:
    url('fonts/icomarrow.ttf?8ptxt7') format('truetype'),
    url('fonts/icomarrow.woff?8ptxt7') format('woff'),
    url('fonts/icomarrow.svg?8ptxt7#icomarrow') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="iconarrow-"], [class*=" iconarrow-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomarrow' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.iconarrow-arrow:before {
  content: "\e900";
}


/* 2重アローアイコン */
@font-face {
    font-family: 'icomoon';
    src:    url('fonts/icomoon.eot?1lh3d8');
    src:    url('fonts/icomoon.eot?1lh3d8#iefix') format('embedded-opentype'),
        url('fonts/icomoon.ttf?1lh3d8') format('truetype'),
        url('fonts/icomoon.woff?1lh3d8') format('woff'),
        url('fonts/icomoon.svg?1lh3d8#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-right-arrow:before {
    content: "\e900";
}

/* フリーコール */
@font-face {
  font-family: 'icomfreecall';
  src:
    url('fonts/icomfreecall.ttf?5zync8') format('truetype'),
    url('fonts/icomfreecall.woff?5zync8') format('woff'),
    url('fonts/icomfreecall.svg?5zync8#icomfreecall') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="iconfreecall-"], [class*=" iconfreecall-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomfreecall' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.iconfreecall-freecall:before {
  content: "\e900";
}


/* トップメニューアイコン */
@font-face {
  font-family: 'icommenu';
  src:
    url('fonts/icommenu.ttf?2bqkq5') format('truetype'),
    url('fonts/icommenu.woff?2bqkq5') format('woff'),
    url('fonts/icommenu.svg?2bqkq5#icommenu') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="iconmenu-"], [class*=" iconmenu-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icommenu' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.iconmenu-menu3:before {
  content: "\e9bf";
}


/* アロー上 */
@font-face {
  font-family: 'icomup';
  src:
    url('fonts/icomup.ttf?19gi15') format('truetype'),
    url('fonts/icomup.woff?19gi15') format('woff'),
    url('fonts/icomup.svg?19gi15#icomup') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="iconup-"], [class*=" iconup-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomup' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.iconup-arrow_up:before {
  content: "\e900";
}
.iconup-menu3:before {
  content: "\e9bf";
}


/* homeアイコン */
@font-face {
  font-family: 'iconhome';
  src:  url('fonts/iconhome.eot?rv8qyi');
  src:  url('fonts/iconhome.eot?rv8qyi#iefix') format('embedded-opentype'),
    url('fonts/iconhome.ttf?rv8qyi') format('truetype'),
    url('fonts/iconhome.woff?rv8qyi') format('woff'),
    url('fonts/iconhome.svg?rv8qyi#iconhome') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="iconhome-"], [class*=" iconhome-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'iconhome' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.iconhome-home:before {
  content: "\e901";
}


/* mapアイコン */
@font-face {
  font-family: 'iconmap';
  src:  url('fonts/iconmap.eot?ya74dk');
  src:  url('fonts/iconmap.eot?ya74dk#iefix') format('embedded-opentype'),
    url('fonts/iconmap.ttf?ya74dk') format('truetype'),
    url('fonts/iconmap.woff?ya74dk') format('woff'),
    url('fonts/iconmap.svg?ya74dk#iconmap') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="iconmap-"], [class*=" iconmap-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'iconmap' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.iconmap-location2:before {
  content: "\e948";
}


/* tableアイコン */
@font-face {
  font-family: 'icontable';
  src:  url('fonts/icontable.eot?tqlg3n');
  src:  url('fonts/icontable.eot?tqlg3n#iefix') format('embedded-opentype'),
    url('fonts/icontable.ttf?tqlg3n') format('truetype'),
    url('fonts/icontable.woff?tqlg3n') format('woff'),
    url('fonts/icontable.svg?tqlg3n#icontable') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icontable-"], [class*=" icontable-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icontable' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icontable-table2:before {
  content: "\ea71";
}


/* Listアイコン */
@font-face {
  font-family: 'iconList';
  src:  url('fonts/iconList.eot?jmvq72');
  src:  url('fonts/iconList.eot?jmvq72#iefix') format('embedded-opentype'),
    url('fonts/iconList.ttf?jmvq72') format('truetype'),
    url('fonts/iconList.woff?jmvq72') format('woff'),
    url('fonts/iconList.svg?jmvq72#iconList') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="iconlist-"], [class*=" iconlist-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'iconList' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.iconlist-list:before {
  content: "\e9ba";
}


/* トップメニューアイコン */
@font-face {
  font-family: 'iconMenu02';
  src:  url('fonts/iconMenu02.eot?om950y');
  src:  url('fonts/iconMenu02.eot?om950y#iefix') format('embedded-opentype'),
    url('fonts/iconMenu02.ttf?om950y') format('truetype'),
    url('fonts/iconMenu02.woff?om950y') format('woff'),
    url('fonts/iconMenu02.svg?om950y#iconMenu02') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="iconMenu02-"], [class*=" iconMenu02-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'iconMenu02' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.iconMenu02-menu:before {
  content: "\e9bd";
}


/* 電話問い合わせアイコン */
@font-face {
  font-family: 'iconTel02';
  src:  url('fonts/iconTel02.eot?5djhtg');
  src:  url('fonts/iconTel02.eot?5djhtg#iefix') format('embedded-opentype'),
    url('fonts/iconTel02.ttf?5djhtg') format('truetype'),
    url('fonts/iconTel02.woff?5djhtg') format('woff'),
    url('fonts/iconTel02.svg?5djhtg#iconTel02') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="iconTel02-"], [class*=" iconTel02-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'iconTel02' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.iconTel02-phone:before {
  content: "\e900";
}



/* メールアイコン２ */
@font-face {
  font-family: 'iconMail02';
  src:  url('fonts/iconMail02.eot?gt7jau');
  src:  url('fonts/iconMail02.eot?gt7jau#iefix') format('embedded-opentype'),
    url('fonts/iconMail02.ttf?gt7jau') format('truetype'),
    url('fonts/iconMail02.woff?gt7jau') format('woff'),
    url('fonts/iconMail02.svg?gt7jau#iconMail02') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="iconMail02-"], [class*=" iconMail02-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'iconMail02' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.iconMail02-mail:before {
  content: "\e900";
}


/* クロスアイコン */
@font-face {
  font-family: 'iconCross';
  src:  url('fonts/iconCross.eot?awrcyz');
  src:  url('fonts/iconCross.eot?awrcyz#iefix') format('embedded-opentype'),
    url('fonts/iconCross.ttf?awrcyz') format('truetype'),
    url('fonts/iconCross.woff?awrcyz') format('woff'),
    url('fonts/iconCross.svg?awrcyz#iconCross') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="iconCross-"], [class*=" iconCross-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'iconCross' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.iconCross-cross:before {
  content: "\e900";
}



/* フリーダイヤル裏番号アイコン */
@font-face {
  font-family: 'iconcall02';
  src:  url('fonts/iconcall02.eot?wu6p97');
  src:  url('fonts/iconcall02.eot?wu6p97#iefix') format('embedded-opentype'),
    url('fonts/iconcall02.ttf?wu6p97') format('truetype'),
    url('fonts/iconcall02.woff?wu6p97') format('woff'),
    url('fonts/iconcall02.svg?wu6p97#iconcall02') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="iconcall02-"], [class*=" iconcall02-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'iconcall02' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.iconcall02-call02:before {
  content: "\e900";
  color: #fff;
}

/* ================================== */











/* BODY */
body { font-size: 12px; line-height: 1.2em; color: #CCCCCC; background-color: #000000; text-align: center; margin: 0px; padding: 0px; }
body { -webkit-text-size-adjust: 100%; } /*iphone文字サイズ調整*/
body { font-family: "ＭＳ Ｐゴシック"; } /*google chrome用*/


/* font */
body {
font-family:/*Avenir , "Helvetica Neue" , Helvetica , Arial , Verdana , */ "ヒラギノ明朝 ProN W6", "HiraMinProN-W6","ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}
.honbun { font-size: 12px; line-height: 20px; color: #cccccc; width: 750px; text-align: left; margin: 0 auto; letter-spacing: 1.1px; }

/* micro clearfix */
.cf:before , .cf:after { content:""; display: table; }
.cf:after { clear:both; }
.cf { *zoom:1; } /* for ie6,7 */

a { outline: none; }
a:link { text-decoration: none; color: #454545; }
a:visited { text-decoration: none; color: #454545; }
a:hover { text-decoration: none; color: #FF0099; }
a:active { text-decoration: none; }

h1,h2,h3,h4,h5,h6 { margin: 0px; padding: 0px; font-size: 12px; }

p { margin: 0px; padding: 0px; }

img { border: 0px; vertical-align: top; margin: 0px; padding: 0px; }

/* HEADER */
.header_table { width: 100%; text-align: center; }
.header_td_01 { width: 580px; }
.header_td_02 { width: 220px; } 
.header_td_sp { background-image: url(../header_bg.gif); }
.header_td { background-image: url(../header_bg.gif); text-align: center; }

/* MENU */
.menu_table { width: 100%; text-align: center; background-color: #000000; }
.menu_td_sp { background-image: url(../bt_bg.gif); }
.menu_td_01 { width: 130px; }


/* OFFICIAL BANNER */
.roomlist_banner_link { position: relative; display: block; width: 800px; height: 110px; background-color: #fff; margin: 0 auto 0 auto; padding:0; }
.roomlist_banner_link p { position: absolute; font-size: 12px; color: #fff; bottom: 9px; right: 10px; text-shadow: 1px 1px 1px #000; text-align: right; }
.roomlist_banner_link img:hover { opacity: 0.8; }

.banner_link { display: block; width: 800px; height: 110px; background-color: #fff; margin: 0 auto 0 auto; padding:0; }
.banner_link img:hover { opacity: 0.8; }


/* CONTENTS LAYOUT */
.top_table { width: 800px; margin: 0px auto; text-align: center; background-color: #000000; }
.contents_table { width: 750px; margin: 0px auto; text-align: center; background-color: #000000; }

/* INFORMATION */
.information_table { width: 800px; }
.information_td_01 { width: 460px; vertical-align: top; }
.information_td_sp { width: 30px; }
.information_td_02 { width: 310px; vertical-align: top; }

#information { text-align: left; line-height: 1.4em; border-bottom:  solid; border-bottom-width: 1px; border-bottom-color: #333333; }
    #information a:link { text-decoration: none; color: #CCCC66; }
	#information a:visited { text-decoration: none; color: #CCCC66; }
	#information a:hover { text-decoration: none; color: #FF9900; }
	#information a:active { text-decoration: none; }
    #information ul { padding: 10px 0px 10px 5px; margin: 0px; list-style: none; }
	#information li { padding-bottom: 2px; margin-bottom: 5px; border-bottom: dotted; border-bottom-width: 1px; border-bottom-color: #333333; font-size: 12px; }
	#info_menu p { margin-bottom: 17px; }

/* PAGE TOP */
.page_top {  width: 800px; text-align: right; }
.page_top02 { width: 750px; text-align: right; }

/* ARTICLE */
.article_table { width: 960px; margin: 0px auto; text-align: center; }
.article_td_info { height: 25px; text-align: left; vertical-align: top; font-size: 10px; color: #666666; } 
.article_td_sp { width: 30px; }

/* FOOTER */
.footer_table { width: 100%; height: 120px; }
.footer_td { background-image: url(../footer_bg.gif); text-align: center; }

/* OUTLINE */
.outline_table { width: 750px; margin: 0px auto; background-color: #333333; }
.outline_table td { font-size: 12px; padding: 8px; line-height: 1.4em; vertical-align: middle; }
.outline_table a:link { text-decoration: none; color: #CCCC66; }
.outline_table a:visited { text-decoration: none; color: #CCCC66; }
.outline_table a:hover { text-decoration: none; color: #FF9900; }
.outline_table a:active { text-decoration: none; }

.outline_td_01 { width: 170px; background-color: #000000; text-align: center; }
.outline_td_02 { background-color: #000000; text-align: left; }

/* EQUIPMENT */
.equip_table { width: 750px; text-align: left; line-height: 1.3em; }
.equip_td_01 { width: 230px; vertical-align: top; }
.equip_td_02 { width: 230px; height: 35px; vertical-align: top; padding-top: 4px; }
.equip_td_sp { width: 30px; }

/* ROOMPLAN */
.plan_table { width: 750px; margin: 0px auto; background-color: #CCCCCC; font-family: "ＭＳ Ｐゴシック" , "MS PGothic" , "ＭＳ ゴシック" , "MS PGothic" , sans-serif; }
.plan_table td { font-size: 12px; padding: 3px; color: #333333; text-align: center; }
.plan_table a { display: block; height: 15px; width: 92px; }
.plan_table td a:link { text-decoration: none; color: #996633; }
.plan_table td a:visited { text-decoration: none; color: #996633; }
.plan_table td a:hover { text-decoration: underline; color: #000099; }
.plan_table td a:active { text-decoration: none; }
.plan_table td p { color: #FF0000; width: 110px; }

.plan_td_01 { width: 90px; background-color: #E6E6E6; }
.plan_td_02 { background-color: #FFFFFF; }

/* ROOMLIST */
#roomlist_area { width: 750px; margin: 0px auto; padding-bottom: 20px; text-align: center; font-family: "ＭＳ Ｐゴシック" , "MS PGothic" , "ＭＳ ゴシック" , "MS PGothic" , sans-serif;  }
#roomlist_area td { text-align: center; font-size: 12px; color: #333333; }
#roomlist_area a:link { text-decoration: none; color: #996600; font-weight: bold; font-size: 12px; }
#roomlist_area a:visited { text-decoration: none; color: #996600; font-weight: bold; }
#roomlist_area a:hover { text-decoration: none; color: #999900; font-weight: bold; }
#roomlist_area a:active { text-decoration: none; font-weight: bold; }

#plan_info { width: 750px; height: 40px; margin: 0px auto 20px auto; }

.roomlist { width: 100%; background-color: #333333; text-align: center; }
.floor { width: 30px; background-color: #FFFFFF; }
.list_space01 { width: 2px; background-color: #333333; }
.list_space02 { background-color: #333333; }
.direction { background-color: #33FFFF; text-align: center; }
.room { background-color: #FFFFFF; }
.room_campaign { background-color: #FFCCFF; }
.room_number { background-color: #FFFFCC; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }

.koushin { line-height: 21px; }


/* ROOMPLAN(過去の掲載住戸) */
.past_plan_table { width: 750px; margin: 0px auto; background-color: #C2C2C2; font-family: "ＭＳ Ｐゴシック" , "MS PGothic" , "ＭＳ ゴシック" , "MS PGothic" , sans-serif; }
.past_plan_table td { font-size: 12px; padding: 4px; color: #4E4E4E; text-align: center; }
.past_plan_table a { display: block; text-decoration: underline; height: 15px; width: 100%; }
.past_plan_table td a:link {text-decoration: underline; color: #996633; }
.past_plan_table td a:visited { text-decoration: none; color: #996633; }
.past_plan_table td a:hover { text-decoration: none; color: #000099; }
.past_plan_table td a:active { text-decoration: none; }
.past_plan_table td p { color: #FF0000; width: 110px; }

.past_plan_td_01 { width: auto; background-color: #E6E6E6; }
.past_plan_td_02 { background-color: #FFFFFF; }
.cation_txt { margin: 0; color: #cccccc; font-size: 13px; letter-spacing: 1px; text-align: left; line-height: 1.5; }
.cation_txt strong { color: #ffec70; }



/* clearfix */
.cf:before , .cf:after { content:""; display: table; box-sizing: border-box; }
.cf:after { clear:both; }
.cf { *zoom:1; } /* for ie6,7 */



/* CAMPAIGN BANNER */
#plan_campaign { background-color: #ffffff; width: 750px; margin: 0 auto 0px auto; }
.campaignInfo { display: block; box-sizing: border-box; letter-spacing: 1.2px; width: 750px; height:auto; padding: 5px; color: #fff; background-color: #cda550; box-shadow: 2px 2px 5px #000; box-sizing: border-box; font-family:"ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif; }
.campaignInfo { background: #525252; }
/*.campaignInfo:hover { opacity: 0.9; }*/
.campaignInfo .wrap01 { box-sizing: border-box; width: 100%; height:auto; padding: 2px; color: #fff; background-color: #000000; box-sizing: border-box; }
.campaignInfo .wrap02 { box-sizing: border-box; width: 100%; height:auto; padding: 2px; color: #fff; background-color: #3e3e3e; box-sizing: border-box; }
.campaignInfo .wrap03 { box-sizing: border-box; width: 100%; height:auto; padding: 10px; color: #fff; border: none; box-sizing: border-box; }
.campaignInfo .wrap03 { 
background: #141414;
background: -moz-linear-gradient(-45deg,  #212121 0%, #141414 50%, #212121 100%);
background: -webkit-linear-gradient(-45deg,  #212121 0%,#141414 50%,#212121 100%);
background: linear-gradient(135deg,  #212121 0%,#141414 50%,#212121 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#212121', endColorstr='#212121',GradientType=1 );
}
.campaignInfo p { box-sizing: border-box; color: #ffe0ae; text-align: center; box-sizing: border-box; }
.campaignInfo .cMiddle { box-sizing: border-box; font-weight: bold; font-family:"Roboto Slab" , Garamond , "Times New Roman" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif; }
.campaignInfo .cLink { box-sizing: border-box; font-weight: bold; }

.campaignInfo .cBottom02 { font-size: 12px; box-sizing: border-box; }
.campaignInfo .cBottom03 { font-size: 11px; box-sizing: border-box; }

.campaignInfo { width: 750px; margin: 0 auto 30px auto; box-sizing: border-box; }
.campaignInfo .bannerBoxLeft { float: left; width: 50%; height: 100px; box-sizing: border-box; }
.campaignInfo .bannerBoxRight { float: left; width: 50%; height: 100px; border-left: dotted 1px #969696; padding: 5px 0 0 40px; box-sizing: border-box; }
.campaignInfo .cTop { color: #f2f2f2; font-size: 15px; margin-top: 15px; box-sizing: border-box; }
.campaignInfo .cMiddle { color: #FFF48E; font-size: 23px; margin-top: 5px; line-height: 1.05; letter-spacing: 2px; box-sizing: border-box; }
.campaignInfo .cLink { color: #FFF48E; font-size: 14px; margin-top: 5px; line-height: 1.05; letter-spacing: 2px; box-sizing: border-box; }
.campaignInfo .cLink .arrow { font-size: 13px; letter-spacing: -3px; }
.campaignInfo .cBottom { text-align: left; font-size: 13px; letter-spacing: 1.5px; line-height: 1.2; margin-top: 0px; box-sizing: border-box; }
.campaignInfo .mTxt { color: #cecece; text-align: left; font-size: 10px; margin-top: 10px; box-sizing: border-box; }



/* WAITING BANNER */
.waitingInfoWrap { background-color: #fff; }
.waitingInfo { display: block; box-sizing: border-box; letter-spacing: 1.2px; width: 750px; height:auto; margin-top: 10px; padding: 5px; color: #fff; background-color: #cda550; box-shadow: 2px 2px 5px #000; box-sizing: border-box; font-family:"ヒラギノ明朝 ProN W6", "HiraMinProN-W6" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif; }
.waitingInfo:hover { opacity: 0.9; }
.waitingInfo { background: #525252; }
.waitingInfo .wrap01 { box-sizing: border-box; width: 100%; height:auto; padding: 2px; color: #fff; background-color: #000000; box-sizing: border-box; }
.waitingInfo .wrap02 { box-sizing: border-box; width: 100%; height:auto; padding: 2px; color: #fff; background-color: #3e3e3e; box-sizing: border-box; }
.waitingInfo .wrap03 { box-sizing: border-box; width: 100%; height:auto; padding: 20px; color: #fff; border: none; box-sizing: border-box; }
.waitingInfo .wrap03 {
background: #141414;
background: -moz-linear-gradient(-45deg,  #212121 0%, #141414 50%, #212121 100%);
background: -webkit-linear-gradient(-45deg,  #212121 0%,#141414 50%,#212121 100%);
background: linear-gradient(135deg,  #212121 0%,#141414 50%,#212121 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#212121', endColorstr='#212121',GradientType=1 );
}

.waitingInfo p { box-sizing: border-box; color: #000; text-align: center; box-sizing: border-box; }
.waitingInfo .cMiddle { box-sizing: border-box; font-weight: bold; font-family:"Roboto Slab" , Garamond , "Times New Roman" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif; }
.waitingInfo .cBottom02 { font-size: 12px; box-sizing: border-box; }
.waitingInfo .cBottom03 { font-size: 11px; box-sizing: border-box; }

.waitingInfo { width: 750px; margin: 0 auto 0px auto; box-sizing: border-box; }
.waitingInfo .bannerBoxLeft { float: left; width: 50%; box-sizing: border-box; }
.waitingInfo .bannerBoxRight { float: right; width: 45%; padding: 10px; background-color: #FDF5E2; box-sizing: border-box; }
.waitingInfo .bannerBoxRight { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }
.waitingInfo .cTop { color: #f2f2f2; font-size: 16px; text-align: center; margin-top: 5px; padding-bottom: 12px; border-bottom: 1px solid #686868; box-sizing: border-box; }
.waitingInfo .cMiddle { color: #FFF48E; font-size: 26px; margin-top: 12px; line-height: 1.05; letter-spacing: 2px; box-sizing: border-box; }
.waitingInfo .cBottom { text-align: left; font-size: 12px; margin-top: 0px; line-height: 1.5 ; box-sizing: border-box; }
.waitingInfo .mTxt { color: #C7243A; text-align: right; letter-spacing: 0; font-weight: bold; font-size: 15px; margin-top: 5px; padding-right: 5px; box-sizing: border-box; }
.waitingInfo .mTxt .arrow { letter-spacing: -6px; font-size: 14px; font-weight: bold; }


/* WAITING BANNER */
#waiting_banner { display: block; width: 750px; height: auto; background-color: #fff; }
#waiting_banner img:hover { opacity: 0.8; }



/* CSS Document */