@charset "utf-8";
@import "uni-form-generic.css";
/* Your styles below */
/* Keep in mind that wherever you see "Required property" it means that the property must exist, adjust it's value to your liking */

/* Generals */
.uniForm {
  margin: 15px 0 0;
  background-color: #FFFFFF;
  font-size: 12px;
}
.uniForm fieldset{
  margin-bottom: 15px;
  width: 100%;
}
.uniForm fieldset legend{
  color:#000; /* Reset IE */
  font-weight: bold;
  font-size: 120%;
}
.uniForm .ctrlHolder{ /* This is the main unit that contains our form elements */
  padding: 7px 0 7px 7px;
  width: 99%;
}
.uniForm .buttonHolder{
  text-align: right; /* Recommended */
}
.uniForm .focused{
  background: #FFFCDF;
}

/* .inlineLabels */
.uniForm .inlineLabels .label{
  width:22%; /* Required property */
  padding: 5px;
  border-bottom: 1px solid silver;
  border-left: 10px solid silver;
  text-align: left;
  margin: 0;
}

.uniForm .inlineLabels .textInput,
.uniForm .inlineLabels .fileUpload{
  width:68%; /* Required property */
}
.uniForm .inlineLabels .selectInput{
  width:68%; /* Required property */
}
.uniForm .inlineLabels textarea{
  width:68%; /* Required property */
  height: 10em;
}
.uniForm .inlineLabels .formHint{
  margin-top: 0;
  margin-left: 24%;
}

uniForm .inlineLabels img{
  max-width: 76%;
}

/* .inlineLabels with col*/
.uniForm .col .inlineLabels .label{
  width:35%; /* Required property */
}

.uniForm .col .inlineLabels .textInput,
.uniForm .col .inlineLabels .fileUpload{
  width:55%; /* Required property */
}
.uniForm .col .inlineLabels .selectInput{
  width:55%; /* Required property */
}
.uniForm .col .inlineLabels textarea{
  width:55%; /* Required property */
  height: 10em;
}
.uniForm .col .inlineLabels .formHint{
  margin-top: 0;
  margin-left: 37%;
}

.uniForm .col .inlineLabels img{
  max-width: 63%;
}

/* .blockLabels */
.uniForm .blockLabels .label{
  padding: 5px;
  border-bottom: 1px solid silver;
  border-left: 10px solid silver;
  text-align: left;
  display: block;
}

.uniForm .blockLabels .textInput,
.uniForm .blockLabels .fileUpload{
  width:90%; /* Required property */
}

.uniForm .blockLabels .selectInput{
  display: block;
  width:53.5%; /* Required property */
}
.uniForm .blockLabels textarea{
  width:90%; /* Required property */
  height: 10em;
}
.uniForm .blockLabels .formHint{
  width:90%; /* Required property */
}

.uniForm .blockLabels img{
  max-width: 98%;
}

/* .blockLabels with col*/
.uniForm .col .blockLabels .label{
}

.uniForm .col .blockLabels .textInput,
.uniForm .col .blockLabels .fileUpload{
  width: 90%; /* Required property */
}

.uniForm .col .blockLabels .selectInput{
  display: block;
  width: 90%; /* Required property */
}
.uniForm .col .blockLabels textarea{
  width: 90%; /* Required property */
  height: 10em;
}
.uniForm .col .blockLabels .formHint{
  width: 90%; /* Required property */
}

.uniForm .col .blockLabels img{
  max-width: 98%;
}

/* Columns */
.uniForm .col{
  width:49%; /* Required property */
}
.uniForm .columnLeft{
  width:49%; /* Required property */
}
.uniForm .columnRight{
  width:49%; /* Required property */
}

/* Required fields asterisk styling */
.uniForm .label em{
  top: 5px;
}

/* Messages */
.uniForm #errorMsgHolder{
  margin-bottom: 15px;
}
.uniForm #errorMsg{
  display: inline-block;
  min-width: 400px;
  border: 1px solid #E36666;
  padding: 0.6em;
  background: #FFE3E3;
}
/* for IE6 */
* html .uniForm #errorMsg{
  display: inline;
  zoom: 1;
}
/* for IE7 */
*:first-child+html .uniForm #errorMsg{
  display: inline;
  zoom: 1;
}
.uniForm .error{
  background: #FFEFEF;
  border: 1px solid #df7d7d;
  border-width: 1px 0;
  margin-bottom: 2px;
}
.uniForm #errorMsg dt,
.uniForm #errorMsg h3{
  font-size: 110%;
  line-height: 100%;
}
.uniForm #errorMsg dt{
  background: #ffbfbf;
  margin: 0 0 .5em;
  font-weight: bold;
}
.uniForm #errorMsg h3{
  background: #FFE3E3;
  margin: 0;
  color: #E32323;
}
.uniForm #errorMsg dd{
  margin:0; padding:0;
}
.uniForm #errorMsg ol{
  margin:0; padding:0;
}
.uniForm #errorMsg ol li{
  margin:0; padding:2px;
  list-style-position: inside;
  border-bottom: 1px dotted #df7d7d;
  position: relative;
}
.uniForm .errorField,
.uniForm .form_error{
  color: #D20000;
  margin: 0 0 6px;
  padding: 4px;
  background: #FFE3E3;
}

/* --- uniForm 拡張 --- */

/* hr */
.uniForm hr {
  /* for firefox */
  height: 0;
  border: 1px solid silver;
  margin-bottom: 15px;
  clear: both;
}
.uniForm hr.blank {
  border: 0 none;
  margin: 0;
}

/* headline */
.uniForm h4 {
  margin: 0 0 7px 7px;
  color: #333333;
  font-size: 120%;
  font-weight: bold;
}
.uniForm h4 input,
.uniForm h4 select {
  font-size: 83.3%;
}
.uniForm h5 {
  margin: 5px 0;
  padding: 1px 0 1px 5px;
  background-color: #EFEFEF;
  color: #464646;
  font-size: 100%;
  font-weight: normal;
}

/* fieldset */
.uniForm fieldset.noMargin {
  margin-bottom: 0;
}

/* .label */
.uniForm .inlineLabels .label.subLabel,
.uniForm .blockLabels .label.subLabel {
  border-left-color: #FFFFFF;
}
.uniForm .inlineLabels .label.blankLabel,
.uniForm .blockLabels .label.blankLabel {
  border-color: transparent;
}

body.subw .uniForm .col .inlineLabels .label {
  width: 30%;
}

.uniForm .no_label {
  border: 0 none;
  width: 22%; /* Required property */
  padding: 5px;
  text-align: left;
  margin: 0;
}

.uniForm .label.writable {
  padding: 1px
}
.uniForm .label.writable textarea {
  display: inline;
  height: 2.8em;
  width: 160px;
  float: none;
  line-height: 1.1;
}

/* ctrlHolder */
.uniForm .ctrlHolder .note {
  clear: both;
}
.uniForm .col .ctrlHolder{
  width: 98%;
}

/* buttonHolder (TODO uniFormから分離する) */
.buttonHolder {
  position: absolute;
  z-index: 50;
  top: 15px;
  right: 15px;
  padding: 0 4px;
  filter: alpha(opacity=25);
  -ms-filter: "alpha(opacity=25)";
  opacity: 0.25;
}
body.subw .buttonHolder {
  top: 32px;
}
.buttonHolder:hover {
  opacity: 0.7;
  filter: alpha(opacity=75);
  -ms-filter: "alpha(opacity=75)";
}
/* for IE6 */
.buttonHolder-hover {
  filter: alpha(opacity=75) !important;
}
.buttonHolder_m {
  background-color: #000000;
  padding: 7px 0 7px 4px;
  text-align: center;
/* for IE6 */
  float: left;
}
.buttonHolder_m a,
.buttonHolder_m input {
  padding-right: 4px;
  float: left;
}
.buttonHolder_l {
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 44px;
  background: url(/images/shop/holder_side_bg.png) 0 0 no-repeat;
}
.buttonHolder_r {
  position: absolute;
  top: 0;
  right: 0;
  width: 4px;
  height: 44px;
  background: url(/images/shop/holder_side_bg.png) -4px 0 no-repeat;
}
.buttonHolder_link {
    text-align: right;
}

/* .blockItem */
.uniForm .inlineLabels .blockItem{
  float: left;
  display: block;
  width: 68%;
}
.uniForm .inlineLabels .blockItem .textInput,
.uniForm .inlineLabels .blockItem .fileUpload {
  width: 100%;
}
.uniForm .inlineLabels .blockItem .selectInput {
  width: 100%;
}
.uniForm .inlineLabels .blockItem textarea {
  width: 100%;
  margin-bottom: 2px;
}
.uniForm .inlineLabels .blockItem img {
  max-width: 111.76%;
  margin-bottom: 2px;
}
.uniForm .inlineLabels .blockItem input[type="text"],
.uniForm .inlineLabels .blockItem input[type="password"],
.uniForm .inlineLabels .blockItem input[type="file"],
.uniForm .inlineLabels .blockItem select {
  margin-bottom: 2px;
}
/* .blockItem with col*/
.uniForm .col .inlineLabels .blockItem {
  width: 55%;
}
.uniForm .col .inlineLabels .blockItem img {
  max-width: 114.55%;
}

/* inlineField in blockItem */
.uniForm .blockItem .inlineField {
  display: inline-block;
}
/* for IE6 */
* html .uniForm .blockItem .inlineField {
  display: inline;
  zoom: 1;
}
/* for IE7 */
*:first-child+html .uniForm .blockItem .inlineField {
  display: inline;
  zoom: 1;
}

/* .wideItem */
.uniForm .inlineLabels .wideItem,
.uniForm .blockLabels .wideItem {
  clear: left;
  display: block;
}
.uniForm .inlineLabels .wideItem .textInput,
.uniForm .inlineLabels .wideItem .fileUpload,
.uniForm .blockLabels .wideItem .textInput,
.uniForm .blockLabels .wideItem .fileUpload {
  width: 90%;
}
.uniForm .inlineLabels .wideItem .selectInput,
.uniForm .blockLabels .wideItem .selectInput {
  display: block;
  width: 53.5%;
}
.uniForm .inlineLabels .wideItem textarea,
.uniForm .blockLabels .wideItem textarea {
  width: 90%;
  height: 10em;
}
.uniForm .inlineLabels .wideItem img,
.uniForm .blockLabels .wideItem img {
  max-width: 95%;
}

/* checkbox holder */
.uniForm .cbHolder {
  overflow: hidden;
  /* for IE6 */
  zoom: 1;
}
.uniForm .inlineLabels .cb,
.uniForm .blockLabels .cb {
  width: 31%;
  float: left;
}
.uniForm .inlineLabels .wideItem .cb,
.uniForm .blockLabels .wideItem .cb {
  width: 24%;
  padding: 2px;
}
.uniForm .col .inlineLabels .cb,
.uniForm .col .blockLabels .cb {
  width: 33%;
  padding: 0;
}
.uniForm .col .inlineLabels .smallCb .cb,
.uniForm .col .blockLabels .smallCb .cb {
  width: 24%;
}
.uniForm .col .inlineLabels .smallCb .cb.cbx3,
.uniForm .col .blockLabels .smallCb .cb.cbx3 {
  width: 72%;
}
.uniForm .cb label {
  margin-right: 0;
}

/* form elements */
.uniForm .inlineLabels textarea.rich_editor,
.uniForm .blockLabels textarea.rich_editor {
  height: 200px;
}
.uniForm .inlineLabels textarea.rich_editor_l,
.uniForm .blockLabels textarea.rich_editor_l {
  height: 480px;
}
.uniForm .inlineLabels textarea.rich_editor_m,
.uniForm .blockLabels textarea.rich_editor_m {
  height: 300px;
}
.uniForm .inlineLabels textarea.code_editor,
.uniForm .blockLabels textarea.code_editor {
  font-family: monospace, Arial, sans-serif;
}
.uniForm .inlineLabels textarea.tall,
.uniForm .blockLabels textarea.tall {
  height: 15em !important;
}
.uniForm .inlineLabels textarea.mediumHeight,
.uniForm .blockLabels textarea.mediumHeight {
  width: 12em !important;
}
.uniForm .inlineLabels textarea.low,
.uniForm .blockLabels textarea.low {
  height: 8em !important;
}
.uniForm .inlineLabels textarea.large,
.uniForm .blockLabels textarea.large {
  width: 600px !important;
}
.uniForm .inlineLabels textarea.mediumWidth,
.uniForm .blockLabels textarea.mediumWidth {
  width: 450px !important;
}
.uniForm .inlineLabels textarea.small,
.uniForm .blockLabels textarea.small {
  width: 300px !important;
}
.uniForm .inlineLabels .textLarge,
.uniForm .blockLabels .textLarge {
  width: 450px;
}
.uniForm .inlineLabels .textMiddle,
.uniForm .blockLabels .textMiddle {
  width: 300px;
}
.uniForm .inlineLabels .textMiddleS,
.uniForm .blockLabels .textMiddleS {
  width: 240px;
}
.uniForm .inlineLabels .textSmall,
.uniForm .blockLabels .textSmall {
  width: 150px;
}
.uniForm .inlineLabels .textSmallS,
.uniForm .blockLabels .textSmallS {
  width: 100px;
}
.uniForm .inlineLabels .textXSmall,
.uniForm .blockLabels .textXSmall {
  width: 75px;
}
.uniForm .inlineLabels .textNumber,
.uniForm .blockLabels .textNumber {
  width: 100px;
}
.uniForm .inlineLabels .textNumberS,
.uniForm .blockLabels .textNumberS {
  width: 60px;
}
.uniForm .inlineLabels .textNumberXS,
.uniForm .blockLabels .textNumberXS {
  width: 45px;
}
.uniForm .inlineLabels .textNumberXXS,
.uniForm .blockLabels .textNumberXXS {
  width: 30px;
}
.uniForm .inlineLabels .textDate,
.uniForm .blockLabels .textDate {
  width: 150px;
}

.uniForm .dummy {
  visibility: hidden;
}