@charset "utf-8";
/*
========== TABLE of CONTENTS ==========
gnavi
subnavi
========== TABLE of CONTENTS ==========
*/

#contents-header{
	font-size: small;
}
.yj950-1 #contents-body #main span.yj-guid{
	height: auto;
}

/* ---------- gnavi  ---------- */
#gnavi{
	background :url(../../images/nav_gnavi_map_bg.png) repeat-x;
}
#gnavi .gnaviWrp{
	height: 36px;
}
#gnavi li{
	float:left;
	text-indent: -9999px;
}
#gnavi li a{
	display: block;
	background: url(../../images/nav_gnavi_map.png) no-repeat;
	overflow: hidden;
}
#gnavi .mainBtn{
	float: left;
}
#gnavi .mainBtn li a{
	width: 89px;
	height: 32px;
}
#gnavi .naviBtn{
	float: right;
	padding: 0 8px;
	background: url(../../images/nav_gnavi_map.png) no-repeat top right;
}
#gnavi .naviBtn li a{
	width: 110px;
	height: 32px;
	margin-right: 3px;
}
#gnavi .item1 a{ background-position:0 0;}
#gnavi .item1 a:hover{ background-position:0 -37px;}
#gnavi .item2 a{ background-position:-89px 0;}
#gnavi .item2 a:hover{ background-position:-89px -37px;}
#gnavi .item3 a{ background-position:-178px 0;}
#gnavi .item3 a:hover{ background-position:-178px -37px;}
#gnavi .item4 a{ background-position:-267px 0;}
#gnavi .item4 a:hover{ background-position:-267px -37px;}
#gnavi .item5 a{ background-position:-356px 0;}
#gnavi .item5 a:hover{ background-position:-356px -37px;}
#gnavi .item6 a{ background-position:-603px 0;}
#gnavi .item6 a:hover{ background-position:-603px -37px;}
#gnavi .item7 a{ background-position:-716px 0;}
#gnavi .item7 a:hover{ background-position:-716px -37px;}
#gnavi .item8 a{ background-position:-829px 0;}
#gnavi .item8 a:hover{ background-position:-829px -37px;}


/* ---------- gnavi-v2  ---------- */
#gnavi-v2{
	background :url(../../images/nav_gnavi_map_bg_2.png) repeat-x bottom;
}
#gnavi-v2 .gnaviWrp{
	height: 36px;
}
#gnavi-v2 .gnaviWrp.lineG{
	border-top: solid 1px #efefef;
	padding: 6px 8px 0;
	height: 28px;
}
#gnavi-v2 .gnaviWrp p.txL{
	color: #999999;
	float: left;
}
#gnavi-v2 .gnaviWrp p.txR{
	float: right;
}
#gnavi-v2 .gnaviWrp p.txR span{
	color:#cadfc0;
}
#gnavi-v2 li{
	float:left;
	text-indent: -9999px;
}
#gnavi-v2 li a{
	display: block;
	background: url(../../images/nav_gnavi_map_2.png) no-repeat;
	overflow: hidden;
}
#gnavi-v2 .mainBtn{
	float: left;
}
#gnavi-v2 .mainBtn li a{
	width: 89px;
	height: 32px;
}
#gnavi-v2 .mainBtn li.item5 a{
	width: 103px;
}
#gnavi-v2 .naviBtn{
	float: right;
	padding: 0 8px;
	background: url(../../images/nav_gnavi_map_2.png) no-repeat top right;
}
#gnavi-v2 .naviBtn li a{
	width: 110px;
	height: 32px;
	margin-right: 3px;
}
#gnavi-v2 .item1 a{ background-position:0 0;}
#gnavi-v2 .item1 a:hover{ background-position:0 -37px;}
#gnavi-v2 .item2 a{ background-position:-89px 0;}
#gnavi-v2 .item2 a:hover{ background-position:-89px -37px;}
#gnavi-v2 .item3 a{ background-position:-178px 0;}
#gnavi-v2 .item3 a:hover{ background-position:-178px -37px;}
#gnavi-v2 .item4 a{ background-position:-267px 0;}
#gnavi-v2 .item4 a:hover{ background-position:-267px -37px;}
#gnavi-v2 .item5 a{ background-position:-356px 0;}
#gnavi-v2 .item5 a:hover{ background-position:-356px -37px;}
#gnavi-v2 .item6 a{ background-position:-459px 0;}
#gnavi-v2 .item6 a:hover{ background-position:-459px -37px;}
#gnavi-v2 .item7 a{ background-position:-603px -37px;}
#gnavi-v2 .item8 a{ background-position:-716px 0;}
#gnavi-v2 .item8 a:hover{ background-position:-716px -37px;}
#gnavi-v2 .item9 a{ background-position:-829px 0;}
#gnavi-v2 .item9 a:hover{ background-position:-829px -37px;}

/* ---------- gnavi-v3  ---------- */
#gnavi-v3{
	background :url(../../images/nav_gnavi_map_bg.png) repeat-x;
}
#gnavi-v3 .gnaviWrp{
	height: 36px;
}
#gnavi-v3 li{
	float:left;
	text-indent: -9999px;
}
#gnavi-v3 li a{
	display: block;
	background: url(../../images/nav_gnavi_map_3.png) no-repeat;
	overflow: hidden;
}
#gnavi-v3 .mainBtn{
	float: left;
}
#gnavi-v3 .mainBtn li a{
	width: 89px;
	height: 32px;
}
#gnavi-v3 .mainBtn li.item5 a{
	width: 103px;
}
#gnavi-v3 .naviBtn{
	float: right;
	padding: 0 8px;
	background: url(../../images/nav_gnavi_map_3.png) no-repeat top right;
}
#gnavi-v3 .naviBtn li a{
	width: 110px;
	height: 32px;
	margin-right: 3px;
}
#gnavi-v3 .item1 a{ background-position:0 0;}
#gnavi-v3 .item1 a:hover{ background-position:0 -37px;}
#gnavi-v3 .item2 a{ background-position:-89px 0;}
#gnavi-v3 .item2 a:hover{ background-position:-89px -37px;}
#gnavi-v3 .item3 a{ background-position:-178px 0;}
#gnavi-v3 .item3 a:hover{ background-position:-178px -37px;}
#gnavi-v3 .item4 a{ background-position:-267px 0;}
#gnavi-v3 .item4 a:hover{ background-position:-267px -37px;}
#gnavi-v3 .item5 a{ background-position:-356px 0;}
#gnavi-v3 .item5 a:hover{ background-position:-356px -37px;}
#gnavi-v3 .item6 a{ background-position:-459px 0;}
#gnavi-v3 .item6 a:hover{ background-position:-459px -37px;}
#gnavi-v3 .item7 a{ background-position:-603px -37px;}
#gnavi-v3 .item8 a{ background-position:-716px 0;}
#gnavi-v3 .item8 a:hover{ background-position:-716px -37px;}
#gnavi-v3 .item9 a{ background-position:-829px 0;}
#gnavi-v3 .item9 a:hover{ background-position:-829px -37px;}

/* ---------- subnavi  ---------- */
.subnavi{
	margin-bottom: 5px;
	padding-bottom: 6px;
	background: #f3f1f2 url(../../images/bg_cat.gif) repeat-x left bottom;
}
.subnavi.nobg{
	background: none;
}
.subnavi #cat-pass{
	float: left;
	max-width: 80%;
	margin-bottom: 0;
	zoom: 1;
}
.nearby .subnavi #cat-pass{
	max-width: 30%;
}
.nearby .subnavi .format{
	max-width: 68%;
}
.subnavi .format{
	float: right;
	zoom: 1;
}
.subnavi .format li{
	display: inline;
	float: left;
	_margin-top: 5px;
	margin-right: 7px;
	zoom: 1;
	white-space: nowrap;
}
.subnavi .format li span{
	margin-left: 3px;
}
.subnavi .format li a{
	display: inline-block;
	margin-right: 3px;
}

/* ---------- clearfix rules(float clear hack) ---------- */
.cf:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.cf{
	zoom: 1;
}