@charset "utf-8";

/* layout
-------------------------------------------------------------------------------*/

html {
    background: url(/store/mizusawa/2013/img/bg_html.jpg) repeat-y 50% 0;
}

#wrapper {
    width: 900px;
}

#contents {
    padding: 0 150px;
}

#contents p {
    line-height: 2.1;
    letter-spacing: 0.13em;
    color: #0f0a28;
}

h1 .fltL {
    margin: 14px 0 15px 31px;
}

h1 .fltR {
    margin: 17px 25px 0 0;
}

.pre1 #contents h2 {
    margin: 0 -150px 60px;
}

.pre2 #contents iframe {
    margin: 23px -127px 0;
}

.pre3 #contents > img:first-child {
    margin: 0 -150px;
}

.pre2 div#lead {
    position: relative;
    width: 900px;
    height: 657px;
    border-bottom: #808080 1px solid;
    margin: 0 -150px;
}

.pre3 div#lead {
    height: 649px;
}

.pre2 .archive {
    border-bottom: none!important;
}

.pre2 div#lead h2 {
    position: absolute;
    top: 46px;
    right: 47px;
}

.pre2 div#lead p {
    position: absolute;
    top: 45px;
    right: 192px;
}

.pre2 div#lead p + p {
    position: absolute;
    top: 48px;
    right: 745px;
}

.pre2 div#lead + h3 + img {
    margin-top: -26px;
}

.pre1　#contents p.fltL {
    width: 540px;
}

.pre2 #contents p.fltL {
    width: 354px;
    padding: 25px 0 45px 0;
    line-height: 2;
    margin-right: -1px;
    font-size: 13px;
}

.pre2 #contents > p a {
    position: absolute;
    bottom: 49px;
    right: 0;
}

#contents p.alnC {
    margin: 54px 0 37px;
    padding: 0;
}

.pre2 .archive + p.alnC {
    margin: 0 0 37px!important;
}

.pre1 #contents a.fltR {
    margin: -11px -100px 0 0;
}

#contents h3 {
    padding: 50px 0 56px 1px;
}

#contents .flyer {
    display: block;
    margin: 12px -7px 0 -5px;
}

#contents .flyer + .flyer {
    margin: 7px -7px 4px -5px;
}

#contents .flyer:hover {
    opacity: 1;
    -moz-opacity: 1;
    -ms-filter: "alpha(opacity=100)";
    filter: alpha(opacity=100);
}

#contents .flyer + p {
    font-size: 12px;
    line-height: 1.8;
    padding-left: 1.2em;
    position: relative;
    margin-bottom: 32px;
    color: #6f6c7e;
}

#contents .flyer + p:before {
    content: "※";
    position: absolute;
    left: 0;
}

#contents #archive {
    border-top: #808080 1px solid;
    margin: 0 -150px -16px;
    padding: 0 148px;
}

#contents #archive h3 {
    padding: 53px 0 36px;
}

#contents #archive li {
    float: left;
    width: 178px;
}

#contents #archive li + li {
    margin-left: 34px;
}

#contents #archive a {
    display: block;
    padding-left: 3px;
    line-height: 1.57;
}

#contents #archive a img {
    margin: 0 0  9px -3px;
}

#contents #archive a span {
    line-height: 2.15;
    font-size: 13px;
}

#contents #info {
    background: #0f0a28;
    margin: 19px -150px 0;
    padding: 45px 0;
    text-align: center;
}

#contents #archive + #info {
    margin: 66px -150px 0!important;
}

#contents #info h3 {
    padding: 0 0 32px;
}

.pre1 #contents #link  {
    margin: 30px 0 40px;
}

.pre2 #contents #link  {
    width: 246px;
    margin-top: 30px;
}

#contents #link li  {
    height: 14px;
    overflow: hidden;
}

#contents #link li img  {
    vertical-align: top;
}

#contents #link li + li  {
    margin-top: 20px;
}

.pre2 #contents #link li:first-child  {
    padding: 0 0 4px 4px;
    height: 36px;
}

.pre2 #contents #link li:first-child a:hover img  {
    opacity: 1;
    -moz-opacity: 1;
    -ms-filter: "alpha(opacity=100)";
    filter: alpha(opacity=100)
}

#footer li + li {
    margin-left: 0;
}

#footer li:first-child {
    margin-right: 95px;
}

#footer li > .fb-like {
    margin: 0 75px 0 85px;
}

#slide {
    width: 900px;
    height: 725px;
    margin-bottom: 18px;
    text-align: right;
    margin: 0 -150px 45px;
}

#slide .disp {
    position: relative;
    overflow: hidden;
    width: 900px;
    height: 681px;
}

#slide .disp img {
    position: absolute;
    display: none;
}

#slide .disp img.foreGround {
    z-index: 1;
    display: block;
}

#slide .disp img.backGround {
    display: block;
}

#slide .ctrl {
    margin: 27px 20px 0;
    text-align: center;
}

#slide .ctrl img {
    vertical-align: top:
}

#slide .ctrl a {
    display: none;
}

#slide .ctrl a[href*="next"] {
    display: block;
}

#slide .ctrl li {
    float: left;
    width: 77px;
    height: 17px;
}

#slide .ctrl li + li {
    float: right;
    text-align: right;
}

#slide .ctrl li + li + li {
    float: none;
    display: inline-block;
}

#slide .ctrl li img {
    display: none;
}