@charset "shift_jis";
/* CSS Document */

/*   ヘッダ　---------------------------------------------------- */
#header {
    height: 73px;
    margin-top: 0px;
    margin-right: auto;
    margin-left: auto;
    width: auto;
    margin-bottom: 18px;
    border-bottom: 1px #ccc solid;
}

#header #headTop {
    width: auto;
    height: 72px;
    position: relative;
}

#header #headTop h1 {
    position: absolute;
    top: 0px;
    left: 0px;
    margin: 0px;
}

#header #headTop p.menu_cart {
    position: absolute;
    top: 8px;
    right:360px;
    background: url(../../images/v2/common/header_icon_cart.png) top left no-repeat transparent;
}

#header #headTop p.menu_cart span {
    position: absolute;
    top: -5px;
    right: -5px;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background: #cc0000;
    text-align: center;
    color: #ffffff;
    font-size: 11px;
    display: flex;
    justify-content: center;
    align-items: center;
}


#header #headTop p.freeCharge {
    position: absolute;
    top: 11px;
    right: 80px;
}
#header #headTop p.freeCharge2 {
    position: absolute;
    top: 8px;
    left: 581px;
}

.scroll-x-tbl {
	border: 0;
	cellspacing: 0;
	cellpadding: 0;
    table-layout: auto;
    width: -webkit-fill-available  !important;
}

#one-center-column.order .scroll-x-tbl {
	width: 830px;
}

#form .scroll .scroll-x-tbl {
  width: 980px;
}

#header #headTop #myArea {
    position: absolute;
    top: 40px;
    right: 80px;
    text-align: right;
}

#header #headTop #myArea p {
    display: inline;
}

#header #headTop #myArea p.name {
    font-size: 11px;
}

#header #headTop #myArea ul {
    display: inline;
    margin: 0 5px 0 0;
}

#header #headTop #myArea ul li {
    display: inline;
}

#header #headTop #myArea .cart {
    display: inline;
    border-bottom: 1px solid #bfbfbf;
    padding: 0 0 2px 0;
}

#header #headTop ul.btArea {
    position: absolute;
    top: 10px;
    left: 1107px;
}

#header #headTop ul.btArea li.login {
    position: absolute;
    top: 28px;
    left: 0px;
}
#header #headTop ul.btArea2 {
    position: absolute;
    top: 10px;
    left: 1107px;
}
#header #headTop ul.btArea2 li.login {
    position: absolute;
    top: 28px;
    left: 0px;
}

#layout {
    width: 1200px;
    margin: 0 auto;
    padding: 0 10px;
}

#layout #container {
    width: 980px;
}

#layout #container #threeBoxLeft {
    width: 788px;
    float: left;
}

#layout #container #threeBoxLeft #main {
    width: 596px;
    float: right;
}

#layout #container #sideMenu {
    width: 172px;
    float: left;
}

#layout #container #sideRight {
    width: 172px;
    float: right;
}

#layout #container #twoBox #main {
    width: 788px;
    float: right;
    border-top: 1px solid #b8b8b8;
}
#layout  div.sel-img-and_nm {
	display: flex;
	align-items: center;
    width: auto;
    white-space: normal;
}
#layout  div.sel-img-and_nm .sel-nm {
    width: auto;
    white-space: normal;
}

/*   レイアウト　---------------------------------------------------- */
#contents {
    width: auto;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 30px;
    clear: both;
}
#left-column {
    width: 172px;
    float: left;
    margin-right: 50px;
}

#top-main {
    width: 900px;
    float: left;
}


#center-print {
    width: 600px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 30px;
    clear: both;
}


#center-column {
    width: 720px;
    float: left;
}

#right-column {
    width: auto;
    float: right;
}

#right-column-new {
    width: 280px;
    float: right;
}

/*   フッタ　---------------------------------------------------- */
#footer {
    width: 1200px;
    height: 30px;
    position: relative;
    margin-top: 20px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    clear: both;
    padding: 0 10px;
}

#footer p.pagetop a {
    line-height: 1;
    background: url(../images/parts/footer/ft_ic_pagetop.gif) no-repeat left center;
    padding: 0 0 0 15px;
    font-size: 10px;
}

#footer ul {
    position: absolute;
    top: 80px;
    left: 0px;
}

#footer ul li {
    line-height: 1;
    background: url(../images/parts/footer/ft_ic_txt_arrow.gif) no-repeat left center;
    padding: 0 0 0 10px;
    margin: 0 10px 0 0;
    display: inline;
    font-size: 10px;
}

#footer address {
    position: absolute;
    top: 103px;
    left: 0px;
}

#footer p.mizunoLogo {
    position: absolute;
    top: 44px;
    left: 866px;
}

#footer a:link {
    text-decoration: underline;
}
#footer a:visited {
    text-decoration: underline;
}
#footer a:hover {
    text-decoration: none;
}
#footer a:focus {
    text-decoration: none;
}
#footer a:active {
    text-decoration: underline;
}


#cmFooter_20111201 ul, #cmFooter_20111201 ol, #cmFooter_20111201 li,
#cmFooter_20111201 table, #cmFooter_20111201 tbody, #cmFooter_20111201 th, #cmFooter_20111201 tr, #cmFooter_20111201 td,
#cmFooter_20111201 p, #cmFooter_20111201 span, #cmFooter_20111201 strong, #cmFooter_20111201 em,
#cmFooter_20111201 h1, #cmFooter_20111201 h2, #cmFooter_20111201 h3, #cmFooter_20111201 h4, #cmFooter_20111201 h5, #cmFooter_20111201 h6,
#cmFooter_20111201 dl, #cmFooter_20111201 dt, #cmFooter_20111201 dd,
#cmFooter_20111201 form, #cmFooter_20111201 input{
    padding:0;
    margin:0;
    color:#333333;
    font-family:Meiryo, "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic", sans-serif !important;
    list-style:none;
    letter-spacing:0px;
    font-size:12px;
    line-height:1.54;
}

/*----------------------------
    フッター
----------------------------*/

#cmFooter_20111201{
    background-color:#ffffff;
    border-top:2px solid #000099;
    border-top: 1px solid #757575;
    padding:12px 0 10px;
    text-align:center;
    /*  height:0;*/
}
* html #cmFooter_20111201{
    padding:9px 0 7px;
}

#cmFooter_20111201 #cmFooterNav_20111201{
    width: 1200px;
    margin:0 auto;
    text-align:left;
    padding: 0 0 0 10px;
}
#cmFooter_20111201 #cmFooterNav_20111201 li{
    background:url(../images/bg_navi.gif) repeat-y right top;
    padding:0 8px 0 12px;
    height:13px;
    float:left;
}
* html #cmFooter_20111201 #cmFooterNav_20111201 li{
}

#cmFooter_20111201 #cmFooterNav_20111201 li img{
    vertical-align:top;
}
* html #cmFooter_20111201 #cmFooterNav_20111201 li img{
    vertical-align:middle;
}
*:first-child+html #cmFooter_20111201 #cmFooterNav_20111201 li{
    display:inline;
}
#cmFooter_20111201 #cmFooterNav_20111201 li.first{
    padding:0 8px 0 0;
}
#cmFooter_20111201 #cmFooterNav_20111201 li.none{
    background-image:none;
}
#cmFooter_20111201 #cmFooterNav_20111201 li#copy_20111201{
    padding:0;
    float:right;
    margin-right: -10px;
}

/*----------------------------
    clearfix
----------------------------*/
#cmHeaderWrap_20111201:after,
#cmFooter_20111201 #cmFooterNav_20111201 ul:after,
#informationListArea_20111201:after{
content:" ";
display:block;
height:0;
clear:both;
visibility:hidden;
}

#cmHeaderWrap_20111201,
#cmFooter_20111201 #cmFooterNav_20111201 ul,
#informationListArea_20111201{display:inline-block;}

/* Hides from IE-Mac \*/
* html #cmHeaderWrap_20111201,
* html #cmFooter_20111201 #cmFooterNav_20111201 ul,
* html #informationListArea_20111201{height:1%;}

#cmHeaderWrap_20111201,
#cmFooter_20111201 #cmFooterNav_20111201 ul,
#informationListArea_20111201{display:block;}
/* End hide from IE-Mac */

#layout h2,
#layout h2.form {
    font-size: 20px;
    font-weight: 600;
    border-bottom: 2px solid #757575;
    background-color: #f5f5f5;
    padding: 12px 0 12px 12px;
    line-height: 1.5;
}

input.inputForm {
	margin-right: 10px;
	width: 40%;
	border: 1px solid #757575;
	font-size: 14px;
	padding: 2px 8px;
}

#myArea ul a img {
    margin-bottom: 6px;
}