@charset "utf-8";

@import url("../packages/default/css/import.css");


/*body {
    background-color:#FFFFFF;
}*/

/*body{
    margin: 0;
    padding: 0;
    background-color: #ffffff;
    border-top: 3px solid #ff8800;
    text-align: center;
}*/

body {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    color: #555555;
    background-color: #ffffff;
    font-size: 16px;
    line-height: 150%;

    border-top: 3px solid #ff8800;
    text-align: center;
}

#wrapper {
    margin: 0 auto;
    padding: 0;
    width: 970px;
    text-align: left;
}

/* img
----------------------------------------------- */
a:hover img{
opacity: 0.5;
filter: alpha(opacity=80);
}


/*******************************レフト******************************/
/*カレンダー表示*/

#t_calcgi {
/*     border:1px solid #ccc;*/
     margin:10px 0 15px 0;
     width:200px;
     padding:0;
}



#footer ul {
    float:left;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:0;
    padding:10px 0 10px 10px;
    text-indent:0;
}

#footer ul li {
    float:left;
    margin:0;
    padding:0 10px 0 0;
    text-indent:0;
}

#footer ul li a {
    background:transparent url(/user_data/site_images/arrow_gray_hover.gif) no-repeat scroll 0 50%;
    color:#666666;
    float:left;
    font-family:Osaka,sans-serif !important;
    font-size:12px !important;
    font-weight:normal;
    height:auto !important;
    line-height:125% !important;
    margin:0;
    min-height:14px;
    padding:0 0 0 18px;
    text-indent:0;
}

#footer ul li a:hover {
    background:transparent url(/user_data/site_images/arrow_gray_hover.gif) no-repeat scroll 0 50%;
}

#footer address {
    float:right;
    font-family:Osaka,sans-serif !important;
    font-size:11px !important;
    font-style:normal;
    font-weight:normal;
    line-height:125% !important;
    margin:0;
    padding:10px 10px 10px 0;
}

#footer {
/*    border-top:3px solid #FF8800;*/
    clear:both;
    padding:0px;
    width:970px;
    margin:0 auto;
}

#footer00{

    margin:0 auto;
    font-size:10px;
    text-align:center;
    color: #ff8800;
    border-top: 3px solid #ff8800;
    background-color: #fff3e5;
    clear:both;
}


#footer00 ul{
    margin:0 auto;
    width:960px;
    height:35px;
}

#footer00 ul li{
    display:inline;
    padding:0 7px 0 9px;
    line-height:35px;
}

.footer00_border{
    display:inline;
    padding:0 1px 0 7px;
    line-height:35px;
    background:url(https://www.e-classy.jp/product/shared/img/line.gif) no-repeat left center;
}

/*パンクズ*/

#pankuzu{
    padding:2px;
    font-size:10px;
    background:#fef5bb;
    margin:2px 2px 20px 2px;
}

/*ヘッダーリスト*/


#tools {
    margin: 0;
    padding: 0;
    width: 970px;
    clear: both;
}

#tools #tool {
    margin: 0;
    padding: 0;
    float: left;
}

#tools #tool ul {
    margin: 0;
    padding: 0px 0px 0px 10px;
    list-style: none;
    text-indent: 0;
    text-align: left;
}

#tools #tool li {
    margin: 0;
    padding: 0;
    list-style: none;
    text-indent: -9999px;
    float: left;
}

:root #tools #tool li a {
    overflow: hidden;
}

#tools #tool li#homes a {
    display: block;
    text-decoration: none;
    margin: 0;
    width: 120px;
    height: 29px;
    background: url(https://www.e-classy.jp/product/shared/img/tool.gif) no-repeat 0px 0px;
}

#tools #tool li#homes a:hover {
    background: url(https://www.e-classy.jp/product/shared/img/tool.gif) no-repeat -482px 0px;
}

#tools #tool li#cart a {
    display: block;
    text-decoration: none;
    margin: 0;
    width: 120px;
    height: 29px;
    background: url(https://www.e-classy.jp/product/shared/img/tool.gif) no-repeat -120px 0px;
}

#tools #tool li#cart a:hover {
    background: url(https://www.e-classy.jp/product/shared/img/tool.gif) no-repeat -602px 0px;
}

#tools #tool li#mypage a {
    display: block;
    text-decoration: none;
    margin: 0;
    width: 121px;
    height: 29px;
    background: url(https://www.e-classy.jp/product/shared/img/tool.gif) no-repeat -240px 0px;
}

#tools #tool li#mypage a:hover {
    background: url(https://www.e-classy.jp/product/shared/img/tool.gif) no-repeat -722px 0px;
}

#tools #tool li#use a {
    display: block;
    text-decoration: none;
    margin: 0;
    width: 121px;
    height: 29px;
    background: url(https://www.e-classy.jp/product/shared/img/tool.gif) no-repeat -361px 0px;
}

#tools #tool li#use a:hover {
    background: url(https://www.e-classy.jp/product/shared/img/tool.gif) no-repeat -844px 0px;
}

#tools #link {
    margin: 0;
    padding: 0px 10px 0px 0px;
    float: right;
}

#tools #link ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-indent: 0;
    text-align: left;
}

#tools #link li {
    margin: 0;
    padding: 0;
    list-style: none;
    text-indent: -9999px;
    float: left;
}

:root #tools #link li a {
    overflow: hidden;
}

#tools #link li#eclassy a {
    display: block;
    text-decoration: none;
    margin: 0;
    width: 115px;
    height: 29px;
    background: url(https://www.e-classy.jp/product/shared/img/tool_link.gif) no-repeat 0px 0px;
}

#tools #link li#eclassy a:hover {
    background: url(https://www.e-classy.jp/product/shared/img/tool_link.gif) no-repeat -360px 0px;
}

#tools #link li#concept a {
    display: block;
    text-decoration: none;
    margin: 0;
    width: 83px;
    height: 29px;
    background: url(https://www.e-classy.jp/product/shared/img/tool_link.gif) no-repeat -115px 0px;
}

#tools #link li#concept a:hover {
    background: url(https://www.e-classy.jp/product/shared/img/tool_link.gif) no-repeat -475px 0px;
}

#tools #link li#mail a {
    display: block;
    text-decoration: none;
    margin: 0;
    width: 107px;
    height: 29px;
    background: url(https://www.e-classy.jp/product/shared/img/tool_link.gif) no-repeat -198px 0px;
}

#tools #link li#mail a:hover {
    background: url(https://www.e-classy.jp/product/shared/img/tool_link.gif) no-repeat -558px 0px;
}

#tools #link li#links a {
    display: block;
    text-decoration: none;
    margin: 0;
    width: 55px;
    height: 29px;
    background: url(https://www.e-classy.jp/product/shared/img/tool_link.gif) no-repeat -305px 0px;
}

#tools #link li#links a:hover {
    background: url(https://www.e-classy.jp/product/shared/img/tool_link.gif) no-repeat -665px 0px;
}
#tools #breadcrumb {
    margin: 0;
    padding: 12px 0 0 12px;
    width: 958px;
    height: 23px;
    background: url(https://www.e-classy.jp/product/shared/img/tool_caption.gif) no-repeat;
    clear: both;
}

#tools #breadcrumb h3 {
    font-weight:normal;
    text-align:left;
    padding-right:10px;
    text-shadow: #fff 1px 1px;

}

#tools #breadcrumb p {
    margin: 0;
    padding: 11px 0px 0px 10px;
    clear: both;
}

#tools #breadcrumb div.bread_contents {
    margin: 0;
    padding: 0;
    font-size:11px;
    font-family: Osaka,sans-serif !important;
}

#tools #breadcrumb div.bread_contents img {
    vertical-align: -2px;
}


/* 2011/9/20から使用 */
ul#navi_area li{
    float:left;
    height:30px;
}

#haisou{
    margin: 0;
    padding: 0;
    width: 970px;
    height: 35px;
    background: url(https://www.e-classy.jp/product/shared/img/tool_caption.gif) no-repeat;
    clear: both;
}

#haisou h3 {
    font-weight:normal;
    text-align:left;
    padding-left:10px;
    padding-top:10px;
    text-shadow: #fff 1px 1px;

}




/*******************************商品詳細タブ******************************/
.ui-tabs .ui-tabs-nav li a {padding:0;}
.ui-widget-header,
.ui-widget-content,
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: none;
    background: transparent;
}
.ui-state-default a img,
.ui-widget-content .ui-state-default a img,
.ui-widget-header .ui-state-default a img {
    opacity: 0.5;
    filter: alpha(opacity=50);
}
.ui-state-default a:hover img,
.ui-widget-content .ui-state-default a:hover img,
.ui-widget-header .ui-state-default a:hover img {
    opacity: 0.8;
    filter: alpha(opacity=80);
}
.ui-state-default.ui-state-active a img,
.ui-widget-content .ui-state-default.ui-state-active a img,
.ui-widget-header .ui-state-default.ui-state-active a img {
    opacity: 1;
    filter: alpha(opacity=100);
}
.ui-state-default.ui-state-active a:hover img,
.ui-widget-content .ui-state-default.ui-state-active a:hover img,
.ui-widget-header .ui-state-default.ui-state-active a:hover img {
    opacity: 1;
    filter: alpha(opacity=100);
}
.ui-tabs .subarea {width: auto;}
.ui-tabs .ui-tabs-panel {
    border: 10px solid #FF8800;
    overflow: auto;
}
#detail-voice, #detail-qanda {max-height: 300px;}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {border-bottom-left-radius: 0;border-bottom-right-radius: 0;}
#cboxLoadedContent {
    background: #FFF;
    border: 1px solid #000;
    text-align: left;
    padding: 1em;
}
h2.wp-post-title {background: #FF8800;color: #FFF;font-size: 1.4em;padding: .3em .5em;margin-bottom: 2em;}
#detail-qanda p, #detail-voice p {padding: .5em 0;border-bottom: 1px dotted #CCC;}
#detail-qanda p:last-child, #detail-voice p:last-child {border-bottom: none;}

.daibiki_img_check {
    width:100%;
    text-align:center;
    margin: 10px 0 10px 0;
}

.daibiki_payment {
    background:#ccc;
}

/*******************************見積書・領収書******************************/
#receipt-print-btn, #receipt-print-btn p, #receipt-print-btn div,
#estimate-print-btn, #estimate-print-btn p, #estimate-print-btn div,
#estimate-register-btn, #estimate-register-btn p, #estimate-register-btn div {
  text-align: center !important;
  line-height:1.5;
}
#receipt-print-btn,
#estimate-print-btn,
#estimate-register-btn {
  margin-top:20px;
}
#estimate-print-label,
#estimate-register-label {
  background-color: #99FFCC;
  font-weight: bold;
}
#receipt-print-label {
  background-color: #FFCC66;
  font-weight: bold;
}