/*--------------------------------------------------------------------
Init
--------------------------------------------------------------------*/



body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, form {
   margin: 0; padding: 0;
}

html{
   height: 100%;
   overflow: hidden;

}
body{
   height: 100%;
   background-image: url(../img/main.jpg);
   background-position: center center;
   background-repeat: no-repeat;
   background-size: cover;
   background-attachment: fixed;
   overflow: scroll;
}

img {
   border: 0;
}

p {
   margin: 0;
   padding-top: 5px;
   padding-bottom: 5px;
}


a:link {
   color: #f2156e;
}
 
a:visited {
   color: #be1b5c;
}

a:hover {
   color: #be1b5c;
}

a:active {
   color: #7a0735;
}
a {
overflow:hidden;
outline:none;
}


ul,
ul li,
ul li a{
   display: block;
   list-style: none;
   margin: 0;
   padding: 0;
}

#container{
   height: 100%;
   padding-top: 31px;
}


*:focus {
  outline: none;
}


.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


#wrapper {
 height: 100%;
}

#top_area {
   width: 400px;
   padding-left: 460px;
   margin: 0 auto;
   text-align: center;
   height: 50%;
   padding-top: 18%;
}

#logo,
#read,
#btn_buy a {
   display: block;
   margin: 0 auto;
}
#btn_buy {
}

#read {
   margin-bottom: 30px;
}
#btn_buy {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#btn_buy:hover {
   opacity: 0.5;

}
#logo {
   height: 24px;
   margin-bottom: 30px;
}

#btm_area {
   background-color: rgba(255,255,255,0.8);
   padding-top: 80px;

}

#ttl_collection {
   height: 38px;
   margin-bottom: 50px;
   text-align: center;
}
#photo_list {
   width: 960px;
   margin: 0 auto 70px auto;
   text-align: center;
}

#photo_list a img,
#photo_list a {
   width: 230px;
   height:160px;
   display: block;
}
#photo_list a {
   float: left;
   margin-right:13px;
   margin-bottom: 13px;
}


#photo_list a:nth-child(4n) {
   margin-right: 0;
}


#cboxLoadedContent,
#cboxContent {
   background: none;
}


footer {
   width: 960px;
   margin: 0 auto;
   text-align: center;
   
   
   padding: 70px 0 100px 0;
   border-top:solid 1px #a1a1a1;
}




#sns {
   margin-bottom: 20px;
}
#sns a {
}
#sns .fb-like,
#sns .twitter-share-button {
   margin: 0 5px;
}


.fb-like {
   line-height: 10px;
}





#cboxPrevious,
#cboxNext {
   position: absolute;
   top:250px;
   z-index: 1000;
   background-position: center;
   width: 50px;
   height:49px;
}
#cboxPrevious:hover,
#cboxNext:hover{
   background-position: center;
}
#cboxPrevious {
   left:-50px;
   background-image:url(../img/arrow_prev.png);
}
#cboxNext {
   right:-50px;
   background-image:url(../img/arrow_next.png);
}

#colorbox, #cboxOverlay, #cboxWrapper {
   overflow: visible;
}
#cboxClose {
   position: absolute;
   top:600px;
   left:450px;
   background-position: top left;
   width: 41px;
   height: 55px;
   background-image:url(../img/close.png);
   z-index: 1000;
}
#cboxClose:hover{
   background-position: top left;

}

#cboxTitle {
   top:25px;
   left: 25px;
}

#cboxOverlay {
   cursor: default !important;
}