@charset "utf-8";

/* -----------------------------------------------------------

 Up date:		2008/08/16
 Style Info:	トップページ用スタイルシート

----------------------------------------------------------- */



#container {
	background: #fff url(../images/index/top-contents-bg.gif) left top repeat-y;
}


/* フラッシュ
----------------------------------------------------------- */

#top-flash {
	width: 930px;
	height: 390px;
}
#top-flash h1 {
	display: block;
	width: 930px;
	height: 390px;
	background: url(../images/index/top-flash.jpg) left top no-repeat;
}




/* ヘッダー
----------------------------------------------------------- */

#top-header {
	width: 930px;
	margin: 0 auto;
	background: url(../images/common/bg-header.jpg) left top repeat;
}

/* 優先ナビ */
#top-header ul#header-submenu {
	margin-left: 473px;
}
#top-header ul#header-submenu li {
	float: left;
}
#top-header ul#header-submenu li a {
	display: block;
	height: 26px;
}
#top-header ul#header-submenu li.info a		{ width: 62px;	background: url(../images/common/header-info.jpg) left top no-repeat; }
#top-header ul#header-submenu li.about a	{ width:110px;	background: url(../images/common/header-about.jpg) left top no-repeat; }
#top-header ul#header-submenu li.link a		{ width: 48px;	background: url(../images/common/header-link.jpg) left top no-repeat; }
#top-header ul#header-submenu li.faq a		{ width: 48px;	background: url(../images/common/header-faq.jpg) left top no-repeat; }
#top-header ul#header-submenu li.sitemap a	{ width: 81px;	background: url(../images/common/header-sitemap.jpg) left top no-repeat; }
#top-header ul#header-submenu li.inquiry a	{ width: 89px;	background: url(../images/common/header-inquiry.jpg) left top no-repeat; }
#top-header ul#header-submenu li a:hover	{ background-position: 0 -26px; }

/* グローバルナビ */
#top-header ul#header-globalmenu {
	clear: both;
	width: 930px;
}
#top-header ul#header-globalmenu li {
	float: left;
}
#top-header ul#header-globalmenu li a {
	display: block;
	height: 60px;
}
#top-header ul#header-globalmenu li.sosui a		{ width: 133px; background: url(../images/common/header-sosui.jpg) left top no-repeat; }
#top-header ul#header-globalmenu li.walking a	{ width: 132px; background: url(../images/common/header-walking.jpg) left top no-repeat; }
#top-header ul#header-globalmenu li.kids a		{ width: 132px; background: url(../images/common/header-kids.jpg) left top no-repeat; }
#top-header ul#header-globalmenu li.what a		{ width: 132px; background: url(../images/common/header-what.jpg) left top no-repeat; }
#top-header ul#header-globalmenu li.event a		{ width: 132px; background: url(../images/common/header-event.jpg) left top no-repeat; }
#top-header ul#header-globalmenu li.ranking a	{ width: 138px; background: url(../images/common/header-ranking.jpg) left top no-repeat; }
#top-header ul#header-globalmenu li.old a		{ width: 131px; background: url(../images/common/header-old.jpg) left top no-repeat; }
#top-header ul#header-globalmenu li a:hover		{ background-position: 0 -60px; }

/* 最新ニュース */
#top-header div#header-news {
	clear: both;
	text-align: center;
	padding: 6px 6px 3px;
	background: #675e38;
}
#top-header div#header-news a {
	color: #fff;
	text-decoration: none;
}
#top-header div#header-news a:hover {
	text-decoration: underline;
}





/* コンテンツ
----------------------------------------------------------- */

#contents-top {
	padding: 0;
}

/*メイン部分*/
#contents-top #inner {
	float: left;
	width: 620px;
	padding: 15px 3px 25px 12px;
}
#contents-top #inner h2 {
	display: block;
	width: 613px;
	height: 30px;
	margin-bottom: 12px;
	background: url(../images/index/top-h2-1.jpg) left top no-repeat;
}
#contents-top #inner ul.top-ul1 {
	display: block;
	_margin-right: -7px;
}
#contents-top #inner ul.top-ul1 li {
	float: left;
	margin: 0 7px 6px 0;
}
#contents-top #inner ul.top-ul1 li a {
	display: block;
	width: 303px;
	height: 128px;
}
#contents-top #inner ul.top-ul1 li.top-ul1-li1 a { background: url(../images/index/top-btn1.jpg) left top no-repeat; }
#contents-top #inner ul.top-ul1 li.top-ul1-li2 a { background: url(../images/index/top-btn2.jpg) left top no-repeat; }
#contents-top #inner ul.top-ul1 li.top-ul1-li3 a { background: url(../images/index/top-btn3.jpg) left top no-repeat; }
#contents-top #inner ul.top-ul1 li.top-ul1-li4 a { background: url(../images/index/top-btn4.jpg) left top no-repeat; }
#contents-top #inner ul.top-ul1 li.top-ul1-li5 a { background: url(../images/index/top-btn9.jpg) left top no-repeat; }
#contents-top #inner ul.top-ul1 li a:hover { background-position: 0 -128px; }

#contents-top #inner ul.top-ul2 {
	margin-top: 4px;
}
#contents-top #inner ul.top-ul2 li {
	margin-bottom: 10px;
}
#contents-top #inner ul.top-ul2 li a {
	display: block;
	width: 613px;
	height: 30px;
}
#contents-top #inner ul.top-ul2 li.top-ul2-li1 a { background: url(../images/index/top-btn5.gif) left top no-repeat; }
#contents-top #inner ul.top-ul2 li.top-ul2-li2 a { background: url(../images/index/top-btn6.gif) left top no-repeat; }
#contents-top #inner ul.top-ul2 li.top-ul2-li3 a { background: url(../images/index/top-btn7.gif) left top no-repeat; }
#contents-top #inner ul.top-ul2 li.top-ul2-li4 a { background: url(../images/index/top-btn8.gif) left top no-repeat; }
#contents-top #inner ul.top-ul2 li a:hover { background-position: 0 -30px; }



/*サイド部分*/
#contents-top #side {
	float: left;
	padding-bottom: 4px;
	margin: 15px 0 0 25px;
	border-bottom: 1px solid #d1cbba;
}
#contents-top #side h2 {
	display: block;
	width: 255px;
	height: 42px;
	margin-bottom: 4px;
	background: url(../images/index/top-h2-2.jpg) left top no-repeat;
}


/* clearfix
----------------------------------------------------------- */

contents-top:after,
#contents-top #inner ul.top-ul1:after,
#contents-top #inner ul.top-ul2:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}