@charset "UTF-8";

/* ===================================
	File Name   : top.css
	Discription : Top Page Layout CSS
	Editors     : Taz Sakurai
	Last Editor : Taz Sakurai
	Last Update : 2009/09/26
====================================== */

/*========== Style Contents ==========

	1. Page Redefinition
	2. Top Information
	3. Pickup Contents
	4. Photo Gallery
	5. Other Setting
	
====================================== */



/*===== ■1. Page Redefinition =====*/
#Contents {clear: both;} /* For DreamWeaver View */

/* Global Navigation  */

ul#GlobalNavi a#BtnTop {background-position: 0px -45px;}

/* Footer Navigation  */
#Footer a#TextNaviTop {
	color: #339999;
}

body {
	background: #E4ECF4 url(../../img/bg_top.jpg) repeat-x;
}

#Entirety {
	/* background: url(../../img/bg_top.jpg) repeat-x; */
	background: url(../../img/bg_header-top.jpg) no-repeat center top;
}

#Header {
	/* background: url(../../img/bg_header-top.jpg) no-repeat; */
}

ul#GlobalNavi {
	margin-bottom: 20px;
}

#Footer {
	position: relative;
}

#Counter {
	display: inline;
	position: absolute;
	left: 20px;
	bottom: 8px;
	margin: 0px;
}

#Counter li {
	float: left;
	padding: 3px 10px;
	line-height: 1;
}

#Counter li img {
	display: inline;
	line-height: 1;
}




/* Clear Release  */
#TopInfo ul li:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

#TopInfo ul li {
	display: inline-block;
}

/* Hides from IE-mac ￥*/
*html #TopInfo ul li {
	height: 1%;
}

#TopInfo ul li {
	display: block;
}







/*===== ■2. Top Information =====*/
#TopInfo {
	display: inline;
	float: left;
	width: 560px;
	margin: 0px 0px 50px 29px;
}

#TopInfo ul {
	position: relative;
	width: 500px;
	margin: 0px auto 40px;
}

#TopInfo ul li {
	padding: 0px 15px 10px;
	background: url(../img/line_doted-blue.jpg) repeat-x bottom;
	margin: 0px 0px 10px;
	font-size: 85%;
}

#TopInfo ul li em {
	display: block;
	float: left;
	background: url(../img/mark_circle.jpg) no-repeat left 4px;
	padding: 0px 0px 0px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	width: 70px;
}

#TopInfo ul li span {
	display: block;
	float: left;
	width: 390px;
}

#TopInfo ul li.BeforeLink {
	position: absolute;
	right: -40px;
	top: -57px;
	background: none;
}

#TopInfo ul li.BeforeLink a {
	display: block;
	background: url(../img/btn_before.jpg) no-repeat;
	width: 92px;
	height: 29px;
}

#TopInfo ul li.BeforeLink a:hover {background-position: 0px -29px;}





/*===== ■3. Pickup Contents =====*/
#PickupContents {
	display: inline;
	float: right;
	width: 300px;
	margin: 10px 34px 20px 0px;
}

#PickupContents ul {
	padding: 5px 7px 15px;
}

#PickupContents ul li {
	padding-bottom: 10px;
}

#PickupContents ul a {
	display: block;
	background: url(../../img/banner_theater.jpg) no-repeat;
	width: 286px;
	height: 66px;
}

/* Banner Book */
#PickupContents ul #BannerTheater2 a {background: url(../../img/banner_theater2.jpg) no-repeat;}

/* Banner Book */
#PickupContents ul #BannerBook a {background: url(../../img/banner_book.jpg) no-repeat; height: 110px;}

/* Banner Kamakura */
#PickupContents ul #BannerKamakura a {background: url(../../img/banner_kamakura.jpg) no-repeat; height: 110px; position: relative;}
#PickupContents ul #BannerKamakura a em {position: absolute; top: 5px; left: 5px;}


#PickupContents ul a:hover,
#PickupContents ul #BannerTheater2 a:hover,
#PickupContents ul #BannerBook a:hover,
#PickupContents ul #BannerKamakura a:hover {background-position: -286px 0px;}





/*===== ■4. Photo Gallery =====*/
#PhotoGallery {
	display: inline;
	float: right;
	width: 300px;
	margin: 0px 34px 20px 0px;
}

#PhotoGallery dl {
	position: relative;
	background: url(../../img/bg_top-gallery.jpg) no-repeat;
	margin: 5px;
	padding: 10px;
	width: 270px;
	height: 210px;
}

#PhotoGallery dd strong {
	display: block;
	color: #003652;
	font-size: 77%;
	line-height: 1;
	padding: 10px 5px 0px;
}

#PhotoGallery dd strong em {
	font-family: Arial, Helvetica, sans-serif;
	color: #286B8D;
	font-weight: bold;
}

#PhotoGallery dd ul {
	position: absolute;
	bottom: 10px;
	right: 10px;
}

#PhotoGallery dd ul a {
	display: block;
	background: url(../img/btn_before.jpg) no-repeat;
	width: 92px;
	height: 29px;
}

#PhotoGallery dd ul a:hover {background-position: 0px -29px;}






/*===== ■5. Other Setting =====*/