@charset "utf-8";

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

	HOME CSS

 -----------------------------------------
	INDEX
 -----------------------------------------
 	1.Structure
		1-1.Contents
		1-2.Section
	
	2.Contents1
		2-1.News Unit
		2-2.News Unit Table
		2-3.Go to List
	
	3.Contents2
		3-1.Esta Hitsuji Concierge
		3-2.Staff Blog
	
	4.Contents3
		4-1.Event Info
		4-2.Live Camera
	
	5.Contents4

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

/* 1.Structure
========================================== */
.contents#home {
	margin: 15px;
	background: url(../img/contents_bg_01.gif) repeat-y 687px 0;
	zoom: 1;
}
.contents#home:after { /* for Modern Browser */
	content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;
}

	/* 1-1.Contents
	---------------------------------------- */
	.contents#home #contents1 {
		float: left;
		margin: 0 22px 0 0;
		width: 321px;
	}
	
	.contents#home #contents2 {
		float: left;
		width: 329px;
	}
	
	.contents#home #contents3 {
		float: right;
		width: 217px;
	}
	
	/* 1-2.Section
	---------------------------------------- */
	.contents#home #contents1 .section,
	.contents#home #contents2 .section,
	.contents#home #contents3 .section {
	}
	
	.contents#home #contents1 .section h2,
	.contents#home #contents2 .section h2,
	.contents#home #contents3 .section h2 {
		margin: 0 0 5px;
	}


/* 2.Contents1
========================================== */
.contents#home #contents1 .section#estaNews {
	margin: 0 0 18px;
}

.contents#home #contents1 .section#estaDaisyokuhingaiNews {
	margin: 0 0 12px;
}

	/* 2-1.News Unit
	-------------------------------------------------------- */
	.contents#home #contents1 .section .newsUnit {
		margin: 0 0 5px;
		background: url(../img/contents1_bg_03.gif) repeat-y;
	}
	
	.contents#home #contents1 .section .newsUnit .bgTop {
			height: 12px;
			background: url(../img/contents1_bg_01.gif) no-repeat;
			overflow: hidden;
	}
	
	.contents#home #contents1 .section .newsUnit .bgBtm {
			height: 10px;
			background: url(../img/contents1_bg_02.gif) no-repeat;
			overflow: hidden;
	}
	
	.contents#home #contents1 .section .newsUnit .scrollArea {
		overflow: scroll;
		margin: 0 9px 0 0;
		padding: 0 0 0 15px;
	}
	.contents#home #contents1 .section#estaNews               .newsUnit .scrollArea { height: 233px;}
	.contents#home #contents1 .section#estaDaisyokuhingaiNews .newsUnit .scrollArea { height: 180px;}
	
	/* 2-2.News Unit Table
	-------------------------------------------------------- */
	.contents#home #contents1 .section .newsUnit table {
		width: 100%;
	}
	
	.contents#home #contents1 .section .newsUnit table tr {
	}
	
	.contents#home #contents1 .section .newsUnit table tr th,
	.contents#home #contents1 .section .newsUnit table tr td {
		padding: 5px 2px;
		border-bottom: 1px solid #88817F;
	}
	
	.contents#home #contents1 .section .newsUnit table tr th {
		padding-right: 10px;
		font-family: Verdana, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 77%;
		line-height: 1.801;
	}
	
	.contents#home #contents1 .section .newsUnit table tr th {
		white-space: nowrap;
	}
	
	.contents#home #contents1 .section .newsUnit table tr td {
		width: 100%;
	}
	
	.contents#home #contents1 .section .newsUnit table tr td a {
		padding: 0 16px 0 0;
	}
	
	.contents#home #contents1 .section .newsUnit table tr td a img.arrow {
		position: absolute;
		margin: 2px 0 0 3px;
	}
	
	.contents#home #contents1 .section .newsUnit table tr td img.icon {
		margin: 1px 0 0;
	}
	
	/* 2-3.Go to List
	-------------------------------------------------------- */
	.contents#home #contents1 .section p.gotoList {
		text-align: right;
	}



/* 3.Contents2
========================================== */
	/* 3-1.Esta Hitsuji Concierge
	---------------------------------------- */
	.contents#home #contents2 .section#estaHitsujiConcierge {
		position: relative;
		margin: -6px 0 5px;
	}
	
	/* 3-2.Staff Blog
	---------------------------------------- */
	.contents#home #contents2 .section#staffBlog {
		margin: 0 0 10px;
	}
	
	.contents#home #contents2 .section#staffBlog .newEntry {
		background: url(../img/staffblog_bg_03.gif) repeat-y;
	}
	
	.contents#home #contents2 .section#staffBlog .newEntry .bgTop {
		height: 12px;
		background: url(../img/staffblog_bg_01.gif) no-repeat;
		overflow: hidden;
	}
	
	.contents#home #contents2 .section#staffBlog .newEntry .bgBtm {
		height: 10px;
		background: url(../img/staffblog_bg_02.gif) no-repeat;
		overflow: hidden;
	}
	
	.contents#home #contents2 .section#staffBlog .newEntry table {
		margin: 0 12px;
	}
	
	.contents#home #contents2 .section#staffBlog .newEntry table tr {
	}
	
	.contents#home #contents2 .section#staffBlog .newEntry table tr th,
	.contents#home #contents2 .section#staffBlog .newEntry table tr td {
		padding: 2px 0;
	}
	
	.contents#home #contents2 .section#staffBlog .newEntry table tr th {
		padding-right: 10px;
		font-family: Verdana, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 77%;
		line-height: 1.801;
	}
	
	.contents#home #contents2 .section#staffBlog .newEntry table tr td {
	}


/* 4.Contents3
=========================================== */
.contents#home #contents3 .section {
}

	/* 4-1.Event Info
	-------------------------------------------------------- */
	.contents#home #contents3 .section#eventInfo {
		margin: 0 0 10px;
	}
	
	.contents#home #contents3 .section#eventInfo ul {
	}
	
	.contents#home #contents3 .section#eventInfo ul li {
		margin: 0 0 10px;
		zoom: 1;
	}
	
	.contents#home #contents3 .section#eventInfo ul li a {
		display: block;
		border: 1px solid #76706F;
	}
	.contents#home #contents3 .section#eventInfo ul li a:hover {
		border-color: #FF0033;
	}
	
	.contents#home #contents3 .section#eventInfo ul li a img {
	}
	

	/* 4-2.Live Camera
	-------------------------------------------------------- */
	.contents#home #contents3 .section#liveCamera {
		padding: 10px;
		border: 1px solid #76706F;
	}
	
	.contents#home #contents3 .section#liveCamera .image {
		margin: 0 0 8px;
		text-align: center;
	}
	
	.contents#home #contents3 .section#liveCamera p {
		text-align: center;
	}


/* 5.Contents4
=========================================== */
.contents#home #contents4 {
	clear: both;
	padding: 15px 0 0;
	background: #FFFFFF;
	zoom: 1;
}

.contents#home #contents4 ul {
	zoom: 1;
}
.contents#home #contents4 ul:after { /* for Modern Browser */
	content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;
}

.contents#home #contents4 ul li {
	float: left;
	margin: 0 7px 0 0;
	border: 1px solid #76706F;
}
.contents#home #contents4 ul li.item04 {
	float: right;
	margin: 0;
}

.contents#home #contents4 ul li a {
	position: relative;
	margin: -1px;
	display: block;
	border: 1px solid #76706F;
}
.contents#home #contents4 ul li a:hover {
	border-color: #FF0033;
}

.contents#home #contents4 ul li a img {
}