/***************************************
 画面上部メニュー用CSS
***************************************/
@media(min-width:960px){
	.menu {
		list-style-type:none;
		text-decoration:none;
		padding:5px 0px 0px 10px;
		text-align:left;
		}
	.menu > li {
		display:inline-block;
		position:relative;
		margin:0px;
		height:25px;
		width:180px;
		transition: all 0.7s ease-out;
		vertical-align:middle;
		border : 2px solid #ffffff;
		border-width:2px 0px 0px 0px;
	}
	.menu > li:hover {
		border : 2px solid #006633;
		border-width:2px 0px 0px 0px;
		background-color:#ffffff;
	}
}
/*** タブレットサイズ ***/ 
@media(max-width:960px){
	.menu {
		float:center;
		width:48%;
		display:inline-block;
		margin: 0px;
		padding: 3px 0px 3px 0px;
		text-align:center;
	}
	.menu > li {
		display:inline-block;
		position:relative;
		margin:0px;
		height:20px;
		width:100%;
		transition: all 0.7s ease-out;
		vertical-align:middle;
		border : 2px solid #ffffff;
		border-width:2px 0px 0px 0px;
	}
	.menu > li:hover {
		border : 2px solid #006633;
		border-width:2px 0px 0px 0px;
		background-color:#ffffff;
	}
	.menu li img{
		display:none;
	}
}
.menu > li a{
	text-decoration:none;
	}
.menu > li > ul {
	display:none;
}
@media(min-width:960px){
	.menu > li ul li{
		width:170px;
		height:25px;
		vertical-align:middle;
		text-align:left;
		border : 1px solid #CDCDCD;
		border-width:0px 0px 1px 0px;
	}
	.menu > li ul li a{
		display:block;
	}
	.menu > li ul li:hover{
		background-color:#DDFFDD;
	}
	.upmenuword1 {
		display:inline-block;
		vertical-align:middle;
		font-size:16px;
		font-weight:normal;
		color:#555555;
	}
	.upmenuword2 {
		display:inline-block;
		height:25px;
		margin:0px 0px 0px 0px;
		font-size:16px;
		font-weight:normal;
		color:#555555;
	}
	.menu > li:hover ul {
		display:block;
		position:absolute;
		width:180px;
		padding:0px;
		margin:0px 0px 0px -10px;
		list-style-type:none;
		border:1px solid gray;
		background-color:#ffffff;
	}
}
/*** タブレットサイズ ***/ 
@media(max-width:960px){
	.menu > li ul li{
		width:90%;
		height:25px;
		vertical-align:middle;
		text-align:left;
		border : 1px solid #CDCDCD;
		border-width:0px 0px 1px 0px;
	}
	.menu > li ul li a{
		display:block;
	}
	.menu > li ul li:hover{
		background-color:#DDFFDD;
	}
	.upmenuword1 {
		display:inline-block;
		vertical-align:middle;
		font-size:14px;
		font-weight:normal;
		color:#555555;
	}
	.upmenuword2 {
		display:inline-block;
		height:20px;
		margin:0px 0px 0px 0px;
		font-size:14px;
		font-weight:normal;
		color:#555555;
	}
	.menu > li:hover ul {
		display:block;
		position:absolute;
		width:180px;
		padding:0px;
		margin:0px 0px 0px -50px;
		list-style-type:none;
		border:1px solid gray;
		background-color:#ffffff;
	}
}