@charset "utf-8";

/* -----------------------
ID:top.css
Created:2012.05.23
Modified:2012.11.01
Copyright:MITSUBISHI ESTATE CO., LTD.
----------------------- */


/* Table of contents ======================

[1]Main Visual
[2]Global Navigation
[3]Ticker
[4]Main Content
[5]Emergency Message
[6]Header

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



/* ---------------------------------------------------------------
[1]Main Visual
--------------------------------------------------------------- */
div#MainVisualArea {
width:100%;
height:450px;
margin:100px auto 20px;
text-align:center;
}

div#MainVisualArea div.MainVisual {
width:100%;
height:490px;
margin:0 auto 0;
text-align:center;
}

div#MainVisualArea div.MainVisualBack {
width:100%;
height:450px;
margin:0 auto;
text-align:center;
position: relative;
overflow: hidden;
/*z-index:-1;*/
}

div.MainVisualLink {
width:980px;
height:450px;
margin:0 auto;
text-align:center;
}

div.BlackInner {
height:450px;
width:1450px;
position:absolute;
left:50%;
margin-left:-725px;
overflow:hidden;
}




/** RESET AND LAYOUT
===================================*/

div.BlackInner .bx-wrapper {
position:relative;
margin:0 auto;
padding:0;
*zoom:1;
}
div.BlackInner .bx-wrapper img {
max-width:100%;
display:block;
}

/** THEME
===================================*/

div.BlackInner .bx-wrapper .bx-pager,
div.BlackInner .bx-wrapper .bx-controls-auto {
position:absolute;
bottom:-30px;
width:100%;
}

/* LOADER */

div.BlackInner .bx-wrapper .bx-loading {
min-height: 50px;
background: url(/j/common/image/top/mainvisual/bx_loader.gif) center center no-repeat #fff;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2000;
}

/* PAGER */

div.BlackInner .bx-wrapper .bx-pager {
text-align:center;
padding-top:20px;
position:absolute;
bottom:23px;
width:980px;
left:50%;
margin-left:-490px;
}
div.BlackInner .bx-wrapper .bx-pager .bx-pager-item,
div.BlackInner .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
display:inline-block;
*zoom:1;
*display:inline;
}
div.BlackInner .bx-wrapper .bx-pager.bx-default-pager a {
background:url(/j/common/image/top/mainvisual/pager.png) no-repeat 0 0;
text-indent:-9999px;
display:block;
width:14px;
height:15px;
margin:0 12px;
}
div.BlackInner .bx-wrapper .bx-pager.bx-default-pager a.active {
background:url(/j/common/image/top/mainvisual/pager_on.png) no-repeat 0 0;
}

/* DIRECTION CONTROLS (NEXT / PREV) */
div.BlackInner .bx-wrapper .bx-prev {
left:235px;
background:url(/j/common/image/top/mainvisual/btn_prev.png) no-repeat 0 0;
}
div.BlackInner .bx-wrapper .bx-next {
right:235px;
background:url(/j/common/image/top/mainvisual/btn_next.png) no-repeat 0 0;
}
div.BlackInner .bx-wrapper .bx-prev:hover {
background:url(/j/common/image/top/mainvisual/btn_prev_on.png) no-repeat 0 0;
}
div.BlackInner .bx-wrapper .bx-next:hover {
background:url(/j/common/image/top/mainvisual/btn_next_on.png) no-repeat 0 0;
}
div.BlackInner .bx-wrapper .bx-controls-direction a {
position:absolute;
top:50%;
margin-top:-40px;
outline:0;
width:32px;
height:80px;
text-indent:-9999px;
z-index:1;
}
div.BlackInner .bx-wrapper .bx-controls-direction a.disabled {
display:none;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
div.BlackInner .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
text-align:left;
width:80%;
}
div.BlackInner .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
right:0;
width:35px;
}



/* ---------------------------------------------------------------
[2]Global Navigation
--------------------------------------------------------------- */
body#SiteTop div.GlobalNavi {
z-index:10;
}
body#SiteTop div.GlobalNaviInner { 
background:none;
}
body#SiteTop div.GlobalNaviInner ul {
width:980px;
position:relative;
z-index:10;
}


/* ---------------------------------------------------------------
[4]Main Content
--------------------------------------------------------------- */
div.MainContentTop {
width:980px;
margin:0 auto;
}
div.MainContentTop:after,
div.Section:after {/*for modern browser*/
content:".";
display: block;
height:0px;
clear:both;
visibility:hidden;
}
div.MainContentTop,
div.Section {
zoom:1;/*for IE 5.5-7*/
}

div.ColumnLeftTop {
width:720px;
text-align:left;
float:left;
}
div.ColumnRightTop {
width:240px;
text-align:left;
float:right;
}


/* Main Content Left Column
--------------------------- */
div.Service {
	margin:0 0 20px 0;
}
div.Service:after {/*for modern browser*/
content:".";
display: block;
height:0px;
clear:both;
visibility:hidden;
}
div.Service {
zoom:1;/*for IE 5.5-7*/
}
div.Service div.ServiceInner {
border-bottom:1px solid #cdcfd1;
border-left:1px solid #cdcfd1;
border-right:1px solid #cdcfd1;
padding:15px 9px;
letter-spacing:1px;
}
div.Service div.ServiceInner:after {/*for modern browser*/
content:".";
display: block;
height:0px;
clear:both;
visibility:hidden;
}
div.Service div.ServiceInner {
zoom:1;/*for IE 5.5-7*/
}
div.Service div.ServiceInner p {
font-size:93%;
line-height:1.8;
margin:0 10px;
padding:0 0 10px 0;
}
div.Service div.ServiceInner li {
float:left;
margin:15px 10px 0 10px;
}



div.NewsInfo {
width:718px;
border:1px #CDCFD1 solid;
border-top:none;
}

/* --- Title Area ---*/
div.NewsInfo div.TtlArea,
div.NewsInfo div.TtlAreaGroupcom {
width:680px;
height:42px;
padding:0 19px;
}
div.NewsInfo div.TtlArea:after,
div.NewsInfo div.TtlAreaGroupcom:after,
div.NewsInfo div.TtlArea ul:after,
div.NewsInfo div.TtlAreaGroupcom ul:after {/*for modern browser*/
content:".";
display: block;
height:0px;
clear:both;
visibility:hidden;
}
div.NewsInfo div.TtlArea,
div.NewsInfo div.TtlAreaGroupcom,
div.NewsInfo div.TtlArea ul,
div.NewsInfo div.TtlAreaGroupcom ul {
zoom:1;/*for IE 5.5-7*/
}
div.NewsInfo div.TtlArea {
background:url(/j/common/image/top/news/bg_ttl_newsinfo.gif) no-repeat 0 0;
}
div.NewsInfo div.TtlAreaGroupcom {
background:url(/j/common/image/top/news/bg_ttl_newsinfo_groupcom.gif) no-repeat 0 0;
}
div.NewsInfo div.TtlArea h2,
div.NewsInfo div.TtlAreaGroupcom h2 {
font-size:0;
line-height:0;
float:left;
}
div.NewsInfo div.TtlArea ul,
div.NewsInfo div.TtlAreaGroupcom ul {
padding:8px 0 0;
font-size:0;
line-height:0;
float:right;
}
div.NewsInfo div.TtlArea ul li,
div.NewsInfo div.TtlAreaGroupcom ul li {
float:left;
}
div.NewsInfo div.TtlArea ul li.List,
div.NewsInfo div.TtlAreaGroupcom ul li.List {
margin:0 10px 0 0;
}

/* --- News Items List ---*/
div.NewsInfo div.ListArea {
width:680px;
padding:6px 19px 8px;
}
div.NewsInfo div.ListArea dl.News,
div.NewsInfo div.ListArea dl.Info {
width:680px;
padding:6px 0;
text-align:left;
font-size:93%;
background:url(/j/common/image/bg_line_dot.gif) repeat-x 0 bottom;
}
div.NewsInfo div.ListArea dl.LastItem {
background:none;
}
div.NewsInfo div.ListArea dl.News dt {
margin:0 0 3px;
word-break:break-all;
word-wrap:break-word;
}
div.NewsInfo div.ListArea dl.News dt img {
margin:0 14px 0 11px;
vertical-align:middle;
font-size:0;
line-height:0;
}
div.NewsInfo div.ListArea dl.News dd {
word-break:break-all;
word-wrap:break-word;
}
div.NewsInfo div.ListArea dl.News dd.Pdf,
div.NewsInfo div.ListArea dl.Info dd.Pdf {
padding:0 0 1px 20px;
background:url(/j/common/image/icon/icon_link_pdf.gif) no-repeat 0 0.1em;
}
div.NewsInfo div.ListArea dl.News dd.Newwin,
div.NewsInfo div.ListArea dl.Info dd.Newwin {
padding:0 0 1px 20px;
background:url(/j/common/image/icon/icon_link_newwin.gif) no-repeat 0 0.15em;
}


div.NewsInfo div.ListArea dl.Info dt {
width:110px;
float:left;
clear:left;
word-break:break-all;
word-wrap:break-word;
}
div.NewsInfo div.ListArea dl.Info dd {
margin:-1.45em 0 0 110px;
width:567px;
float:left;
clear:both;
word-break:break-all;
word-wrap:break-word;
}
* html body div.NewsInfo div.ListArea dl.Info dd {
margin:0;
float:none;
clear:none;
display:inline-block;
}
div.NewsInfo div.ListArea dl.Info dd.Pdf,
div.NewsInfo div.ListArea dl.Info dd.Newwin {
width:547px;
}




/* Main Content Right Column
--------------------------- */
div.SocialMedia {
margin:13px 0 0 0;
padding:3px 0 0 13px;
}
div.SocialMedia div.Facebook,
div.SocialMedia div.Twitter {
float:left;
}

iframe.twitter-share-button {
width:88px !important;
height:20px !important;
margin:0 0 0 18px !important;
}

div.RightColBoxTop {
width:240px;
border-bottom:1px #CDCFD1 solid;
text-align:left;
}
div.RightColBoxTop h2.Ttl {
width:240px;
font-size:0;
line-height:0;
background:none;
border:none;
}
div.RightColBoxTop div.RightColBoxTopInner {
width:210px;
padding:5px 15px 13px;
background:url(/j/common/image/top/bg_boxwide240_bottom.gif) no-repeat 0 0;
}
div.RightColBoxTop div.RightColBoxTopInnerEvent {
padding:0 15px 13px;
}

div.RightColBoxTop div.RightColBoxTopInner p.Tvcm {
margin:0 auto 10px;
text-align:center;
color:#2B71A0;
font-size:93%;
}
div.TvcmMovieOuter {
width:184px;
padding:8px 13px 10px;
font-size:0;
line-height:0;
}

div.RightColBoxTop ul.Tvcm {
width:200px;
padding:6px 19px 13px 19px;
text-align:right;
font-size:0;
line-height:0;
border-left:1px #CDCFD1 solid;
border-right:1px #CDCFD1 solid;
background:#f2f5f7;
}

div.RightColBoxTop div.RightColBoxTopInner div.Event {
width:210px;
height:432px;
overflow:auto;
margin:0 auto;
}
div.RightColBoxTop div.RightColBoxTopInner div.Event div.EventInner {
padding:0 5px 0 0;
}

div.EventInner div.EventItems {
width:188px;
margin:0 0 1px;
padding:8px 2px 7px 8px;
min-height:75px;
height:auto !important;
height:75px;
text-align:left;
background-color:#F3F5F8;
}

div.EventItems div.Main {
margin:0 0 7px;
}
div.EventItems p.Photo {
width:162px;
height:80px;
margin:0 0 0 10px;
border:1px solid #CDCFD1;
}
div.EventItems div.Main p.Title {
width:110px;
float:right;
}
div.EventItems p.Date {
font-size:83%;
margin-bottom:4px;
}
div.EventItems p.AreaName {
font-size:83%;
margin-bottom: 4px;
}
div.EventItems ul {
width:184px;
text-align:left;
margin-bottom: 4px;
}
div.EventItems ul li {
padding:0 0 0 19px;
font-size:83%;
background:url(/j/common/image/top/icon_newwin_event.gif) no-repeat 0 0.1em;
}


/* Main Lower
--------------------------- */
/* --- Banner Area ---*/
ul.BannerList {
width:954px;
border-bottom:1px solid #cdcfd1;
border-left:1px solid #cdcfd1;
border-right:1px solid #cdcfd1;
padding:10px 12px 5px 12px;
margin-bottom:30px;
}
ul.BannerList li {
width:120px;
margin:0 8px 15px 8px;
font-size:0;
line-height:0;
float:left;
}
ul.BannerList li.FirstItem {
margin:0;
}


/* --- Group Company ---*/
div.GroupcomArea {
width:900px;
min-height:421px;
height:auto !important;
height:384px;
padding:0 40px;
background:url(/j/common/image/top/bg_groupcomarea.jpg) no-repeat 0 bottom;
}
div.GroupcomArea div.TtlArea {
width:900px;
font-size:0;
line-height:0;
text-align:left;
}
div.GroupcomArea p.Description {
margin:0 0 20px;
text-align:left;
}

div.GroupcomArea div.ListArea {
width:870px;
padding:0 13px 0 17px;
}
div.GroupcomArea div.ListArea:after {/*for modern browser*/
content:".";
display: block;
height:0px;
clear:both;
visibility:hidden;
}
div.GroupcomArea div.ListArea {
zoom:1;/*for IE 5.5-7*/
}
div.GroupcomArea div.ListArea ul.ListItem {
width:255px;
margin:0 0 0 15px;
font-size:93%;
text-align:left;
float:left;
}
div.GroupcomArea div.ListArea ul.FirstItem {
width:310px;
margin:0;
}
div.GroupcomArea div.ListArea ul.LastItem {
float:right;
}
div.GroupcomArea div.ListArea ul.ListItem li {
margin:0 0 7px;
padding:0 0 0 23px;
background:url(/j/common/image/top/icon_link_arrow.gif) no-repeat 0 0.1em;
}
div.GroupcomArea div.ListArea ul.ListItem li.LastItem {
margin:0;
}
div.GroupcomArea ul.BtnComList {
width:870px;
text-align:right;
font-size:0;
line-height:0;
}


/* ---------------------------------------------------------------
[5]Emergency Message
--------------------------------------------------------------- */
div.EmgcyMessage {
width:958px;
margin:0 auto 15px;
padding:7px 10px;
text-align:left;
border:1px #CDCFD1 solid;
word-break:break-all;
word-wrap:break-word;
}


/* ---------------------------------------------------------------
[6]Header
--------------------------------------------------------------- */
body#SiteTop ul.BtnKoukoku {/*121101*/
width:63px;
height:25px;
margin:0 0 0 117px;
padding:25px 0 0;
font-size:0;
line-height:0;
float:left;
}