@charset "utf-8";

/* parts common */
.clearBoth {
    clear: both;
}

/* from style.css */
footer {
	box-sizing: content-box
}

footer * {
	box-sizing: content-box
}

footer {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 10px 50px
}

footer ul {
	float: left;
	margin-left: -20px
}

footer li {
	display: inline-block;
	margin: 20px 0 0 20px;
	font-size: 0.86em
}

footer a {
	color: inherit;
	text-decoration: none
}

@media only screen and (min-width: 993px) {
	footer a:hover, footer a:active {
		text-decoration: underline
	}
}

footer small {
	font-size: 0.72em
}

footer .verisign {
	float: right;
	margin-top: 10px
}

footer .verisign+* {
	clear: both
}

@media only screen and (max-width: 768px) {
	footer {
		text-align: center
	}
	footer ul {
		float: none;
		margin: 0 -10px;
		border-bottom: 1px solid #e1e1e1
	}
	footer ul:after {
		content: '';
		display: block;
		clear: both
	}
	footer li {
		width: 50%;
		float: left;
		margin: 0
	}
	footer li+li {
		margin-left: -1px;
		border-left: 1px solid #e1e1e1
	}
	footer a {
		display: block;
		line-height: 5em
	}
	footer .verisign {
		float: none;
		display: inline-block;
		margin: 20px auto
	}
}

#pageTop #keySearch input[type='button'] {
    position: relative;
    float: right;
    width: 39px;
    height: 30px;
    margin-right: -39px;
    padding: 0;
    text-indent: 120%;
    white-space: nowrap;
    overflow: hidden;
    background: #e1e1e1 url(../images/icons_common.png) 0 0 no-repeat;
    border-style: none;
    cursor: pointer;
    z-index: 1
}
.itemSearch input[type='button'] {
    width: 39px;
    height: 30px;
    padding: 0;
    text-indent: 120%;
    white-space: nowrap;
    overflow: hidden;
    background: #e1e1e1 url(../images/icons_common.png) 0 0 no-repeat;
    border-style: none;
    cursor: pointer
}

.itemSearch>form input[type='button'] {
	float: right;
	margin: 0 -40px 0 -1px
}

/* for iOS input */
.formInput input[type="tel"] {
   -webkit-appearance: none;
   border-radius: 0;
}

/* error page */
#accessFailedErrorMain .buttonArea,
#catalogNotFoundMain .buttonArea,
#errorMain .buttonArea,
#invalidAccessMain .buttonArea,
#noSupportMain .buttonArea,
#systemErrorMain .buttonArea {
    max-width: 1200px;
    margin: 30px auto 0;
    text-align: center;
}

#accessFailedErrorMain>.buttonArea a,
#catalogNotFoundMain>.buttonArea a,
#errorMain>.buttonArea a,
#invalidAccessMain>.buttonArea a,
#noSupportMain>.buttonArea a,
#systemErrorMain>.buttonArea a {
	font-size: 100%;
    padding: 15px 30px;
    color: #4d4399;
    border: 1px solid #4d4399;
    display:inline-block;
    text-decoration:none;
}

/*-----------------------
  リアルタイムバリデーション
------------------------*/
.validatiomMessageArea {
    position: absolute;
    z-index: 99;
    margin-top: -15px;
}

.validationMessage {
    color: #af0000;
    font-size: 80%;
    padding: 3px;
    background-color: #FDF7F2;
    border: 1px solid #AF0000;
    opacity: 0.95;
    margin-left: -10px;
    margin-top: -70px;
    margin-top: -61px\9; /* IE8以降 */
}

.validateTriangle {
    width: 0;
    height: 0;
    left: 50%;
    border-bottom: 8px solid transparent; /*下向き三角*/
    border-right: 8px solid transparent; /*左向き三角*/
    border-left: 8px solid transparent; /*右向き三角*/
    border-top: 10px solid #AF0000; /*上向き三角*/
    opacity: 1.0;
}