@charset "utf-8";

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

html {
    background: url(/store/haramaki/2013_summer/images/bg_black.png) 50% 0;
}

#wrapper {
    width: 894px;
    margin: 0 auto;
    background: url(/store/haramaki/2013_summer/images/bg_yellow_01.png) 0 0;
}

/* box */

.box {
   position: relative;
}

.box:before {
   height: 19px;
   position: absolute;
   top: -19px;
   left: 0;
}

.box:after {
   height: 19px;
   position: absolute;
   bottom: -19px;
   left: 0;
}

/* header */

#header {
    background: url(/store/haramaki/2013_summer/images/bg_blue.png) 0 0;
    height: 705px;
    overflow: hidden;
}

#header h1 {
    text-align: center;
    padding: 17px 0 24px 47px;
    float: left;
}

#header ul {
    padding: 15px 47px 18px 0;
    float: right;
}

#header li {
    float: left;
    height: 21px;
    overflow: hidden;
}

#header li + li {
    padding-left: 19px;
    margin-left: 19px;
    border-left: #000 1px solid;
}

/* footer */

#footer {
    text-align: center;
}

#footer ul {
    text-align: left;
    height: 207px;
    background: #fff;
    padding: 18px 118px 0 146px;
}

#footer ul li > img {
    display: block;
    margin-bottom: 16px;
}

#footer ul li {
    float: left;
}

#footer ul li + li {
    float: right;
}

#footer ul li + li > img {
     margin-bottom: 13px;
}

#footer ul + ul {
     display: inline-block;
     height: 31px;
     background: none;
     margin: 40px auto 43px;
     padding: 0;
}

#footer ul + ul li + li {
    float: left;
    margin-left: 29px;
}

#footer address {
    padding-bottom: 28px;
}

#footer ul li.fb {
    min-width: 153px;
    margin-left: 37px;
}

#footer ul li.fb div {
    margin-top: 6px;
}

/* notice */

#notice {
    background: url(/store/haramaki/2013_summer/images/bg_pink_01.png) top left repeat-x;
    padding-top: 43px;
}

#notice p {
    margin: 30px 0;
    text-align: center;
    font-size: 12px;
    line-height: 1.75;
    color: #404040;
}

#notice .box {
   width: 601px;
   margin: 0 auto 20px;
   padding-bottom: 11px;
   background: url(/store/haramaki/2013_summer/profile/images/bg_box_f.png) no-repeat bottom left;
}

#notice .box dl {
   background: url(/store/haramaki/2013_summer/profile/images/bg_box_b.png) repeat-y;
   position: relative;
   padding: 34px 0 25px 80px;
}

#notice .box dt:before {
   content: "■";
   margin-left: -1em;
   color: #ff0000;
}

#notice .box + .box  {
   margin: 0 auto;
}

#notice .box + .box dl  {
   padding: 31px 0 25px 180px;
}

#notice .box dt {
   font-size: 14px;
   line-height: 1.85;
   letter-spacing: 0.1em;
}

#notice .box dd + dt {
   padding-top: 29px;
}

#notice .box dd {
   margin-left: -1em;
   font-size: 14px;
   line-height: 1.85;
   letter-spacing: 0.1em;
}

#notice .box dd span {
    font-size: 12px;
    line-height: 1.75;
}

#notice .box dt + dd {
   margin-left: 0;
}

#notice .box dt.fltL  {
   clear: both;
}

#notice .box dd.fltL  {
   padding-top: 29px;
}

/* slide */

#slide {
    clear: both;
    width: 800px;
    height: 600px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

#slide img {
    position: absolute;
    top: 600px;
    left: 0;
    display: none;
}

#slide .foreground {
    top: 0;
    z-index: 1;
    display: block;
}

#slide .background {
    top: 0;
    display: block;
}

/* product */

#product {
    padding: 30px 46px 21px;
    background: url(/store/haramaki/2013_summer/images/bg_pink_01.png) top left repeat-x;
}

#product > div > div {
    padding: 19px 0 43px;
}

#product .box + .box {
    margin-top: 62px;
}

#product h2 {
    text-align: center;
    padding-bottom: 19px
}

#product h3 {
    height: 41px;
    text-align: center;
}

#product dt {
    min-height: 173px;
}

#product dd > img {
    display: block;
    margin: 0 auto;
}

#product ul {
   display: inline-block;
   width: 195px;
   margin: 18px auto 0;
   vertical-align: top;
}

#product li {
   width: 65px;
   min-height: 55px;
   overflow: hidden;
   float: left;
   text-align: center;
}

#product li a {
   display: block;
   height: 15px;
   margin-top: 3px;
   overflow: hidden;
   position: relative;
}

#product li a.order img {
   margin-top: -16px;
}

#product li a:hover img {
   margin-top: 0;
}

#product li span {
   font-size: 12px;
   letter-spacing: 0.15em;
   line-height: 14px;
   display: block;
}

#product li a + span {
   font-size: 10px;
   color: #f00;
   line-height: 14px;
   min-height: 14px;
}

#product .fltR > p {
    margin: 81px 0 -19px;
    min-height: 26em;
    position: relative;
}

#product .fltR > p img {
    position: absolute;
    bottom: 0;
}

/* single */

#product dl.single dt {
    min-height: 183px;
}

#product dl.single li {
   width: 195px;
   overflow: hidden;
   float: none;
}

#product dl.single li a {
   height: 50px;
   margin-top: 8px;
}

#product dl.single li a.order img {
   margin-top: -51px;
}

#product dl.single li a:hover img {
   margin-top: 0;
}

/* w525 */

#product .w525{
   text-align: center;
   margin: 0 auto;
   width: 526px;
   min-height: 52em;
   padding: 31px 0;
   background: url(/store/haramaki/2013_summer/images/bg_box_b_w525.png) repeat-y;
}

#product .w525:before {
   width: 526px;
   content: url(/store/haramaki/2013_summer/images/bg_box_h_w525.png);
}

#product .w525:after {
   width: 526px;
   content: url(/store/haramaki/2013_summer/images/bg_box_f_w525.png);
}

#product .w525 h3{
   margin-top: -30px;
}

#product .w525 dl {
    float: left;
    width: 263px;
    position: relative;
    z-index: 1;
}

#product .w525 dl.single {
    margin-top: 88px;
}

/* w250 */

#product .w250{
   text-align: center;
   margin: 0 auto;
   width: 251px;
   min-height: 26em;
   background: url(/store/haramaki/2013_summer/images/bg_box_b_w250.png) repeat-y;
}

#product .w250:before {
   width: 251px;
   content: url(/store/haramaki/2013_summer/images/bg_box_h_w250.png);
}

#product .w250:after {
   width: 251px;
   content: url(/store/haramaki/2013_summer/images/bg_box_f_w250.png);
}

#product .w250 h3{
   padding-top: 1px;
}

#product .w250 dl {
    width: 251px;
    position: relative;
    z-index: 1;
}

#product .w250 ul{
    margin-bottom: -25px;
}

/* lead */

#lead {
    background: url(/store/haramaki/2013_summer/images/bg_yellow_02.png) 0 0;
    min-height: 362px;
    padding: 13px 47px 0;
}

#lead > p {
    width: 420px;
    padding-top: 5px;
    float: left;
    font-size: 14px;
    line-height: 2.14;
    letter-spacing: 0.1em;
}

#lead ul {
    width: 191px;
    float: right;
}

#lead li {
    margin-bottom: 19px;
    float: left;
}

#lead li + li {
    float: right;
}

#lead div {
    width: 150px;
    padding-top: 14px;
    margin-right: 30px;
    float: right;
    font-size: 12px;
    letter-spacing: 0.15em;
    line-height: 1.5;
}

#lead h3 {
    padding-bottom: 9px;
}

#lead span {
    display: block;
}

#lead div a {
    color: #595959;
    text-decoration: none;
}

#lead #news1img {
    width: 150px;
    height: 100px;
    display: block;
    margin-bottom: 8px;
    border-radius: 11px;
}

#lead a:hover #news1img {
    opacity:.6;
    -moz-opacity:.6;
    -ms-filter:"alpha(opacity=60)";
    filter:alpha(opacity=60)
}