@charset "utf-8";

html,body { height:100%; font-size:14px; color:#575757; background:#888; }
* html,* html body { height:100%; overflow-x:auto; background:url(../img/PDX_background.gif) repeat fixed; }

.hidden { display:none; }
.clear { clear:both; height:0px; font-size:0; }

#leftBlock { position:fixed; top:0; left:0; width:100%; height:100%; }
#leftBlock .inner01 { width:1000px; height:100%; margin:0 auto; background:#fff; }
#leftBlock .inner02 { position:relative; width:250px; height:100%; background:#e8e8e8; z-index:3; }
#leftBlock h1, #leftBlock p#logo { margin:0 0 0 25px; }
/* IE5 later && javascript-on */
* html #leftBlock { position:expression('absolute'); top:expression((documentElement.scrollTop || document.body.scrollTop) + 'px');
left:expression((documentElement.scrollLeft || document.body.scrollLeft) + 'px'); }

#leftBlock ul { width:200px; margin:0px 0 0 25px; }
#leftBlock ul li { display: block; }
#leftBlock #navi a { display:block; position:relative; }
#leftBlock #navi a.current img { visibility:hidden; }

#leftBlock  #leftbottom { position:absolute; left:25px; bottom:5px; width:200px; height:88px; }
#leftBlock  #leftbottom .copyright { font-size:12px; }

#topContainer { position:relative; top:0; left:0; width:100%; height:100%; z-index:1; }
#topContainer #topRightBlock { position:relative; width:1000px; height: 1050px; margin:0 auto; }
#topVisual { width:750px; height:1050px; margin-left:250px; background: url(../img/PDX_top_logo.jpg) no-repeat left top; overflow:visible; }

#centerBlock { position:fixed; top:0; left:0; width:100%; height:100%; }
* html #centerBlock { position: absolute; top:expression(documentElement.scrollTop + 0 + 'px'); }
#centerBlock .inner01 { width:1000px; height:100%; margin:0 auto; }
#centerBlock .inner02 { overflow:hidden; width:300px; height:100%; margin-left:250px; background:url(../img/PDX_center_bg.jpg) 0px 0px; }

#contents { position:absolute; top:1050px; left:0; width:100%; height:100%; z-index:2; }
#container { position:relative; width:1000px; margin:0 auto; }
#rightBlock { width:400px; margin-left:550px; padding:0 25px 25px 25px; background:#fff; z-index:4; }
* html #contents { position:relative; top:0; left:0; }

h1.chapter { height:91px; margin-top:83px; margin-bottom:45px; }
article.firstArticle h1.chapter { margin-top:0; }
h1.chapter span { display:block; position:relative; top:0px; background:#fff; padding-top:8px; }
h1.chapter span.current { position:fixed; }
*html h1.chapter span.current { position:absolute; top:expression(documentElement.scrollTop - 1050 + 'px'); }

#rightBlock p { margin:5px 0 15px 0; }
#rightBlock .rt { text-align:right; }
#rightBlock .title01 { width:380px; height:16px; margin:40px 0 5px 0; padding:0 0 0 20px; color:#000; font-size:16px; line-height:16px; font-weight:bold; background:url(../img/PDX_cont_title01.gif) no-repeat; border-bottom:1px solid #888; }
#rightBlock .title02 { width:380px; height:16px; margin:25px 0 5px 0; padding:0 0 0 20px; color:#000; font-size:14px; line-height:16px; font-weight:bold; background:url(../img/PDX_cont_title02.gif) no-repeat; }
#rightBlock p a { color:#000; font-weight:bold; }


.clearfix:after,
.linkBtnArea:after,
#topContainer:after,
#topContainer #rightBlock:after,
#contentsWrap:after,
#popupContents .newsSection:after { content:""; display:block; clear:both; }