.menu {
 position:relative;
 margin:0;
 color:#fff;
 font-size:19px;
 text-shadow: 2px 2px 3px #000;
 font-family:メイリオ;
 font-wight:bold;
 min-width:70px;
 padding:5px;

}

.menu a:visited,a:link{

 transition: .3s;
}

.menu a:hover{

 position:relative;
 margin:0;
 color:#00CCCC;
 text-decoration: none;
 font-size:19px;
 text-shadow: 2px 2px 15px #ffffff;
 font-family:メイリオ;
 font-wight:bold;
 min-width:70px;
 padding:5px;
 top: 1px;
 left: 1px;

}


div.container
{
    margin: 0 auto;
	text-align: center;
}

div.container a
{
    position: relative;
    z-index: 1;
    cursor: pointer;
}


/* Border from Y to X  */
div.borderYtoX a:before, div.borderYtoX a:after
{
    position: absolute;
    opacity: 0;
    height: 100%;
    width: 2px;
    content: '';
    background: #FFF;
    transition: all 0.3s;
}

div.borderYtoX a:before
{
    left: 0px;
    top: 0px;
    opacity: 0;
}

div.borderYtoX a:after
{
    right: 0px;
    bottom: 0px;
}

div.borderYtoX a:hover:before, div.borderYtoX a:hover:after
{
    opacity: 1;
    height: 0px;
    width: 100%;
}


.cp_imghover {
	overflow: hidden;
	width: 180px;
	height: 180px;
	cursor: pointer;
}
/*FOCUS*/
.cp_focus {
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.cp_focus:hover {
	border-radius: 50%;
	-webkit-transform: rotate(2deg);
	transform: rotate(2deg);
}
.cp_focus img {
	width: 180px;
	height: 180px;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.cp_focus:hover img {
	-webkit-transform: scale(1.1,1.1);

	transform: scale(1.1,1.1);
}