a.anchor{
    display: block;
    padding-top: 60px;
    margin-top: -60px;
}

#list_close_icon{
	color:red;
	font-size:24px;
	text-align:right;
	cursor:pointer;
	margin:-10px -10px 0px 0px;
}

#list_box{
	font-size:18px;
	padding:10px 20px 10px 20px;
	text-align:left;
	background-color:white;
	border:1px #999999 solid;
	line-height:2em;


	/*　影　*/
	-webkit-box-shadow:0px 2px 10px 1px rgba(0,0,0,0.2);
	   -moz-box-shadow:0px 2px 10px 1px rgba(0,0,0,0.2);
	    -ms-box-shadow:0px 2px 10px 1px rgba(0,0,0,0.2);
	     -o-box-shadow:0px 2px 10px 1px rgba(0,0,0,0.2);
	     	box-shadow:0px 2px 10px 1px rgba(0,0,0,0.2);
}

/*ハンバーガーアイコンをCSSだけで表現*/
#nav-bar,#nav-bar:before,#nav-bar:after {
	position: absolute;
	height: 3px;/*線の太さ*/
	width: 25px;/*長さ*/
	border-radius: 3px;
	background: #FFFFFF;
	display: block;
	content: '';
}

#nav-bar:before {
	bottom: -8px;
}

#nav-bar:after {
	bottom: -16px;
}
#nav-bar{
	top:17px;
	left:10px;
}

#nav-bar{
	visibility:hidden;
}



#nav-bar_html{
	position: absolute;
	top:0px;
	left:0px;
}





@media screen and (max-width:735px){
	#nav-bar{
		visibility:visible;
	}
	#mini_logo{
		visibility:hidden;
	}

}



#left_to_center{
	float:left;
	text-align:left;
	margin:25px 0px -25px 0px;

	color:white;
	line-height:0.9em;

	text-shadow:1px 1px 2px black;
	font-size:16px;

}


#right_to_center{
	float:right;
	text-align:right;
	margin:20px 0px -20px 0px;
	color:white;
	text-shadow:1px 1px 2px black;
	font-size:20px;
	text-align:center;
}






.menu_box{
	margin:0px auto -10px auto;
	padding:5px 0px 4px 0px;
	text-align:center;
	width:320px;
}



.top_right_small_txt{
	margin:5px 0px 5px 0px;
	font-size:9px;
	visibility:visible;
	line-height:1.5em;
}

@media screen and (max-width:1000px){
	.menu_box{
		margin:5px auto -10px auto;
	}
	#left_to_center{
		margin:20px 0px 0px 0px;
	}
}

@media screen and (max-width:735px){	/*	max-width:663px	*/

	.top_right_small_txt{
		visibility:hidden;
		height:0;
		margin:0;
	}

	#left_to_center{
		width:100%;
		text-align:center;
		margin:20px 0px 0px 0px;
	}
	#right_to_center{
		width:100%;
		text-align:center;
		margin:0px 0px 0px 0px;
	}
	.menu_box{
		margin:10px auto -10px auto;
	}

}



@media screen and (max-width:320px){
	.marginAB{
		margin:0px 0px 0px 0px;
	}
	.menu_box{
		margin:15px 0px 0px 0px;
	}
}

.material-icons{
	vertical-align:-6px;
}




#menu_box{

	/*　色階調　*/
	background-color: #22BBEE;
	background: -webkit-gradient(linear, left top, left bottom, from(#11AADD), to(#33CCFF ));
	background: -webkit-linear-gradient( #11AADD, #33CCFF  );
	background:    -moz-linear-gradient( #11AADD , #33CCFF );
	background:     -ms-linear-gradient( #11AADD, #33CCFF  );
	background:      -o-linear-gradient( #11AADD, #33CCFF );
	background:         linear-gradient( #11AADD, #33CCFF  );
	filter:progid:DXImageTransform.Microsoft.gradient(
		GradientType=0,StartColorStr=#11AADD,EndColorStr=#33CCFF 
	);
	zoom:1;/* HTML4 */

	z-index:2000;

	/*　影　*/
	-webkit-box-shadow:0px 2px 10px 1px rgba(0,0,0,0.2);
	   -moz-box-shadow:0px 2px 10px 1px rgba(0,0,0,0.2);
	    -ms-box-shadow:0px 2px 10px 1px rgba(0,0,0,0.2);
	     -o-box-shadow:0px 2px 10px 1px rgba(0,0,0,0.2);
	     	box-shadow:0px 2px 10px 1px rgba(0,0,0,0.2);


}



.link,.link_L,.link_R{
	/*　色階調　*/
	background-color: #CC7722;
	background: -webkit-gradient(linear, left top, left bottom, from(#DD8833), to(#BB6611));
	background: -webkit-linear-gradient( #DD8833 , #BB6611 );
	background:    -moz-linear-gradient( #DD8833 , #BB6611 );
	background:     -ms-linear-gradient( #DD8833 , #BB6611 );
	background:      -o-linear-gradient( #DD8833 , #BB6611 );
	background:         linear-gradient( #DD8833 , #BB6611 );
	filter:progid:DXImageTransform.Microsoft.gradient(
		GradientType=0,StartColorStr=#DD8833,EndColorStr=#BB6611
	);
	zoom:1;/* HTML4 */
	color:white;
	text-shadow:1px 1px 2px black;


	/*　罫線　*/
	border-top:   1px #CC7722 solid;
	border-right: 1px #994400 solid;
	border-bottom:1px #AA5500 solid;
	border-left:  1px #DD8833 solid;
}

.link:hover,.link_L:hover,.link_R:hover{
	/*　色階調　*/
	background-color: #AA5500;
	background: -webkit-gradient(linear, left top, left bottom, from(#DD8833), to(#AA5500));
	background: -webkit-linear-gradient( #DD8833 , #AA5500 );
	background:    -moz-linear-gradient( #DD8833 , #AA5500 );
	background:     -ms-linear-gradient( #DD8833 , #AA5500 );
	background:      -o-linear-gradient( #DD8833 , #AA5500 );
	background:         linear-gradient( #DD8833 , #AA5500 );
	filter:progid:DXImageTransform.Microsoft.gradient(
		GradientType=0,StartColorStr=#DD8833,EndColorStr=#AA5500
	);
}

.link:active,.link_L:active,.link_R:active{
	/*　色階調　*/
	background-color: #994400;
	background: -webkit-gradient(linear, left top, left bottom, from(#994400), to(#BB6611));
	background: -webkit-linear-gradient( #994400 , #BB6611 );
	background:    -moz-linear-gradient( #994400 , #BB6611 );
	background:     -ms-linear-gradient( #994400 , #BB6611 );
	background:      -o-linear-gradient( #994400 , #BB6611 );
	background:         linear-gradient( #994400 , #BB6611 );
	filter:progid:DXImageTransform.Microsoft.gradient(
		GradientType=0,StartColorStr=#994400,EndColorStr=#BB6611
	);
	zoom:1;/* HTML4 */
	color:black;
	text-shadow:1px 1px 2px white;

	border:1px #994400 solid;
	color:white;
	text-shadow:1px 1px 1px black;
}


.active{

	/*　色階調　*/
	background-color: #BB0000;
	background: -webkit-gradient(linear, left top, left bottom, from(#BB0000), to(#DD1111));
	background: -webkit-linear-gradient( #BB0000 , #DD1111 );
	background:    -moz-linear-gradient( #BB0000 , #DD1111 );
	background:     -ms-linear-gradient( #BB0000 , #DD1111 );
	background:      -o-linear-gradient( #BB0000 , #DD1111 );
	background:         linear-gradient( #BB0000 , #DD1111 );
	filter:progid:DXImageTransform.Microsoft.gradient(
		GradientType=0,StartColorStr=#BB0000,EndColorStr=#DD1111
	);
	zoom:1;/* HTML4 */
	color:black;
	text-shadow:1px 1px 2px white;

	border:1px #BB0000 solid;
	color:yellow;
	text-shadow:1px 1px 1px black;
}

.link,.link_L,.link_R,.active{
	/*font-family:WebFont;*/
	font-size:18px;
	font-weight:bold;
	padding:8px 10px 8px 10px;
	line-height:2em;
}


.link_L{
	-webkit-border-radius: 18px 0px 0px 0px;
	   -moz-border-radius: 18px 0px 0px 0px;
	    -ms-border-radius: 18px 0px 0px 0px;
	     -o-border-radius: 18px 0px 0px 0px;
	     	border-radius: 18px 0px 0px 0px;
}

.link_R{
	-webkit-border-radius: 0px 18px 0px 0px;
	   -moz-border-radius: 0px 18px 0px 0px;
	    -ms-border-radius: 0px 18px 0px 0px;
	     -o-border-radius: 0px 18px 0px 0px;
	     	border-radius: 0px 18px 0px 0px;
}