/*

※トップ画面は画像のみ個別CSSで設定。
※snavは、ボタン部の画像、下部スペース縦サイズ、ロールオーバーを個別CSSで設定。
※メイン、サブコンテンツの高さはページの個別CSSで設定。
※h2のバーは背景画像のみ個別CSSで設定。base.cssはいじらない。
※h3、h4は必ず<dl><dt><dd>と用いる。

*/


/* ------ここからヘッダー----------------------------------------------- */

/* トップロゴを消す（indexページのみ） */
h1 {
	position: relative;
	top: 60px;
}


/* トップ画面部分 */
#top  {
	background-repeat: repeat-x;
	background-position: center;/*	background: url(../img/index/img_top.jpg) no-repeat center top;
*/}


/* ナビゲーション */
#navi  {
	position: relative; /* 基準ボックス化 */
	width: 960px;
	height: 545px;
	margin: 0px auto 15px auto;
}

#navi ul {
    overflow: hidden;
	height: 135px;
	width: 280px;
	padding: 400px 0px 10px;
}

#navi a {
	display: block;
	float: left;
	height: 45px;
	width: 140px;
	background: url(../img/index/btn_navi.png) no-repeat;
	text-indent: -9999px;
}

/* ナビゲーションのロールオーバー */

#navi .navi01 a{background-position: 0 0;}
#navi .navi03 a{background-position: 0 -45px;}
#navi .navi05 a{background-position: 0 -90px;}
#navi .navi02 a{background-position: 0 -135px;}
#navi .navi04 a{background-position: 0 -180px;}
#navi .navi06 a{background-position: 0 -225px;}

#navi .navi01 a:hover{background-position: -140px 0;}
#navi .navi03 a:hover{background-position: -140px -45px;}
#navi .navi05 a:hover{background-position: -140px -90px;}
#navi .navi02 a:hover{background-position: -140px -135px;}
#navi .navi04 a:hover{background-position: -140px -180px;}
#navi .navi06 a:hover{background-position: -140px -225px;}


/* トップロゴ */
#toplogo  {
	position: absolute;
	left: 0;
	top: -35px;
	background: url(../img/index/logo_top.png) no-repeat;
	height: 366px;
	width: 280px;
	text-indent: -9999px;
}


/* -----------------------------------------------ここまでヘッダー---- */


/* ------ここからコンテンツ----------------------------------------------- */

/* サブとメインの高さを合わせる */
#main, #side {
	height: 2000px;
}

/* 上部三連ボタン（左端だけ1px短い） */
#main ul {
	overflow: hidden;
	margin-bottom: 45px;
}

/* 上部三連ボタンロールオーバー */

#main .kitou a {
	display: block;
	float: left;
	height: 90px;
	width: 246px;
	background: url(../img/index/btn_main.gif) no-repeat;
	text-indent: -9999px;
}

#main .photo a {
	display: block;
	float: left;
	height: 90px;
	width: 247px;
	background: url(../img/index/btn_main.gif) no-repeat -246px 0;
	text-indent: -9999px;
}

#main .diary {
	display: block;
	float: left;
	height: 90px;
	width: 247px;
	background: url(../img/index/btn_main.gif) no-repeat -493px 0;
	text-indent: -9999px;
}

#main .kitou a:hover {background-position: 0 -90px;}
#main .photo a:hover {background-position: -246px -90px;}
/*
#main .diary a:hover {background-position: -493px -90px;}
*/

/* 新着情報バー */
h2 {
	background: url(../img/index/bar_news.jpg) no-repeat;
}


/* -----------------------------------------------ここまでコンテンツ---- */