.bdc {
  width: 980px;            
  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           */
/* ================================== */
#contact_banner { margin-top: 50px; }
.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: 100%; 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: 100%; 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; text-align: center; 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; margin: 0px; padding: 0px; }
body { -webkit-text-size-adjust: 100%; }/*iphone文字サイズ調整*/

/* 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;
}
.midashi { width: 800px; height: auto; margin: 25px auto 25px auto; }
.honbun { font-size: 12px; line-height: 20px; color: #ccc; width: 800px; text-align: left; margin: 0 auto 35px 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 { width: 980px; font-size: 10px; color: #CCCCCC; text-align: left; margin: 0px auto ; padding: 0px; font-weight: 100; }

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

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

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

#layout { min-width: 980px; margin: 0px auto; background-color: #000000; text-align: center; }
#contents_layout { width: 980px; margin: 0px auto; background-color: #000000; text-align: left; }
#info_layout { width: 980px; margin: 0px auto; background-color: #000000; text-align: left; }


/* HEADER */
#header { width: 980px; height: 100px; margin: 0px auto; background-image: url(../header_bg.gif); text-align: left; }
#header_2 { width: 980px; height: 100px; margin: 0px auto; background-image: url(../header_bg_2.gif); text-align: left; }
#header_02 { width: 980px; height: 100px; margin: 0px auto; background-image: url(../header_bg02.gif); text-align: left; }
#header_02_2 { width: 980px; height: 100px; margin: 0px auto; background-image: url(../header_bg02_2.gif); text-align: left; }
#header_logo { width: 730px; height: 100px; }


/* MENU */
#menu_area { min-width: 980px; height: 40px; background-image: url(../menu_bg.gif); background-position: bottom; background-repeat: repeat-x; background-color: #333333; }
#menu { width: 980px; height: 40px; padding-top: 1px; margin: 0px auto; }
#menu ul { margin: 0px; padding: 0px; list-style: none; }
#menu li { margin: 0px; padding: 0px; float: left; }


/* OFFICIAL BANNER */
.roomlist_banner_link { position: relative; display: block; width: 980px; height: 110px; background-color: #fff; margin: 30px auto 30px 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: 980px; height: 110px; background-color: #fff; margin: 60px auto 40px auto; padding:0; }
.banner_link img:hover { opacity: 0.8; }


/* INFORMATION */
#information_area { width: 980px; height: 200px; margin-top: 20px; }
	#information { width: 590px; height: 200px; float: left; border-width: 0px 1px 1px 1px; border-color: #333333; border-style: solid; }
	#information a:link { text-decoration: none; color: #99CC00; }
	#information a:visited { text-decoration: none; color: #99CC00; }
	#information a:hover { text-decoration: none; color: #FF0099; }
	#information a:active { text-decoration: none; }
		#information_title { width: 590px; height: 35px; }
		#information_txt { width: 590px; line-height: 1.4em; color: #F5F5F5; }
		#information_txt strong { font-weight: lighter; }
		#information_txt ul { padding: 10px; margin: 0px; list-style: none; }
		#information_txt li { padding-bottom: 2px; margin-bottom: 3px; border-bottom: dotted; border-bottom-width: 1px; border-bottom-color: #333333; }
		
		
		.information_menu { width: 380px; height: 95px; }
		.space_style { margin-top: 10px; }
	
	#information_menu { width: 380px; height: 200px; float: right; }
	

/* INFORMATION（空室一覧のバナーあり） */
#information_area_02 { width: 980px; margin: 20px auto 30px auto; }
  #information_left { width: 590px; float: left; }    
	
	#vacancy { width: 590px; height: 120px; margin: 0px auto 20px auto; background-color: #FFFFFF; }
	#vacancy a:hover { opacity: 0.8; }
	
	#information_02 { width: 588px; border-width: 0px 1px 1px 1px; border-color: #333333; border-style: solid; }
	#information_02 a:link { text-decoration: none; color: #99CC00; }
	#information_02 a:visited { text-decoration: none; color: #99CC00; }
	#information_02 a:hover { text-decoration: none; color: #FF0099; }
	#information_02 a:active { text-decoration: none; }
	
		#information_title_02 { width: 588px; height: 35px; }
		#information_txt_02 { width: 588px; line-height: 1.4em; color: #F5F5F5; }
		#information_txt_02 strong { font-weight: lighter; }
		#information_txt_02 ul { padding: 10px; margin: 0px; list-style: none; }
		#information_txt_02 li { padding-bottom: 2px; margin-bottom: 3px; border-bottom: dotted; border-bottom-width: 1px; border-bottom-color: #333333; }
		
  #information_right { width: 380px; float: right; }	
	.info_menu01 { width: 380px; height: 95px; margin-bottom: 10px; }
	.info_menu02 { width: 380px; height: 95px; }


/* CONTACT INFO */
#contact_info { clear: both; width: 980px; height: 140px; padding-top: 20px; }


/* ARTICLE */
#article_area { width: 980px; height: 120px; margin: 15px auto 20px auto; text-align: center; }
#article_information { width: 960px; height: 15px; text-align: left; margin: 0px auto; font-size: 10px; color: #666666; }
.article { width: 960px; height: 80px; margin: 10px auto 0px auto; }
.article_table { width: 960px; }
.article_td_sp { width: 30px; }


/* PAGETOP */
#pagetop { clear: both; width: 970px; height: 20px; text-align: right; padding: 5px; }


/* FOOTER */
#footer_area { min-width: 980px; height: 120px; background-image: url(../footer_bg.gif); }
#footer { width: 980px; height: 200px; background-image: url(../footer.gif); margin: 0px auto; text-align: left; }
	.footer_top { height: 42px; width: 970px; padding: 12px 0px 0px 10px;  }
	.footer_menu { width: 900px; height: 20px; float: left; color: #666666; }
	.footer_menu ul { list-style: none; margin: 0px; padding: 0px; float: left; }
	.footer_menu li { float: left; font-size: 10px; margin-right: 8px; padding-right: 8px; background-image: url(../li_parts.gif); background-repeat: no-repeat; background-position: right; }
	.footer_flash { width: 60px; float: left; height: 30px; text-align: right; padding-right: 5px; }
	.footer_company { width: 980px; height: 30px; }
	.footer_company h3 p { margin: 0px; padding: 0px; line-height: 0.1em; }


/* ROOMPLAN */
.plan_table td p { color: #FF0000; width: 110px; }



/* ROOMPLAN(過去の掲載住戸) */
.past_roomlist_title { width: 800px; clear: both; height: 40px; margin: 30px auto 0px auto; }

.past_plan_table { width: 800px; 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: 15px auto 50px auto; width: 800px; color: #cccccc; font-size: 13px; letter-spacing: 1px; text-align: left; line-height: 1.5; }
.cation_txt strong { color: #ffec70; }



/* CAMPAIGN BANNER */
#plan_campaign { background-color: #ffffff; width: 800px; margin: 0 auto 0px auto; }
.campaignInfo { display: block; box-sizing: border-box; letter-spacing: 1.2px; height:auto; padding: 5px; color: #fff; background-color: #cda550; 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: 800px; 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: #ffffff; width: 800px; margin: 0 auto 0px auto; }
.waitingInfo { display: block; box-sizing: border-box; letter-spacing: 1.2px; width: 800px; 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: 800px; 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; letter-spacing: 2.8px; 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: 4px; 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: 800px; height: auto; margin: 30px auto 20px auto; background-color: #fff; }
#waiting_banner img:hover { opacity: 0.8; }


/* CSS Document */