@charset "utf-8";

/* haramaki
-------------------------------------------------------------------------------*/

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;
}

#header {
    padding-top: 16px;
    text-align: center;
    position: relative;
}

#header > img {
    position: absolute;
    top: 93px;
    left: 650px;
}

#footer {
   margin: 0 auto;
   text-align: center;
   width: 800px;
}

#footer li {
    float: left;
}

#footer ul {
    padding: 40px 0;
    border-top: #000 1px solid;
}

#footer ul + ul {
    padding: 25px 0;
}

#footer ul:first-child li {
    margin-top: 25px;
}

#footer ul:first-child li + li {
    float: right;
    margin-top: 0;
}

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

#footer address {
   padding: 28px 0;
}

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

#contentsHeader {
   text-align: center; 
}

#contentsHeader img {
   margin: 32px 0 32px; 
}

#contentsHeader img + img {
   margin: 0;
}

#contentsMain {
   padding-left: 197px;
   background: url(/store/haramaki/2013_summer/images/bg_yellow_02.png) 0 0;
}

#contentsMain h2 {
    font-size: 18px;
    line-height: 1.85;
    letter-spacing: 0.1em;
    padding-top: 37px;
}

#contentsMain p {
    font-size: 14px;
    line-height: 1.85;
    letter-spacing: 0.1em;
    padding-top: 28px;
}

#contentsMain img + p {
    padding-top: 20px;
}

#contentsMain span {
    color: #666;
    font-size: 12px;
    line-height: 1.75;
    padding-top: 6px;
    display: inline-block;
}

#contentsMain img {
    padding-top: 19px;
}

#contentsMain span + img {
    padding-top: 39px;
}

#contentsMain a {
   text-decoration: underline;
   color: #000;
}

#contentsMain a:hover {
   text-decoration: none;
}

#contentsMain span a {
   color: #666;
}

#contentsMain img {
   display: block; 
}

#contentsItem {
   padding: 46px 0 42px;
   background: url(/store/haramaki/2013_summer/images/bg_pink_01.png) 0 0;
}

#contentsItem .inner {
   text-align: center;
   margin: 0 auto;
   width: 801px;
   min-height: 347px;
   background: url(/store/haramaki/2013_summer/profile/images/bg_item_b.png) repeat-y;
   position: relative;
}

#contentsItem .inner:before {
   width: 801px;
   height: 11px;
   content: url(/store/haramaki/2013_summer/profile/images/bg_item_h.png);
   position: absolute;
   top: -11px;
   left: 0;
}

#contentsItem .inner:after {
   width: 801px;
   height: 11px;
   content: url(/store/haramaki/2013_summer/profile/images/bg_item_f.png);
   position: absolute;
   bottom: -11px;
   left: 0;
}

/* yamaguchi */

#contentsItem .w500 {
   width: 501px;
   min-height: 304px;
   background: url(/store/haramaki/2013_summer/profile/images/bg_item_b_w500.png) repeat-y;
}

#contentsItem .w500:before {
   width: 501px;
   content: url(/store/haramaki/2013_summer/profile/images/bg_item_h_w500.png);
}

#contentsItem .w500:after {
   width: 501px;
   content: url(/store/haramaki/2013_summer/profile/images/bg_item_f_w500.png);
}


#contentsItem h3 {
   padding: 17px 0 21px;
}

#contentsItem p {
   margin-top: 23px;
}

#contentsDesigner {
   text-align: center;
   height: 260px;
   background: url(/store/haramaki/2013_summer/images/bg_pink_02.png) repeat-x;
   position: relative;
}

#contentsDesigner h3 {
   padding: 24px 0 31px;
}

#contentsDesigner ul {
   width: 796px;
   height: 122px;
   margin: 0 auto;
}

#contentsDesigner li {
   width: 100px;
   height: 122px;
   float: left;
   overflow: hidden;
   background: url(/store/haramaki/2013_summer/profile/images/bg_cd.jpg) no-repeat;
}

#contentsDesigner li#cd01 {
   background: none;
}

#contentsDesigner li#cd02 {
   background-position: 0 0;
}

#contentsDesigner li#cd03 {
   background-position: -116px 0;
}

#contentsDesigner li#cd04 {
   background-position: -232px 0;
}

#contentsDesigner li#cd05 {
   background-position: -348px 0;
}

#contentsDesigner li#cd06 {
   background-position: -464px 0;
}

#contentsDesigner li#cd07 {
   background-position: -580px 0;
}

#contentsDesigner li + li {
   margin-left: 16px;
}

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

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

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

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

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

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

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

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

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

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

.box dt.fltL  {
   clear: both;
}

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