@charset "utf-8";

#aboutTabWrapper {background-color: #000000; position: relative; z-index: 1000;}
#aboutTab, #aboutContent, .plazaItemCon {width:906px; padding: 0 37px; margin-left: auto; margin-right: auto; position: relative;}
#aboutTab a {float: left; margin-right: 1px; position:relative;}
#aboutTab a span {color: #fff; position: absolute; top: 0; left: 0; background:url(../images/about/bg_span.png) repeat 0 0; height: 139px; padding: 90px 45px 0 45px; text-align:center; font-family: 'Cantata One', serif; line-height: 120%; width: 136px;}
#aboutTab a#tabHp span, #aboutTab a#tabLee span {width: 135px;}
#aboutTab a span i {color: #AA8A6C; font-size: 60%; display:block; font-family: Verdana, Geneva, sans-serif;}
/*#aboutTab a:hover span, #aboutTab a.active span {display: none;}*/
#aboutTab a span, #aboutTab a span {opacity:1; display:block\0;
-webkit-transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
-ms-transition: opacity 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;}
#aboutTab a:hover span, #aboutTab a.active span {opacity:0; display:none\0;}
#plazaBullet {position: absolute; top: 505px; left: 880px;}
#plazaBullet a {text-indent: -5000px; background:url(../images/about/btn_bullet.png) no-repeat 0 0; width: 11px; height: 11px; display: block; margin-right: 7px; float: left;}
#plazaBullet a:hover, #plazaBullet a.active {background-position: 0 -11px;}


#preArrow, #nextArrow {position: absolute; top: 400px; left: 0; width: 79px; height: 82px; display: block; background:url(../images/about/btn_left.gif) no-repeat 0 0; cursor:pointer;}
#nextArrow {left: auto; right: 0; background-image:url(../images/about/btn_right.gif)}
.noClick {filter: Alpha(Opacity=20, FinishOpacity=1, Style=1, StartX=1, StartY=1, FinishX=1, FinishY=1);-moz-opacity: 0.20;	opacity: 0.20; cursor: default !important;}

#aboutContent h1, #aboutTool a, .plazaInfo h2 {font-family: 'Cantata One', serif;}

/*Home text*/
#aboutContentWrapper {background-color: #fff; min-width:980px; width: 100%;}
#aboutContent {width:724px; padding: 82px 37px 40px 219px;}
#aboutContent h1 {font-size: 240%; line-height: 130%; background:url(../images/about/title_border.gif) no-repeat 0 bottom; padding-bottom: 20px; margin-bottom: 65px;}
#aboutContent span {display: block; color: #999999; font-size: 80%;}
#aboutContent h3 {padding-bottom: 30px;}
#homeContent div {float: left; width: 300px; font-size: 80%; font-family:Georgia, "Times New Roman", Times, serif; padding-right: 60px;}
#homeContent div.lastItem {padding-right: 0;}
#aboutTool {border-top: 1px solid #000000; border-bottom: 1px solid #000000; padding: 8px 5px; margin-top: 55px; display: inline-block;}
#aboutTool a {font-size: 90%; background:url(../images/about/bg_stroke.gif) no-repeat right 4px; padding: 0 23px 0 10px; margin-right: 0px;}
#aboutTool a.mapArea {padding: 0 0 0 10px; background: none;}
#aboutTool a.last {padding: 0 0 0 10px; background: none;}


/*Plaze*/
#plazaWrapper {background-color: #F0EEEE; overflow:hidden; height: 0; position: relative; min-width:980px; width: 100%;}
#plazaItemBtn {display: none; position:relative; z-index:1001;}
.plazaItem {background: url(../images/about/bg_hp.jpg) no-repeat center 0px #F0EEEE; border-top: 7px solid #fff; display: none; position:absolute; top: 0; left: 0px; width: 100%;}

#hpContentWrapper {background-image: url(../images/about/bg_hp.jpg);}
#lgContentWrapper {background-image: url(../images/about/bg_lg.jpg);}
#leeContentWrapper {background-image: url(../images/about/bg_lee.jpg);}
#leightonContentWrapper {background-image: url(../images/about/bg_leighton.jpg);}


.plazaInfoWrapper {float: left; width: 280px; margin-top: 98px; border-top: 7px solid #000; }
.plazaInfo {background-color: #fff; padding: 55px 20px 35px 20px; margin-bottom: 11px;}
.plazaInfo h2 {font-size: 230%; line-height: 100%; padding-bottom: 30px;}
.plazaInfo h3, .plazaInfo h4 {font-size: 80%; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight: bold; line-height: 120%; padding-bottom: 4px;}
.plazaInfo h4 {font-weight: normal; padding-bottom: 20px;}
.plazaInfo h5 {color: #999999; font-size: 70%;font-family:Georgia, "Times New Roman", Times, serif;}
.plazaBtn { padding: 10px 14px; text-align:center; background-color: #000; color: #fff; font-size: 70%; font-family:Verdana, Geneva, sans-serif;}
a.plazaBtn:hover {color: #fff;}
.plazaDes {float: left; width: 556px; padding-left: 45px; margin-top: 330px;}
.plazaDes p {line-height: 160%; font-family:Georgia, "Times New Roman", Times, serif;}