@CHARSET "utf-8";

div#item_main {
  width: 100%; 
  margin: 10px; 
  text-align:center;
}
div#item_detail {
  text-align:left;
}
div.message {
  padding: 10em;
  text-align:left;
}
div.set_print_single {
  position:relative;
  width:45%;
  margin: 0px auto 0px;
}
div.set_print {
  position:relative;
  float:left;
  width:45%;
}
div.set_print_end {
  clear:both;
}
div.set_print_nonactive {
  border: 1px dotted gray;
  background-color:#888888;
  display:none;
}
div.set_print_active {
  display:block;
}

div.set_print_step {
  text-align:left;
  position:relative;
  height:200px;
  width:200px;
}

div.set_print_step_nonactive {
  border: 1px dotted gray;
  background-color:#cccccc;
  display:none;
}
div.set_print_step_active {
  border: 1px solid blue;
  background-color:#ffffff;
  display:block;
}
div.set_print_attrs {
  height: 160px;
}
div.set_print_nav_bar {
  position:absolute;
  width:100%;
  bottom: 10px;
  text-align:right;
} 
div.set_print_step_nav_bar {
  position:absolute;
  width:100%;
  bottom: 10px;
  text-align:right;
} 
div.wl_nav_bar {
  position:absolute;
  bottom: 20px;
  width:100%;
  text-alignment:center;
}
div.work_location {
  height: 100%;
}
div.ow_trace_explain {
  margin: 0.5em 0em 1em 2em;
  color: gray;
  font-size:x-small;
}
.set_print_step ul {
  list-style: none inside;
}

div.imgContainer {
  height: 400px;
  width: 400px;
}

li.btnLayoutNoSelect {
    width: 200px;
    height: 30px;
    float: left;
    margin: 0 7px;
    }

.slctLayoutBoxList img {
    border:0 none;
    float:left;
    margin:7px 6px 1px 0;
}

/* layout select */
.layoutSelectArea .selectLayoutMdl .selectLayoutCenter {
  width: 414px;
}
.layoutSelectArea .selectLayoutMdl .selectLayoutCenter .layoutImg {
  width: 400px;
  height: 400px;
  padding: 7px;
  text-align: center;
  background: url(/images/front/layoutBg.gif) no-repeat 0 0;
}

.item_name {display:none}
.before_marquee {display:block}
.tickercontainer { width:100%; margin:0; padding:0; overflow:hidden;  }
.tickercontainer .mask { position:relative; left:0px; top:0px; width:100%; overflow:hidden; }
ul.newsticker { position:relative; left:0px; list-style-type:none; margin:0; padding:0; }
ul.newsticker li { float:left; margin:0; padding:0; }
ul.newsticker a { white-space:nowrap; padding:0; margin:0 0px 0 0; }



/*uiDatepicker*/

.ui-datepicker-calendar {
  font: 62.5% "Trebuchet MS", sans-serif;
  margin: 50px;
}

.demoHeaders {
  margin-top: 2em;
}

#dialog_link {
    padding: .4em 1em .4em 20px;
    text-decoration: none;
    position: relative;
    }

#dialog_link span.ui-icon {
    margin: 0 5px 0 0;
    position: absolute;
    left: .2em;
    top: 50%;
    margin-top: -8px;
    }

ul#icons {
    margin: 0;
    padding: 0;
    }

ul#icons li {
    margin: 2px;
    position: relative;
    padding: 4px 0;
    cursor: pointer;
    float: left;
    list-style: none;
    }

ul#icons span.ui-icon {
    float: left;
    margin: 0 4px;
    }

/* for color_select_key */
div.colorSample .color_select_sample {
    display: block;
    margin: 5px 0 5px 0;
    font-weight: bold;
    cursor: pointer;
    color: #ea0000;
    }

span.error {
    font-weight: bold;
    color: #ea0000;
}
#itemChartOptionContainer {
    text-align:center;
    vertical-align: middle;
}
#itemChartOptionContainer input{
    vertical-align: middle;
}

.jqplot-target {
    font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Arial,Helvetica,sans-serif;
}

.jqplot-cursor-tooltip {
    border: 1px solid #cccccc;
    font-size: 0.75em;
    white-space: nowrap;
    /* background: rgba(208,208,208,0.2); */
    background: rgba(240,240,240,0.7);
    padding: 1px;
    color: #000;
    z-index: 100;
}

.itemListBox700 .itemListImgBox .autoQuoteContainer {
    margin: 6px 13px;
}

a.btnAutoQuote {
  display: block;
  margin: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
  border: none;
  font-family: Verdana, arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #000000;
  text-decoration: none;
  text-align: center;
  padding: 5px;
  width: 190px;
  background-color: #ffb205;
}
a.btnAutoQuote:active {
  background-color: #ffa000;
}

a.btnAutoQuoteDetail {
  display: block;
  margin: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
  border: none;
  font-family: Verdana, arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  color: #000;
  text-decoration: none;
  text-align: center;
  padding: 5px;
  width: 190px;
  background-color: #fff;
}
a.btnAutoQuoteDetail:active {
  background-color: #ccc;
}

.itemListBox700 .itemListImgBox .btnAutoQuote img {
    border: none;
    height: auto;
    margin: 0;
    position: relative;
    width: auto;
}

#relation_tag {
  color: #000;
  font-weight: bold;
  font-size: 14px;
  line-height: 30px;
  margin: 0 0 20px 0;
  border: solid 1px #03b;
}
#relation_tag h2 {
  font-size: 16px;
  color: #000;
  font-weight: bold;
}
#relation_tag ul {
  margin: 5px 10px;
}
#relation_tag li {
  margin: 5px 10px 0 0;
  float: left;
}
#relation_tag img {
  width: 20px;
  height: 20px;
  background: url(../../images/s.png) no-repeat -100px -300px;
  display: inline;
  vertical-align: middle;
}