@charset "shift-jis";
/**
 * 1. import
 */
@import "util.css";

/**
 * 2. html, body
 */
 *{		margin:0px;
		padding:0px;}

 	html{
		margin:0px;
		padding:0px;}
	body {
		background:#ffffff;	
	}
	img{ border:none;}
/**
 * 3. HTMLtag, siteCommonClass
 */
/* anchor */
	a {
		color: #0000ff;
		text-decoration: underline;
	}
	a:visited {}
	a:hover {
		color: #ff0000;
		text-decoration: underline;
	}
	a:active {}


/**
 * 4. Layout
 */
#gtop{
	width: 960px;
	height: 80px;
	margin-top:5px;
}
#gtop_pop{
	width: 700px;
}

#gHeader{
		clear: both;
		width: 100%;
		margin: 0 auto;
}

#top_container{
		clear: both;
		margin: 0 auto;
}
#main{
		clear: both;
		width: 960px;
		margin: 0 auto;
}
#main .pankuzu{ font-size:10px; text-align:left; color:#808080; margin-top:15px; margin-bottom:40px; }
#main .pankuzu a{ color:#4D4D4D; }
#main .pankuzu a:hover { color: #808080; }
#main .pankuzu02{ font-size:10px; text-align:left; color:#808080;}
#main .pankuzu02 a{ color:#4D4D4D; }
#main .pankuzu02 a:hover { color: #808080; }
#top_container_pop{
		clear: both;
		width: 700px;
		margin: 0 auto;
}
#top_container_pop02{
		clear: both;
		width: 800px;
		margin: 0 auto;
}
	#gNav,
	#container,
	 {
		clear: both;
		width: 960px;
		margin: 0 auto;
	}
	#gFooter {
		clear: both;
		margin: 0 auto;
	}
	
	#gHeader strong {
		position: absolute;
		right: 0px;
		font-size: 10px;
		line-height: 15px;
		font-weight: normal;
		color: #999999;
	}
	h1{
		font-size:10px;
		color:#999;
		margin-bottom:15px;
		padding:0px;
		text-align:right;
		font-weight:normal;}

	#gHeader h2{ float:left; margin-top:0px; margin-bottom:5px; }

	#mainimg h1{
		font-size:10px;
		color:#999;
		margin-bottom:15px;
		padding:0px;
		text-align:left;
		font-weight:normal;}

	#mainimg h2{ clear:both; font-size:12px; text-align:left; }
	#mainimg h3{ clear:both; font-size:12px; text-align:left;}
	
	#gHeader #headnav ul{ float:right; }
		#gHeader #headnav li{	float:left;
								padding-left:20px;
								font-size:12px;
							}
		#gHeader #headnav li a{
			color:#3F2B00;
			background:url(../images/headlist.gif) no-repeat left center;
			padding-left:10px;
		}
		#gHeader #headnav li a:hover{
			color:#5A7F00;
			background:url(../images/headlist_ov.gif) no-repeat left center;
			padding-left:10px;
		}
		#gHeader #headnav .listnon a{
			background: none;
		}
		#gHeader #headnav .listnon a:hover{
			background: none;
		}
		#gHeader #headnav .head_off a{
			color:#5A7F00;
			text-decoration:none;
			background:url(../images/headlist_ov.gif) no-repeat left center;
			}
		
		.head_pt_top{
			padding-top:5px;
		}
		.head_pt{
			padding-top:15px;
		}
	#gMenu { width: 960px; height: 54px; margin-left: auto; margin-right: auto; margin-top:0px; padding-bottom:15px;}
		#gMenu ul li {
			float:left;
		}
	#gMenu_line { width: 100%; height: 10px; margin-bottom:20px; background:url(../images/menu_line.gif) top repeat-x}
	#cp_line { width: 100%; height: 10px; background:url(../images/cp_line.gif) top repeat-x}
	.cp_bg { background-color:#F6F5EB; width: 100%;}
		
/* フッター */
#gFooter{
	clear:both;
	width:100%;
	padding:0 0 0px;}
#contactArea{
	width:100%;
	height:95px;
	background:url(../images/toiawase_bg.gif) repeat-x;
	margin:0;}
#gFooter #contact {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	margin-top:0px;
	margin-bottom:33px;
	text-align:center;}
	
#fNav_bg{
	width:100%;
	background-color:#4D4D4D;
	padding:10px 0 15px;
	margin:0;}
#fNav{
	clear:both;
	position: relative;
	width: 960px;
	background-color:#4D4D4D;
	margin:0 auto;
	font-size: 12px;}
#fNav li{
	float: left;
	color: #FFFFFF;}
#fNav li a,
#fNav li span{
	color: #FFFFFF;
	line-height: 20px;}
#fNav li a:hover ,#fNav li strong{
	color: #AFAFAF;}
#fNav li strong{
	font-weight: normal;}
#fNav li span{
	color: #CCCCCC;}
	
#wrapArea{
	width:100%;
	background-color:#000000;
	margin:0;
	padding-bottom:10px;}
#wrapArea .wrap {
	clear: both;
	margin-left: auto;
	margin-right: auto;
	margin-top:0px;
	margin-bottom: auto;
	text-align:center;
	width: 960px;}
#wrapArea .text {
	font-size: 10px;
	color: #FFFFFF;}
#wrapArea li{
	float: left;
	color: #FFFFFF;}
#wrapArea li a,
#wrapArea li span{
	color: #FFFFFF;
	line-height: 15px;}
#wrapArea li a:hover ,#fNav li strong{
	color: #AFAFAF;}
#wrapArea li strong{
	font-weight: normal;}
#wrapArea li span{
	color: #CCCCCC;}
	
	
/* トップ */
.news1 {
color: #cc0000;
} .news2 {
font-size: 16px;
} .news3 {
color: #cc0000; font-size: 16px;
}

#kage{height:7px; background:url(../../top/info_bg.gif) repeat-x top;}
#kage2{background:#f3f3f3; padding-top:10px; padding-bottom:20px;}

	/* トピックス */
	.topics{
		margin-left:5px;
	}
	.topics p{
		padding-bottom:5px;
		text-align:left;
	}

	/* インフォメーション */
	.info{
		border-collapse: collapse;
		font-size:11px;
		color:#ffffff;
		margin-left:0px;
		margin-bottom:0px;
	}
	.info2{
		border-collapse: collapse;
		border-right:1px dotted #ffffff;
		font-size:11px;
		color:#ffffff;
		margin-left:0px;
		margin-bottom:0px;
	}
	.info th{
		background:#324f79;
		border-bottom:1px dotted #ffffff;
		border-left:1px dotted #ffffff;
		border-top:1px dotted #ffffff;
		padding:10px;
		text-align:center;
		width:60px;
		font-weight:normal;
	}
	.info td{
		border-bottom:1px dotted #ffffff;
		border-left:1px dotted #ffffff;
		border-top:1px dotted #ffffff;
		padding:10px;
		text-align:left;
	}
	.info2 th{
		background:#324f79;
		border-bottom:1px dotted #ffffff;
		border-left:1px dotted #ffffff;
		border-top:1px dotted #ffffff;
		padding:10px;
		text-align:center;
		width:60px;
		font-weight:normal;
	}
	.info2 td{
		border-bottom:1px dotted #ffffff;
		border-left:1px dotted #ffffff;
		border-top:1px dotted #ffffff;
		padding:10px;
		text-align:left;
	}
	
	/* トピックス */
	.scroll {
		margin: 0 0 0px 0;
		text-align:left;
	}
	.scroll,
	.scroll-pane {
		overflow: auto;
		width: 445px;
		height: 123px;
	}
	.scroll-pane .jspVerticalBar {
		width: 8px;
	}
	.scroll-pane .jspTrack{
		background: #eee;
	}
	.scroll-pane .jspDrag{
		background: #ccc;
	}

	/* フッターブリリアクラブ */
	.brilliaclub{
		padding-top:15px;
	}

	.dis{
		display:none;
	}
	
	/* ニュースフェードイン */
	#cover {
    width: 960px;
    height: 90px;
    position: relative;
    overflow: hidden;
	}
	
	#cover>div {
		position: absolute;
		top: 0;
		opacity: 0;
		text-align:left;
	}
	
/* ムービー */
.movie_bg{
	background:#000;
}

/* プラン角住戸 */
#kado_main{
		width: 100%;
		background:url(../../plan/images/kado_bg.gif);
		background-position: center top;
		background-repeat:repeat;
		text-align:center;}
.kado_bg{
		width: 960px;
		margin: 0 auto;
		text-align:center;}
		
/* GWトップ */
.top-btn_bg{
	width: 100%;
	background:url(../../top/btn_bg.jpg);
	background-position: center top;
	background-repeat:no-repeat;
}
.top-info_bg{
	width: 100%;
	background:url(../../top/info-bg.gif);
	background-color:#ffffff;
	background-position: center top;
	background-repeat:repeat-x;
}