#tabnavi li{
	display:inline;
}
#tabnavi li a{
	width: 49%;
	display:inline-block;
	background:#ccc;
	color:#fff;
	text-align: center;
	font-size: 16px;
	padding:10px 0px 10px 0px;
	border: 1px solid #cccccc;
	text-decoration:none;
	margin-bottom:10px;
	vertical-align:middle; 
}
#tabnavi li a:hover{
  background:#db518f;
  opacity:0.5;
}

#tabnavi li a.active{
	background:#db518f;
	color:#ffffff;
}
#tabcontent{
	padding:10px;
	border:3px solid  #db518f;
	background:#fffff8;
	margin-bottom:20px;
	border-radius:  5px ;

}


#tabcontent a{
	font-size: 14px;
	font-family:"Lucida Grande", "segoe UI", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
	line-height:1.5 ; 
}

@media only screen and (max-width:480px){
#tabnavi li a{
	width: 92%;
	display:inline-block;
	background:#ccc;
	color:#fff;
	text-align: center;
	font-size: 16px;
	padding:10px 0px 10px 0px;
	border: 1px solid #cccccc;
	text-decoration:none;
	margin:0px 0px 10px 15px;
	vertical-align:middle; 
}	
}