@charset "utf-8";
/* CSS Document */
/*
	99Lime.com HTML KickStart by Joshua Gatcke
	kickstart-menus.css
*/

/*---------------------------------
	MENU LAYOUT
	DO NOT EDIT This Section (unless you know what you are doing)
-----------------------------------*/
.menu{margin:0;padding:0;line-height:100%;
font-size:0; /* Kill white space gap between LI elements */
position:relative;z-index:500;}

	.menu:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}
	.menu li{margin:0;padding:0;list-style-type:none;display:inline-block;*display:inline;position:relative;zoom:1;line-height:inherit;
	top:0;left:0;font-size:16px; /* fixed font-size to replace font-size:0 in parent .menu 1em/16px default */}
		.menu li a{margin:0;padding:0;display:block;display:inline;display:inline-block;position:relative;zoom:1;line-height:100%;top:0;left:0;}


/*--------------Sub Menus-------------------*/
	.menu li:hover > ul{display:block;}/**/
	.menu ul{margin:0;padding:0;position: absolute;top:100%;left:0;display:none;min-width:150px;max-width:150%;*width:150px;}
	.menu ul li{display:block;width:100%;}
	.menu ul li a{display:block;}
	.menu ul ul{top:0;left:100%;}

/*--------------Dividers-------------------*/
	.menu ul li.divider{border-top:1px solid #ccc;}
	.menu ul li.divider a{border-top:1px solid #fff;}


/*--------------Right---------------------*/
	.menu li.right{float:right;}


/*--------------Arrows-------------------DoropDown Category*/
	/*.menu li.has-menu a{padding-right:25px;}
	.menu li.has-menu span.arrow{border-style:solid;border-width:5px;
	display:block;position:absolute;top:50%;right:5px;font-size:0;line-height:0;height:0;width:0;}
	.menu li li.has-menu span.arrow{margin-top:-4px;}*/

/*--------------Vertical Menu Layout-------------------*/
.menu.vertical{}
	.menu.vertical li{display:block;}
	.menu.vertical li a{display:block;}
	.menu.vertical ul{top:0;left:100%;}
	.menu.vertical li.has-menu span.arrow{margin-top:-4px;}

/*--------------Vertical Right Menu Layout-------------------*/
.menu.vertical.right{text-align:left;}
	.menu.vertical.right ul{top:0;right:100%;left:auto;}
	.menu.vertical.right li a{padding-left:25px;padding-right:20px;}
	.menu.vertical.right li.has-menu span.arrow{right:auto;left:5px;margin-top:-4px;}


/*---------------------------------
	MENU STYLES
	EDIT BELOW THIS LINE TO CUSTOMIZE
-----------------------------------*/

/* menu */

.menu{
	position: relative;
	z-index:100;
	margin:50px 0px; /*グローバルメニューの位置の調整*/
	}

	
	.menu li{
		/*border-right:1px dotted #CCC;*/
		color:#003399; /*ブルー*/
		}

		.menu li a{
		/*text-shadow:0px 1px 1px #fff;*/
		padding:10px 7px;
		text-decoration:none;
		font-size:1.1em;
		/*font-size:18px;*/
		/*color: #777;*/
		color:#003399; /*ブルー*/
		}


		.menu li.current>a,
		.menu li.current>a:hover,
		.menu li.current.hover>a{
		background: #ccc;
		color:#fff;
		cursor: default;
		z-index:1100;
		}

		.menu li a:hover,
		.menu li.hover>a{
	background-color: #fafafa;
	z-index:1500;
		}
		

	/* sub menus */
	.menu ul{
	background: #e5fced; /*グリーン*/
	/*background: #efefef;
	border:1px solid #ccc;*/
	text-align:left;
	z-index:5000;
	}

	.menu ul li{z-index:10000;}
	.menu ul li a{z-index:10000;}

		/* sub-sub menus */
		.menu ul ul{z-index:10000;}
		.menu ul ul li{z-index:10000;}
		.menu ul ul li a{z-index:10000;}

	/* arrows */
	/* arrow down */  .menu li.has-menu span.arrow{border-color-top:#ccc;border-color:#ccc transparent transparent transparent;}
	/* arrow left*/   .menu li li.has-menu span.arrow, .menu.vertical li.has-menu span.arrow
					   {border-color-left:#ccc;border-color:transparent transparent transparent #ccc;}
	/* arrow right*/  .menu.vertical.right li.has-menu span.arrow{border-color-right:#ccc;border-color:transparent #ccc transparent transparent;}

	/* dividers */ 	  .menu ul li.divider{border-top:1px solid #ccc;}
					  .menu ul li.divider a{border-top:1px solid #fff;}

	/* Archiveページ用設定-----------*/
	.archive .menu{
	margin:20px 0px!important;
	}
	
	.archive .menu li{
    display:inline-block;
    /display:inline;
    /zoom:1;/**/
    vertical-align:middle;
    padding:5px;
    text-align:center
	}


	ul.archive    {
    display:inline-block;
    margin:0px!important;
	}
	ul.archive li{
    display:inline-block;
    vertical-align:middle;
    text-align:center;
    font-size:18px;
    padding: 10px 0px;
    width: 18%;
	}

/*---------------------------------
	RESPONSIVE MENU STYLES
	DO NOT EDIT unless you know what you are doing
-----------------------------------*/

.menu li.menu-toggle{display:none;}

@media all and (max-width: 980px) {

	.menu {
		text-shadow:none!important;
		font-size:0.50em!important;
		}
		

	
	.grid .menu li,
	.grid .menu.vertical li,
	.grid .menu.vertical.right li{
	display:block;
	display:none;
	border:none;
	margin:5px;
	}

	
	
	.grid .menu li.menu-toggle,
	.grid .menu.vertical li.menu-toggle,
	.grid .menu.vertical.right li.menu-toggle{
	display:block;
	padding:5px;
	}

	.grid .menu li.menu-toggle{
		position:ausolute;
		top:0;
		right:0;
		}

	.grid .menu:hover li,
	.grid .menu.vertical:hover li,
	.grid .menu.vertical.right:hover li{
	display:block;
	padding:5px;
	}



	/* arrows */
	/*.grid .menu li.has-menu span.arrow,
	.grid .menu.vertical li.has-menu span.arrow,
	.grid .menu.vertical.right li.has-menu span.arrow,
	.grid .menu li li.has-menu span.arrow, .menu.vertical li.has-menu span.arrow
	{border-color-top:#ccc;border-color:#ccc transparent transparent transparent;}*/

	.grid .menu.vertical.right li.has-menu span.arrow{
	right:5px;left:auto;
	}

	.grid .menu li a{
	display:block;
	padding:10px;
	}

	.grid .menu ul,
	.grid .menu ul ul,
	.grid .menu.vertical ul,
	.grid .menu.vertical.right ul{
	position:relative;
	top:0;
	left:0;
	margin:15px;
	}

/*flex */

	.flex .menu li.menu-toggle{
	display:block;
	
	}

   .flex .menu {
	    clear: both;
        position: absolute;
        top: 0px;
		right: 3px;
        z-index: 10000;
        padding: 0;
        background: #23282d;
		color:#fff;
		text-align:left;
		border:none;
	    text-shadow:none!important;
        /*display: none;  visibility will be toggled with jquery */
    }
    .flex .menu li {
		display:block;
		display:none;
		border:none;
		text-shadow:none;
        clear: both;
        float: none;
        margin: 15px 10px;
		width: auto;
    }
	
	.flex .menu:hover li{
	display:block;
	
	}

	.flex .menu li a{
	display:block;
	}

	.flex .menu ul,
	.flex .menu ul ul{
	position:relative;
	top:0;
	left:0;
	margin:0;
	background: none;
	}	
	
    .flex .menu a,
    .flex .menu ul a {
        font: inherit;/**/
        background: none;
        display: inline;
        margin: 0px;
        /*padding: 20px 5px 20px 20px;*/
        color: #ffffff;
        border: none;
    }
    .flex .menu a:hover,
    .flex .menu ul a:hover {
        background: none;
        color: #FC0;
    }

	/*	.menu li a:hover,
		.menu li.hover>a{
	background-color: #323232;}*/
     
    /* dropdown */
    .flex .menu ul {
        width: auto;
        position: static;
        display: block;
        border: none;
        background: none;
        
    }
    .flex .menu ul li {
        margin: 15px 0 15px 35px!important;
		padding: 10px;
		
    }


	.flex .menu ul li.divider{border-top:none;}
	.flex .menu ul li.divider a{border-top:none;}



/* Archiveページ用設定 ------------*/

	.archive .menu li{
    display:block;
	width:100%;
	}
	
	.archive .grid .menu ul,
	.archive .grid .menu ul ul,
	.archive .grid .menu.vertical ul,
	.archive .grid .menu.vertical.right ul{
	position:relative;
	/*top:5px;
	left:5px;*/
	display:block;
	margin:5px;
	}

}