/* CSS Document */

/* メインメニュー　***********************************************************/

#main_menu_Area{
	display: table;
	vertical-align: bottom;
	width:100%;
}

#main_menu_Area ul{
	overflow: hidden;
	vertical-align: bottom;
	display: table;
	width: 80%;
	margin: 0px auto;
	padding: 0px;
	color:#ffffff;
}

#main_menu_Area  li{
	display: table-cell;
	width: 33%;
	height: auto;
	float: left;
	font-weight: bold;
	cursor: pointer;
	
}

#main_menu_Area img{
	display:block;
	float: left;
}

#main_menu_Area li img.main_menu_image
{
	width:100%;
	height:auto;
}

#main_menu_Area li:active
{
	cursor:pointer;
	filter:alpha(opacity=80);
	opacity:0.8;
}

#main_menu_Area .main_menu1 a
{
	display:inline-block;
}

#main_menu_Area .main_menu1 a:hover img
{
	visibility:hidden;
}

#main_menu_Area .main_menu2 a
{
	display:inline-block;
}

#main_menu_Area .main_menu2 a:hover img
{
	visibility:hidden;
}


#main_menu_Area .main_menu1 .main_menu_image1_1
{
	background:url(../image/common/buttons/kangosyoukibo_on_button.png) no-repeat;
	background-size:contain;
}

#main_menu_Area .main_menu1 .main_menu_image1_2
{
	background:url(../image/common/buttons/houmon_on_button.png) no-repeat;
	background-size:contain;
}

#main_menu_Area .main_menu1 .main_menu_image1_3
{
	background:url(../image/common/buttons/careplan_on_button.png) no-repeat;
	background-size:contain;
}


#main_menu_Area .main_menu2 .main_menu_image2_1
{
	background:url("../image/common/buttons/skj_on_button.png") no-repeat;
	background-size:contain;
}

#main_menu_Area .main_menu2 .main_menu_image2_2
{
	background:url(../image/common/buttons/access_on_button.png) no-repeat;
	background-size:contain;
}

#main_menu_Area .main_menu2 .main_menu_image2_3
{
	background:url(../image/common/buttons/houjin_on_button.png) no-repeat;
	background-size:contain;
}

#main_menu_Area_Mobile{
	display: none;
}











/* Small Tablets */
@media (min-width: 481px) and (max-width: 768px) {

}
/* Mobile */
@media (max-width: 480px) {

	#header_menu_Area{
		display:block;
		
	}
	
/******************************************/

/* メニューリストのO表示非表示ボタン関連 */
	#panel-btn{
	  display: inline-block;
	  position: absolute;
	  width: 55px;
	  height: 55px;
	  margin: 5px 10px ;
	  border-radius: 50%;
	  background: #ffd1d1;
	  color:#ffffff;
	  right: 0px;
	  z-index:100;
	}
	#panel-btn:hover{
	  background: #ff7d7d;
	}
	#panel-btn-icon{
	  display: block;
	  position: absolute;
	  top: 40%;
	  left: 50%;
	  width: 30px;
	  height: 4px;
	  margin: -2.5px 0 0 -15px;
	  background: #ffffff;
	  transition: .2s;
	  padding-top:0px;
	}
	#panel-btn-icon:before, #panel-btn-icon:after{
	  display: block;
	  content: "";
	  position: absolute;
	  top: 50%;
	  left: 0;
	  width: 30px;
	  height: 4px;
	  background: #ffffff;
	  transition: .3s;
	}
	#panel-btn-icon:before{
	  margin-top: -10px;
	}
	#panel-btn-icon:after{
	  margin-top: 6px;
	}
	#panel-btn .close{
	  background: transparent;
	}
	#panel-btn .close:before, #panel-btn .close:after{
	  margin-top: 0;
	}
	#panel-btn .close:before{
	  transform: rotate(-45deg);
	  -webkit-transform: rotate(-45deg);
	}
	#panel-btn .close:after{
	  transform: rotate(-135deg);
	  -webkit-transform: rotate(-135deg);
	}

	#panel-btn-string
	{
	  display: block;
	  position: absolute;
	  top: 55%;
	  left: 18%;
	  width: 30px;
	  font-weight:bold;	
	}

	input[type="checkbox"].TopMenu_onoff ~ #header_menu_Area{
		display:none;
	}
	
	input[type="checkbox"].TopMenu_onoff:checked ~ #header_menu_Area{
		display:table;
	}
/******************************************/
	
/* メニューリスト表示 */
	#header_menu_Area{
		position:absolute;
		top:62px;
		right:0px;
		z-index:99;
		width:40%;
	}
	
	#header_menu_Area .header_menu li{
		position: relative;
		display: table-cell;
		width: 100%;
		height: 20pt;
		padding-top: 8px;
		padding-bottom: 3px;
		font-weight: bold;
		cursor: pointer;
		color: #666;
		text-align: center;
		
	}
	
	#headr_menu_Area .header_menu .menu
	{
		display:block;
		height:100%;
	}


	#header_menu_Area .TopMenu_Detail {
		position:relative;
		top:0px;
	}

	#main_menu_Area{
		display: none;
	}
	
	#main_menu_Area_Mobile{
		display: table;
		vertical-align: bottom;
		width:100%;
	}
	
	#main_menu_Area_Mobile ul{
		overflow: hidden;
		vertical-align: bottom;
		display: table;
		width: 90%;
		margin: 0px auto;
		padding: 0px;
		color:#ffffff;
	}

	#main_menu_Area_Mobile li{
		display: table-cell;
		width: 48%;
		margin: 0px 1% 4px;
		height: auto;
		float: left;
		font-weight: bold;
		cursor: pointer;
		
	}
	
	#main_menu_Area_Mobile .main_menu3_mob li{
		width: 31%;
		margin: 0px 1%;
	}
	
	#main_menu_Area_Mobile img{
		display:block;
		float: left;
	}
	
	#main_menu_Area_Mobile li img.main_menu_image
	{
		width:100%;
		height:auto;
	}
	
	#main_menu_Area_Mobile li:active
	{
		cursor:pointer;
		filter:alpha(opacity=80);
		opacity:0.8;
	}
	
	#main_menu_Area_Mobile .main_menu1 a
	{
		display:inline-block;
	}
	
	#main_menu_Area_Mobile .main_menu1 a:hover img
	{
		visibility:hidden;
	}
	
	#main_menu_Area_Mobile .main_menu2 a
	{
		display:inline-block;
	}
	
	#main_menu_Area_Mobile .main_menu2 a:hover img
	{
		visibility:hidden;
	}

}