@charset "UTF-8";
<!--
/* 角丸 */
.detail{
	  
    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  

}
/* ボタン共通 */
.Button{
  max-width: 300px; min-width: 20px;
	overflow: hidden;
  width : 80%;  
  height : inherit;
	margin : 20px auto 0px;
	padding: 0;
}
.Button a{
	max-width: 300px; min-width: 20px;
  width : 100%;  
  height : auto;
	display: block;
	position: relative;
	z-index: 100;
	text-align:center;
	background: #000066;
	color: #fff;
	font-size : 18px;
	line-height: 50px;
	text-decoration:none;
  font-weight : bold;
}
.Button a:hover{
	max-width: 400px; min-width: 50px;background-image : none;background-repeat : repeat;background-attachment : scroll;background-position : 0% 0%;background-size : auto auto;background-origin : padding-box;background-clip : border-box;        /* マウスオーバーカラー */  

  background-color : blue;
}

.icon01{
  position: relative;
  top: 5px;
  left: 5px;
  margin-right : 5px;
}
-->

/* メニューアイコン */
.css-bar{
  display: inline-block;
  position: relative;
  margin: 0 5px -5px 0;
  padding: 0;
  background: white;
}
.css-bar, .css-bar::before, .css-bar::after{
  width: 30px;
  height: 5px;
}
.css-bar::before, .css-bar::after{
  display: block;
  content: "";
  position: absolute;
  top: 40%;
  left: 0;
  background: white;
}
.css-bar::before{
  margin-top: -12px;
}
.css-bar::after{
  margin-top: 8px;
}