/*

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

*/

/* ------ここからトップ画面＆ナビ----------------------------------------------- */

/* ナビゲーション */
#gnav  {
	overflow: hidden;
	width: 960px;
	height: 320px;
	margin: 0px auto 15px auto;
}

#gnav ul {
	float: left;
	margin: 15px 0 10px;
	text-indent: -9999px;
}

#gnav .main .topspace {
	width: 155px;
	height: 25px;
	background: url(../img/common/btn_gsnavtop.png) no-repeat;
}

#gnav .main a{
	display: block;
	width: 155px;
	height: 45px;
	background: url(../img/common/btn_gnav.png) no-repeat;
}


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

#gnav .gnav01 a {background-position: 0 0;}
#gnav .gnav02 a {background-position: 0 -45px;}
#gnav .gnav03 a {background-position: 0 -90px;}
#gnav .gnav04 a {background-position: 0 -135px;}
#gnav .gnav05 a {background-position: 0 -180px;}
#gnav .gnav06 a {background-position: 0 -225px;}

#gnav .gnav01 a:hover {background-position: -155px 0;}
#gnav .gnav02 a:hover {background-position: -155px -45px;}
#gnav .gnav03 a:hover {background-position: -155px -90px;}
#gnav .gnav04 a:hover {background-position: -155px -135px;}
#gnav .gnav05 a:hover {background-position: -155px -180px;}
#gnav .gnav06 a:hover {background-position: -155px -225px;}

#gnav .gnav01 a.selected {background-position: -155px 0;}
#gnav .gnav02 a.selected {background-position: -155px -45px;}
#gnav .gnav03 a.selected {background-position: -155px -90px;}
#gnav .gnav04 a.selected {background-position: -155px -135px;}
#gnav .gnav05 a.selected {background-position: -155px -180px;}
#gnav .gnav06 a.selected {background-position: -155px -225px;}

/* サブナビゲーション（画像リンク・ボトムスペースの高さは個別CSS） */
#gnav .sub a {
	display:block;
	width: 140px;
	height: 45px;
}

#gnav .topspace {
	width: 140px;
	height: 25px;
	background: url(../img/common/btn_gsnavtop.png) no-repeat -155px 0;
}

#gnav .bottomspace {
	width: 140px;
	background: url(../img/common/btn_snavbottom.png) no-repeat;
}

#gnav .subsec a {
	display:block;
	width: 140px;
	height: 45px;
}

#gnav .sub .topspace_nai {
	width: 140px;
	height: 25px;
	background: url(../img/kitou/btn_gsnavtop.png) no-repeat 0 0;
}

#gnav .subsec .topspace_gai {
	width: 140px;
	height: 25px;
	background: url(../img/kitou/btn_gsnavtop.png) no-repeat -140px 0;
}

/* サブナビゲーションロールオーバー（初期ポジションだけ個別CSS） */
/*
#gnav .snav01 a {background-position: 0 0;}
#gnav .snav02 a {background-position: 0 -45px;}
#gnav .snav03 a {background-position: 0 -90px;}
#gnav .snav04 a {background-position: 0 -135px;}
#gnav .snav05 a {background-position: 0 -180px;}
#gnav .snav06 a {background-position: 0 -225px;}
*/

#gnav .snav01 a:hover {background-position: -140px 0;}
#gnav .snav02 a:hover {background-position: -140px -45px;}
#gnav .snav03 a:hover {background-position: -140px -90px;}
#gnav .snav04 a:hover {background-position: -140px -135px;}
#gnav .snav05 a:hover {background-position: -140px -180px;}
#gnav .snav06 a:hover {background-position: -140px -225px;}
#gnav .snav07 a:hover {background-position: -140px -270px;}
#gnav .snav08 a:hover {background-position: -140px -315px;}
#gnav .snav09 a:hover {background-position: -140px -360px;}
#gnav .snav10 a:hover {background-position: -140px -405px;}
#gnav .snav11 a:hover {background-position: -140px -450px;}
#gnav .snav12 a:hover {background-position: -140px -495px;}

#gnav .snav01 a.selected {background-position: -140px 0;}
#gnav .snav02 a.selected {background-position: -140px -45px;}
#gnav .snav03 a.selected {background-position: -140px -90px;}
#gnav .snav04 a.selected {background-position: -140px -135px;}
#gnav .snav05 a.selected {background-position: -140px -180px;}
#gnav .snav06 a.selected {background-position: -140px -225px;}
#gnav .snav07 a.selected {background-position: -140px -270px;}
#gnav .snav08 a.selected {background-position: -140px -315px;}
#gnav .snav09 a.selected {background-position: -140px -360px;}
#gnav .snav10 a.selected {background-position: -140px -405px;}
#gnav .snav11 a.selected {background-position: -140px -450px;}
#gnav .snav12 a.selected {background-position: -140px -495px;}



/* ------------------------------------------ /ここまでトップ画像＆ナビ-------  */


/* ------ここからコンテンツ----------------------------------------------- */
/* サイド・三連ボタン */
#side .btn a {
	display: block;
	height: 75px;
	margin-top: 5px;
	background: url(../img/common/btn_side.gif) no-repeat;
	text-indent: -9999px
}

/* サイド・三連ボタンロールオーバー */
#side .kitou a {background-position: 0 0;}
#side .photo a {background-position: 0 -75px;}
#side .diary a {background-position: 0 -150px;}


#side .kitou a:hover {background-position: -200px 0;}
#side .photo a:hover {background-position: -200px -75px;}
#side .diary a:hover {background-position: -200px -150px;}


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