@charset "utf-8";

/* basic
-------------------------------------------------------------------------------*/

a {
    text-decoration: none;
}

a:link {
    color: #3333CC;
}

a:visited {
    color: #802080;
}

a:hover {
    text-decoration: underline;
    color: #EB6100;
}

a:active {
    color: #EBC300;
}

a:focus {
    outline: none;
}

.opc a:hover img {
    opacity: 0.60;
    -moz-opacity: 0.6;
    -ms-filter: "alpha(opacity=60)";
    filter: alpha(opacity=60);
}

.opc .current a:hover img {
    opacity: 1;
    -moz-opacity: 1;
    -ms-filter: "alpha(opacity=100)";
    filter: alpha(opacity=100);
}

.current a {
    cursor: default;
}

.sprite {
    position: relative;
    display: block;
    overflow: hidden;
}

.sprite:hover {
    /zoom: 1;
}

.sprite img {
    position: absolute;
}

.normal {
    font-weight: normal!important;
}

.bold {
    font-weight: bold;
}

.fltL {
  float: left;
}

.fltR {
  float: right;
}

.clrml {
    margin-left: 0!important;
}

.clrmr {
    margin-right: 0!important;
}

.clrmb {
    margin-bottom: 0!important;
}

.clrmt {
    margin-top: 0!important;
}

.clrbt {
    clear: both!important;
}

.clrbd {
    border: none!important;
}

.alnR {
    text-align: right;
}

.block {
    display:block;
}

.whitespace {
    white-space: pre;
    white-space: pre-wrap;
    white-space: pre-line;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -hp-pre-wrap;
    word-wrap: break-word;
}

/* clearfix */

.clrfx:before, .clrfx:after {
    content:"";
    display:table;
}

.clrfx:after {
    clear:both;
}

.clrfx {
    zoom:1;
}

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

/* contents */

#contents {
    width: 1000px;
    margin: 0 auto;
    background: #fff;
    z-index: 2;
    position: relative;
}

.content {
    margin: 0 70px;
    border-bottom: #000 1px solid;
}

/* header */

#header h1 {
    margin: 0 -70px;
}

/* footer */

#footer {
    text-align: center;
    padding: 34px 115px 33px;
}

#footer ul {
    margin-bottom: 31px;
}

#footer li {
    float: left;
    margin-right: 248px;
    height: 20px;
    overflow: hidden;
}

#footer li.lastChild {
    float: right;
    margin-right: 0;
    margin-top: -20px;
    /width: 147px;
}

#footer img {
  vertical-align: bottom;
}

#footer div.archive {
    width: 860px;
    margin: -4px auto 31px;
    padding-bottom: 30px;
    border-bottom: #000 1px solid;
}

/* div.lastChild */

div.lastChild {
    padding: 48px 0 50px;
}

div.lastChild #notice {
    display: block;
    margin: 0 auto;
}

/* navi */

.navi {
    width: 206px;
    margin-top: -18px;
}

#index .product .navi {
    margin-top: 0;
}

.navi li {
    border-bottom: #000 1px solid;
}

.navi li.lastChild {
    padding-top: 30px;
    border-bottom: none;
    text-align: right;
}

.navi li.lastChild img {
    background: #fff;
}

.navi li.lastChild a:hover img {
    background: #ffac98;
}

.navi img {
  vertical-align: bottom;
}

/* background */

#background {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    z-index: 1;
}

#background #leftSide {
    width: 230px;
    height: 600px;
    position: absolute;
    left: 0;
}

#background #rightSide {
    width: 230px;
    height: 600px;
    position: absolute;
    right: 0;
}

#background #shadow {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background:url(/store/mizusawa/2012/images/bg_shadow.png) center top repeat-y;
}

/* archives */

#archives {
    width: 329px;
    margin-top: 48px;
    margin-right: -4px;
}

#archives h3 {
    border-bottom: #000 1px solid;
}

#archives span,
#archives {
    display: block;
}

#archives a {
    display: block;
    margin-bottom: 22px;
}

#archives img {
    vertical-align: bottom;
}

/* index
-------------------------------------------------------------------------------*/

/* header */

#index #header h1 {
    padding-bottom: 50px;
}

#index #header p {
    padding-left: 50px;
}

#index #header ul {
    width: 126px;
    padding-bottom: 33px;
}
#index #header ul li {
    width: 126px;
    height: 129px;
    display: block;
    overflow: hidden;
    padding-bottom: 6px;
}

#index #header img {
    vertical-align: bottom;
}

/* footer */

#index #footer li.lastChild {
    /width: 103px;
}

/* section */

#index .section h3 {
    margin: 38px 0 48px;
}

#index .section p,
#index .section ol {
    width: 399px;
}

#index .section ol li {
    margin-top: 55px;
}

#index .section h4 {
    margin-bottom: 10px;
}

/* div.lastChild */

#index div.lastChild {
    padding-left: 95px;
}

#index div.lastChild #notice {
    display: inline;
    margin: 0;
}

/* product */

#index .product h3 {
    margin-top: 37px;
}

#index .product dt img {
    margin-right: -95px;
}

#index .product dd {
    width: 295px;
    margin-top: 17px;
    overflow: hidden;
}

#index .product dl {
    width: 295px;
    padding-top: 131px;
    position: relative;
    z-index: 2;
}

#index .product dl h4 {
    display: inline;
}

#index .product dl li {
    text-align: center;
}

#index .product dl li a {
    display: block;
}

#index .product dl li a.soldOut {
    cursor: default;
}

#index .product dl li span {
    display: block;
    color: #f00;
    font-size: 10px;
    line-height: 18px;
    min-height: 18px;
    height: auto !important;
    height: 18px;
}

#index .product .section > ul {
    text-align: right;
    width: 295px;
    margin: 249px -95px 0 0;
}

#index .product .firstChild > ul {
    margin: 168px -95px 0 0;
}

#index .product .section > ul li {
    margin-bottom: 9px;
}

#index .product .section > ul img {
    background: #fff;
}

#index .product .section > ul .current img {
    background: #ffac98;
}

#index .product .section div {
    margin: 60px -14px 58px 0;
    width: 499px;
    height: 612px;
    overflow: hidden;
    position: relative;
}

#index .product .firstChild div {
    margin: 60px -14px 93px 0;
    height: 673px;
}

/* product gallary */

#index .product .section div img {
    position: absolute;
    left: 499px;
}

#index .product .section div .foreGround {
    left: 0;
    z-index: 1;
}

#index .product .section div .backGround {
    left: 0;
}

#index .product img {
    vertical-align: bottom;
}

/* table */

#index .section table {
    width: 399px;
}

#index .section th,
#index .section td {
    border: 1px solid #000;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.6em;
    padding: 8px 10px;
    white-space: nowrap;
}

#index .section th {
    text-align: center;
}

#index .section td {
    width: 60%;
}

#index .section td.sub {
    text-align: center;
    width: auto;
}

/* staff */

#index iframe {
    border: 1px solid #000000;
}

/* index .ready
-------------------------------------------------------------------------------*/

#index .ready .product .section > ul {
    margin: 40px -95px 0 0;
}

#index .ready .product .firstChild > ul {
    margin: 40px -95px 0 0;
}


/* pre
-------------------------------------------------------------------------------*/

/* header */

#pre #header h1 {
    padding-bottom: 15px;
}

/* content */

#pre div.firstChild  {
    padding: 46px 0 59px;
}

#pre div.firstChild h2 {
    float: right;
    padding-right: 100px;
}

#pre div.firstChild p {
    float: left;
    padding-left: 60px;
}

/* interview
-------------------------------------------------------------------------------*/

#interview #header h1 {
    margin: 0;
}

#interview #header p.fltL {
    padding: 48px 0 47px 80px;
}

#interview #header p {
    padding: 48px 0 47px 180px;
}

#interview .firstChild {
    padding: 0 0 0 180px;
}

#interview .firstChild img {
    margin: 31px 0 37px;
}

#interview .firstChild h2 {
    margin: 17px 0 -9px;
}

#interview .firstChild p.place {
    margin: -26px 0 49px -7px;
}

#interview .firstChild p.caption {
    font-size: 12px;
    line-height: 1.35em;
    margin: -26px 0 37px;
    color: #575757;
}

/* slideshow
-------------------------------------------------------------------------------*/

#slideshow #header h1 {
    margin: 0;
}

#slideshow #header h2 {
    margin-bottom: 38px;
}

#slideshow #header p {
    margin-bottom: 50px;
}

#slideshow #header div.fltL {
    padding: 48px 0 1px 80px;
    /*padding: 48px 0 47px 180px;*/
}

#slideshow #header div.center {
    padding: 48px 0 1px 180px;
    /*padding: 48px 0 1px 251px;*/
}

/* dSlide */

#dSlide {
    width: 860px;
    margin-bottom: 12px;
    position: relative;
    border-bottom: #000 1px solid;
}

#dSlide #slideDisp {
    width: 860px;
    height: 573px;
    overflow: hidden;
    position: relative;
}

#dSlide .slideBox {
    width: 860px;
    height: 573px;
    position: absolute;
    top: 573px;
}

#dSlide .foreGround {
    top: 0!important;
    z-index: 1;
}

#dSlide .backGround {
    top: 0!important;
    z-index: 0;
}

#dSlide #slideCtrl li {
    position: absolute;
    top: 614px;
}

#dSlide #slideCtrl li#prev {
    left: 92px;
}

#dSlide #slideCtrl li#next {
    left: 739px;
}

#dSlide #slideCtrl li.exp {
    left: 696px !important;
}

#dSlide #slideCtrl li#return {
    left: 710px;
    display: none;
}

#dSlide #slideCtrl li a {
    outline: none;
}

#dSlide #slideCtrl li.disable a.btn {
    display: none;
}

#dSlide #slideCtrl li a:hover img {
    opacity: 0.40;
    -moz-opacity: 0.4;
    -ms-filter: "alpha(opacity=40)";
    filter: alpha(opacity=40);
}

#dSlide #slideCap {
    margin-left: 130px;
}

#dSlide #slideCap td {
    width: 600px;
    height: 124px;
    text-align: center;
}
#dSlide #slideCap td span {
    display: inline-block;
    text-align: left;
    /display: inline;
    /zoom:: 1;
}

#dSlide #text {
    display: none;
}

/* movie
-------------------------------------------------------------------------------*/

#movie #header h1 {
    margin: 0;
}

#movie #youtube {
    width: 860px;
    text-align: center;
}

#movie #header h2 {
    margin-bottom: 38px;
}

#movie #header p {
    margin-bottom: 50px;
}

#movie #header div.fltL {
    padding: 48px 0 1px 0;
}

#movie #header div.center {
    padding: 48px 0 1px 180px;
}

#movie #archives {
    margin-bottom: 68px;
}

/* design
-------------------------------------------------------------------------------*/

#design #header h1 {
    margin: 0 -70px;
}

#design #header {
    border-bottom: none;
}

#design #header .navi {
    margin-top: 0;
}

#design #header .navi .current img {
    opacity: 0.60;
    -moz-opacity: 0.6;
    -ms-filter: "alpha(opacity=60)";
    filter: alpha(opacity=60);
}

#design .content h3 {
    padding: 20px 0 35px;
}

#design .content p {
    margin-left: 45px;
    padding: 13px 0 70px;
}

#design .content p.nocap {
    padding-top: 37px;
}

#design .content p.single {
    padding-top: 0;
}

#design .content p.lastChild {
    padding-bottom: 82px;
}


#design .content p span {
    color: #404040;
    font-size: 12px;
}

#design .content .photo {
    width: 400px;
    overflow: hidden;
}

#design .content .photo {
    margin-left: 45px;
}

#design .content .fltR {
    margin-left: 0;
}

#design .content #youtube {
    margin-top: -50px;
    margin-left: 45px;
    padding: 13px 0 70px;
}

/* size
-------------------------------------------------------------------------------*/

#size #header h1 {
    margin: 0 -70px;
}

#size #header {
    border-bottom: none;
}

#size #header .navi {
    margin-top: 0;
    margin-bottom: 21px;
}

#size #header .navi .current img {
    opacity: 0.60;
    -moz-opacity: 0.6;
    -ms-filter: "alpha(opacity=60)";
    filter: alpha(opacity=60);
}

#size .content p {
    margin-left: 45px;
    padding-bottom: 35px;
}

#size .content div {
    width: 400px;
    overflow: hidden;
    margin-bottom: 31px;
}

#size .content div.fltL {
    margin-left: 45px;
}

#size .content div.figure {
    margin: 14px 0 60px 45px;
}

#size .content p.cap {
    margin-left: 45px;
    font-size: 12px;
    color: #404040;
}

#size .content h3 {
    margin-bottom: 8px;
    margin-left: 45px;
}

#size .content table {
    margin-left: 45px;
    margin-bottom: 6px;
    width: 815px;
}

#size .content table th,
#size .content table td {
    border: #000 1px solid;
    text-align: center;
    vertical-align: middle;
    padding: 8px 15px;
    white-space: nowrap;
}

/* demerit
-------------------------------------------------------------------------------*/

#demerit #header {
    border-bottom: none;
}

#demerit #header h1 {
    margin: 0 -70px;
}

#demerit #header .navi {
    margin-top: 0;
    margin-bottom: 21px;
}

#demerit .firstChild {
    padding-left: 130px;
    padding-bottom: 26px;
}

#demerit .firstChild h3 {
    padding-bottom: 49px;
}

#demerit .firstChild h4 {
    padding-bottom: 19px;
    padding-left: 26px;
}

#demerit .firstChild p {
    padding-left: 54px;
    padding-bottom: 46px;
}

p.addBtn {
    padding-bottom: 22px;
}

#demerit .firstChild a {
    margin-left: 54px;
    margin-bottom: 44px;
    display: block;
}

#demerit .firstChild p.lastChild {
    padding-bottom: 76px;
}

/* staff
-------------------------------------------------------------------------------*/

#staff .firstChild {
    /*padding: 50px 0 31px 245px;*/
}

#staff .firstChild h3 {
    padding: 50px 0 49px 304px;
    padding-bottom: 49px;
}

/*#staff .firstChild h4 {
    padding-bottom: 19px;
    padding-left: 26px;
}

#staff .firstChild dl {
    padding-left: 54px;
    padding-bottom: 30px;
}

#staff .firstChild dl.lastChild {
    padding-bottom: 37px;
}

#staff .firstChild dd {
    padding-left: 15px;
}

#staff .firstChild dt.hide {
    display: none;
} */

#staff #footer li {
    float: none;
    margin-right: 0;
}

#staff .firstChild table {
    width: 100%;
}

#staff .firstChild td {
    vertical-align: top;
    padding-bottom: 19px;
    padding-left: 304px;
}

#staff .firstChild td.left,
#staff .firstChild td.right {
    width: 50%;
    padding-bottom: 30px;
}

#staff .firstChild td.left {
    text-align: right;
    padding-right: 10px;
    padding-left: 0;
}

#staff .firstChild td.right {
    padding-left: 10px;
}