@charset "Shift_JIS";
/* ----------------------------------------------------------
  TITLE : MIZUNO OFFICIAL ONLINE SHOPPING
  URI : www.mizunonetorder.com
  Copyright (C) MIZUNO
---------------------------------------------------------- */

/*----------------------------
    1. 共通設定
    2. 商品概要
    3. 機能
    4. 商品仕様
    5. フォームエリア
    6. カスタマーレビュー
    7. スタッフレビュー
    8. サイドエリア
------------------------------ */

/*   1. 共通設定
---------------------------------------------------- */
/* 基本レイアウト */
#fddGoods #layout #container #mainArea {
    width: 650px;
    float: right;
}

#fddGoods #layout #container #sideArea {
    width: 300px;
    float: left;
}

/* リンク設定 */
#fddGoods #layout #container #mainArea a {
    color: #00a0c6;
}

#fddGoods #layout #container #mainArea a:link {
    text-decoration: underline;
}

#fddGoods #layout #container #mainArea a:visited {
    text-decoration: underline;
}

#fddGoods #layout #container #mainArea a:hover {
    text-decoration: none;
}

#fddGoods #layout #container #mainArea a:focus {
    text-decoration: none;
}

#fddGoods #layout #container #mainArea a:active {
    text-decoration: underline;
}

/*   2. 商品概要
---------------------------------------------------- */
#fddGoods #layout #container #mainArea .outline {
}

#fddGoods #layout #container #mainArea .outline h2 {
    border-top: 1px solid #b8b8b8;
    padding: 15px 0 10px 5px;
    color: #000099;
    font-size: 16px;
    font-weight: bold;
}

#fddGoods #layout #container #mainArea .outline ul.price {
    padding: 10px 15px;
    border-top: 2px solid #000099;
    border-bottom: 1px dotted #b8b8b8;
    background: #f0f0f0;
}

#fddGoods #layout #container #mainArea .outline ul.price strong {
    color: #000099;
    font-size: 14px;
    font-weight: bold;
    margin: 0 2px 0 0;
}

#fddGoods #layout #container #mainArea .outline ul.price li.code {
    color: #666666;
}

#fddGoods #layout #container #mainArea .outline p {
    margin: 15px 0 0 10px;
}

/*   3. 機能
---------------------------------------------------- */
#fddGoods #layout #container #mainArea .function {
    margin: 30px 0 0;
}

#fddGoods #layout #container #mainArea .function h3 {
    padding: 5px 5px 2px;
    border: 1px solid #ccc;
}

#fddGoods #layout #container #mainArea .function h3 span {
    border-left: 4px solid #000099;
    padding: 1px 0 0 5px;
    color: #000099;
    font-weight: bold;
}

#fddGoods #layout #container #mainArea .function .functionBody {
}

#fddGoods #layout #container #mainArea .function .functionBody dl {
    float: left;
    margin: 15px 0 0 60px;
    width: 295px;
}

#fddGoods #layout #container #mainArea .function .functionBody dl dt {
    float: left;
    margin: 0 15px 5px 0;
}


/*   4.商品仕様
---------------------------------------------------- */
#fddGoods #layout #container #mainArea .method {
    margin: 30px 0 0;
}

#fddGoods #layout #container #mainArea .method h3 {
    padding: 5px 5px 2px;
    border: 1px solid #ccc;
}

#fddGoods #layout #container #mainArea .method h3 span {
    border-left: 4px solid #000099;
    padding: 1px 0 0 5px;
    color: #000099;
    font-weight: bold;
}

#fddGoods #layout #container #mainArea .method table {
    width: 650px;
    margin: 5px 0 0;
}

#fddGoods #layout #container #mainArea .method table th {
    width: 65px;
    padding: 5px;
    background: #ededed;
    font-weight: normal;
    text-align: center;
    border-top: 2px solid #fff;
}

#fddGoods #layout #container #mainArea .method table td {
    width: 563px;
    padding: 5px;
    background: #f7f7f7;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
}

/*   5. フォームエリア
---------------------------------------------------- */
#fddGoods #layout #container #mainArea .select {
    margin: 15px 0 0;
    padding: 15px 10px;
    background: #f2f2f2;
}

#fddGoods #layout #container #mainArea .select h3 {
    padding: 5px 5px 2px;
    border: 1px solid #ccc;
    background: #b2b2b2;
}

#fddGoods #layout #container #mainArea .select h3 span {
    border-left: 4px solid #fff;
    padding: 1px 0 0 5px;
    color: #fff;
    font-weight: bold;
}

/* カラー／サイズ */
#fddGoods #layout #container #mainArea .select .clorSize {
}

#fddGoods #layout #container #mainArea .select .clorSize p {
    margin: 10px 0 0;
    text-align: right;
}

/* その他 */
#fddGoods #layout #container #mainArea .select .other {
}

#fddGoods #layout #container #mainArea .select .other dl.optionText {
    margin: 0 30px 0 10px;
}

#fddGoods #layout #container #mainArea .select .other dl.optionSelect {
    margin: 10px 30px 0 10px;
    border-top: 1px solid #b8b8b8;
}

#fddGoods #layout #container #mainArea .select .other dl {
    width: 590px;
}

#fddGoods #layout #container #mainArea .select .other dl dt {
    float: left;
    margin: 10px 10px 0 0;
}

#fddGoods #layout #container #mainArea .select .other dl dd {
    float: left;
    width: 480px;
    margin: 10px 0 0;
}


#fddGoods #layout #container #mainArea .select .other input {
    width: 170px;
}

#fddGoods #layout #container #mainArea .select .other select {
    width: 145px;
}

/* submit */
#fddGoods #layout #container #mainArea .select .submit {
    margin: 20px 0 0;
    padding: 15px 15px 5px;
    background: #e3e3e3;
    text-align: center;
}

#fddGoods #layout #container #mainArea .select .submit ul li{
    display: inline;
    margin: 0 5px 0 0;
}

#fddGoods #layout #container #mainArea .select .submit ul li.amount {
    padding: 6px;
    color: #fff;
    font-weight: bold;
    background: #a6a6a6;
}

#fddGoods #layout #container #mainArea .select .submit ul li.amount {
    padding: 6px;
    color: #fff;
    font-weight: bold;
    background: #a6a6a6;
}

#fddGoods #layout #container #mainArea .select .submit ul li.amount input {
    width: 40px;
}

#fddGoods #layout #container #mainArea .select .submit p.bookmark {
    margin: 10px 0 0;
    padding: 10px 0 0;
    border-top: 1px solid #b8b8b8;

}

/* お友達に勧める */
#fddGoods #layout #container #mainArea ul.extraLink {
    margin: 5px 0 0 0;
    text-align: right;
}

#fddGoods #layout #container #mainArea ul.extraLink li {
    display: inline;
    margin: 0 0 0 20px;
}

#fddGoods #layout #container #mainArea ul.extraLink li.recommend a {
    padding: 0 0 0 15px;
    background: url(../images/parts/disp/icon_s_recommend.gif) no-repeat left center;
}

#fddGoods #layout #container #mainArea ul.extraLink li.stock a {
    padding: 0 0 0 15px;
    background: url(../images/parts/disp/icon_s_contact.gif) no-repeat left center;
}

/*   6. カスタマーレビュー
---------------------------------------------------- */
#fddGoods #layout #contents #center-column #detail .customerReview {
    margin: 30px 0 0;
    padding: 0 0 15px;
    border: 1px solid #6666c2;
}

#fddGoods #layout #contents #center-column #detail .customerReview h3 {
    padding: 5px 10px;
    background: url(../images/parts/disp/title_bk_blue.gif) repeat-x left top #a6a6db;
}

#fddGoods #layout #contents #center-column #detail .customerReview h3 span {
    color: #fff;
    font-weight: bold;
    padding: 0 0 0 17px;
    background: url(../images/parts/disp/icon_s_review_read.gif) no-repeat left center;
}

#fddGoods #layout #contents #center-column #detail .customerReview strong {
    font-weight: bold;
}

#fddGoods #layout #contents #center-column #detail .customerReview em {
    margin: 0 0 0 5px;
    color: #000099;
    font-weight: bold;
}

#fddGoods #layout #contents #center-column #detail .customerReview img {
    margin: -1px 0 0 0;
    vertical-align: top;
}

#fddGoods #layout #contents #center-column #detail .customerReview .intro {
    margin: 14px 14px 0;
    padding: 0 0 10px;
    border-bottom: 1px solid #b8b8b8;
}

#fddGoods #layout #contents #center-column #detail .customerReview .intro p strong {
    margin: 0 15px 0 0;
}

#fddGoods #layout #contents #center-column #detail .customerReview .intro p span {
    margin: 0 15px 0 0;
    font-weight: bold;
}
/* レビュー内容 */
#fddGoods #layout #contents #center-column #detail .customerReview .column {
    margin: 14px 14px 0;
    padding: 0 0 10px;
    border-bottom: 1px dotted #b8b8b8;
}

#fddGoods #layout #contents #center-column #detail .customerReview .column dl.ColumnHead {
}

#fddGoods #layout #contents #center-column #detail .customerReview .column dl.ColumnHead dt {
    float: left;
    width: 560px;
}

#fddGoods #layout #contents #center-column #detail .customerReview .column dl.ColumnHead dt strong {
    margin: 0 0 0 10px;
    color: #666;
}

#fddGoods #layout #contents #center-column #detail .customerReview .column dl.ColumnHead dd {
    float: right;
    width: 560px;
    text-align: right;
    font-size: 10px;
    color: #808080;
}

#fddGoods #layout #contents #center-column #detail .customerReview .column dl.ColumnHead dd strong {
    color: #808080;
}

#fddGoods #layout #contents #center-column #detail .customerReview .column p {
    margin: 10px 0 0;
    padding: 5px;
    background: #f2f2f2;
}

#fddGoods #layout #contents #center-column #detail .customerReview .column dl.reference {
    margin: 10px 0 0;
    text-align: right;
}

#fddGoods #layout #contents #center-column #detail .customerReview .column dl.reference dt,
#fddGoods #layout #contents #center-column #detail .customerReview .column dl.reference dd {
    display: inline;
}

#fddGoods #layout #contents #center-column #detail .customerReview .column dl.reference dt {
    font-size: 10px;
    padding: 3px 5px 0 0;
}

/* この商品についてのレビューを書く */
#fddGoods #layout #contents #center-column #detail .customerReview .moreLink {
    margin: 10px 14px 0;
}

#fddGoods #layout #contents #center-column #detail .customerReview .moreLink ul {
    float: right;
}

#fddGoods #layout #contents #center-column #detail .customerReview .moreLink ul li {
    margin: 5px 0 0;
}

#fddGoods #layout #contents #center-column #detail .customerReview .moreLink ul li.write {
    padding: 0 0 0 15px;
    background: url(../images/parts/disp/icon_s_review_write.gif) no-repeat left center;
}

#fddGoods #layout #contents #center-column #detail .customerReview .moreLink ul li.view {
    padding: 0 0 0 15px;
    background: url(../images/parts/disp/icon_s_review_read.gif) no-repeat left center;
}


/* 件数表示 */
#fddGoods #layout #contents #center-column #detail .customerReview .indication {
    margin: 10px 14px 0;
    padding: 10px 0;
    border-top: 1px solid #b8b8b8;
    border-bottom: 1px solid #b8b8b8;
    line-height: 1.1;
}

#fddGoods #layout #contents #center-column #detail .customerReview .indication p.indNumber {
    float: left;
}

#fddGoods #layout #contents #center-column #detail .customerReview .indication p.indNumber strong {
    font-weight: bold;
    color: #000099;
}

#fddGoods #layout #contents #center-column #detail .customerReview .indication p.indLink {
    float: right;
}

#fddGoods #layout #contents #center-column #detail .customerReview .indication p.indLink em.rev {
    background: url(../images/parts/common/point_lightgray_reverse.gif) no-repeat left center;
    padding: 0 0 0 10px;
}

#fddGoods #layout #contents #center-column #detail .customerReview .indication p.indLink em.next {
    background: url(../images/parts/common/point_lightgray.gif) no-repeat right center;
    padding: 0 10px 0 0;
}

/* 件数表示：リンク色変更 */
#fddGoods #layout #contents #center-column #detail .customerReview .indication a {
    color: #00a0c6;
}
#fddGoods #layout #contents #center-column #detail .customerReview .indication a:link {
    text-decoration: underline;
}
#fddGoods #layout #contents #center-column #detail .customerReview .indication a:visited {
    text-decoration: underline;
}
#fddGoods #layout #contents #center-column #detail .customerReview .indication a:hover {
    text-decoration: none;
}
#fddGoods #layout #contents #center-column #detail .customerReview .indication a:focus {
    text-decoration: none;
}
#fddGoods #layout #contents #center-column #detail .customerReview .indication a:active {
    text-decoration: underline;
}

#fddGoods #layout #contents #center-column #detail .customerReview .indication em {
    color: #b2b2b2;
    font-weight: normal;
}

#fddGoods #layout #contents #center-column #detail .customerReview .indication span {
    font-weight: bold;
}

/*   7. スタッフレビュー
---------------------------------------------------- */
#fddGoods #layout #container #mainArea .stuffReview {
    margin: 30px 0 0;
    padding: 0 0 15px;
    border: 1px solid #b2b2b2;
}

#fddGoods #layout #container #mainArea .stuffReview h3 {
    padding: 5px 10px;
    background: url(../images/parts/disp/title_bk_graye.gif) repeat-x left top #e6e6e6;
}

#fddGoods #layout #container #mainArea .stuffReview h3 span {
    color: #000099;
    font-weight: bold;
    padding: 0 0 0 17px;
    background: url(../images/parts/disp/icon_s_review_read.gif) no-repeat left center;
}

#fddGoods #layout #container #mainArea .stuffReview p {
    margin: 15px 14px 0;
}

/*   8. サイドエリア
---------------------------------------------------- */
/* 商品イメージ周り */
#fddGoods #layout #container #sideArea p.phSpread {
    margin: 5px 0 0;
    text-align: right;
}

#fddGoods #layout #container #sideArea .variation {
    margin: 15px 0 0;
}

#fddGoods #layout #container #sideArea .variation ul {
    margin: 5px 0 0;
}

#fddGoods #layout #container #sideArea .variation ul li {
    float: left;
    margin: 0 10px 0 0;
}

/* 他共通部分 */
#fddGoods #layout #container #sideArea .section {
    margin: 5px 0 0;
    padding: 10px 0;
    border: 1px solid #c4c4c4;
}

#fddGoods #layout #container #sideArea .section dl {
    width: 270px;
    margin: 15px 14px 0;
}

#fddGoods #layout #container #sideArea .section dl dt {
    float: left;
    width: 75px;
}

#fddGoods #layout #container #sideArea .section dl dd {
    float: right;
    width: 180px;
}

#fddGoods #layout #container #sideArea .section dl dd.price {
    font-size: 10px;
}

#fddGoods #layout #container #sideArea .section dl dd.price strong {
    font-size: 12px;
    color: #000099;
    font-weight: bold;
}

#fddGoods #layout #container #sideArea .section dl dd.code {
    font-size: 10px;
    color: #666;
}

#fddGoods #layout #container #sideArea .sectionTop {
    margin: 45px 0 0;
}

.cartAnchor {
    float:right;
}

.cartAnchor ul {
   background:#F0F0F0;
   margin:0px 0px 0px 10px;
}

.cartAnchor ul li.box1 {
    padding:10px 0px 0px 10px;
}

.cartAnchor ul li.box2 {
    padding:10px 20px 20px 20px;
}

.cartAnchor ul li span {
    border-left:4px solid #000099;
    font-weight:bold;
    padding-left:5px;
    font-size:14px;
    color:#000099;
}