@charset "UTF-8";


/* navi.css
------------------------------------------------------------
01: PLAY
02: LEARN
03: TRY
04: Archives
05: User Services & Site Info
06: What's Cool sub
07: Virtual Culture sub
08: Folk Legends sub
09: Games sub
10: Explore Japan sub
11: Manga sub
12: Hi-tech sub
13: Language sub
14: Travel sub
15: Meet the Kids sub
16: Cookbook sub
------------------------------------------------------------*/


#navi ul, #navi li, #navi h3 {
	margin: 0;
	padding: 0;
}

#navi a:link,
#navi a:hover,
#navi a:visited {
	color: #505050;
	text-decoration: none;
}

#navi a.red:link,
#navi a.red:hover,
#navi a.red:visited {
	color: #8e4b40;
	text-decoration: none;
}

#navi h3 {
	text-indent: -9999px;
	width: 149px;
}

.sidesubTitle{
	text-align:center;
}

.sidesubTitle p{
	display:block;
	text-indent:-9999px;
	width:110px;
	height:16px;
	margin:10px auto 0;
}

/* 01: PLAY
------------------------------------------------ */
#gnaviPlay {
	width: 162px;
	padding: 0 0 20px;
	margin: 19px 0 0 0;
	background:	url(../../images/side_bg_play.gif) no-repeat 11px 25px;
}

#gnaviPlay h3 {
	width: 162px;
	height: 25px;
	background: url(../../images/side_t_play.gif) no-repeat 11px 0;
}

#gnaviPlay ul {
	list-style: none;
	padding: 3px 0 0 10px;
}

#gnaviPlay li {
	width: 151px;
	height: 20px;
}

#gnaviPlay a {
	display:block;
	line-height: 20px;
	padding: 0 0 0 11px;
	margin: 0 0 0 1px;
}

#gnaviPlay a:hover {
	padding: 0 0 0 11px;
	margin: 0 0 0 1px;
	background: url(../../images/side_c_ov_play.gif) ;
}

#gnaviPlay span {
	display: block;
	padding: 0 0 0 18px;
	background: url(../../images/arrow_orange.gif) left center no-repeat;
}

.gnaviPlayOn {
	padding: 0 0 0 11px;
	margin: 0 0 0 1px;
	background: url(../../images/side_c_ov_play.gif) ;
}

/* 02: LEARN
------------------------------------------------ */
#gnaviLearn {
	width: 162px;
	padding: 0 0 20px;
	margin: 0 ;
	background:	url(../../images/side_bg_learn.gif) no-repeat 11px 25px;
}

#gnaviLearn h3 {
	width: 162px;
	height: 25px;
	background: url(../../images/side_t_learn.gif) no-repeat 11px 0;
}

#gnaviLearn ul {
	list-style: none;
	padding: 3px 0 0 10px;
}

#gnaviLearn li {
	width: 151px;
	height: 20px;
}

#gnaviLearn a {
	display:block;
	height: 20px;
	line-height: 20px;
	padding: 0 0 0 11px;
	margin: 0 0 0 1px;
}

#gnaviLearn a:hover {
	padding: 0 0 0 11px;
	margin: 0 0 0 1px;
	background: url(../../images/side_c_ov_learn.gif) ;
}

#gnaviLearn span {
	display: block;
	padding: 0 0 0 18px;
	background: url(../../images/arrow_dpink.gif) left center no-repeat;
}

.gnaviLearnOn {
	padding: 0 0 0 11px;
	margin: 0 0 0 1px;
	background: url(../../images/side_c_ov_learn.gif) ;
}

/* 03: TRY
------------------------------------------------ */
#gnaviTry {
	width: 162px;
	padding: 0 0 20px;
	margin: 0 ;
	background:	url(../../images/side_bg_try.gif) no-repeat 11px 25px;
}

#gnaviTry h3 {
	width: 162px;
	height: 25px;
	background: url(../../images/side_t_try.gif) no-repeat 11px 0;
}

#gnaviTry ul {
	list-style: none;
	padding: 3px 0 0 10px;
}

#gnaviTry li {
	width: 151px;
	height: 20px;
}

#gnaviTry a.first {
	display:block;
	height: 20px;
	line-height: 20px;
	padding: 0 0 0 11px;
	margin: 0 0 0 1px;
}

#gnaviTry a:hover.first {
	padding: 0 0 0 11px;
	margin: 0 0 0 1px;
	background: url(../../images/side_c_ov_try.gif) ;
}

#gnaviTry a.second {
	display:block;
	height: 20px;
	line-height: 20px;
	padding: 0 0 0 28px;
	margin: 0 0 0 1px;
}

#gnaviTry a:hover.second {
	padding: 0 0 0 28px;
	margin: 0 0 0 1px;
	background: url(../../images/side_c_ov_try.gif) ;
}

#gnaviTry span {
	display: block;
	padding: 0 0 0 18px;
	background: url(../../images/arrow_dyellow.gif) left center no-repeat;
}

.gnaviTryOn {
	padding: 0 0 0 11px;
	margin: 0 0 0 1px;
	background: url(../../images/side_c_ov_try.gif) ;
}

/* 04-2: Linkus
------------------------------------------------ */
#gnaviLinkus {
	width: 162px;
	padding: 0 0 20px;
	margin: 0 ;
	background:	url(../../images/side_bg_archives.gif) no-repeat 11px 0;
}

#gnaviLinkus ul {
	list-style: none;
	padding: 3px 0 0 10px;
}

#gnaviLinkus li {
	width: 151px;
	height: 20px;
}

#gnaviLinkus a {
	display:block;
	height: 20px;
	line-height: 20px;
	padding: 0 0 0 11px;
	margin: 0 0 0 1px;
}

#gnaviLinkus a:hover {
	padding: 0 0 0 11px;
	margin: 0 0 0 1px;
	background: url(../../images/side_c_ov_dgr.gif) ;
}

#gnaviLinkus span {
	display: block;
	padding: 0 0 0 18px;
	background: url(../../images/arrow_dgreen.gif) left center no-repeat;
}

/* 04: Archives
------------------------------------------------ */
#gnaviArchives {
	width: 162px;
	padding: 0 0 20px;
	margin: 0 ;
	background:	url(../../images/side_bg_archives.gif) no-repeat 11px 0;
}

#gnaviArchives ul {
	list-style: none;
	padding: 3px 0 0 10px;
}

#gnaviArchives li {
	width: 151px;
	height: 20px;
}

#gnaviArchives a {
	display:block;
	height: 20px;
	line-height: 20px;
	padding: 0 0 0 11px;
	margin: 0 0 0 1px;
}

#gnaviArchives a:hover {
	padding: 0 0 0 11px;
	margin: 0 0 0 1px;
	background: url(../../images/side_c_ov_dgr.gif) ;
}

#gnaviArchives span {
	display: block;
	padding: 0 0 0 18px;
	background: url(../../images/arrow_dgreen.gif) left center no-repeat;
}


/* 05: User Services & Site Info
------------------------------------------------ */
#gnaviUser {
	width: 162px;
	padding: 0 0 20px;
	margin: 0 ;
	background:	url(../../images/side_bg_user.gif) no-repeat 11px 25px;
}

#gnaviInfo {
	width: 162px;
	padding: 0 0 20px;
	margin: 0 ;
	background:	url(../../images/side_bg_info.gif) no-repeat 11px 25px;
}

#gnaviUser h3 {
	width: 162px;
	height: 25px;
	background: url(../../images/side_t_user.gif) no-repeat 11px 0;
}

#gnaviInfo h3 {
	width: 162px;
	height: 25px;
	background: url(../../images/side_t_info.gif) no-repeat 11px 0;
}

#gnaviUser ul,
#gnaviInfo ul {
	list-style: none;
	padding: 3px 0 0 10px;
}

#gnaviUser li,
#gnaviInfo li {
	width: 151px;
	height: 20px;
}

#gnaviUser a,
#gnaviInfo a {
	display:block;
	height: 20px;
	line-height: 20px;
	padding: 0 0 0 11px;
	margin: 0 0 0 1px;
}

#gnaviUser a:hover,
#gnaviInfo a:hover {
	padding: 0 0 0 11px;
	margin: 0 0 0 1px;
	background: url(../../images/side_c_ov_dgr.gif) ;
}

#gnaviUser span,
#gnaviInfo span {
	display: block;
	padding: 0 0 0 18px;
	background: url(../../images/arrow_dgreen.gif) left center no-repeat;
}

#gnaviUser .st,
#gnaviInfo .st {
	display: block;
	padding: 0 0 0 18px;
	background: url(../../images/arrow_dgreen.gif) left center no-repeat;
}

.gnaviGrayOn {
	padding: 0 0 0 11px;
	margin: 0 0 0 1px;
	background: url(../../images/side_c_ov_dgr.gif) ;
}


/*  sub navi  */

/* 06: What's Cool sub
------------------------------------------------ */
#whatsCoolSub {
	position:absolute;
	width:130px;
	z-index:1000;
	background: #fff6cb;
	border: 1px solid #f5cc3d;
	left: 144px;
	top: 46px;
	visibility: hidden;
}

#whatsCoolSub ul {
	list-style: none;
	padding: 5px 10px 5px 10px;
}

#whatsCoolSub li {
	padding: 0;
}

#whatsCoolSub a {
	display:block;
	color: #505050;
	text-decoration: none;
	padding: 2px 0 2px 8px;
	background:url(../../images/arrow_yellow_02.gif) no-repeat 0 0.7em;
}

#whatsCoolSub a:link {
	color: #505050;
}

#whatsCoolSub a:hover {
	color: #FF8125;
}

/* 07: Virtual Culture sub
------------------------------------------------ */
#virtualCultureSub {
	position:absolute;
	width:130px;
	z-index:1000;
	background: #fff6cb;
	border: 1px solid #f5cc3d;
	left: 144px;
	top: 67px;
	visibility: hidden;
}

#virtualCultureSub ul {
	list-style: none;
	padding: 5px 10px 5px 10px;
}

#virtualCultureSub li {
	padding: 0;
}

#virtualCultureSub a {
	display:block;
	color: #505050;
	text-decoration: none;
	padding: 2px 0 2px 8px;
	background:url(../../images/arrow_yellow_02.gif) no-repeat 0 0.7em;
}

#virtualCultureSub a:link {
	color: #505050;
}

#virtualCultureSub a:hover {
	color: #FF8125;
}


/* 08: Folk Legends sub
------------------------------------------------ */
#folkLegendsSub {
	position:absolute;
	width:130px;
	z-index:1000;
	background: #fff6cb;
	border: 1px solid #f5cc3d;
	left: 144px;
	top: 87px;
	visibility: hidden;
}

#folkLegendsSub ul {
	list-style: none;
	padding: 5px 10px 5px 10px;
}

#folkLegendsSub li {
	padding: 0;
}

#folkLegendsSub a {
	display:block;
	color: #505050;
	text-decoration: none;
	padding: 2px 0 2px 8px;
	background:url(../../images/arrow_yellow_02.gif) no-repeat 0 0.7em;
}

#folkLegendsSub a:link {
	color: #505050;
}

#folkLegendsSub a:hover {
	color: #FF8125;
}

/* 09: Games sub
------------------------------------------------ */
#gamesSub {
	position:absolute;
	width:130px;
	z-index:1000;
	background: #fff6cb;
	border: 1px solid #f5cc3d;
	left: 144px;
	top: 107px;
	visibility: hidden;
}

#gamesSub ul {
	list-style: none;
	padding: 5px 10px 5px 10px;
}

#gamesSub li {
	padding: 0;
}

#gamesSub a {
	display:block;
	color: #505050;
	text-decoration: none;
	padding: 2px 0 2px 8px;
	background:url(../../images/arrow_yellow_02.gif) no-repeat 0 0.7em;
}

#gamesSub a:link {
	color: #505050;
}

#gamesSub a:hover {
	color: #FF8125;
}


/* 10: Explore Japan sub
------------------------------------------------ */
#exploreJapanSub {
	position:absolute;
	width:130px;
	z-index:1000;
	background: #EEF5E9;
	border: 1px solid #89BF6B;
	left: 144px;
	top: 214px;
	visibility: hidden;
}

#exploreJapanSub ul {
	list-style: none;
	padding: 5px 10px 5px 10px;
}

#exploreJapanSub li {
	padding: 0;
}

#exploreJapanSub a {
	display:block;
	color: #505050;
	text-decoration: none;
	padding: 2px 0 2px 8px;
	background:url(../../images/arrow_green_02.gif) no-repeat 0 0.7em;
}

#exploreJapanSub a:hover {
	color: #62bb30;
}


/* 11: Manga sub
------------------------------------------------ */
#mangaSub {
	position:absolute;
	width:130px;
	z-index:1000;
	background: #EEF5E9;
	border: 1px solid #89BF6B;
	left: 144px;
	top: 234px;
	visibility: hidden;
}

#mangaSub ul {
	list-style: none;
	padding: 5px 10px 5px 10px;
}

#mangaSub li {
	padding: 0;
}

#mangaSub a {
	display:block;
	color: #505050;
	text-decoration: none;
	padding: 2px 0 2px 8px;
	background:url(../../images/arrow_green_02.gif) no-repeat 0 0.7em;
}

#mangaSub a:hover {
	color: #62bb30;
}


/* 12: Hi-tech sub
------------------------------------------------ */
#hitechSub {
	position:absolute;
	width:130px;
	z-index:1000;
	background: #EEF5E9;
	border: 1px solid #89BF6B;
	left: 144px;
	top: 254px;
	visibility: hidden;
}

#hitechSub ul {
	list-style: none;
	padding: 5px 10px 5px 10px;
}

#hitechSub li {
	padding: 0;
}

#hitechSub a {
	display:block;
	color: #505050;
	text-decoration: none;
	padding: 2px 0 2px 8px;
	background:url(../../images/arrow_green_02.gif) no-repeat 0 0.7em;
}

#hitechSub a:hover {
	color: #62bb30;
}

p#hitechTheKidsfuture {
	background:url(../../images/side_subt_future.gif) no-repeat;
}

p#hitechTheKidsinno {
	background:url(../../images/side_subt_inno.gif) no-repeat;
}
/* 13: Language sub
------------------------------------------------ */
#languageSub {
	position:absolute;
	width:130px;
	z-index:1000;
	background: #EEF5E9;
	border: 1px solid #89BF6B;
	left: 144px;
	top: 274px;
	visibility: hidden;
}

#languageSub ul {
	list-style: none;
	padding: 5px 10px 5px 10px;
}

#languageSub li {
	padding: 0;
}

#languageSub a {
	display:block;
	color: #505050;
	text-decoration: none;
	padding: 2px 0 2px 8px;
	background:url(../../images/arrow_green_02.gif) no-repeat 0 0.7em;
}

#languageSub a:hover {
	color: #62bb30;
}

/* 07-2: Local Specialities
------------------------------------------------ */
#LocalSpecialitiesSub {
	position:absolute;
	width:130px;
	z-index:1000;
	background: #EEF5E9;
	border: 1px solid #89BF6B;
	left: 144px;
	top: 294px;
	visibility: hidden;
}

#LocalSpecialitiesSub ul {
	list-style: none;
	padding: 5px 10px 5px 10px;
}

#LocalSpecialitiesSub li {
	padding: 0;
}

#LocalSpecialitiesSub a {
	display:block;
	color: #505050;
	text-decoration: none;
	padding: 2px 0 2px 8px;
	background:url(../../images/arrow_green_02.gif) no-repeat 0 0.7em;
}

#LocalSpecialitiesSub a:link {
	color: #505050;
}

#LocalSpecialitiesSub a:hover {
	color: #62bb30;
}


/* 14: Travel sub
------------------------------------------------ */
#travelSub {
	position:absolute;
	width:130px;
	z-index:1000;
	background: #FFEFF6;
	border: 1px solid #FF9FC5;
	left: 144px;
	top: 362px;
	visibility: hidden;
}

#travelSub ul {
	list-style: none;
	padding: 5px 10px 5px 10px;
}

#travelSub li {
	padding: 0;
}

#travelSub a {
	display:block;
	color: #505050;
	text-decoration: none;
	padding: 2px 0 2px 8px;
	background:url(../../images/arrow_pink_02.gif) no-repeat 0 0.7em;
}

#travelSub a:hover {
	color: #E4457B;
}

/* 15: Meet the Kids sub
------------------------------------------------ */
#meetTheKidsSub1 {
	position:absolute;
	width:130px;
	z-index:1000;
	background: #FFEFF6;
	border: 1px solid #FF9FC5;
	left: 144px;
	top: 402px;
	visibility: hidden;
}

#meetTheKidsSub2 {
	position:absolute;
	width:130px;
	z-index:1000;
	background: #FFEFF6;
	border: 1px solid #FF9FC5;
	left: 144px;
	top: 422px;
	visibility: hidden;
}

#meetTheKidsSub1 ul,
#meetTheKidsSub2 ul {
	list-style: none;
	padding: 5px 10px 5px 10px;
}

#meetTheKidsSub1 li,
#meetTheKidsSub2 li {
	padding: 0;
}

#meetTheKidsSub1 a,
#meetTheKidsSub2 a {
	display:block;
	color: #505050;
	text-decoration: none;
	padding: 2px 0 2px 8px;
	background:url(../../images/arrow_pink_02.gif) no-repeat 0 0.7em;
}

#meetTheKidsSub1 a:hover,
#meetTheKidsSub2 a:hover {
	color: #E4457B;
}

/* 16: Cookbook sub
------------------------------------------------ */
#cookbookSub {
	position:absolute;
	width:130px;
	z-index:1000;
	background: #FFEFF6;
	border: 1px solid #FF9FC5;
	left: 144px;
	top: 442px;
	visibility: hidden;
}

#cookbookSub ul {
	list-style: none;
	padding: 5px 10px 5px 10px;
}

#cookbookSub li {
	padding: 0;
}

#cookbookSub a {
	display:block;
	color: #505050;
	text-decoration: none;
	padding: 2px 0 2px 8px;
	background:url(../../images/arrow_pink_02.gif) no-repeat 0 0.7em;
}

#cookbookSub a:hover {
	color: #E4457B;
}


/* 17: Kids TV sub
------------------------------------------------ */
#kidstvSub {
	position:absolute;
	width:130px;
	z-index:1000;
	background: #FFEFF6;
	border: 1px solid #FF9FC5;
	left: 144px;
	top: 422px;
	visibility: hidden;
}

#kidstvSub ul {
	list-style: none;
	padding: 5px 10px 5px 10px;
}

#kidstvSub li {
	padding: 0;
}

#kidstvSub a {
	display:block;
	color: #505050;
	text-decoration: none;
	padding: 2px 0 2px 8px;
	background:url(../../images/arrow_pink_02.gif) no-repeat 0 0.7em;
}

#kidstvSub a:hover {
	color: #E4457B;
}