@charset "euc-jp";

body { font-family: "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", "Hiragino Kaku Gothic Pro", "¥á¥¤¥ê¥ª", Meiryo, Osaka, "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic", sans-serif }


/** ¥«¡¼¥È **/

#cart-overlay {
    width: 100%;
    
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    background-color: #000000;
    
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    z-index: 10;
    
    display: none;
}

#cart-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 862px;
    margin: 8px auto 0;
    background-color: #ffffff;
    z-index: 20;
    display: none;
}

#cart-iframe {
    width: 100%;
    height: 500px;
    margin: 0;
    padding: 0;
}

.checkbox label { display: block; position: relative; cursor: pointer; margin-left: 10px; padding: 10px 20px; font-size: 13px; line-height: 1.3; }
.checkbox input { display: none }
.checkbox label:before { position: absolute; content: ""; top: 50%; left: -10px; width: 20px; height: 20px; margin-top: -10px; background: #dddddd; border-radius: 50%; }
.checkbox input[type="checkbox"]:checked + label:after { position: absolute; content: ""; top: 50%; left: -5px; width: 10px; height: 10px; margin-top: -5px; border-radius: 50%; background-color: #ff0066; }
.checkbox input[type="checkbox"]:focus + label:before { box-shadow: 0 0 1px 3px #ff6699; /* ¥Ï¥¤¥é¥¤¥Èɽ¼¨ */ -moz-box-shadow: 0 0 1px 3px #ff0066; }

#fixedBox {
  width:180px;
}

.fixed{
  position:fixed;
  top:10px;
}

.absolute{
  position:absolute;
}


.align-right { float:right;}
.align-left  { float:left;}

.validation_success {
  background: #eaffcc !important;
}

.validation_error {
  background: #ffdede !important;
}

input:focus {
  background: #ffffea;
}

.error_popup {
	font-size: 13px;
	line-height: 1.3;
	font-family: "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", "Hiragino Kaku Gothic Pro", "¥á¥¤¥ê¥ª", Meiryo, Osaka, "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic", sans-serif;
	width: 240px;
	padding: 8px 10px;
	color: #FFFFFF;
	border-radius: 6px;
	position: absolute;
	font-weight: bold;
	background: #F6A562;
	box-shadow:2px 2px 5px #CCCCCC;
}
.error_popup:after  {
	top: 100%;
	left: 10%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(246, 165, 98, 0);
	border-top-color: #F6A562;
	border-width: 10px;
	margin-left: -10px;
}