@charset "utf-8";

/*------------------------------------------------------------------------------

CSS Information

URL:		http://pgd.jp/cgi/pgdmailform/pgdmailform.cgi
File name:	style.css
Summary:	base styles
Auther:		Akira Motojima / PGD WORKS

Order of desctiption

__Default_style_set
__container				(div#container)
__header				(div#header)
__contents				(div#contents)
__main					(div#main)
__footer				(div#footer)

------------------------------------------------------------------------------*/

/*--------------------------------------

__Default_style_set

--------------------------------------*/

* {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight: normal;
}

html {
	
	font-size:8px;
	
	/* スクロールバーの強制表示 */
	overflow-y: scroll; /* CSS3 */
	/*margin-bottom: 1px;   CSS3非対応ブラウザ用 */
	width:100%;
	height:100%;
	
	/* スクロールバーの色 html/body両方に設定が必要 */
	/* scrollbar-base-color: #FFFFFF; */
	
}

body {
	margin-top: 110px;
	background: #fff;
	background-repeat:repeat-x;
	color: #333;
	font-family:'ＭＳ Ｐゴシック',sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
	width:100%;
	height:100%;
	
	/* スクロールバーの色 html/body両方に設定が必要 */
	/* scrollbar-base-color: #FFFFFF; */
}

body.popup {
	margin-top: 70px;
}

img { border-width: 0px;}

th td { vertical-align: top;}

.red{color:#f00}


a:link{
	color: #c75900;
}
a:visited{
	color: #999999;
}
a:hover{
	color: #0d5c16;
}
a:active {
	color: #0d5c16;
}

ul,ol{list-style:none;}

sup{font-size:9px;}

/*--------------------------------------

__container

--------------------------------------*/

#container {
	width: 100%;
	margin: auto; 
	background-color:#fff;
	position:relative;
}


/*--------------------------------------

__header

--------------------------------------*/

#formheader {
	margin: 0 0 20px 0 ;
	text-align: center;
	height:100px;
	background:url(../images/bg_header.png) 0 0 repeat-x;
	position:relative;
}

#formheader #headerBgLeft {
	position:absolute;
	top:80px;
	left:0;
	background:url(../images/bg_header_l.png) 0 0 no-repeat;
	width:400px;
	height:15px;
}

#formheader #headerBgRight {
	position:absolute;
	top:80px;
	right:0;
	background:url(../images/bg_header_r.png) 0 0 no-repeat;
	width:400px;
	height:15px;
}

#header {
	text-align: center;
	width: 100%;
	min-width: 960px;
	height:110px;
	background:url(../images/header_bg.gif) 0 0 repeat-x;
	position:fixed;
	top: 0;
	left: 0;
	overflow:hidden;
	z-index: 10000;
}

#topimgFootBg {
	width:100%;
	background:url(../images/topimg_bg.gif) 0 0 repeat-x;
	height:16px;
}

#headerBox {
	width:800px;
	margin:0 auto;
	position:relative;
}

#headerBox500 {
	width:500px;
	margin:0 auto;
	position:relative;
}


#headerBox900 {
	width:900px;
	margin:0 auto;
	position:relative;
}

#headerBox1200 {
	width:100%;
	min-width:960px;
	margin:0 auto;
	position:absolute;
	top:0;
	left:0;
}

#headerBox900 h1,
#headerBox h1 {
	font-size: 12px;
	text-align:left;
	padding-top:10px;
}


#headerBox1200 h1 {
	position:absolute;
	top:10px;
	left:15px;
	width:125px;
	height:40px;
}

#headerBox1200 p,
#headerBox900 p,
#headerBox p {
	position:absolute;
	top:9px;
	font-size:10px;
	color:#948e82;
	left: 155px;
	text-align: left;
	line-height: 14px;
}

#headerNavi {
	position:absolute;
	top:15px;
	right:0px;
	height:30px;
}

#headerNavi a {
	display:block;
	float:left;
}

#naviBox {
	width:960px;
	margin:0 auto;
	padding-top: 60px;
}

#naviBox .navi104 {
	float:left;
	width:104px;
}

#naviBox .navi107 {
	float:left;
	width:107px;
}

#headerClose {
	position:absolute;
	top:33px;
	right:12px;
}

ul#globalNavi {
	width:960px;
	margin:0 auto;
	padding-top:90px;
}

ul#globalNavi li {
	float:left;
	display:inline;
}

h2 {
	width:800px;
	margin:0 auto;
	text-align:right;
}



/*--------------------------------------

__contents

--------------------------------------*/
#contentWrap {
	background-color: #ffface;
}

#contents960 {
	width: 960px;
	margin: 0 auto;
}

#contents960 #topicpath {
	font-size:10px;
	line-height:30px;
	height:30px;
	margin-top:-40px;
	text-align:right;
}

#topicpath a {
	text-decoration: none;
}

#contents960 #topicpath span {
	background:url(../images/icon_topicpath.png) 0 4px no-repeat;
	padding:0 10px;
}

#contents960 h2 {
	width: 960px;
	text-align:left;
}

#contents960 #pagetop {
	text-align:right;
	height:17px;
	background:url(../images/bg_hr.png) 0 15px repeat-x;
	margin-bottom:20px;
}

#contents460 {
	width: 460px;
}




/* トップ */

#topimgWrap {
	width:100%;
	height: auto;
	min-width: 960px;
	z-index:1000;
	text-align:center;
	height:auto;
	overflow:hidden;
	position:relative;
	line-height: 0;
	background-color: #000;
}

#topimg {
	text-align: center;
	width: 100%;
	height: auto;
}

#topimgText {
	width:480px;
	height:230px;
	position:absolute;
	top:35px;
	left:50%;
	z-index:1001;
	margin-left: -240px;
}

		#topimgCopy2 img {
			width: 100%;
			height: auto;
		}

		#topimgCopy2 {
			width: 100%;
			height: auto;
			line-height: 0;
		}
		.topimgCopyL {
			width: 50%;
			height: auto;
			float: left;
			line-height: 0;
		}
		.topimgCopyR {
			width: 50%;
			height: auto;
			float: right;
			line-height: 0;
		}
		
		#floaterBox {
			position: fixed;
			top: 130px;
			left: 10px;
			z-index: 1000;
			width: 220px;
			height: 150px;
			z-index: 10000;
		}
		
		#floatClose2 {
			position: absolute;
			top: 0;
			right: 0;
			cursor: pointer;
			z-index: 10001;
		}

		

#sideImg {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 5009;
}

#cgImg  {
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 6000;
}

#topimgText2 {
	margin: 0 auto;
	width: 960px;
	height: auto;
	z-index: 1001;
	line-height: 0;
}

#topShadow {
	width:100%;
	height:16px;
	background:url(../images/topimg_bg.gif) 0 0 repeat-x;
}

#pointBox {
	width:960px;
	margin:0 auto;
}

#pointBox a {
	display:block;
	width:234px;
	height:74px;
	line-height:0;
}

#infoTtl {
	height:20px;
	width:960px;
}

#infoFooter {
	border-bottom: 1px solid hsl(0, 0%, 80%);
	margin-bottom: 20px;
	width: 960px;
}

/*#request {
	width: 235px;
	height: 101px;
	padding-top: 5px;
	float: right;
}

#request a {
	width:235px;
	height:101px;
	display:block;
	line-height:0;
	margin-bottom:5px;
}
*/
.box880 {
	width:880px;
	margin:0 auto;
}

p.caption {
	font-size:10px;
	line-height:12px;
	color:#666;
}

#contentsWrap {
	width:100%;
	height:auto;
	background:url(../popup/images/popup_bg.gif) repeat-x;
	padding-top:40px;
}

#main {
	border:1px solid #ccc;
	background:#FFFFFF;
	padding-bottom:50px;
}

.pagetop{
	text-align:right;
	padding:10px 0;
	margin-bottom:30px;
}

.topBannerArea div {
	line-height: 0;
}



/* 実績 */

.recordBox {
	padding:40px;
	padding-bottom:0;
	width:860px;
	margin: 0 auto;
}

.recordBox h4 {
	padding-bottom:10px;
}

.recordBox p {
	font-size:12px;
	line-height:20px;
	width:655px;
}

.recordBox2 {
	padding:10px;
	width:400px;
	border:1px solid #659ad1;
}

.recordBox2 h4 {
	text-align:center;
}

.recordBox2 .ph1 {
	width:195px;
	float:left;
}

.recordBox2 .ph2 {
	width:195px;
	float:right;
}



/* ロケーション */

.locationBox {
	padding-top:50px;
	padding-bottom:0;
	width:860px;
	margin: 0 auto;
}

.locationBox p {
	font-size:12px;
	line-height:24px;
}

.locationBox p sup {
	font-size:9px;
	line-height:12px;
}

.locationBox p.caption {
	font-size:10px;
	line-height:24px;
	color:#666;
}

#locationImgBox {
	width: 280px;
	height: 210px;
	line-height: 0;
	display: inline;
}

.locationBox .column {
	width:242px;
	height:189px;
	padding:19px 18px 0 18px;
	border:#99bce1 1px solid;
	background-color:#e8f1f9;
	font-size:12px;
	line-height:24px;
	float:right;
}

.locationBox .column2 {
width: 245px;
height: 189px;
padding: 19px 17px 0 17px;
border: #99bce1 1px solid;
background-color: #e8f1f9;
font-size: 12px;
line-height: 24px;
float: right;
}

#locationTxt {
	width:265px;
	height:510px;
	float:right;
	position:relative;
}

#locationTxt .caption {
	line-height:14px;
	position:absolute;
	bottom:0;
}

#lifeInfo {
	width:100%;
}

#lifeInfo table {
	width: 410px;
	margin-top:6px;
	background-color:#f3f6fb;
}

#lifeInfo th {
	text-align:left;
	font-size:10px;
	font-weight:normal;
	letter-spacing:0;
	padding:10px 0 10px 8px;
	background-color:#f3f6fb;
}

#lifeInfo td {
	text-align:right;
	font-size:10px;
	letter-spacing:0;
	padding:10px 8px 10px 0;
	background-color:#f3f6fb;
}

#lifeInfo .bg {
	background-color:#dbe4f5;
}



/* デザイン */

#designBg {
	width:860px;
	height:580px;
	padding:50px 49px 0 49px;
	line-height:24px;
	background:url(../images/design_ph01.jpg) bottom left no-repeat;
}

.designBox {
	width:860px;
	padding-top:50px;
	margin: 0 auto;
	line-height:24px;
	position:relative;
}

.designBox p.caption {
	position:absolute;
	bottom:0;
	left:0;
	width:860px;
}

.designBox2 {
	width:860px;
	padding-top:50px;
	margin: 0 auto;
	line-height:24px;
	position:relative;
}


/* 間取り */

.planBox {
	width:860px;
	margin: 0 auto;
}

.planBox p {
	line-height:24px;
}

.planBox p.caption {
	line-height:12px;
}

.private_spaceBox {
	padding-top:20px;
	padding-bottom:0;
	width:860px;
	margin: 0 auto;
}

.private_spaceBox p {
	line-height:24px;
}

.private_spaceBox p.caption {
	line-height:12px;
}



/* アクセス */

.accessBox {
	padding-top:50px;
	padding-bottom:0;
	width:860px;
	margin: 0 auto;
}



/* 設備仕様 */

.qualityBox {
	width:860px;
	padding-bottom:50px;
	margin: 0 auto;
	line-height:24px;

}

.qualityBox #subNavi {
	width:858px;
	height:51px;
	margin:45px auto 55px auto;
}

.qualityBox #subNavi li {
	width:143px;
	height:51px;
	line-height:0;
	float:left;
}

.qualityBox h4 {
	line-height:0;
	padding-bottom:20px;
}

.qualityBox .itemBox {
	width:185px;
	float:left;
}

.qualityBox .itemBox h5 {
	width:185px;
	line-height:0;
	padding:10px 0 5px 0;
}

.qualityBox .itemBox p {
	width:185px;
	line-height:17px;
	letter-spacing:0;
}

.qualityBox .itemBox2 {
	width:410px;
	float:left;
}

.qualityBox .itemBox2 h5 {
	width:410px;
	line-height:0;
	padding:10px 0 5px 0;
}

.qualityBox .itemBox2 p {
	width:410px;
	line-height:17px;
	letter-spacing:0;
}

.qualityBox .itemBox3 {
	width:200px;
	float:left;
}

.qualityBox .itemBox3 h5 {
	width:200px;
	line-height:0;
	padding:10px 0 5px 0;
}

.qualityBox .itemBox3 p {
	width:200px;
	line-height:17px;
	letter-spacing:0;
}

.qualityBox .itemBox4 {
	width:260px;
	float:left;
}

.qualityBox .itemBox4 h5 {
	width:260px;
	line-height:0;
	padding:10px 0 5px 0;
}

.qualityBox .itemBox4 p {
	width:260px;
	line-height:17px;
	letter-spacing:0;
}

.qualityBox .frameBox {
	background:url(../images/quality/item_bg.gif) bottom left repeat-x;
	border:1px solid #e9e6df;
	background-color:#f7f5ef;
	padding:10px;
}

.qualityBox .frameBox p {
	line-height:17px;
	padding-top:5px;
	letter-spacing:0;
}

.qualityBox .casbee {
	width:510px;
	height:150px;
	background:url(../images/quality/item_bg.gif) bottom left repeat-x;
	border:1px solid #e9e6df;
	background-color:#f7f5ef;
	padding:24px;
	float:right;
}

.qualityBox .casbee p {
	line-height:17px;
	padding-top:5px;
	letter-spacing:0;
}

.qualityBox .ground {
	width:830px;
	background:url(../images/quality/item_bg.gif) bottom left repeat-x;
	border:1px solid #e9e6df;
	background-color:#f7f5ef;
	padding:24px 14px 14px 14px;
	float:right;
	margin-bottom:30px;
}

.qualityBox .ground .left {
	width:300px;
	float:left;
}

.qualityBox .ground .left h5 {
	width:300px;
	line-height:0;
	padding-bottom:10px;
}

.qualityBox .ground .left p {
	line-height:17px;
	letter-spacing:0;
}

.qualityBox .ground .left div {
	width:300px;
	height:120px;
	padding-top:10px;
}

.qualityBox .ground .right {
	width:500px;
	float:right;
}

.qualityBox .ground .right h5 {
	width:500px;
	line-height:0;
	padding-bottom:10px;
}

.qualityBox .ground .right p {
	width:140px;
	line-height:17px;
	letter-spacing:0;
	float:left;
}

.qualityBox .ground .right div {
	width:340px;
	height:230px;
	float:right;
}

.qualityBox .ground .note {
	width:830px;
	line-height:12px;
	letter-spacing:0;
	font-size:10px;
	color:#666;
}


/* モデルルーム */

.modelroomBox {
	width:860px;
	padding:10px 0 30px 0;
	margin: 0 auto;
	line-height:24px;
}

#modelroomFlash {
	width:958px;
	height:540px;
	padding-bottom:20px;
	margin: 0 auto;
}



/* 眺望 */

.viewBox {
	width:860px;
	padding:50px 0 30px 0;
	margin: 0 auto;
	line-height:24px;
}

.viewBox img {
	margin-left: 0px;
}

#viewFlash {
	width:958px;
	height:350px;
	padding-bottom:20px;
	margin: 0 auto;
}


/* 新モデルルーム */
#newModelPage #main {
	border: none;	
}

div.newModelTit {
	position: relative;
}

div.newModelResBtn {
	position: absolute;
	top: 25px;
	right: 40px;
}

div.newModelBtnArea {
	margin: 0 auto;
	width: 560px;
}

div#newModelFigArea {
	position: relative;
}

div.usaIcon {
	position: absolute;
	top: 325px;
	left: 130px;
}
div.usaBtn {
	width: 146px;
	height: 85px;
	position: absolute;
	top: 355px;
	left: 140px;
}

div.londonIcon {
	position: absolute;
	top: 647px;
	left: 125px;
}
div.londonBtn {
	width: 153px;
	height: 94px;
	position: absolute;
	top: 677px;
	left: 140px;
}

div.parisIcon {
	position: absolute;
	top: 310px;
	left: 685px;
}
div.parisBtn {
	width: 124px;
	height: 91px;
	position: absolute;
	top: 336px;
	left: 695px;
}

div.galleryOtherIcon {
	position: absolute;
	top: 652px;
	left: 670px;
}
div.galleryOtherBtn {
	width: 166px;
	height: 75px;
	position: absolute;
	top: 682px;
	left: 690px;
}



/*--------------------------------------

__footer

--------------------------------------*/

#footer {
	width:100%;
	height: 25px;
	background:url(../images/bg_footer.png) 0 0 repeat-x;
	position:relative;
}
#topfooter {
	height: 60px;
	padding-bottom:40px;
}
#footInner{
	width: 960px;
	margin: 0 auto;
	padding:26px 0;
}
#footerNavi{
	width:100%;
	text-align:right;
	padding-top:15px;
	line-height:30px;
	height:30px;
}


#footer a:link{
	color: #999999;
	text-decoration: none;
}
#footer a:visited{
	color: #999999;
	text-decoration: none;
}
#footer a:hover{
	color: #999999;
	text-decoration: none;
}
#footer a:active {
	color: #999999;
	text-decoration: none;
}

#yokokuBox {
	padding:10px;
}
#top #yokokuBox {
	padding:10px 10px 30px 0;
}
.yokoku1 {
	width: 72px;
	margin-right:8px;
	padding:2px 0 2px 2px;
	margin-bottom:5px;
	font-size:14px;
	border: 1px solid #999;
	color:#666;
	float:left;
	letter-spacing:3px;
	text-align:center;
	line-height:22px;
}
.yokoku2 {
	font-size:10px;
	color:#666;
	line-height:14px;
}
.yokoku3 {
	width: 155px;
	margin-right:8px;
	padding:2px 0 2px 2px;
	margin-bottom:5px;
	font-size:14px;
	border: 1px solid #999;
	color:#666;
	letter-spacing:3px;
	text-align:center;
	line-height:22px;
}



.alignRight { text-align:right; }
.center{text-align:center;
}

.w110{width:110px;}
.w120{width:120px;}
.w150{width:150px;}
.w160{width:160px;}
.w165{width:165px;}
.w170{width:170px;}
.w184{width:184px;}
.w196{width:196px;}
.w201{width:201px;}
.w220{width:220px;}
.w250{width:250px;}
.w260{width:260px;}
.w274{width:274px;}
.w280{width:280px;}
.w300{width:300px;}
.w310{width:310px;}
.w350{width:350px;}
.w360{width:360px;}
.w380{width:380px;}
.w390{width:390px;}
.w400{width:400px;}
.w410{width:410px;}
.w430{width:430px;}
.w433{width:433px;}
.w440{width:440px;}
.w470{width:470px;}
.w480{width:480px;}
.w500{width:500px;}
.w511{width:511px;}
.w520{width:520px;}
.w530{width:530px;}
.w560{width:560px;}
.w570{width:570px;}
.w589{width:589px;}
.w625{width:625px;}
.w635{width:635px;}
.w660{width:660px;}
.w668{width:668px;}
.w690{width:690px;}
.w700{width:700px;}
.w720{width:720px;}
.w760{width:760px;}
.w800{width:800px;}
.w820{width:820px;}
.w960{width:960px;}

.h140{height:140px;}
.h145{height:145px;}
.h270{height:270px;}
.h300{height:300px;}
.h390{height:390px;}

.pt5{padding-top:5px;}
.pt7{padding-top:7px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt25{padding-top:25px;}
.pt30{padding-top:30px;}
.pt35{padding-top:35px;}
.pt40{padding-top:40px;}
.pt50{padding-top:50px;}
.pt55{padding-top:55px;}
.pt60{padding-top:60px;}
.pt65{padding-top:65px;}
.pt90{padding-top:90px;}
.pt100{padding-top:100px;}
.pt296{padding-top:296px;}
.pl6{padding-left:6px;}
.pl7{padding-left:7px;}
.pl8{padding-left:8px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl25{padding-left:25px;}
.pl30{padding-left:30px;}
.pl40{padding-left:40px;}
.pl70{padding-left:70px;}
.pl80{padding-left:80px;}
.pl130{padding-left:130px;}
.pr8 {padding-right:8px;}
.pr10{padding-right:10px;}
.pr30{padding-right:30px;}
.pr60{padding-right:60px;}
.pb5 {padding-bottom:5px;}
.pb8 {padding-bottom:8px;}
.pb10 {padding-bottom:10px;}
.pb15 {padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb25{padding-bottom:25px;}
.pb30{padding-bottom:30px;}
.pb32{padding-bottom:32px;}
.pb35{padding-bottom:35px;}
.pb40{padding-bottom:40px;}
.pb50{padding-bottom:50px;}
.pb55{padding-bottom:55px;}
.pb60{padding-bottom:60px;}
.pb80{padding-bottom:80px;}
.pb135{padding-bottom:135px;}

.mt3{margin-top: 3px;}
.mt6{margin-top: 6px;}
.mt30{margin-top:30px;}
.ml15{margin-left:15px;}
.mr5{margin-right:5px;}
.mr8{margin-right:8px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mb5{margin-bottom:5px;}
.mb30{margin-bottom:30px;}


.textRight{text-align:right;}

.floatLeft{
	float:left;
	display:inline;
}
.floatRight{
	float:right;
	display:inline;
}
.clear{
	clear:both;
	line-height:0px;
	height:0px;
	font-size: 0px;
}

.centerblock{margin:0 auto;}

/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}
 
.cf:after {
    clear:both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}