/* ///////////////////////////////////////////////

ファイル名：top.css
適応ページ：トップページ

----------------------------

このCSSの内容

1. hx タグの設定(h1,h2等)
2. contents, contentsBox の設定
3. menuBox の設定
4. topicsBox の設定
5. shopnewsBox の設定
6. その他の設定
7. トップメニューボタンの設定

/////////////////////////////////////////////// */

/* 1. hx タグの設定(h1,h2等)
--------------------------------------------- */

#top h1 {
	display: none;
}

#top h2 {
	margin: 0;
	padding: 0;
	text-indent: -100em;
	overflow: hidden;
}

#top #menuBox h2 {
	width: 257px;
	height: 21px;
	background: url(../img/top/titlebg_menu.gif);
}

#top #topicsBox h2 {
	width: 257px;
	height: 21px;
	background: url(../img/top/titlebg_topics.gif);
}

#top #shopnewsBox h2 {
	width: 256px;
	height: 21px;
	background: url(../img/top/titlebg_shopnews.gif);
}


/* 2. contents, contentsBox の設定
--------------------------------------------- */

#top #contents {
	margin: 0;
	padding: 15px;
	background: url(../img/top/bg_oblique-bk30.gif) #2f2f2f;
	color: #333;
}

#top #contentsBox {
	margin: 0;
	padding: 0;
	width: 770px;
	background: url(../img/top/bg_main.gif) #fff;
	color: #333;
	border-bottom: 1px solid #fff;
	float: none;
}



/* 3. menuBoxの設定
--------------------------------------------- */

#menuBox {
	margin: 0;
	padding: 0;
	width: 257px;
	float: left;
}

#menuBox ul {
	position: relative;
	border: 0;
	margin: 0;
	padding: 0;
	width: 257px;
	height: 240px;
	overflow: hidden;
	list-style: none;
}

#menuBox li a {
	position: absolute;
	overflow: hidden;
	text-indent: -100em;
	text-decoration: none;
	width: 257px;
	margin: 0;
	padding: 0;
}

html>body #menuBox li a{
	height: 0;
}

li#menuAbout a {
	width: 257px;
	height: 40px;
	padding: 40px 0 0 0;
	background: transparent url(../img/top/banner_about.jpg) no-repeat 0 0;
	top: 0px;
}

li#menuRestaurant a {
	width: 257px;
	height: 40px;
	padding: 40px 0 0 0;
	background: transparent url(../img/top/banner_restaurant.jpg) no-repeat 0 0;
	top: 40px;
}

li#menuSightseeing a {
	width: 257px;
	height: 40px;
	padding: 40px 0 0 0;
	background: transparent url(../img/top/banner_sightseeing.jpg) no-repeat 0 0;
	top: 80px;
}

li#menuEvent a {
	width: 257px;
	height: 40px;
	padding: 40px 0 0 0;
	background: transparent url(../img/top/banner_eventcal.jpg) no-repeat 0 0;
	top: 120px;
}

li#menuProducts a {
	width: 257px;
	height: 40px;
	padding: 40px 0 0 0;
	background: transparent url(../img/top/banner_products.jpg) no-repeat 0 0;
	top: 160px;
}

li#menuContact a {
	width: 257px;
	height: 40px;
	padding: 40px 0 0 0;
	background: transparent url(../img/top/banner_contact.jpg) no-repeat 0 0;
	top: 200px;
}

#menuBox a:hover {
	background-position: -257px 0px;
}

*/

/* ニュース系まとめの設定
--------------------------------------------- */

#newsBox {
	width: 513px;
	float: right;
}

/* 4. topicsBox の設定
--------------------------------------------- */


#topicsBox {
	border: 0;
	margin: 0;
	padding: 0;
	width: 257px;
	float: left;
	position: relative;
}

#topicsBox table {
	margin: 8px;
	font-size: 75%;
	width: 241px;
}

#topicsBox th, #topicsBox td {
	background: url(../img/base/border_type01.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

#topicsBox table th {
	vertical-align: top;
	padding: 8px 4px 8px 0;
}

#topicsBox table td {
	padding: 8px 0 8px 4px;
	color: #666;
}


/* 5. shopnewsBox の設定
--------------------------------------------- */

#shopnewsBox {
	border: 0;
	margin: 0;
	padding: 0;
	width: 256px;
	float: right;
	position: relative;
}

#shopnewsBox table {
	margin: 8px;
	font-size: 75%;
}

#shopnewsBox th, #shopnewsBox td {
	background: url(../img/base/border_type01.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

#shopnewsBox table th {
	vertical-align: top;
	padding: 8px 4px 8px 0;
}

#shopnewsBox table td {
	padding: 8px 0 8px 4px;
	color: #666;
}


/* 6. その他の設定
--------------------------------------------- */
.list {
	margin: 10px 8px;
	text-align: right;
}

.banners {
	margin: 8px 0;
	padding: 0;
	width: 256px;
	list-style: none;
}

.banners li {
	float: left;
	margin: 0;
	padding: 0 0 5px 5px;
}

.banners li img {
	vertical-align: bottom;
}

.rssfeed {
	margin: 0;
	padding: 0;
	position: absolute;
	top: -12px;
	right: -5px;
	background: url(../img/base/rssicon.gif) no-repeat 0 0;
	width: 14px;
	height: 14px;
	overflow: hidden;
	text-indent: -100em;
	/*display: none;*/
}

.rssfeed a {
	width: 14px;
	height: 14px;
	display: block;
}

/* 7. トップメニューボタンの設定
-------------------------------------------- */
div#topMenu{
	width:800px;
	height:50px;
	background-image: url(../img/topMenuLogo.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #000000;
}

div#topMenu ul#topMenuUl{
	width: 447px;
	height: 50px;
	display: block;
	margin: 0;
	padding: 0;
	float: right;
}

div#topMenu ul#topMenuUl li{
height:50px;
display:block;
float:left;
overflow:hidden;
}

div#topMenu ul#topMenuUl li a{
text-indent:-9999px;
font-size:1px;
line-height:1px;
height:50px;
display:block;
background:url(../img/bgTopMenuBtn.gif) left top no-repeat;
text-decoration:none;
}

div#topMenu ul#topMenuUl li#tM01 a{
width:67px;
background-position:0 0;
}

div#topMenu ul#topMenuUl li#tM02 a{
width:81px;
background-position:-67px 0;
}

div#topMenu ul#topMenuUl li#tM03 a{
width:140px;
background-position:-148px 0;
}

div#topMenu ul#topMenuUl li#tM04 a{
width:79px;
background-position:-288px 0;
}

div#topMenu ul#topMenuUl li#tM05 a{
width:80px;
background-position:-367px 0;
}

div#topMenu ul#topMenuUl li#tM01 a:hover{
background-position:0 -50px;
}

div#topMenu ul#topMenuUl li#tM02 a:hover{
background-position:-67px -50px;
}

div#topMenu ul#topMenuUl li#tM03 a:hover{
background-position:-148px -50px;
}

div#topMenu ul#topMenuUl li#tM04 a:hover{
background-position:-288px -50px;
}

div#topMenu ul#topMenuUl li#tM05 a:hover{
background-position:-367px -50px;
}