@charset "UTF-8";

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

	top.css
	
	[1] ヘッダ
	[2] グリッドボックス
	[3] 詳細レイアウト：共通
	[4] 詳細レイアウト：個別
	[5] フッタ
	
========================================*/

@import "common.css";
@import "base.css";
/*@import "jquery.jcarousel.css";*/


/* ●[1] ヘッダ-------------------- */

#top_header {
	text-align: right;
	padding:0 5px 14px 0;
}

/* ●[2] グリッドボックス-------------------- */

/* ●グリッドボックス 外枠 */

#top_container {
	margin:0 auto;
	min-width:960px;
	_width: auto !important;
	_width: 960px;
	line-height: 1.4;
}

#grid_wrapper {
	margin-left:240px;
}

#grid_wrapper div.x1,
#grid_wrapper div.x2,
#grid_wrapper div.x3,
#grid_wrapper div.x4 {
	background-color: #f7f7f5;
	color: #333;
	margin: 5px;
}

#grid_wrapper div.x1 { width:  230px; }
#grid_wrapper div.x2 { width:  470px; }
#grid_wrapper div.x3 { width:  710px; }
#grid_wrapper div.x4 { width: 1265px; }


/* ●[3] 詳細レイアウト：共通-------------------- */

/* ●グリッドボックス内 共通レイアウト */

.grid_box_inner {
	padding:10px;
	font-size: 93%;
}

#top_container h3 {
	padding: 0px; /* common.css 上書き */
}

#top_container h3.box_label {
	position: absolute;
}

#top_container h3.box_label_works {
	position: absolute;
	z-index: 20;
}

.grid_box_inner h4 {
	margin:10px 0 0;
}

.grid_box_inner .exp_txt {
	margin:6px 0 0;
	color:#666;
}

.grid_box_inner .link_txt {
	margin:6px 0 0;
	font-size:93%;
	color:#555;
}

.grid_box_inner .link_txt a:link, .grid_box_inner .link_txt a:visited {
	color:#555;
}


/* ●[4] 詳細レイアウト：個別-------------------- */

/* ●メニュー */

#top_menu_block {
	width:230px;
	position:absolute;
	background-color: #f7f7f5;
	color: #333;
	margin:5px;
	*margin-left:-235px;
}

#top_menu {
	background-color: #342927;
	padding-bottom:17px;
	border-bottom:10px solid #ebeae6;
}

#top_sub_menu {
	padding: 0px 12px 5px;
}

#top_sub_menu li {
	padding: 0 5px 3px 13px;
	font-size: 78%;
	background: url(../img/common/icon_arrow01.gif) 0 3px no-repeat;
	line-height: 1.6;
}

#top_banner {
	padding: 12px 12px 5px;
}

#top_banner li {
	margin: 0 0 5px 0;
}


/* ●ニュース */

.bt_list {
	text-align: right;
	padding:5px 10px 0;
}

#top_news_list dt {
	font-size:93%;
	color:#999;
	float:left;
	clear:left;
	font-family:monospace;
}

#top_news_list dd {
	padding-left: 6.5em;
	padding-bottom:5px;
}

#top_news_list dt img {
	margin:0 0 0 2px;
}

#top_news_list dd img {
	margin:0 0 0 2px;
}

/* ●ワークス (with/jCarousel) */

/*
#works_block {
	height:305px;
	overflow:hidden;
}
*/

#works_block .works_txt {
	font-weight: bold;
	margin:10px 0 0 ;
}

#works_block .works_txt img {
	display:block;
	margin:0 0 5px;
}

/* ●ブログ */

.grid_box_inner02 {
	padding: 0 10px;
	font-size: 93%;
}

#blog_block {
	_zoom: 1;  
	overflow: hidden; 
}

#blog_block .blog_set {
	border-top: 1px solid #ddd;
	padding:10px 0;
	margin-top: -1px;  
}

#blog_block .blog_thumb {
	float:left;
	width:60px;
	margin-right:6px;
}

#blog_block .blog_info {
	overflow:hidden;
	_zoom:1;
}

#blog_block .blog_date {
	font-size:93%;
	color:#999;
	font-family:monospace;
}

#blog_block .blog_date img {
	margin:0 0 0 2px;
}

#blog_block .blog_date img.new {
	margin:1px 0 0 2px;
}

#blog_block h4{
	font-weight: bold;
	padding:3px 0 0;
}

#blog_block .link_txt {
	font-size:93%;
	color:#555;
	padding: 3px 0 0;
}

#blog_block .link_txt a:link, #blog_block .link_txt a:visited {
	color:#555;
}


/* ●ヴィンテージマンション */

h4.fea_vintage {
	margin:10px 0 5px;
}

.grid_box_inner03 {
	padding:10px 10px;
	font-size: 93%;
}

#vintage_block {
	_zoom: 1;  
	overflow: hidden; 
}

#vintage_block .vintage_set {
	border-top: 1px solid #ddd;
	padding:5px 0;
	margin-top: -1px;
}

#vintage_block .vin_date {
	font-size:93%;
	color:#999;
	font-family:monospace;
}

#vintage_block .vin_date img {
	margin:0 0 0 2px;
}

#vintage_block .vin_date img.new {
	margin:1px 0 0 2px;
}

#vintage_block h5{
	font-weight: bold;
	padding:3px 0 0;
}

#vintage_block .link_txt {
	font-size:93%;
	color:#555;
	padding: 3px 0 0;
}

#vintage_block .link_txt a:link, #vintage_block .link_txt a:visited {
	color:#555;
}


/* ●[5] フッタ-------------------- */

#top_footer {
	padding:30px 5px 35px;
}

#top_footer #pagetop {
	margin:0 0 5px;
}

#top_footer #footer {
	margin: 0;
	clear: both;
}

#top_footer #footer_menu li {
	background: url(../img/common/icon_arrow02.gif) 0 2px no-repeat;
}