@charset "Shift_JIS";
/* ----------------------------------------------------------
  TITLE : MIZUNO OFFICIAL ONLINE SHOPPING
  URI : www.mizunonetorder.com
  Copyright (C) MIZUNO
---------------------------------------------------------- */

/*----------------------------
	1. Universal Selector
	2. Structures
	3. Hyper Text
	4. Images
	5. Texts
	6. Presentation
	7. List
	8. Tables
	9. Forms
	10. clearfix
------------------------------ */

/*   1. Universal Selector
---------------------------------------------------- */
* {
	padding: 0;
	margin: 0;
	font-size: 100.01%;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	text-decoration: none;
}

/*   1. Style Reset
---------------------------------------------------- */
/*
body,div,h1,h2,h3,h4,h5,h6,form,label,fieldset,legend,input,textarea,button,blockquote,pre,address,p,table,thead,tfoot,th,td,dl,dt,dd,ul,ol,li {
	padding: 0;
	margin: 0;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	text-decoration: none;
}
*/

/*   2. Structures
---------------------------------------------------- */
html {
	overflow-y: scroll; /* for FireFox */
	height: 100%;
}
body {
    font-size: 14px;
    font-family: 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ',Meiryo,sans-serif;
    line-height: 2;
    color: #111111;
    background: none;
	word-break: break-all;
}

/*   3. Hyper Text
---------------------------------------------------- */
a {
	color: #000000;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:focus {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}

/*   4. Images
---------------------------------------------------- */
img {
	vertical-align: top;
	background-color: transparent;
}
a img {
	border: none;
}

/*   5. Texts
---------------------------------------------------- */
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}
p,li,form,td,th,caption,dt,dd,div,textarea {
	font-size: 12px;
}
del {
	text-decoration: line-through;
}

b {
	font-weight: bold;
}

/*   6. Presentation
---------------------------------------------------- */
.left {
	text-align: left !important;
}
.center {
	text-align: center !important;
}
.right {
	text-align: right !important;
}

.mTopZero {
	margin-top: 0 ! important;
}

.mBottomZero {
	margin-bottom: 0 ! important;
}

.mLeftZero {
	margin-left: 0 ! important;
}

.mRightZero {
	margin-right: 0 ! important;
}

.noBorder {
	border: none ! important;
}

/*   7. List
---------------------------------------------------- */
ul,ol {
	list-style: none;
}

/*   8. Table
---------------------------------------------------- */
table {
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
}
caption {
	text-align: left;
}
th {
	font-weight: bold;
	text-align: center;
}
td {
	text-align: left;
}

/*   9. Forms
---------------------------------------------------- */
input,
textarea,
select,
option,
optgroup {
	vertical-align: middle;
}
fieldset,
button {
	border: 0;
	background: none;
}
label[for], 
input[type="checkbox"], 
input[type="radio"], 
input[type="button"], 
input[type="image"], 
input[type="reset"], 
input[type="submit"], 
select, 
option {
	cursor: pointer;
}
optgroup {
	cursor: default;
}
input[type="radio"]:disabled,
select:disabled,
option:disabled {
	cursor: default;
}

/*   10. clearfix
---------------------------------------------------- */
.clearfix:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
/* ie6 hack */
* html .clearfix {
	height: 1%;
}
/* ie7 hack */
*:first-child+html .clearfix {
	min-height: 1%;
}


/* CSS Document */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; }
/*body {line-height: 1;}*/
ol,ul {list-style: none;}
blockquote,q {quotes: none;}
blockquote:before,blockquote:after,q:before,q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
caption,th,td {font-weight: normal; text-align: left;}
/*h1,h2,h3,h4,h5,h6 {clear: both;}*/
html {overflow-y: scroll; font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;-webkit-tap-highlight-color: transparent;}
a:focus {outline: thin dotted;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section {display: block;}
audio,canvas,video {display: inline-block;}
audio:not([controls]) {display: none;}
del {color: #333;}
ins {background: #fff9c0; text-decoration: none;}
hr {border: 0; border-bottom: 1px dotted #ccc; margin-top: 15px; margin-bottom: 15px;}
sub,sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
small {font-size: smaller;}
img {border: 0; -ms-interpolation-mode: bicubic;}
img,embed,object,iframe {vertical-align: bottom;}
main {display: block;}

*,:before,:after,::before,::after {box-sizing: border-box;}

b,strong {font-weight: bolder;}

button,
input,
optgroup,
select,
textarea {
	vertical-align: middle;
	color: inherit;
	/*font: inherit;*/
	/*background: transparent;*/
	padding: 0;
	margin: 0;
	outline: 0;
	border-radius: 0;
	text-align: inherit;
}

[type="checkbox"] {
	-webkit-appearance: checkbox;
	appearance: checkbox;
}

[type="radio"] {
	-webkit-appearance: radio;
	appearance: radio;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
}

button[disabled],
[type="button"][disabled],
[type="reset"][disabled],
[type="submit"][disabled] {
	cursor: default;
}


/* @group clearfix ----------------------------------------- */

.cf:after {
	display: block;
	clear: both;
	visibility:hidden;
	height: 0;
	content:".";
	font-size:0;
}

* html .cf {/* IE6 */
	zoom:1;
}

*:first-child+html .cf {/* IE7 */
	zoom:1;
}

/* @end */



/* 202203追加 */

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

#layout h2.list {
    font-size: 20px;
    font-weight: 600;
    color: #111;
    border: none;
    background-color: #f5f5f5;
    padding: 12px 0 12px 12px;
}

div.headAlert #select-item h2 {
    color: #fff;
    background-color: #111;
    border: #111;
}

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

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

div#form input {
    font-size: 14px;
    padding: 6px;
    border: solid 1px #757575;
    margin: 5px 0;
}

div#form .btn-box input {
    padding: 0;
    margin: 0;
    border: 0;
    vertical-align: top;
}

div#form input[type="submit"],
div#form input[name="button"]{
    padding: 6px 15px;
    background-color: #111;
    color: #fff;
}

div#form input[name="LOAD_ADDR"],
div#form input[name="ZIP_SRCH"]{
    border:0;
    margin: 0;
    font-size: 10px
}

div#form img.ui-datepicker-trigger {
    vertical-align: middle;
}

div#form textarea {
    margin-bottom: 5px;
}

div.btn-box .goback {
    margin-top: 10px;
}

div.entryArea h4 span {
    font-size: 14px;
    font-weight: 600;
}

div#container p img {
    vertical-align: middle;
}