@charset "utf-8";
/* CSS Document */

@media only screen and (min-width:640px) and (max-width:899px) {



#header-in {	
	width: 100%;
}

	
#logo {
	clear:both;
	float:none;
	margin: 20px auto;
}
	
	
#main-nav nav {
		width: 100%;
}

#main-nav nav ul {
		float: none;
		width: 100%;
		border-left: none;
		border-right: none;
		position:static;
}

#main-nav nav ul li {
		float: left;
		width: 50%;
		*width: 49.9%;
}

#main-nav nav ul li a {
		display: block;
		padding: 10px 0 10px;
		text-align: center;
		border-left: dotted 1px #999;
		border-bottom: dotted 1px #999;
}


#main-visual-in {
	border-left: dotted 1px #999;
	border-right: dotted 1px #999;
	max-width: 100%;
	margin: 0 auto;	
	overflow: hidden;
	*zoom: 1;
	line-height:0;
	vertical-align:bottom;
}

#main-visual {
	max-width: 100%;
	border: dotted 1px #999;
	position: relative;
	background-color:(0,0,0,0.6);
}

#work {
	width:100%;
	margin:auto;
}


.caption {
	display:block;
	width: 235px;
	float: left;
	margin: 0px 4px 4px 4px;
	background:url(../img/bg2.png) repeat;
	border:solid 1px #000;
	padding: 0 0 4px 0;
}


.caption p{
	letter-spacing:0.5px; /*文字の間隔*/
	line-height: 1;
	margin: 9px 4px 3px 4px;
}


.hover_shine {
    width: 235px;
	height: 133px;
	overflow:hidden;
	background:url(../img/link.png) no-repeat;
    position: absolute;
    background-position: 110px 40px; 
    left:0px; top:0px;
	opacity:0;
    -webkit-transition: background-position .2s ease;
    -moz-transition: background-position .2s ease;
    -o-transition: background-position .2s ease;
    transition: background-position .2s ease;	
}

.hover_shine:hover{
	opacity:1;
    /*Final position*/
    background-position: 110px 60px;
	background-color:rgba(0,0,0,0.4);
}


	
#profile {
	float:left;
	width: 100%;
	height:auto;
	margin: 0 auto;
}

#contact {
	float:left;
	width: 100%;
	height:auto;
	margin: 0 auto;
	*zoom: 1;
}




.mailform {
	width:360px;
	margin: 10px 5px 15px;
	padding: 10px 10px 30px 10px;
	background:url(../img/bg2.png) repeat;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;	
	color:#FFF;
}

}