/*	----------------------------------------------------------------
	MaxCycle (Fullscreen Slideshow for use with jQuery Cycle Plugin)
	----------------------------------------------------------------
	
	Demo at: http://www.aaronvanderzwan.com/maxcycle/
	Download and Info at: http://github.com/akv2/MaxCycle---jQuery-Plugin/
	Copyright (c) 2007-2011 Aaron Vanderzwan
	Dual licensed under the MIT and GPL licenses.
	
*/
/*! Version: 2.0.73 (12-Oct-2012) */


.mc-hide-scrolls{
	overflow:hidden;
}

body .mc-cycle {
	height:100%;
	left:0;
	overflow:hidden;
	position:fixed;
	top:0;
	width:100%;
	z-index:-1;
}

div.mc-image {
	/*NOTE: Mozilla flickers when fading and using 'all', so we have to be specific with what property we want to transition:
	 	If you are using fading transitions, use 'opacity: */
	-webkit-transition: opacity 1s ease-in-out; 
	-moz-transition: opacity 1s ease-in-out; 
	-o-transition: opacity 1s ease-in-out; 
	transition: opacity 1s ease-in-out;
	
	/*If you are using horizontal slide transitions, use the following CSS:
	-webkit-transition: left 1s ease-in-out; 
	-moz-transition: left 1s ease-in-out; 
	-o-transition: left 1s ease-in-out; 
	transition: left 1s ease-in-out;*/
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position:center center;
	background-repeat:no-repeat;
	height:100%;
	overflow:hidden;
	width:100%;
}
#maximage{
	display: none;
}

.mc-old-browser .mc-image {
	overflow:hidden;
}

#cycle-loader {
	height:32px;
	left:50%;
	margin:-8px 0 0 -8px;
	position:absolute;
	top:50%;
	width:32px;
	z-index:999;
}

.curtains {
height:100%;
left:0;
position:absolute;
top:0;
width:100%;
z-index:0;
}
.curtains span {
background:#fcd7e3;
position:absolute;
}
.curtains .top {
height:120px;
left:0;
top:0;
width:100%;
box-shadow: 0px 2px 5px #6c6c6c; /*CSS3*/
	-moz-box-shadow: 0px 2px 5px #6c6c6c; /* Firefox用*/
	-webkit-box-shadow: 0px 2px 5px #6c6c6c;
	z-index: 5;
}
.curtains .right {
height:100%;
right:0;
top:0;
width:100px;
box-shadow: -2px 0px 5px #6c6c6c; /*CSS3*/
	-moz-box-shadow: -2px 0px 5px #6c6c6c; /* Firefox用*/
	-webkit-box-shadow: -2px 0px 5px #6c6c6c; /* Google Chrome, Safari用*/
}
.curtains .bottom {
bottom:0;
height:65px;
left:0;
width:100%;
box-shadow: 0px -2px 5px #6c6c6c; /*CSS3*/
	-moz-box-shadow: 0px -2px 5px #6c6c6c; /* Firefox用*/
	-webkit-box-shadow: 0px -2px 5px #6c6c6c;
	z-index: 5;
}
.curtains .left {
height:100%;
left:0;
top:0;
width:100px;
box-shadow: 2px 0px 5px #6c6c6c; /*CSS3*/
	-moz-box-shadow: 2px 0px 5px #6c6c6c; /* Firefox用*/
	-webkit-box-shadow: 2px 0px 5px #6c6c6c; /* Google Chrome, Safari用*/
}
.curtains .top,
.curtains .right,
.curtains .bottom,
.curtains .left{
	background: #fcd7e3 url(http://www.ricordi.jp/img/bg/bg_swach_about.png) repeat;
}
