@import url(font.css);
.egg {
    max-width: 100%;
    height: auto;
	margin:200px 0 0;
    width /***/:auto;　/*IE8のみ適用*/
}

html,body{
height:100%;
max-height:100%;
}
*{
margin:0;
padding:0;
}

body{
font-family:'Autour One', "ヒラギノ角ゴ Pro W3", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
}

div{
background:transparent;
}

img{
background:transparent;
}

a{
color:#666;
}

a:link{
color:#666;
}

a:visited{
color:#666;
}

a:hover{
color:#EA5504;
}

a:active{
color:#EA5504;
}

.w100{
width:100%;
clear:both; 
}

#bg {
position: absolute;
height: 100%;
width: 100%;
overflow: hidden;
top: 0px;
clear:both;
}

#bg .image {
width: 100%;
}

#egg {
height:1000px;
width:100%;
position: absolute;
z-index:2;
background:url(../img/egg_potato.png) no-repeat  fixed 50% 250px;
text-align:center;
}


/* aqui define el contenedor princicpal*/

.header{
position: fixed;
background:url(../img/head.png) top center repeat-x;
width:100%;
height:120px;
line-height:20px;
padding:10px;
color:#000;
font-size:100%;
overflow:hidden;
z-index:400000000000000000;
}

.thick{
position: fixed;
width:100%;
height:32px;
margin:0 auto;
bottom:130px;
text-align:center;
z-index:400000000000000000;
}

.header img{
text-align:center;
}

.timer{
width:auto;
height:auto;
float:left;
margin:5px 0 0 10px;
}

.header_r{
width:auto;
height:auto;
float:right;
}


.bk_blank{
width:100%;
height:478px;
/*overflow:hidden;*/
text-align:center;
z-index:2;
}

.main_title{
height:1100px;
width:900px;
margin:100px auto 0;
text-align:center;
background:url(../img/yymain.jpg) top center  no-repeat;
}

.what{
height:636px;
width:900px;
margin:0 auto;
text-align:center;
background:url(../img/what.jpg) top center  no-repeat;
}

.when{
height:516px;
width:900px;
margin:0 auto;
text-align:center;
background:url(../img/when.jpg) top center  no-repeat;
}

.mojo{
height:68px;
width:800px;
margin:0 auto;
padding:96px 0 0;
text-align:center;
}

a:hover img.mojo{
opacity:0.7;
filter:alpha(opacity=70);
}

.where{
height:366px;
width:900px;
margin:0 auto;
text-align:center;
background:url(../img/where.jpg) top center  no-repeat;
}

.how{
height:520px;
width:900px;
margin:0 auto;
background:url(../img/how.jpg) top center  no-repeat;
text-align:center;
}

.gmap{
height:300px;
width:200px;
float:left;
border:1px solid #ccc;
font-size:11px;
line-height:3;
font-family:'Century Gothic', arial, serif;
margin:30px 0 0 120px;
padding:3px;
z-index:2;
}

.our01{
height:600px;
width:900px;
margin:0 auto;
background:url(../img/story01.jpg) top center  no-repeat;
text-align:center;
}

.our02{
height:600px;
width:900px;
margin:0 auto;
background:url(../img/story02.jpg) top center  no-repeat;
text-align:center;
}

.our03{
height:990px;
width:900px;
margin:0 auto;
background:url(../img/story03.jpg) top center  no-repeat;
text-align:center;
}

.slide_bg{
height:600px;
width:900px;
margin:0 auto;
padding:124px 0 0;
background:url(../img/slide.jpg) top center  no-repeat;
text-align:center;
}

.form_header{
height:190px;
width:900px;
margin:0 auto;
padding:0;
background:url(../img/form_header.jpg) top center  no-repeat;
text-align:center;
}

.form_middle{
height:auto;
width:900px;
margin:0 auto;
padding:0;
background:url(../img/form_middle.jpg) top center  repeat-y;
text-align:center;
}

.form_footer{
height:110px;
width:900px;
margin:0 auto;
padding:124px 0 0;
background:url(../img/form_footer.jpg) top center  no-repeat;
text-align:center;
}

.img_2{
height:1600px;
width:100%;
z-index:2;
background:url(../img/egg_potato.png) 200px center  no-repeat;
opacity:0.9;
text-align:center;
}

.bk{
width:100%;
height:1000px;
margin:0 auto;
clear:both;
}

.bk_pics{
width:100%;
height:100px;
margin:0 auto;
clear:both;
}

.title_1{
}

.title_2{
z-index:-2;
}

.bk_0{
background:url(../img/.gif) 0 0  repeat fixed 50% 400px;
clear:both;
}

.bk_1{
background:url(../img/sky_.gif) 0 0  repeat;
}

.footer{
position:relative;
background-color:#fff;
width:100%;
height:57px;
z-index:3;
bottom:0;
background:url(../img/footer.jpg) top center repeat-x;
padding:382px 0 0;
text-align:center;
color:#FFF;
font-family:'Cherry Swash', arial, serif;
}

.footer_thanks{
position:relative;
background-color:#1d0e07;
width:100%;
height:100%;
z-index:3;
bottom:0;
background:url(../img/footer.jpg) bottom center repeat-x;
margin:-500px 0 0;
text-align:center;
color:#fff;
font-family:'Cherry Swash', arial, serif;
}

.thanks_mes{
position:relative;
background-color:#fff;
width:100%;
height:300px;
z-index:1000;
padding:200px 0 0;
text-align:center;
color:#000;
font-family:'Cherry Swash', arial, serif;
}

.footer div{
position:relative;
width:100%;
margin:0 auto;
z-index:3;
}

/*----------------------------------------------------------------------

Contents Style

----------------------------------------------------------------------*/

.motionContainer.masonry,
.motionContainer.masonry .masonry-brick{
-webkit-transition-duration:0.7s;
-moz-transition-duration:0.7s;
-o-transition-duration:0.7s;
transition-duration:0.7s;
}

.motionContainer.masonry{
-webkit-transition-property:height, width;
-moz-transition-property:height, width;
-o-transition-property:height, width;
transition-property:height, width;
}

.motionContainer.masonry.masonry-brick{
-webkit-transition-property:left, right, top;
-moz-transition-property:left, right, top;
-o-transition-property:left, right, top;
transition-property:left, right, top;
}

/* disable transitions on container */
.motionContainer.infinite-scroll.masonry{
-webkit-transition-property:none;
-moz-transition-property:none;
-o-transition-property:none;
transition-property:none;
}

.modules{
margin:0 ;
padding:5px;
border-radius: 10px;/* CSS3草案 */
-webkit-border-radius: 10px;/* Safari,Google Chrome用 */
-moz-border-radius: 10px;/* Firefox用 */
}

.modules:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

.modules li{
width:160px;
height:160px;
margin:5px;
font-size:90%;
float:left;
padding:0;
>border:1px solid #999;
background-color:#eaf6fd ;

box-shadow:3px 10px 3px rgba(34, 25, 25, 0.4);
-moz-box-shadow:5px 5px 5px rgba(34, 25, 25, 0.4);
-webkit-box-shadow:5px 5px 25px rgba(34, 25, 25, 0.4);

border-radius: 80px;/* CSS3草案 */
-webkit-border-radius: 80px;/* Safari,Google Chrome用 */
-moz-border-radius: 80px;/* Firefox用 */
}

.modules li p{
padding:10px;
font: 90% 'Century Gothic', Arial, sans-serif;
}

.modules li p.thumb{
text-align:center;
padding:10px 10px 2px;
}

.modules li p.thumb img{
max-width:100% !important;
/* May I rot in hell for this IE6 hack */
_width:95% !important;
height:auto !important;
}

.modules li p.user{
color:#fff;
font: 70% 'Century Gothic', Arial, sans-serif;
text-align:center;
line-height:1.2;
margin:-30px 0 0;
}

ol,ul {
list-style:none;
}

caption,th {
text-align:left;
}

q:before,q:after {
content:'"';
}

abbr,acronym {
border:0;
}


img{ 
border:0;
}

a:hover img{
opacity:0.7;
filter:alpha(opacity=70);

    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;

    -webkit-transform: scale(1.03,1.03);
    -moz-transform: scale(1.03,1.03);
    -o-transform: scale(1.03,1.03);
    -ms-transform: scale(1.03,1.03);
    transform: scale(1.03,1.03);
}

.pics_thumb_pre{
width:90%;
height:auto;
margin:0 auto 70px auto;
padding-top:160px;
text-align:center;
background:url(../img/pre.jpg) top center  no-repeat;
}

.pics_thumb{
width:90%;
height:auto;
margin:0 auto 70px auto;
padding-top:160px;
text-align:center;
background:url(../img/20130609.jpg) top center  no-repeat;
}

.pics_thumb_yy{
width:90%;
height:auto;
margin:0 auto 70px auto;
padding-top:160px;
text-align:center;
background:url(../img/g_yy.jpg) top center  no-repeat;
}

.pics_thumb_yy .modules li{
width:160px;
height:160px;
margin:5px;
font-size:90%;
float:left;
padding:0;
>border:1px solid #999;
background-color:#fdeff5 ;

box-shadow:3px 10px 3px rgba(34, 25, 25, 0.4);
-moz-box-shadow:5px 5px 5px rgba(34, 25, 25, 0.4);
-webkit-box-shadow:5px 5px 25px rgba(34, 25, 25, 0.4);

border-radius: 80px;/* CSS3草案 */
-webkit-border-radius: 80px;/* Safari,Google Chrome用 */
-moz-border-radius: 80px;/* Firefox用 */
}

.pics_thumb_pre .modules li{
width:160px;
height:160px;
margin:5px;
font-size:90%;
float:left;
padding:0;
>border:1px solid #999;
background-color:#fffeee;

box-shadow:3px 10px 3px rgba(34, 25, 25, 0.4);
-moz-box-shadow:5px 5px 5px rgba(34, 25, 25, 0.4);
-webkit-box-shadow:5px 5px 25px rgba(34, 25, 25, 0.4);

border-radius: 80px;/* CSS3草案 */
-webkit-border-radius: 80px;/* Safari,Google Chrome用 */
-moz-border-radius: 80px;/* Firefox用 */
}