@charset "UTF-8";
/* CSS Document */

/* Common
---------------------------------------------------------------------*/
#mainarea{
display: inline;
width: 700px;
float: left;
}
h2{
margin-top: 20px;
}
div.m_contentsarea{
width: 700px;
overflow: hidden;
}

/* オフィストップ
---------------------------------------------------------------------*/
div.m_imgarea{
margin-top: 10px;
border: 1px solid #ddd;
width: 154px;
float: left;
}
div.m_imgarea img{
margin: 2px;
vertical-align: bottom;
}
div.m_imgarea p{
font-size: 1.2em;
margin-bottom: 5px;
text-align: center;
color: #333;
}
div.m_rightarea{
margin: 10px 0 0 20px;
float: left;
width: 520px;
}
div.m_rightarea p.feature{
margin-top: 5px;
font-family: "ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝",  serif;
font-size: 1.4em;
font-weight: bold;
line-height: 1.6;
}
ul.summary{
margin: 10px 0 0 0;
}
ul.summary li{
width: 520px;
border-bottom: 1px solid #aaa;
padding: 5px 0;
line-height: 1.4;
font-size: 1.2em;
overflow: hidden;
}
ul.summary li span.hd{
display: block;
width: 135px;
float: left;
padding-left: 15px;
}
ul.summary li span.text{
display: block;
width: 370px;
float: left;
text-align: justify;
text-justfy: distribute;
}

/* 初台 */
#hatsudai_top div.m_rightarea p.feature{color: #00b115;}
#hatsudai_top ul.summary li{
background: url("../images/hatsudai/ico_caption.gif") no-repeat 0 6px;
}
/* 池袋 */
#ikebukuro_top div.m_rightarea p.feature{color: #378ce4;}
#ikebukuro_top ul.summary li{
background: url("../images/ikebukuro/ico_caption.gif") no-repeat 0 6px;
}

ul.thumbnailarea{
margin: 10px 0 0 0;
margin-right: -5px;
overflow: hidden;
width: 700px;
}
ul.thumbnailarea li{
float: left;
border: 1px solid #aaa;
margin: 0 5px 0 0;
display: block;
}
ul.thumbnailarea a img{
margin: 2px 2px 0 2px;
}
ul.thumbnailarea span{
display: block;
padding-left: 15px;
line-height: 18px;
}

/* 初台 */
#hatsudai_top ul.thumbnailarea a:hover{
color: #00b115;
}
#hatsudai_top ul.thumbnailarea span{
background: url("../images/hatsudai/ico_zoom.gif") no-repeat 2px 50%;
}
/* 池袋 */
#ikebukuro_top ul.thumbnailarea a:hover{
color: #378ce4;
}
#ikebukuro_top ul.thumbnailarea span{
background: url("../images/ikebukuro/ico_zoom.gif") no-repeat 2px 50%;
}


/* フロア案内
---------------------------------------------------------------------*/
div.composition{
display: inline;
float: left;
margin: 10px 0 0 0;
}
div.composition a{
display: block;
}
div.composition img{
padding: 2px;
border: 1px solid #ccc;
}
div.composition span{
display: block;
padding-left: 15px;
line-height: 18px;
font-size: 1.2em;
}
div.floorinfo{
display: inline;
float: right;
width: 486px;
margin: 10px 0 0 0;
}
div.floorinfo p{
text-align: justify;
text-justify: distribute;
font-size: 1.2em;
line-height: 1.4;
}
div.floorinfo ul{
margin-top: 5px;
}
div.floorinfo li{
display: inline;
float: left;
margin: 2px 2px 0 0;
}
div.floorinfo a{
display: block;
border: 1px solid #ccc;
}
div.floorinfo a img{
margin: 2px 2px 0 2px;
}
div.floorinfo span{
display: block;
padding-left: 12px;
line-height: 18px;
margin-left: 2px;
font-size: 1em;
letter-spacing: 0;
}

/* 初台 */
#hatsudai_floor div.composition a:hover,
#hatsudai_floor div.floorinfo a:hover{
color: #00b115;
}
#hatsudai_floor div.composition span,
#hatsudai_floor div.floorinfo span{
background: url("../images/hatsudai/ico_zoom.gif") no-repeat 0 50%;
}

/* 池袋 */
#ikebukuro_floor div.composition a:hover,
#ikebukuro_floor div.floorinfo a:hover{
color: #378ce4;
}
#ikebukuro_floor div.composition span,
#ikebukuro_floor div.floorinfo span{
background: url("../images/ikebukuro/ico_zoom.gif") no-repeat 0 50%;
}


/* サービス一覧
---------------------------------------------------------------------*/
table.servicelist{
width: 700px;
margin: 10px 0 5px;
font-size: 1.2em;
line-height: 1.6;
}
table.servicelist th,table.servicelist td{
border-bottom:1px solid #dbdbdb;
padding: 5px 0;
text-align: justify;
text-justify: distribute;
}
table.servicelist tr.ln td{
border-bottom:none;
padding-bottom: 0;
}
table.servicelist th{
vertical-align: top;
padding-left: 15px;
width: 170px;
white-space: nowrap;
font-weight: bold;
}
table.servicelist td{vertical-align: top;}
table.servicelist td p{margin-bottom:10px;}
table.servicelist td span{display: block;}
table.servicelist td.st{
font-weight: bold;
width: 90px;
}
table.servicelist ul li{
padding-left: 15px;
}

.or{color: #ff5a00;}
.gr{color: #00b115;}
.bl{color: #378ce4;}

/* 初台 */
#hatsudai_service table.servicelist ul li{
background: url("../images/hatsudai/ico_green.gif") no-repeat 0 4px;
}
#hatsudai_service table.servicelist th{
color: #46674a;
background: url("../images/hatsudai/ico_caption.gif") no-repeat 0 6px;
}
/* 池袋 */
#ikebukuro_service table.servicelist ul li{
background: url("../images/ikebukuro/ico_blue.gif") no-repeat 0 4px;
}
#ikebukuro_service table.servicelist th{
background: url("../images/ikebukuro/ico_caption.gif") no-repeat 0 6px;
}


/* 契約条件
---------------------------------------------------------------------*/
p.copy{
margin-top: 20px;
font-size: 1.2em;
font-weight: bold;
color: #ff5a00;
}
table.cc_data1{
width: 700px;
border: 1px solid #ccc;
margin: 15px 0 0 0;
line-height: 1.6;
}
html>/**/body table.cc_data1{
width: 699px;
margin-left: 1px;
}
table.cc_data1 th{
border: 1px solid #ccc;
padding: 3px 0 3px 3px;
white-space: nowrap;
vertical-align: middle;
font-size: 1.2em;
font-weight: bold;
line-height: 1.6;
width: 120px;
padding: 3px 5px;
}
table.cc_data1 td{
border: 1px solid #ccc;
padding: 2px 0 2px 3px;
vertical-align: middle;
font-size: 1.2em;
line-height: 1.6;
white-space:nowrap;
padding: 3px 5px;
}
table.cc_data1 td.bld{
font-weight: bold;
background-color: #eee;
text-align: center;}

dl.cc_data2{
margin-top: 30px;
line-height: 1.6em;
}
dl.cc_data2 dt{
font-size: 1.2em;
font-weight: bold;
line-height: 1.6;
padding-left: 15px;
margin-top: 15px;
border-bottom: 1px solid #dbdbdb;
}
dl.cc_data2 dd{
font-size: 1.2em;
margin-top: 5px;
line-height: 1.6;
}
dl.cc_data2 dd li{
width: 700px;
overflow: hidden;
}
dl.cc_data2 span{
display: block;
width: 170px;
float: left;
}

/* 初台 */
#hatsudai_contract table.cc_data1 th{
background-color: #cbedcf;
color: #46674a;
}
#hatsudai_contract dl.cc_data2 dt{
background: url("../images/hatsudai/ico_caption.gif") no-repeat 0 2px;
color: #46674a;
}
/* 池袋 */
#ikebukuro_contract table.cc_data1 th{
background-color: #dfebf8;
color: #378ce4;
}
#ikebukuro_contract dl.cc_data2 dt{
background: url("../images/ikebukuro/ico_caption.gif") no-repeat 0 2px;
color: #378ce4;
}


/* 空室情報
---------------------------------------------------------------------*/
table.celist,
table.celist_sp{
width: 700px;
border: 1px solid #ccc;
margin: 5px 0 0 0;
line-height: 1.6;
}
html>/**/body table.celist,
html>/**/body table.celist_sp{
width: 699px;
margin-left: 1px;
}
table.celist th,
table.celist_sp th{
border: 1px solid #ccc;
padding: 3px 0 3px 3px;
white-space: nowrap;
width: 90px;
vertical-align: middle;
}
table.celist td,
table.celist_sp td{
border: 1px solid #ccc;
padding: 2px 0 2px 3px;
vertical-align: middle;
}
table.celist a.cur,
table.celist_sp a.cur{
color: #0000ff;
padding-left: 10px;
background: url("../images/ico_orange.gif") no-repeat 0 50%;
}
table.celist a.cur:hover,
table.celist_sp a.cur:hover{text-decoration: underline;}
table.celist td.imgarea,
table.celist_sp td.imgarea{
width: 124px;
padding: 0;
}
table.celist img,
table.celist_sp img{
margin: 2px;
}
#hatsudai_room h2,
#ikebukuro_room h2{
margin-bottom: 10px;
}
table.celist sup,
table.celist_sp sup{font-size:7px;}

#hatsudai_room table.celist th{background-color: #cbedcf;}
#ikebukuro_room table.celist th{background-color: #dfebf8;}

table.celist_sp th{
background-color:#FFDCC0;
}
table.celist .red,
table.celist_sp .red{color:#ff3300;}
table.celist strong,
table.celist_sp strong{font-weight: bold;}


/* ロケーション
---------------------------------------------------------------------*/
p.pin{
background: url("../images/ico_pin-a.gif") no-repeat 0 1px;
line-height: 20px;
font-size: 1.2em;
padding-left: 17px;
font-weight: bold;
margin: 10px 0 3px 0;
}
#gmap{
width: 700px;
overflow: hidden;
position: relative;
text-align: right;
}
#gmap small{
text-align: right;
font-size: 1.0em;
line-height: 1.6;
padding-left: 10px;
}
ul.shoplist{
width: 700px;
overflow: hidden;
margin-top: 10px;
}
ul.shoplist li{
position: relative;
width: 345px;
float: left;
display: inline;
border: 1px solid #ccc;
margin: 0 5px 5px 0;
}
ul.shoplist img{
margin: 3px 7px 3px 3px;
float: left;
}
ul.shoplist dl{
float: left;
width: 230px;
display: inline;
margin-top: 5px;
}
ul.shoplist dt{
padding-left: 12px;
font-size: 1.2em;
font-weight: bold;
line-height: 1.6;
}
ul.shoplist dd{
font-size: 1.2em;
line-height: 1.4;
margin: 7px 0 0 0;
text-align: justify;
text-justify: distribute;
height: 85px;
}
ul.shoplist a{
position: absolute;
right: 5px;
bottom: 3px;
display: block;
color: #0000ff;
font-size: 1.0em;
background: url("../images/ico_orange.gif") no-repeat 0 50%;
padding-left: 12px;
}
ul.shoplist a:hover{text-decoration: underline;}

/* 初台 */
#hatsudai_location #gmap small{
background: url("../images/hatsudai/ico_green.gif") no-repeat 0 50%;
}
#hatsudai_location ul.shoplist dt{
border-bottom: 1px solid #0fba23;
color: #46824d;
background: url("../images/hatsudai/ico_caption.gif") no-repeat 0 50%;
}

/* 池袋 */
#ikebukuro_location #gmap small{
background: url("../images/ikebukuro/ico_blue.gif") no-repeat 0 50%;
}
#ikebukuro_location ul.shoplist dt{
border-bottom: 1px solid #5297de;
color: #4a6988;
background: url("../images/ikebukuro/ico_caption.gif") no-repeat 0 50%;
}


/* サイドナビゲーション
---------------------------------------------------------------------*/
div.sidearea{
display: inline;
width: 230px;
float: left;
margin: 20px 0 0 20px;
}
#rightnavi dt{
font-size: 0;
width: 230px;
height: 35px;
}
#rightnavi dt a{
display: block;
width: 230px;
height: 0;
padding-top: 35px;
font-size: 0;
overflow: hidden;
}
#rightnavi ul{
margin-top: 10px;
}
#rightnavi ul a{
display: block;
width: 230px;
height: 0;
_height: 40px;
padding-top: 40px;
_padding-top:0;
_line-height: 0;
font-size: 0;
overflow: hidden;
}
#rightnavi ul a.on,
#rightnavi ul a:hover{
background-position: 0 -40px!important;
}

/* 初台用サイドナビ */
#hatsudai_top #rightnavi dt a{
display: none;
}
#sa_hatsudai #rightnavi dt{
background: url("../images/hatsudai/hd_subnavi.gif") no-repeat 0 0;
}
#sa_hatsudai #rightnavi dt a{
background: url("../images/hatsudai/hd_subnavi.gif") no-repeat 0 -35px;
}
#sa_hatsudai #rightnavi dt a:hover{
background: url("../images/hatsudai/hd_subnavi.gif") no-repeat 0 -70px;
}
#sa_hatsudai #rightnavi a.rnav_floor{
background: url("../images/hatsudai/rnav_floor.gif") no-repeat 0 0;
}
#sa_hatsudai #rightnavi a.rnav_service{
background: url("../images/hatsudai/rnav_service.gif") no-repeat 0 0;
}
#sa_hatsudai #rightnavi a.rnav_contract{
background: url("../images/hatsudai/rnav_contract.gif") no-repeat 0 0;
}
#sa_hatsudai #rightnavi a.rnav_room{
background: url("../images/hatsudai/rnav_room.gif") no-repeat 0 0;
}
#sa_hatsudai #rightnavi a.rnav_location{
background: url("../images/hatsudai/rnav_location.gif") no-repeat 0 0;
}

/* 池袋用サイドナビ */
#ikebukuro_top #rightnavi dt a{
display: none;
}
#sa_ikebukuro #rightnavi dt{
background: url("../images/ikebukuro/hd_subnavi.gif") no-repeat 0 0;
}
#sa_ikebukuro #rightnavi dt a{
background: url("../images/ikebukuro/hd_subnavi.gif") no-repeat 0 -35px;
}
#sa_ikebukuro #rightnavi dt a:hover{
background: url("../images/ikebukuro/hd_subnavi.gif") no-repeat 0 -70px;
}
#sa_ikebukuro #rightnavi a.rnav_floor{
background: url("../images/ikebukuro/rnav_floor.gif") no-repeat 0 0;
}
#sa_ikebukuro #rightnavi a.rnav_service{
background: url("../images/ikebukuro/rnav_service.gif") no-repeat 0 0;
}
#sa_ikebukuro #rightnavi a.rnav_contract{
background: url("../images/ikebukuro/rnav_contract.gif") no-repeat 0 0;
}
#sa_ikebukuro #rightnavi a.rnav_room{
background: url("../images/ikebukuro/rnav_room.gif") no-repeat 0 0;
}
#sa_ikebukuro #rightnavi a.rnav_location{
background: url("../images/ikebukuro/rnav_location.gif") no-repeat 0 0;
}


/* サイドサブナビ */
ul#srn{
display: none;
margin: 0;
}
ul#srn a{
display: block;
width: 230px;
margin: 0;
height: 0;
padding-top: 30px;
_padding-top:0;
_height: 30px;
_line-height: 0;
font-size: 0;
overflow: hidden;
}
ul#srn a:hover{
background-position: 20px -30px!important;
}

/* 初台用サイドサブナビ */
#hatsudai_floor ul#srn{
display: block;
}
#hatsudai_floor #srn_f1{
background: url("../images/hatsudai/rnav_floor1.gif") no-repeat 20px 0;
}
#hatsudai_floor #srn_f2{
background: url("../images/hatsudai/rnav_floor2.gif") no-repeat 20px 0;
}
#hatsudai_floor #srn_f3{
background: url("../images/hatsudai/rnav_floor3.gif") no-repeat 20px 0;
}
#hatsudai_floor #srn_f4{
background: url("../images/hatsudai/rnav_floor4.gif") no-repeat 20px 0;
}
#hatsudai_floor #srn_f5{
background: url("../images/hatsudai/rnav_floor5.gif") no-repeat 20px 0;
border-bottom: 1px solid #d1d1d1;
}
/* 池袋用サイドサブナビ */
#ikebukuro_floor ul#srn{
display: block;
}
#ikebukuro_floor #srn_f3{
background: url("../images/ikebukuro/rnav_floor3.gif") no-repeat 20px 0;
}
#ikebukuro_floor #srn_f4{
background: url("../images/ikebukuro/rnav_floor4.gif") no-repeat 20px 0;
}
#ikebukuro_floor #srn_f8{
background: url("../images/ikebukuro/rnav_floor8.gif") no-repeat 20px 0;
}
#ikebukuro_floor #srn_f9{
background: url("../images/ikebukuro/rnav_floor9.gif") no-repeat 20px 0;
border-bottom: 1px solid #d1d1d1;
}

/* ContactArea */
#contactarea{
margin-top: 50px;
background: url("../images/hatsudai/bg_contact-bottom.gif") 0 100%;
}
#contactarea ul{
overflow: hidden;
padding: 0 0 7px 0;
}
#contactarea ul li{
margin: 7px 0 0 15px;
padding-left: 25px;
line-height: 20px;
font-size: 1.2em;
}
#contactarea li#con_form{
display: none;
}
#contactarea ul li.text{
padding: 0!important;
line-height: 1.4;
letter-spacing: 0.1em;
font-size: 1.0em;
margin: 3px 15px;
text-align: justify;
text-justify: distribute;
}
#contactarea a{
color: #0000ff;
font-weight: bold;
}
#contactarea a:hover{
text-decoration: underline;
}

/* 初台 */
#sa_hatsudai #contactarea li#con_tel{
background: url("../images/hatsudai/ico_tel.gif") no-repeat 0 0;
}
#sa_hatsudai #contactarea li#con_mail{
background: url("../images/hatsudai/ico_mail.gif") no-repeat 0 0;
}
#sa_hatsudai #contactarea li#con_form{
background: url("../images/hatsudai/ico_form.gif") no-repeat 0 0;
}

/* 池袋 */
#sa_ikebukuro #contactarea li#con_tel{
background: url("../images/ikebukuro/ico_tel.gif") no-repeat 0 0;
}
#sa_ikebukuro #contactarea li#con_mail{
background: url("../images/ikebukuro/ico_mail.gif") no-repeat 0 0;
}
#sa_ikebukuro #contactarea li#con_form{
background: url("../images/ikebukuro/ico_form.gif") no-repeat 0 0;
}



/* ColorBox
---------------------------------------------------------------------*/
#cboxOverlay{
background:#fff;
}

#colorbox{
border: 1px solid #888;
}

#cboxTopLeft{width:14px; height:14px; background-color:#fff;}
#cboxTopCenter{height:14px; background-color:#fff;}
#cboxTopRight{width:14px; height:14px; background-color:#fff;}
#cboxBottomLeft{width:14px; height:43px; background-color:#fff;}
#cboxBottomCenter{height:43px; background-color:#fff;}
#cboxBottomRight{width:14px; height:43px; background-color:#fff;}
#cboxMiddleLeft{width:14px; background-color:#fff;}
#cboxMiddleRight{width:14px; background-color:#fff;}

#cboxContent{background:#fff;}
#cboxLoadedContent{margin-bottom:5px;}
#cboxLoadingOverlay{background-position: center center;}

#cboxLoadingGraphic{background:url(../images/color/loading.gif) center center no-repeat;}
#cboxTitle{position:absolute; bottom:-25px; left:0; text-align:left; width:100%; color:#666; font-size:1.2em;}
#cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#949494;}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(../images/color/controls.gif) 0px 0px no-repeat; width:23px; height:23px; text-indent:-9999px;}
#cboxPrevious{left:0px; background-position: -14px -23px;}
#cboxPrevious.hover{background-position:-14px 0px;}
#cboxNext{left:27px; background-position:-37px -23px;}
#cboxNext.hover{background-position:-37px 0px;}

#cboxClose{right:0; background-position:-60px -23px;}
#cboxClose.hover{background-position:-60px 0px;}

.cboxSlideshow_on #cboxSlideshow{background-position:-83px -0px; right:27px;}
.cboxSlideshow_on #cboxSlideshow.hover{background-position:-106px -0px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-106px -23px; right:27px;}
.cboxSlideshow_off #cboxSlideshow.hover{background-position:-83px -0px;}