@charset "UTF-8";
/* CSS Document */

/* オリナス　フォーム用 */
.OF{ width: 687px;}

.OF h2{ background-image: url(../images/h2_bg.png); background-repeat: no-repeat; text-align: left; height: 51px; width: 689px; }
.OF h2 span{ font-size: 20px; font-weight: bold; color: #333333; padding-left: 20px; display: block; padding-top: 15px; }
.OF h4{
	text-align: left;
	padding: 10px 0px 5px;
	border-bottom: 1px dotted #CCCCCC;
}
.OF h4 span{
	background: url(../images/bg_news_h3.png) no-repeat;
	padding-left: 10px;
	display: block;
	font-size: 14px;
	color: #333333;
}



/********************** Form */

/* Form Elements */
.OF input.input-text, .OF input.input-textN, .OF select, .OF textarea { 
border:1px solid #b6b6b6; 
/*font:12px arial, helvetica, sans-serif; */
}
.OF option, .OF optgroup { font:12px arial, helvetica, sans-serif; }
.OF optgroup { font-weight:bold; }
.OF textarea { overflow:auto; }
.OF input.input-text, .OF input.input-textN, .OF textarea {
	/*padding:2px;*/
}
.OF input.radio { margin-right:3px; }
.OFinput.checkbox { margin-right:3px; }
.OF .qty { width:2.5em; }
.OF .group-select label, .OF .form-list label, .OF .payment-methods label { font-weight:bold; }
.OF .input-text:focus, .OF .input-textN:focus, .OF select:focus, .OF textarea:focus { background:#edf7fd; }
.OF .button-set { /* Container for form buttons*/
	clear:both;
	margin-top:2em;
	border-top:1px solid #e4e4e4;
	padding-top:8px;
	text-align:center;
    }

.OF .form-button, .OF .form-button-alt {
	overflow:visible;
	width:auto;
	border:0;
	padding:1px 8px;
	background:#0066CC;
	color:#fff;
	border:1px solid #336699;
	font:bold 12px arial, sans-serif !important;
	cursor:pointer;
	text-align:center;
	vertical-align:middle;
    }
.OF .form-button span, .OF .form-button-alt span {
    white-space:nowrap;
    }
.OF .form-button-alt {
    border:1px solid #406a83;
    background-color:#618499;
    }
.OF a.form-button-alt { padding:2px 9px; text-decoration:none; }
.OF .form-button-alt:hover { color:#fff; text-decoration:none; }

.OF .btn-checkout {
    display:block;
    float:right;
    background:transparent url(../images/btn_proceed_to_checkout_rad.gif) no-repeat 100% 0;
    font-size:15px;
    font-weight:bold;
    padding-right:8px;
    }
.OF .btn-checkout, .OF .btn-checkout:hover {
    color:#fef5e5;
    text-decoration:none;
    }
.OF .btn-checkout span {
    display:block;
    padding:0 17px 0 25px;
    background:transparent url(../images/btn_proceed_to_checkout_bg.gif) no-repeat;
    line-height:40px;
    }

/* Form lists */
.OF .form-list li { margin-bottom:6px; }
.OF .form-list li .input-box .input-text,
.OF .form-list li .input-box textarea { width:250px; }
.OF .form-list li .input-box select { width:256px; }
.OF .form-list li.addElement { border-top:1px solid #DDD; padding-top:10px; }

.OF .group-select {
	margin:10px 0 28px;
	border:1px solid #CCCCCC;
	padding:15px 25px 12px;
    }
.OF .group-select .legend {
    margin-top:-33px;
    float:left;
    border:1px solid #f19900;
    background:#F9F3E3;
    padding:0 8px;
    color:#E76200;
    font-weight:bold;
    font-size:1.1em;
    }

.OF .group-select li { padding:4px 8px; }
.OF .group-select li .input-box { width: 620px; text-align: left; }

.OF .group-select li .input-text, .OF .group-select li select, .OF .group-select li textarea { width:525px; }
.OF .group-select li .input-box .input-text, .OF .group-select li .input-box textarea {
	width:337px;
}
.OF .group-select li .input-box .input-textN, .OF .group-select li .input-box textarea {
	width:120px;
}

.OF .group-select li .input-box select { width:126px; }
.OF .group-select li .input-box label { width:150px; text-align: right; display: block; float:left; padding-right: 10px; }
.OF .group-select li .input-box label.S {width:65px; text-align: right; display: block; float:left; padding-right: 5px; }
.OF .group-select li .input-box .NameBox{ float: left; margin-right: 20px; }
.OF .group-select .check-box{
	margin-top: 20px;
	vertical-align: middle;
}
.OF .group-select .check-box input{
	margin: 0px;
	padding: 0px;
}

/* Form Messages */
.OF .validation-advice, .required { 
color:#EB340A; 
}
.OF .validation-advice {

	clear:both;
	min-height:15px;
	margin-top:3px;
	margin-left: 150px;
	background:url(../images/validation_advice_bg.gif) no-repeat 2px 1px;
	padding-left:17px;
	font-size:0.95em;
	font-weight:bold;
	line-height:1.25em;
	text-align: left;

}
.OF .validation-failed { 

border:1px dashed #EB340A !important; background:#faebe7 !important; 
}
/* Expiration date and cvv number validation fix */
.OF .v-fix { 
float:left; 
}
.OF .v-fix .validation-advice { 

display:block; margin-right:-12em; width:12em; position:relative; 

}

.OF label.required { 
font-weight:bold; 
}
.OF p.required {

	font-size:0.95em;
	text-align:left;
	margin-left: 150px;

}



/********************** Messages  */
.OF .success { color:#3d6611; }
.OF .error { color:#df280a; }
.OF .notice {color:#e26703; }
.OF .success, .error { font-weight:bold; }
.OF .messages,
.OF .messages ul { list-style:none !important; margin:0 !important; padding:0 !important; }
.OF .messages { width:100%; overflow:hidden; }
.OF .error-msg, .success-msg, .OF .notice-msg, .OF .note-msg {
    min-height:23px !important;
    margin-bottom:1em !important;
    border-style:solid !important;
    border-width:1px !important;
    background-repeat:no-repeat !important;
    background-position:10px 10px !important;
    padding:8px 8px 8px 32px !important;
    font-size:.95em !important;
    font-weight:bold !important;
    }
.OF .error-msg li, .OF .success-msg li, .OF .notice-msg li {margin-bottom:.2em; }
.OF .error-msg {
    border-color:#f16048;
    color:#df280a;
    background-color:#faebe7;
    background-image:url(../images/error_msg_icon.gif);
    }
.OF .success-msg {
    border-color:#446423;
    color:#3d6611;
    background-color:#eff5ea;
    background-image:url(../images/success_msg_icon.gif);
    }
.OF .notice-msg, .OF .note-msg {
    border-color:#fcd344;
    color:#3d6611;
    background-color:#fafaec;
    background-image:url(../images/note_msg_icon.gif);
    }