@charset "Shift_JIS";

@import url("./common.css");

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

  Index Style Sheet
  Last Update : 2006-09-18T17:36:12+09:00

  トップページのスタイルシートです。

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

body {
	font-size: 84%;
	text-align: center;
}

.clear { clear: both; }

a {
	/*\*/
	overflow: hidden;
	/**/
}

img { vertical-align: bottom; }
strong { font-weight: bold; }
hr { display: none; }
ul { list-style-type: none; }
ol { list-style-type: none; }

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

div#whole {
	width: 760px;
	/*\*//*/
	font-size: 90%;
	/**/
	text-align: left;
	margin: 0 auto;
}

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

#header {
	position: relative;
	top: 0;
	left: 0;
	padding-top: 10px;
}

#header p.firstText {
	position: absolute;
	top: 10px;
	left: 0;
}

#header p.infoLink {
	text-align: right;
	margin-bottom: 30px;
}

#header h1,
#header h1 a {
	display: block;
	width: 225px;
	height: 36px;
	background: url("../images/header_img_01.jpg") 0 0 no-repeat;
	text-indent: -9999px;
}

#header h1 {
	position: absolute;
	top: 38px;
	left: 0;
}

#header p.tel {
	text-align: right;
	margin-bottom: 6px;
}

#header ul {
	position: relative;
	top: 0;
	left: 0;
	background: url("../images/header_img_03.jpg") 0 0 no-repeat;
}

#header ul li {
	position: absolute;
	top: 0;
	width: 125px;
	height: 56px;
}

#header ul li.home {
	position: relative;
	top: 0;
	left: 0;
}
#header ul li.about { left: 127px; }
#header ul li.guide { left: 254px; }
#header ul li.shopping { left: 381px; }
#header ul li.event { left: 508px; }
#header ul li.inquiry { left: 635px; }

#header ul li a {
	display: block;
	width: 125px;
	height: 40px;
	text-indent: -9999px;
}

#header ul li.home a:hover { background: url("../images/header_img_03.jpg") 0 -56px no-repeat; }
#header ul li.about a:hover { background: url("../images/header_img_03.jpg") -127px -56px no-repeat; }
#header ul li.guide a:hover { background: url("../images/header_img_03.jpg") -254px -56px no-repeat; }
#header ul li.shopping a:hover { background: url("../images/header_img_03.jpg") -381px -56px no-repeat; }
#header ul li.event a:hover { background: url("../images/header_img_03.jpg") -508px -56px no-repeat; }
#header ul li.inquiry a:hover { background: url("../images/header_img_03.jpg") -635px -56px no-repeat; }

body.home #header ul li.home a { background: url("../images/header_img_03.jpg") 0 -56px no-repeat; }

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

#content {
	float: left;
	display: inline;
	width: 570px;
	background: url("../images/content_lin_01.jpg") 555px 0 repeat-y;
	margin-bottom: 20px;
}

#content div.vi {
	margin-bottom: 20px;
}

#content div.section01 {
	width: 542px;
	background: url("../images/content_lin_01.jpg") 50% 0 repeat-y;
	margin-bottom: 20px;
}

#content div.section01 dl.floatLeft,
#content div.section01 dl.floatRight {
	display: inline;
	width: 260px;
}

#content div.section01 dl.floatLeft {
	float: left;
}

#content div.section01 dl.floatRight {
	float: right;
}

#content div.section01 dl dt {
	margin-bottom: 5px;
}

#content div.section01 dl dd.moreLink {
	text-align: right;
}

#content div.section02 {
	width: 542px;
	margin-bottom: 15px;
}

#content div.section02 dl {
	float: left;
	display: inline;
	width: 175px;
	background: url("../images/content_prt_01.jpg") 0 100% no-repeat;
	margin: 0 8px 8px 0;
	padding-bottom: 10px;
}

#content div.section02 dl.s03 {
	margin-right: 0;
}

#content div.section02 dl dd {
	line-height: 140%;
	margin: 0 10px;
}

#content div.section02 div.row02 dl {
	margin-bottom: 0;
}

#content div.section03 {
	width: 542px;
}

#content div.section03 h2 {
	margin-bottom: 10px;
}

#content div.section03 table {
	margin-bottom: 20px;
}

#content div.section03 table tr td {
	line-height: 140%;
	vertical-align: top;
	padding: 0 5px 5px 0;
}

#content div.section03 table tr td img {
	margin-left: 3px;
}

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

#side {
	float: right;
	display: inline;
	width: 190px;
	margin-bottom: 20px;
}

#side div.inquiryInfo {
	margin-bottom: 10px;
}

#side div.inquiryInfo dl.tel {
	height: 58px;
	background: url("../../images/prt_index_side_01.jpg") 0 0 no-repeat;
}

#side div.inquiryInfo dl.tel dt,
#side div.inquiryInfo dl.tel dd {
	display: none;
}

#side div.inquiryInfo dl.form {
	position: relative;
	top: 0;
	left: 0;
	height: 67px;
	background: url("../../images/prt_index_side_02.jpg") 0 0 no-repeat;
}

#side div.inquiryInfo dl.form dt {
	display: none;
}

#side div.inquiryInfo dl.form dd {
	position: absolute;
	top: 26px;
	left: 8px;
}

#side div.shopping {
	margin-bottom: 10px;
}

#side div.shopping dl {
	height: 71px;
}

#side div.shopping dl dt {
	display: none;
}

#side div.shopping dl dd {
	margin-right: 60px;
	padding-top: 30px;
}

#side div.ranking {
	background: #e1f7f0;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

#side div.ranking h2 {
	margin-bottom: 10px;
}

#side div.ranking ol li {
	padding-left: 18px;
	margin: 0 0 7px 10px;
}

#side div.ranking ol li.no1 { background: url("../../images/ico_index_side_01.jpg") 0 50% no-repeat; }
#side div.ranking ol li.no2 { background: url("../../images/ico_index_side_02.jpg") 0 50% no-repeat; }
#side div.ranking ol li.no3 { background: url("../../images/ico_index_side_03.jpg") 0 50% no-repeat; }
#side div.ranking ol li.no4 { background: url("../../images/ico_index_side_04.jpg") 0 50% no-repeat; }
#side div.ranking ol li.no5 { background: url("../../images/ico_index_side_05.jpg") 0 50% no-repeat; }

#side div.banner ul li {
	margin-bottom: 5px;
}

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

#footer {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	clear: both;
}

#footer p.pageTop {
	text-align: right;
	margin-bottom: 2px;
	padding-bottom: 8px;
	border-bottom: 2px solid #d9d9d9;
}

#footer p.link {
	line-height: 140%;
	background: url("../images/footer_prt_01.jpg") 0 100% repeat-x;
	margin-bottom: 10px;
	padding: 2px 0 5px 10px;
}

#footer address {
	color: #666;
}

#footer p.copyright,
#footer p.privacy {
	position: relative;
	text-align: right;
}

#footer p.copyright { top: -43px; }
#footer p.privacy { top: -38px; }