@charset "utf-8";

/******************************
 Catgory Nav 
******************************/
#catNavoverlay{
    background-color:#000;
    opacity:0;
    position:fixed;
    top:0;
    left:0;
	right:0;
	bottom:0;
    width:100%;
    display:none;
    z-index:100;
}
#catNavoverlay{
height:100%;　 /* IE対策のため指定*/
min-height:100%; /* 最小値100%指定*/
}
body > #catNavoverlay{
height:auto;　/* height:100%を解除 */
}
#catNav{
	font-size:93%;
	font-weight:bold;
	zoom:1;
}
#catNav:after	{
content:".";display:block;clear:both;height:0;visibility:hidden;
}
#catNavWrap {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
 
}


/*
-- Level1 -------------------------  */
ul.lv1 {
    position: relative;
    list-style:none;
    margin:0;
    padding:0;
    z-index:200;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}


ul.lv1 > li {
	display: block;
	box-sizing:border-box;
	float:left;
	line-height:1.0;
	max-width:137px;
	width:14.5%;
	height:35px;
	box-sizing:border-box;
	padding:0;
}
ul.lv1 > li > a {
	display: block;
	box-sizing:border-box;
	padding:0 0 8px;
	margin:0 auto;
	width:100%;
	text-align:center;
	vertical-align:middle;
	background-position:center bottom;
	background-repeat:no-repeat;
}
ul.lv1 > li > a > span {
	display: table;
	box-sizing:border-box;
	padding:2px 9px;
	width:100%;
	height:24px;
	border-right:solid 1px #4f5f7f;
}
ul.lv1 > li:first-child > a > span {
	border-left:solid 1px #4f5f7f;
}

ul.lv1 > li > a > span > span {
	display: table-cell;
	box-sizing:border-box;
	width:100%;
	height:20px;
	vertical-align:middle;
}
ul.lv1 > li > a,
ul.lv1 > li > a:link,
ul.lv1 > li > a:visited{
	background-image: url(../img/varrow_01.jpg);
}
ul.lv1 > li > a:hover,
ul.lv1 > li > a:active{
	background-image: url(../img/varrow_01_ov.jpg);
}
ul.lv1 > li > a > span > span,
ul.lv1 > li > a:link > span > span,
ul.lv1 > li > a:visited > span > span{
	color:#4f5f7f;
}
ul.lv1 > li > a:hover > span > span,
ul.lv1 > li > a:active > span > span{
	background-color:#ffd900;
	color:#4f5f7f;
}


#catNav div.catNavSub{
    display:none;
    position:absolute;
    top:34px;
    left:16px;
	z-index:100010;
    width:928px;
    padding:0;
	box-sizing:border-box;
    list-style-position:outside;
    color:#000;
    margin:0;
}
#catNav div.catNavSub .catNavSubBg{
	background-image:url(../img/catNavBg.png);
	background-position:left 22px;
	background-repeat:repeat-x;
    padding:0 12px 12px;
}
#catNav div.catNavSub .catNavSubArrow{
    padding:36px 0 0;
	background-image:url(../img/catNavHeadBg.png);
	background-repeat:no-repeat;
}
#catNav div.catNavSub .catNavSubArrow.sub01{
	background-position:32px 12px;
}
#catNav div.catNavSub .catNavSubArrow.sub02{
	background-position:168px 12px;
}
#catNav div.catNavSub .catNavSubArrow.sub03{
	background-position:304px 12px;
}
#catNav div.catNavSub .catNavSubArrow.sub04{
	background-position:440px 12px;
}
#catNav div.catNavSub .catNavSubArrow.sub05{
	background-position:576px 12px;
}
#catNav div.catNavSub .catNavSubArrow.sub06{
	background-position:712px 12px;
}
#catNav div.catNavSub .catNavSubArrow.sub07{
	background-position:848px 12px;
}
#catNav div.catNavSub .catNavSubInr{
    background-color: #fff;
	box-sizing:border-box;
	border-top:solid 8px #ffd900;
	padding:12px 15px 12px;
	zoom:1;
}
#catNav div.catNavSub .catNavSubInr:after	{
content:".";display:block;clear:both;height:0;visibility:hidden;
}



/*
-- Level2 -------------------------  */
ul.lv1 li:hover ul.lv2 {
    display:block;
}
ul.lv2{
	float:left;
	font-size:100%;
    margin:0 0 0 30px;
	line-height:1.4;
}
ul.lv2:first-child{
    margin:0;
}
ul.lv2 > li {
	width:194px;
	border-bottom:solid 1px #80b4e4;
	font-weight:bold;
}
ul.lv2 > li > a{
	display:inline-block;
	background-repeat:no-repeat;
	background-position:left center;
	background-image: url(../img/arrow_03.png);
	padding:0.6em 0 0.6em 10px;
}
ul.lv2 > li > a,ul.lv2 > li > a:link,ul.lv2 > li > a:visited{
	color:#000;
}
ul.lv2 > li > a:hover,ul.lv2 > li > a:active{
	color:#999;
}

/*
-- Level2 into ul -------------------------  */
ul.lv2 > li.lv2into {
	border-bottom:none;	
}
ul.lv2 > li.lv2into.available {
	border-bottom:solid 1px #80b4e4;
}
ul.lv2 > li.lv2into ul {
	font-size:93%;
	padding:0 0 10px;
}
ul.lv2 > li.lv2into li a{
	display:inline-block;
	background-repeat:no-repeat;
	background-position:left 0.5em;
	background-image: url(../img/arrow_03.png);
	padding:0.2em 0 0.2em 10px;
}
ul.lv2 > li.lv2into li a,ul.lv2 > li.lv2into li a:link,ul.lv2 > li.lv2into li a:visited{
	background-image: url(../img/arrow_03_sub.png);
	color:#506080;
}
ul.lv2 > li.lv2into li a:hover,ul.lv2 > li.lv2into li a:active{
	background-image: url(../img/arrow_03_sub_ov.png);
	color:#80b4e4;
}