@charset "UTF-8";


/* g_navi ナビゲーションメニュー・一枚の画像ロールオーバー 上のメニュー
---------------------------------------------------------------------------------------*/
#g_navi {
	float: left; /*京かえらタイトルの横に並べるため*/
	margin:270px 0 0 60px; /*最初の位置決めと表示遅延対策 （上・右・下・左）*/
	width: 432px; 
	height: 317px; /* 最初の画像表示縦サイズ */
	/* background:url(images/home/navi_m.png) no-repeat; 最初の背景描画　*/
}
#g_navi ul {
	padding-left : 0px ; /* 背景0pxが左端にあるため */
	
}
#g_navi li {
	width:48px;
	display:inline;
	list-style-type:none;
}
#g_navi li a {
	height: 317px;
	display: block;
	float: left;
	text-indent: -9877em;
	text-decoration: none;
	overflow: hidden;
}

/* g_navi - 9メニュー　（オンラインショップ）*/
#g_navi li.g_navi01 a {
	background:url(../images/home/navi_m.png) no-repeat 0px 0px; width:48px; }
#g_navi li.g_navi02 a {
	background:url(../images/home/navi_m.png) no-repeat -48px 0px; width:48px; }
#g_navi li.g_navi03 a {
	background:url(../images/home/navi_m.png) no-repeat -96px 0px; width:48px; }
#g_navi li.g_navi04 a {
	background:url(../images/home/navi_m.png) no-repeat -144px 0px; width:48px; }
#g_navi li.g_navi05 a {
	background:url(../images/home/navi_m.png) no-repeat -192px 0px; width:48px; }
#g_navi li.g_navi06 a {
	background:url(../images/home/navi_m.png) no-repeat -240px 0px; width:48px; }
#g_navi li.g_navi07 a {
	background:url(../images/home/navi_m.png) no-repeat -288px 0px; width:48px; }
#g_navi li.g_navi08 a {
	background:url(../images/home/navi_m.png) no-repeat -336px 0px; width:48px; }
#g_navi li.g_navi09 a {
	background:url(../images/home/navi_m.png) no-repeat -384px 0px; width:48px; }
	


/* g_navi - マウスオーバー */
#g_navi li.g_navi01 a:hover {
	background:url(../images/home/navi_m.png) no-repeat 0px -319px; }
#g_navi li.g_navi02 a:hover {
	background:url(../images/home/navi_m.png) no-repeat -48px -319px; }
#g_navi li.g_navi03 a:hover {
	background:url(../images/home/navi_m.png) no-repeat -96px -319px; }
#g_navi li.g_navi04 a:hover {
	background:url(../images/home/navi_m.png) no-repeat -144px -319px; }
#g_navi li.g_navi05 a:hover {
	background:url(../images/home/navi_m.png) no-repeat -192px -319px; }
#g_navi li.g_navi06 a:hover {
	background:url(../images/home/navi_m.png) no-repeat -240px -319px; }
#g_navi li.g_navi07 a:hover {
	background:url(../images/home/navi_m.png) no-repeat -288px -319px; }
#g_navi li.g_navi08 a:hover {
	background:url(../images/home/navi_m.png) no-repeat -336px -319px; }
#g_navi li.g_navi09 a:hover {
	background:url(../images/home/navi_m.png) no-repeat -384px -319px; }





/*navi_on - 現在のページ(使わない) */
#g_navi li.g_navi01_on a {
	background:url(../images/home/navi_m.png) no-repeat 0px -48px; width:48px; }
#g_navi li.g_navi02_on a {
	background:url(../images/home/navi_m.png) no-repeat -48px -48px; width:48px; }
#g_navi li.g_navi03_on a {
	background:url(../images/home/navi_m.png) no-repeat -96px -48px; width:48px; }
#g_navi li.g_navi04_on a {
	background:url(../images/home/navi_m.png) no-repeat -144px -48px; width:48px; }
#g_navi li.g_navi05_on a {
	background:url(../images/home/navi_m.png) no-repeat -192px -48px; width:48px; }
#g_navi li.g_navi06_on a {
	background:url(../images/home/navi_m.png) no-repeat -240px -48px; width:48px; }
#g_navi li.g_navi07_on a {
	background:url(../images/home/navi_m.png) no-repeat -288px -48px; width:48px; }
#g_navi li.g_navi08_on a {
	background:url(../images/home/navi_m.png) no-repeat -336px -48px; width:48px; }
#g_navi li.g_navi09_on a {
	background:url(../images/home/navi_m.png) no-repeat -384px -48px; width:48px; }





/* s_navi サイド縦ナビゲーションメニュー・一枚の画像ロールオーバー 上のメニュー
------------------------------------------------------------------------------------*/
#s_navi {
	float: left; /*京かえらタイトルの横に並べるため*/
	margin: 0px 10px 0 0; /*最初の位置決めと表示遅延対策 （上・右・下・左）*/
	width: 32px; 
	height: 550px; /* 最初の画像表示縦サイズ */
	/* background:url(images/home/navi_s.png) no-repeat; 最初の背景描画　*/
}
#s_navi ul {
	margin-top: 20px;
	padding-left : 0px ; /* 背景0pxが左端にあるため */
	
}
#s_navi li {
	width:32px;
	display:inline;
	list-style-type:none;
}
#s_navi li a {
	width:32px;
	margin-top: 3px;
	display: block;
	/*float: left;*/
	text-indent: -9877em;
	text-decoration: none;
	overflow: hidden;
}

/* s_navi - 6メニュー　*/
#s_navi li.s_navi01 a {
	background:url(../images/home/navi_s.png) no-repeat 0px 0px; height: 20px; }
#s_navi li.s_navi02 a {
	background:url(../images/home/navi_s.png) no-repeat 0px -20px; height: 45px; }
#s_navi li.s_navi03 a {
	background:url(../images/home/navi_s.png) no-repeat 0px -64px; height: 105px; }
#s_navi li.s_navi04 a {
	background:url(../images/home/navi_s.png) no-repeat 0px -167px; height: 60px; }
#s_navi li.s_navi05 a {
	background:url(../images/home/navi_s.png) no-repeat 0px -227px; height: 130px; }
#s_navi li.s_navi06 a {
	background:url(../images/home/navi_s.png) no-repeat 0px -357px; height: 45px; }
#s_navi li.s_navi07 a {
	background:url(../images/home/navi_s.png) no-repeat 0px -402px; height: 100px; }
#s_navi li.s_navi08 a {
	background:url(../images/home/navi_s.png) no-repeat 0px -547px; height: 52px; }
#s_navi li.s_navi09 a {
	background:url(../images/home/navi_s.png) no-repeat 0px -607px; height: 99px; }

	
	


/* s_navi - マウスオーバー */
#s_navi li.s_navi01 a:hover {
	background:url(../images/home/navi_s.png) no-repeat -32px 0px; height: 20px; }
#s_navi li.s_navi02 a:hover {
	background:url(../images/home/navi_s.png) no-repeat -32px -20px; height: 45px; }
#s_navi li.s_navi03 a:hover {
	background:url(../images/home/navi_s.png) no-repeat -32px -64px; height: 105px; }
#s_navi li.s_navi04 a:hover {
	background:url(../images/home/navi_s.png) no-repeat -32px -167px; height: 60px; }
#s_navi li.s_navi05 a:hover {
	background:url(../images/home/navi_s.png) no-repeat -32px -227px; height: 130px; }
#s_navi li.s_navi06 a:hover {
	background:url(../images/home/navi_s.png) no-repeat -32px -357px; height: 45px; }
#s_navi li.s_navi07 a:hover {
	background:url(../images/home/navi_s.png) no-repeat -32px -402px; height: 100px; }
#s_navi li.s_navi08 a:hover {
	background:url(../images/home/navi_s.png) no-repeat -32px -547px; height: 52px; }
#s_navi li.s_navi09 a:hover {
	background:url(../images/home/navi_s.png) no-repeat -32px -607px; height: 99px; }



/*navi_on - 現在のページ(使わない) */
#s_navi li.s_navi01_on a {
	background:url(../images/home/navi_s.png) no-repeat 0px -48px; width:32px; }
#s_navi li.s_navi02_on a {
	background:url(../images/home/navi_s.png) no-repeat -48px -48px; width:32px; }
#s_navi li.s_navi03_on a {
	background:url(../images/home/navi_s.png) no-repeat -96px -48px; width:32px; }
#s_navi li.s_navi04_on a {
	background:url(../images/home/navi_s.png) no-repeat -144px -48px; width:32px; }
#s_navi li.s_navi05_on a {
	background:url(../images/home/navi_s.png) no-repeat -192px -48px; width:32px; }
#s_navi li.s_navi06_on a {
	background:url(../images/home/navi_s.png) no-repeat -240px -48px; width:32px; }



/*スマホ用画像自動縮小
------------------------------------------------------*/
/* スマホ Display - width:571px under - */
@media screen and (max-width: 571px) { 
#g_navi {
	margin:10px 0px 0 0px; /*最初の位置決めと表示遅延対策 （上・右・下・左）*/
	width: auto;
	height: auto;
}

#g_navi li img{
	 width: 60%; height: auto;
 }
#s_navi {display: none;} /* スマホは表示しないBOX */

}