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

.nav {
	background-color: rgba(255,255,255,1.00);
	display: block;	
	height: 40px;
}

a:hover.nav img, #goannai #map img,
a:hover.nav img, #rirekisyo #about_me img,
a:hover.nav img, #atorie #atelier img,
a:hover.nav img, #mailform #post img {	 
	opacity: 0.3;
	filter: alpha(opacity=30);
	-ms-filter: "alpha(opacity=30)";
}
a:active.nav {
	background-color: #FFD8FE;
	display: block;	
	transition: all 0.1s ease 0s;
}


.leftmenu img{
	width: 470px;
	background-color: rgba(255,255,255,1.00);
	display: block;
	border-radius: 20px;
	-webkit-box-shadow: 3px 3px 5px #BCA18D;
	box-shadow: 3px 3px 5px #BCA18D;
}

.right_button img{
	width: 100px;
	height: 100px;
	background-color: rgba(255,255,255,1.00);
	display: block;
	border-radius: 50px;
	-webkit-box-shadow: 3px 3px 5px #BCA18D;
	box-shadow: 3px 3px 5px #BCA18D;
}


.right_button img,
.leftmenu img,
.nav img {
	transition:all 0.5s ease 0s;
}

a:hover.leftmenu{
	width: 475px;
	display: block;
	border-radius: 20px;
	-webkit-box-shadow: 3px 3px 5px #BCA18D;
	box-shadow: 3px 3px 5px #BCA18D;
	border: 3px solid #FFFFFF;
	transition: all 0.05s ease 0s;
}



a:hover.right_button{
	width: 107px;
	height: 107px;
	display: block;
	border-radius: 50px;
	-webkit-box-shadow: 3px 3px 5px #BCA18D;
	box-shadow: 3px 3px 5px #BCA18D;
	border: medium solid #FFFFFF;
}




/* マウスオーバー時に別画像を設定する場合のCSS

nav li a {
	width: 160px;
	height: 0px;
	float: left;
	background-image: url(../img/style_parts/navigation.png);
	margin-right: 5px;
	padding-top: 40px;
	overflow-x: hidden;
	overflow-y: hidden;
	display: block;
	border-radius: 3px;
	border: 2px solid #FFFFFF;
}

a#about_me {
	background-position: -160px 0%;
}
a#atelier {
	background-position: -320px 0%;
}
a#diary {
	background-position: -480px 0%;
}
a#post {
	background-position: -640px 0%;
}


nav ul a:hover {
	opacity: 0.5;
	transition:all 0.5s ease 0s;
}

*/


a:active.logo img {
	-webkit-box-shadow: 2px 2px 3px 3px rgba(143,81,77,0.50);
	box-shadow: 2px 2px 3px 3px rgba(143,81,77,0.50);
	transition: all 0.1s ease 0s;
}

a:active.right_button,
a:active.leftmenu{
	-webkit-box-shadow: 1px 1px 2px 4px rgba(143,81,77,0.50);
	box-shadow: 1px 1px 2px 4px rgba(143,81,77,0.50);
	transition: all 0.1s ease 0s;
}

a.zoom {
	outline:none;
	text-decoration: none;
	transition:all 0.1s ease 0s;
}
a:hover.zoom {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
}
a.fancybox {
	outline:none;
	text-decoration: none;
}

a:hover.fancybox {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
}