html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead, th,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:top;
    background:transparent;
}

html{
  height:100%;
}

body {
  height: 100%;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-text-size-adjust: 100%;
  background-color: #19194b;
	font: 14px/1 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  sans-serif;
}

#wrapper{
  background-color: #ffffff;
  width: 1024px;
  margin:  0 auto;
}

/*
  fixnav
*/
.fixen{
  position: fixed;
  top: 4px;
  left:50%;
  z-index: 100;
  width: 80px;
  margin-left: -508px;
}

.fix{
  position: fixed;
  top: 4px;
  left:50%;
  z-index: 100;
  width: 259px;
  margin-left: 253px;
}

.fix .btnlineup{
  float: left;
  margin-left: 132px;
  height: 29px;
}

.fix .btnindex{
  margin-right: 4px;
  float: right;
  height: 29px;
  margin-left: 4px;
  cursor: pointer;
}

.fixnav ul{
  transition: 0.4s ease-out;
  -moz-transition: 0.4s ease-out;
  -webkit-transition: 0.4s ease-out;
  -o-transition: 0.4s ease-out;
  -ms-transition: 0.4s ease-out;

  transition-delay: 0.0;
  -moz-transition-delay: 0.0;
  -webkit-transition-delay: 0.0;
  -o-transition-delay: 0.0;
  -ms-transition-delay: 0.0;

  padding-right: 11px;
  clear: both;
  width: 244px;
  height: 226px;
  background-image: url(../img/mizuho_nav_index_bg.png);
  display: block;
}

.fixnav ul.hide{
  height: 0px;
  transition-delay: 0.2;
  -moz-transition-delay: 0.2;
  -webkit-transition-delay: 0.2;
  -o-transition-delay: 0.2;
  -ms-transition-delay: 0.2;
}

.fixnav li{
  transition: 0.4s ease-out;
  -moz-transition: 0.4s ease-out;
  -webkit-transition: 0.4s ease-out;
  -o-transition: 0.4s ease-out;
  -ms-transition: 0.4s ease-out;

  transition-delay: 0.2;
  -moz-transition-delay: 0.2;
  -webkit-transition-delay: 0.2;
  -o-transition-delay: 0.2;
  -ms-transition-delay: 0.2;

  float: right;
  margin-left: 7px;
  margin-top: 10px;
  list-style:none;
  opacity: 1.0;
}

.fixnav ul.hide li{
  transition-delay: 0.0;
  -moz-transition-delay: 0.0;
  -webkit-transition-delay: 0.0;
  -o-transition-delay: 0.0;
  -ms-transition-delay: 0.0;
  opacity: 0.0;
  height: 0.0;
  visibility: hidden;
}

.fixnav li.last{
  margin-left: 0px;
}

/*
  arrows
*/

#arrows{
  background-color: rgba(255,255,255,0.4);
  padding: 4px;
  width: 37px;
  position: fixed;
  bottom: 0px;
  left: 50%;
  z-index: 11;
  margin-left: 467px;
}

#arrows li{
  display: block;
}
#arrows li a{
  width: 37px;
  height: 20px;
  display: block;
  text-indent: -9999px;
}

#arrows li.up a{
  background: url(../img/arrow_up.png);
}

#arrows li.down a{
  margin-top: 15px;
  background: url(../img/arrow_down.png);
}

#arrows .hide {
  opacity: 0.2;
}


/*
  indicators
*/

#indicators{
  background-color: rgba(255,255,255,0.4);
  padding: 4px;
  width: 6px;
  position: fixed;
  margin-top: -42px;
  top: 50%;
  left:50%;
  margin-left: 482px;
  z-index: 10;
}

#indicators li{
  list-style-type: none;
  margin-bottom: 7px;
}

#indicators li.last{
  margin-bottom: 0px;
}


#indicators .indicator a{
  display: block;
  width: 6px;
  height: 6px;
  text-indent: -9999px;
  background: url(../img/indicator_off.png);
}

#indicators .indicator.active a{
  background: url(../img/indicator_on.png);
}

.content{
  position: relative;
}

.c01{
  height: 768px;
  background-image: url(../img/mizuho_content_bg_01.jpg);
}

.c02{
  height: 768px;
  background-image: url(../img/mizuho_content_bg_02.jpg);
}

.c03{
  height: 768px;
  background-image: url(../img/mizuho_content_bg_03.jpg);
}

.c04{
  height: 768px;
  background-image: url(../img/mizuho_content_bg_04.jpg);
}

.c05{
  height: 768px;
  background-image: url(../img/mizuho_content_bg_05.jpg);
}

.c06{
  height: 768px;
  background-image: url(../img/mizuho_content_bg_06.jpg);
}

.c07{
  height: 1277px;
  background-image: url(../img/mizuho_content_bg_07.jpg);
}

.c08{
  height: 1366px;
  position: relative;
  overflow: hidden;
  background-color: #000;
  background-image: url(../img/mizuho_content_bg_08.jpg);
}

.c08c{
  position: absolute;
  top: 0px;
  left:0px;
  -webkit-transition: left 0.5s ease-out;
}

.c08c.child{
  left:-1024px;
}

.c0801{
  height: 1366px;
  width: 1024px;
}

.c0802{
  -webkit-transition: left 0.5s ease-out;
  background-image: url(../img/mizuho_c08_02_bg.png);
  position: absolute;
  width: 1024px;
  left: 1024px;
  top: 598px;
  height: 768px;
}

.c09{
  padding-bottom: 30px;
  padding-left: 100px;
  padding-right: 100px;
  background-color: #ffffff;
}

.c10{
  text-align: center;
  padding-bottom: 50px;
  padding-left: 20px;
  padding-right: 20px;
  background-repeat: no-repeat;
  background-position: center top;
  background-color: #ffffff;
}

/*
  c01
*/

.c01 h1{
  position: absolute;
  left: 286px;
  top:105px;
}

nav p{
  position: absolute;
  left: 431px;
  top:436px;
}

.c01 nav ul{
  position: absolute;
  left: 223px;
  top:436px;
  border-top: 1px solid #bcbcbc;
}
.c01 nav li{
  float: right;
  margin-left: 7px;
  margin-top: 5px;
  list-style:none;
}

.c01 nav li.last{
  margin-left: 0px;
}

.c01 nav li a{
  width: 23px;
}

/*
  c02
*/

.c02 h2{
  position: absolute;
  left: 740px;
  top:96px;
}
.c02 .txt01{
  position: absolute;
  left: 747px;
  top:550px;
}

/*
  c03
*/

.c03 h2{
  position: absolute;
  left: 934px;
  top:105px;
}
.c03 .txt01{
  position: absolute;
  left: 668px;
  top:105px;
}

/*
  c04
*/

.c04 h2{
  position: absolute;
  left: 934px;
  top:105px;
}
.c04 .txt01{
  position: absolute;
  left: 746px;
  top:105px;
}
.c04 .txt02{
  position: absolute;
  left: 173px;
  top:105px;
}

/*
  c05
*/

.c05 h2{
  position: absolute;
  left: 374px;
  top:105px;
}
.c05 .txt01{
  position: absolute;
  left: 64px;
  top:105px;
}

/*
  c06
*/

.c06 h2{
  position: absolute;
  left: 934px;
  top:105px;
}
.c06 .txt01{
  position: absolute;
  left: 671px;
  top:105px;
}

/*
  c07
*/

.c07 .txt01{
  position: absolute;
  left: 518px;
  top:110px;
}
.c07 .txt02{
  position: absolute;
  left: 518px;
  top:139px;
}
.c07 .txt03{
  position: absolute;
  left: 518px;
  top:208px;
}
.c07 .txt04{
  position: absolute;
  left: 518px;
  top:451px;
}
.c07 .txt05{
  position: absolute;
  left: 518px;
  top:623px;
}
.c07 .txt06{
  position: absolute;
  left: 518px;
  top:890px;
}
.c07 .txt07{
  position: absolute;
  left: 518px;
  top:920px;
}
.c07 .txt08{
  position: absolute;
  left: 518px;
  top:988px;
}

/*
  c08
*/

.c08 .txt01{
  position: absolute;
  left: 44px;
  top:27px;
}
.c08 .txt02{
  position: absolute;
  left: 452px;
  top:241px;
}
.c08 .txt03{
  position: absolute;
  left: 68px;
  top:439px;
}
.c08 .txt04{
  position: absolute;
  left: 246px;
  top:753px;
}
.c08 .txt05{
  position: absolute;
  left: 481px;
  top:1027px;
}

.c0801 .childShow{
  position: absolute;
  left: 747px;
  top:1223px;
}
.c0801 .childShow:hover{
  background-position: left bottom;
}

/*
  08
*/

.c0802 .txt01{
  position: absolute;
  left: 860px;
  top:74px;
}
.c0802 .txt02{
  position: absolute;
  left: 650px;
  top:74px;
}
.c0802 .txt03{
  position: absolute;
  left: 500px;
  top:74px;
}
.c0802 .txt04{
  position: absolute;
  left: 315px;
  top:74px;
}
.c0802 .txt05{
  position: absolute;
  left: 220px;
  top:74px;
}

.c0802 .childHide{
  position: absolute;
  left: 77px;
  top:346px;
}

.c0802 .childHide:hover{
  background-position: left bottom;
}



/*
  09
*/

.c09 .colum {
  width: 380px;
  float: left;
}

.c09 .colum2 {
  width: 380px;
  float: right;
}

.c09 .colum_1 {
  width: 250px;
  float: left;
  margin-bottom:30px;
}

.c09 .colum_2  {
  width: 250px;
  margin-left: 40px;
  float: left;
  margin-bottom:30px;
}

.c09 .colum_3 {
  width: 250px;
  float: right;
  margin-bottom:30px;
}

.c09 .info .bottle{
  display: block;
  margin-left: -23px;
}

.c09 .info .title{
  margin-top:3px;
}

.c09 .info .text{
  margin-top:19px;
  margin-bottom:25px;
}
.c09 .info .text2{
  margin-top:19px;
  margin-bottom:5px;
}

.c09 .product {
  position: relative;
  margin-bottom: 23px;
}

.c09 .product input{
  position: absolute;
  top:0px;
  right: 33px;
  border-radius:0;
  -webkit-border-radius:0;
  cursor: pointer;
}

.c09 .product .title{
  width: 259px;
}

.c09 .product .cartbtn2{
  margin-left:12px;
}

.c09 .product .info {
  margin-top: 6px;
}

.c09 .product_2 {
  position: relative;
  margin-bottom: 8px;
}

.c09 .product_2 input{
  position: absolute;
  top:0px;
  right: 33px;
  border-radius:0;
  -webkit-border-radius:0;
  cursor: pointer;
}

.c09 .product_2 .title{
  width: 250px;
}
.c09 .product_2 .cartbtn3{
  float: right;
  margin-right: 33px;
}

.c09 .product_2 .info {
  margin-top: 6px;
}

.c09 .notice {
  clear: both;
  width: 760px;
  margin: 0px auto;
}

/*
  c10
*/

.c10 .footnav{
  margin:  0 auto;
  width: 750px;
  height: 170px;
  margin-bottom: 33px;
  background-image: url(../img/mizuho_footer_nav_bg.png);
  background-position: left bottom;
  background-repeat: no-repeat;
}

.c10 .footnav li{
  float: left;
  list-style-type: none;
  padding-left: 10px;
  padding-right: 10px;
  background-image: url(../img/mizuho_footer_nav_bg.png);
  background-position: right bottom;
  background-repeat: no-repeat;
}

.c10 p{
  clear:both;
  margin-top:8px;
}

.c10 p.fukumitsu{
  margin-bottom: 20px;
}