@charset "utf-8";

/********************************************************
Copyright(C)Japan New Alpha CO., LTD. All Rights Reserved.
********************************************************/

/* Navigations ********************************************/

/* header_navi ********************************************/

#navi_top span{ display: none;}
#navi_top ul{ margin: 0; padding: 0; list-style:none;}
#navi_top li, #navi_top li a{ height: 14px; display: block;}
#navi_top li{ margin: 0 14px 0 0; float: left;}
#navi_top li.navi1, #navi_top li.navi1 a{ width: 60px;}
#navi_top li.navi2, #navi_top li.navi2 a{ width: 80px;}
#navi_top li.navi3, #navi_top li.navi3 a{ margin: 0; width: 70px;}

#navi_top li a:hover{ background-image: url(img/header_navi_r.gif);}
#navi_top li.navi1 a:hover{ background-position: 0 0;}
#navi_top li.navi2 a:hover{ background-position: -74px 0;}
#navi_top li.navi3 a:hover{ background-position: -168px 0;}

/* navi_sml ********************************************/

#navi_sml{
	margin: 0;
	padding: 0;
	top: 18px;
	left: 805px;
	width: 152px;
	height: 31px;
	background: url(img/header_sml.gif) no-repeat top;
}
#navi_sml ul{ margin: 0; padding: 5px 0 0 76px; ist-style-type: none; position: relative;}
#navi_sml li{ margin: 0 4px 0 0; padding: 0; float: left;}
#navi_sml li, #navi_sml li a{ width: 21px; height: 21px; display: block;}
#navi_sml span{ display: none;}

/* global_navigation ********************************************/

* #g_navi{ margin:0; padding:0; list-style-type:none;}
#g_navi{
	position: absolute;
	top: 60px;
	left: 20px;
	width: 960px;
	height: 50px;
	background: url(img/g_navi.gif) no-repeat top;
	overflow: visible;
	z-index: 99;
}

#g_navi span{ display: none;}
#g_navi ul{ margin: 0; padding: 0; list-style:none;}
#g_navi li{ padding: 0; float: left;}
#g_navi li, #g_navi li a{ display: block; width: 192px; height: 50px;}
#g_navi li a{ text-decoration: none;}

#g_navi li a:hover, #g_navi li li a{ background-image: url(img/g_navi.png);}
#g_navi li#navi1 a:hover{ background-position: 0 0;}
#g_navi li#navi2 a:hover{ background-position: -192px 0;}
#g_navi li#navi3 a:hover{ background-position: -384px 0;}
#g_navi li#navi4 a:hover{ background-position: -576px 0;}
#g_navi li#navi5 a:hover{ background-position: -768px 0;}

#g_navi ul.menu{ zoom:1; z-index:100;}
#g_navi ul.menu:after {
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
}
#g_navi ul.menu li{
	padding: 0;
	float:left;
	width:192px;
	height:50px;
	position:relative;
	text-align: center;
}
* html #g_navi ul.menu li{ display:inline; zoom:1;}
*+html #g_navi ul.menu li{ display:inline; zoom:1;}

#g_navi ul.menu li a{
	display:block;
	width:192px;
	height:50px;
	font-size: 11px;
	_font-size: 12px;
	color: #000;
	text-decoration: none;
	position:relative;
}
#g_navi ul.menu li a small{
	margin: 0 0.3em 0 0;
	font-size: 9px;
	_font-size: 10px;
}
#g_navi ul.menu li ul.sub{
	display: none;
	line-height: 24px;
}
* html #g_navi ul.menu li ul.sub{ zoom:1; position:relative;}
*+html #g_navi ul.menu li ul.sub{ zoom:1; position:relative;}

#g_navi ul.menu li ul.sub li{
	margin: 0 0 0 9px;
	_margin: 0;
	padding: 0;
	_padding: 0 0 0 9px;
	float:none;
	height: 24px;
	overflow: hidden;
	text-align: left;
}
#g_navi ul.menu li ul.sub li a{
	margin: 0;
	padding: 0 0 0 23px;
	width: 151px;
	_width: 174px;
	height: 24px;
}
#g_navi ul.menu li#navi1 ul.sub li a{ background-position: -8px -50px;}
#g_navi ul.menu li#navi2 ul.sub li a{ background-position: -200px -50px;}
#g_navi ul.menu li#navi3 ul.sub li a{ background-position: -392px -50px;}
#g_navi ul.menu li#navi4 ul.sub li a{ background-position: -584px -50px;}
#g_navi ul.menu li#navi5 ul.sub li a{ background-position: -776px -50px;}
#g_navi ul.menu li#navi1 ul.sub li a:hover{ background-position: -8px -74px;}
#g_navi ul.menu li#navi2 ul.sub li a:hover{	background-position: -200px -74px;}
#g_navi ul.menu li#navi3 ul.sub li a:hover{	background-position: -392px -74px;}
#g_navi ul.menu li#navi4 ul.sub li a:hover{	background-position: -584px -74px;}
#g_navi ul.menu li#navi5 ul.sub li a:hover{	background-position: -776px -74px;}

/* Breadcrumb ********************************************/

#breadcrumb{
	margin: 0 0 10px;
	padding: 0;
	clear: both;
	list-style: none;
	font-size: 11px;
	_font-size: 12px;
	line-height: 120%;
	text-align: right;
}
#breadcrumb li{ margin: 0 3px 0 0; display: inline;}
#breadcrumb li a{ padding: 0 13px 0 0; background: url(img/arrow_breadcrumb.gif) no-repeat right;}

/* Pagebute ********************************************/

ul#pagebute{
	margin: 20px 0;
	padding: 0;
	clear: both;
	background: url(img/left_bg_banners.gif) repeat-x top;
	list-style: none;
	text-align: center;
	font-size: 12px;
}

ul#pagebute li{ margin: 5px 0; padding: 0; display: inline;}
ul#pagebute li span.idt{ margin: 0 0.5em; letter-spacing: 0;}

/* navi_left (pages) ********************************************/

#main #navi_left ul{ margin: 0; padding: 0; list-style: none;}
#main #navi_left li{ display: inline; float: left;}
#main #navi_left li a{ display: block;}
#main #navi_left li, #main #navi_left li a{ width: 210px; height: 30px; overflow: hidden;}
#main #navi_left li.title{ height: 15px;}
#main #navi_left span{ display: none;}

#main #navi_left li.navi_l, #main #navi_left li.navi_l a{ height: 55px;}

#main #navi_left li.navi01 a:hover{ background-position: 0 0;}
#main #navi_left li.navi02 a:hover{ background-position: 0 -30px;}
#main #navi_left li.navi03 a:hover{ background-position: 0 -60px;}
#main #navi_left li.navi04 a:hover{ background-position: 0 -90px;}
#main #navi_left li.navi05 a:hover{ background-position: 0 -120px;}
#main #navi_left li.navi06 a:hover{ background-position: 0 -150px;}
#main #navi_left li.navi07 a:hover{ background-position: 0 -180px;}
#main #navi_left li.navi08 a:hover{ background-position: 0 -210px;}
#main #navi_left li.navi09 a:hover{ background-position: 0 -240px;}
#main #navi_left li.navi10 a:hover{ background-position: 0 -270px;}
#main #navi_left li.navi11 a:hover{ background-position: 0 -300px;}
#main #navi_left li.navi12 a:hover{ background-position: 0 -330px;}
#main #navi_left li.navi13 a:hover{ background-position: 0 -360px;}
#main #navi_left li.navi14 a:hover{ background-position: 0 -390px;}
#main #navi_left li.navi15 a:hover{ background-position: 0 -420px;}
#main #navi_left li.navi16 a:hover{ background-position: 0 -450px;}
#main #navi_left li.navi17 a:hover{ background-position: 0 -480px;}
#main #navi_left li.navi18 a:hover{ background-position: 0 -510px;}
#main #navi_left li.navi19 a:hover{ background-position: 0 -540px;}
#main #navi_left li.navi20 a:hover{ background-position: 0 -570px;}

/* navi_tempo ********************************************/

#navi_tempo, #navi_tempo dt, #navi_tempo h2,
#navi_tempo .dt.over, #navi_tempo dt.selected,
#navi_tempo ul, #navi_tempo li a:hover
{ background-image: url(img/tenpo/left/left_tenpo.jpg);}

#navi_tempo{ margin: 0 0 10px; background-position: 0 0;}

#navi_tempo dl{
	margin: 0;
	padding: 0;
	width: 210px;
}
#navi_tempo dt{
	height: 30px;
	line-height: 30px;
	font-size: 12px;
}
#navi_tempo dd{
	margin: 0;
	height: auto;
}
#navi_tempo dd ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
#navi_tempo dd li{
	margin: 0;
	display: inline;
	float: left;
	width: 210px;
	height: 55px;
}
#navi_tempo dd li a{
	display: block;
	width: 210px;
	height: 55px;
}
#navi_tempo dt.over{ cursor:pointer;}
#navi_tempo dt.selected{ cursor: default; color:black;}

#navi_tempo span{ display: none;}

#navi_tempo .area_1{ background-position: 0 -30px;}

#navi_tempo .area_1 dt{ background-position: 0 -30px;}
#navi_tempo .area_2 dt{ background-position: 0 -225px;}
#navi_tempo .area_3 dt{ background-position: 0 -475px;}
#navi_tempo .area_4 dt{ background-position: 0 -780px;}
#navi_tempo .area_5 dt{ background-position: 0 -975px;}

#navi_tempo .area_1 dt.over{ background-position: 420px -30px;}
#navi_tempo .area_2 dt.over{ background-position: 420px -225px;}
#navi_tempo .area_3 dt.over{ background-position: 420px -475px;}
#navi_tempo .area_4 dt.over{ background-position: 420px -780px;}
#navi_tempo .area_5 dt.over{ background-position: 420px -975px;}

#navi_tempo .area_1 dt.selected{ background-position: 210px -30px;}
#navi_tempo .area_2 dt.selected{ background-position: 210px -225px;}
#navi_tempo .area_3 dt.selected{ background-position: 210px -475px;}
#navi_tempo .area_4 dt.selected{ background-position: 210px -780px;}
#navi_tempo .area_5 dt.selected{ background-position: 210px -975px;}

#navi_tempo .area_1 ul{ background-position: 0 -60px;}
#navi_tempo .area_2 ul{ background-position: 0 -255px;}
#navi_tempo .area_3 ul{ background-position: 0 -505px;}
#navi_tempo .area_4 ul{ background-position: 0 -810px;}
#navi_tempo .area_5 ul{ background-position: 0 -1005px;}

#navi_tempo #pa_10tm, #navi_tempo #pa_10tm a:hover{ background-position: 420px -60px;}
#navi_tempo #pa_08t, #navi_tempo #pa_08t a:hover{ background-position: 420px -115px;}
#navi_tempo #pa_06i, #navi_tempo #pa_06i a:hover{ background-position: 420px -170px;}

#navi_tempo #pa_04ti, #navi_tempo #pa_04ti a:hover{ background-position: 420px -255px;}
#navi_tempo #pa_09ar, #navi_tempo #pa_09ar a:hover{ background-position: 420px -310px;}
#navi_tempo #pa_17ak, #navi_tempo #pa_17ak a:hover{ background-position: 420px -365px;}
#navi_tempo #pa_18an, #navi_tempo #pa_18an a:hover{ background-position: 420px -420px;}

#navi_tempo #pa_12sn, #navi_tempo #pa_12sn a:hover{ background-position: 420px -505px;}
#navi_tempo #pa_02k, #navi_tempo #pa_02k a:hover{ background-position: 420px -560px;}
#navi_tempo #pa_16at, #navi_tempo #pa_16at a:hover{ background-position: 420px -615px;}
#navi_tempo #pa_07ay, #navi_tempo #pa_07ay a:hover{ background-position: 420px -670px;}
#navi_tempo #pa_03f, #navi_tempo #pa_03f a:hover{ background-position: 420px -725px;}

#navi_tempo #pa_13tr, #navi_tempo #pa_13tr a:hover{ background-position: 420px -810px;}
#navi_tempo #pa_14au, #navi_tempo #pa_14au a:hover{ background-position: 420px -865px;}
#navi_tempo #pa_11el, #navi_tempo #pa_11el a:hover{ background-position: 420px -920px;}

#navi_tempo #pa_05s, #navi_tempo #pa_05s a:hover{ background-position: 420px -1005px;}
#navi_tempo #pa_01m, #navi_tempo #pa_01m a:hover{ background-position: 420px -1060px;}

/*--- for store pages ---*/

#main #navi_left #navi_tempo li, #main #navi_left #navi_tempo li a{ height: 55px;}