body {
width: 1060px;
margin: auto;
font-family: "ＭＳ Ｐゴシック",Sans Serif;
}
a img{
border:0px;
}
.clearfix{
clear:both;
}
.float_right{
float:right;
}
.float_left{
float:left;
}
.textLeft{
text-align:leftr;
}
.textCnter{
text-align:center;
}
.textRight{
text-align:right;
}
.imgRvrs {
transform: scale(-1, 1);
filter: FlipH;
-ms-filter: "FlipH";
}
.pd10{
padding:10px;
}
.loading{
padding:10px;
text-align:center;
}
.loading img{
vertical-align:middle;
}
.loading span{
padding-left:10px;
font-size:25px;
}
#header {
width: 1060px;
height: 80px;
position: fixed;
top: 0px !important;
border-bottom: solid 5px #000075;
box-sizing: border-box;
background-color: #ffffff;
z-index: 999;
}
#header .title {
position: absolute;
top: 15.9px;
left: 30.8px;
}
#header .printer {
position: absolute;
top: 7.5px;
left: 690px;
}
#header .close {
position: absolute;
top: 7.5px;
left: 925px;
}
#contents {
width: 1060px;
box-sizing: border-box;
margin-top: 90px;
}
.left_disp {
top: 90px;
width: 664px;
float: left;
}
.left_stage {
width: 660px;
height: 478px;
position: relative;
border: solid 2px #505050;
}

.left_stage .layer1, .left_stage .layer2 {
  position: absolute;
  height:100%;
  width:100%;
  margin: 0px;
  padding: 0px;
}
.left_stage .layer1 img, .left_stage .layer2 img {
  height:100%;
  width:100%;
}

.layer0_img {
position: absolute;
width:100%;
height:100%;
margin: 0px;
padding: 0px;
}
.layer0_img img{
width:100%;
height:100%;
}

.layer1_img {
position: absolute;
width:100%;
height:100%;
margin: 0px;
padding: 0px;
}
.layer1_img img{
width:100%;
height:100%;
}

.layer2_img {
position: absolute;
width:100%;
height:100%;
margin: 0px;
padding: 0px;
}
.layer2_img img{
width:100%;
height:100%;
}

.layer3_img {
position: absolute;
width:100%;
height:100%;
top: 0;
left: 0;
}
.layer3_img img{
width:100%;
height:100%;
}

.comment {
font-family: "ＭＳ Ｐゴシック",Sans Serif;
font-size: 12px;
line-height: 1.3em;
padding:3px;
}
.right_disp {
 width: 380px;
float: right;
overflow: auto;
margin-right: 10px;
}
.right_disp ul{
display: block;
margin: 0px;
padding:0px;
}
.right_disp li{
list-style:none;
margin-bottom:10px;
}
.right_disp .list_color01{
background-color:#010268;
color:#ffffff;
height:30px;
cursor:pointer;
}

.right_disp .border_color01{
border: solid 2px #010268;
}
.right_disp .list_color02{
background-color:#FF7800;
color:#ffffff;
height:30px;
cursor:pointer;
}

.right_disp .list_color02.high_row{
height:50px;
}

.right_disp .border_color02{
border: solid 2px #FF7800;
}

.index{
font-size: 18px;
font-weight: bold;
line-height: 30px;
padding-left: 10px;
float:left;
}
.ac_marker{
float: right;
font-size: 12px;
padding-top: 5px;
padding-right:10px;
}
.ac_marker > .text_set{
vertical-align: 5px;
}
.ac_marker img{
padding-left:10px;
}
.ac_marker_dtl_lnk{
float: right;
font-size: 12px;
padding-right:15px;
}
.three_column{
width:100%;
}
.three_column li{
width:33.33%;
float:left;
margin: 0px !important;
padding:3px;
box-sizing: border-box;
font-size: 13px;
}
.one_column{
width:100% !important;
}
.one_column .sizeLength {
width:40%;
}
.one_column .sizeLength .inp-num{
text-align:right;
}
.one_column .exp_li {
width:57%;
}
.one_column p.exp {
  text-indent:-1em;
}
.one_column .btn_li {
width:100%;
}
.four_column{
width:25% !important;
}
.three_column li>div{
margin-left: 1.4em;
height: 2.5em;
}
.three_column li>input{
float:left;
}
.font_small{
font-size:9px;
}
.separate{
font-size:0px;
height:0px;
margin: 6px;
border-bottom:3px solid #bfbfbf;
}
.separate2{
font-size:0px;
height:0px;
margin: 6px;
margin-left:125px;
border-bottom:1px solid #333;
}
.separate3{
font-size:0px;
height:0px;
margin-top: 6px;
margin-bottom: 6px;
border-bottom:1px solid #333;
}
.tag_bottun1{
background-color: #010268;
width: 40%;
margin: 6px;
padding: 6px;
color: #fff;
text-align: left;
border-radius: 3px;
}
.tag_bottun2{
background-color: #FF7800;
width: 40%;
margin: 6px;
padding: 6px;
color: #fff;
text-align: center;
border-radius: 3px;
}
.select_or_reset{
margin-top:0px;
font-size: 12px;
float: right;
width: 12em;
height: 2em;
margin-bottom: 10px;
}
.ck_under{
margin-left:-16px;
vertical-align: -28px;
}
.door_select_sum{
width: 58px;
vertical-align: top;
padding: 3px 0 3px 3px;
}
.radio_sel{
}
.radio_sel li{
box-sizing: border-box;
margin:0px;
padding:3px;
font-size: 13px;
}
.radio_sel li .title{
display: table;
}
.radio_sel li .title .chk{
display: table-cell;
}
.radio_sel li .title .name{
display: table-cell;
}
.radio_sel li img{
width: 100%;
height: 100%;
}
.radio_sel li .imgs{
border:solid 1px #010268;
padding:3px;
margin:10px;
}
.radio_sel li .imgs.select{
border: 3px solid #B84D4D;
padding: 1px;
}

.kensaku1{
background-color: #010268;
color: #FFF;
width: 5em;
height: 2em;
line-height: 2em;
text-align: center;
float: left;
cursor:pointer;
}
.reset1{
border: solid 2px #010268;
color: #010268;
width: 5em;
height: 2em;
line-height: 2em;
text-align: center;
box-sizing: border-box;
float: left;
margin-left: 1em;
cursor:pointer;
}
.kensaku2{
background-color: #FF7800;
color: #FFF;
width: 5em;
height: 2em;
line-height: 2em;
text-align: center;
float: left;
cursor:pointer;
}
.reset2{
border: solid 2px #FF7800;
color: #FF7800;
width: 5em;
height: 2em;
line-height: 2em;
text-align: center;
box-sizing: border-box;
float: left;
margin-left: 1em;
cursor:pointer;
}
.subtitle{
font-size:16px;
margin:8px;
}

.dit_link{
float:right;
margin-right:6px;
font-size:13px;
text-decoration:none;
}
.inner_dit_link{
float:right;
margin-right:3px;
font-size:13px;
text-decoration:none;
}
.item_search{
padding:6px;
max-height: 450px;
overflow-y:auto;
}
.item_search li{
width:33.33%;
box-sizing: border-box;
margin:0px;
padding:3px;
float:left;
}
.item_search li img{
width: 100%;
height: 100%;
}
.item_search li .imgs{
border:solid 1px #010268;
padding:10px;
}
.item_search li .imgs.select{
border: 3px solid #B84D4D;
padding: 8px;
}
.item_search li .imgs.color{
padding:3px;
margin:10px;
}
.item_search li .imgs.color.select{
border: 3px solid #B84D4D;
padding: 1px;
}
.item_search li .dtl{
font-size:12px;
padding:3px;
line-height:1.2em;
}
.checkbox_indent{
margin-left: 1.5em;
}
.cost_ready1{
float: right;
font-size:12px;
margin: 10px;
width: 3em;
padding: 3px;
background-color: #010268;
color:#fff;
text-align: center;
border-radius: 3px;
cursor:pointer;
}
.cost_ready2{
float: right;
font-size:12px;
margin: 10px;
width: 3em;
padding: 3px;
background-color: #FF7800;
color:#fff;
text-align: center;
border-radius: 3px;
cursor:pointer;
}
.margin_set{
margin:10px;
}
.margin_bottom_set{
margin-bottom:10px;
}
.total_price{
position:relative;
height:40px;
margin:10px 10px 0px 10px;
}

.total_price1{
position:absolute;
left:0px;
bottom:0px;
}
.total_price2{
position:absolute;
right:0px;
bottom:0px;
}
.total_price1>.total{
font-size:20px;
font-weight: bold;
vertical-align:baseline;
}
.total_price2>.tax{
margin-right:1em;
font-size:20px;
font-weight: bold;
}
.total_price2>.yen{
font-size:16px;
font-weight: bold;
}
.total_price2>.price{
font-size: 40px;
font-weight: bold;
}
.expDt{
margin:10px;
}
.expDt span{
padding-right:10px;
}

.estRsltBox {
margin:10px;
}
.estRsltBox .estTtl1 {
font-size:18px;
font-weight:bold;
background-color:#010268;
color:#FFF;
padding:6px;
margin-bottom:10px;
}
.estRsltBox .estTtl2 {
font-size:18px;
font-weight:bold;
background-color:#FF7800;
color:#FFF;
padding:6px;
margin-bottom:10px;
}
.estRsltBox .estSubTtl {
font-size:18px;
font-weight:bold;
padding:6px;
margin-bottom:10px;
}
.estRsltBox .textbox {
width:100%;
float:left;
}

.tbldetail .headline{
 border-bottom:2pt solid #333;
}
.tbldetail td{
 padding:2px;
}

.estRsltBox .divCond {
width:100%;
float:left;
}
.tblCond{
 font-size:13px;
}
.tblCond td {
 text-align:left;
 font-weight: bold;
}
.dtl_prices{
margin-top:10px;
}
.dtl_prices>.tax{
font-size: 12px;
margin-right: 1em;
}
.dtl_prices>.price{
font-size: 25px;
font-weight: bold;
}
.dtl_prices>.yen{
font-size: 12px;
margin-left:3px;
}
.subtotal_box{
position:relative;
height:40px;
}
.subtotal_box_title{
position:absolute;
bottom:0px;
font-size: 20px;
font-weight: bold;
}
.subtotal_prices{
position:absolute;
bottom:0px;
right:0px;
}
.subtotal_prices>.tax{
font-size: 16px;
margin-right: 1em;
}
.subtotal_prices>.price{
font-size: 25px;
font-weight: bold;
}
.subtotal_prices>.yen{
font-size: 16px;
}

.functionList {
font-size: 10px;
text-align: center;
border-collapse: collapse;
border:1px solid #333;
}
.functionList td{
border-collapse: collapse;
border:1px solid #333;
width:60px;
height:50px;
}
.functionList td.select{
background-color:#ffdcaa;
}
.constrTtl {
font-size:16px;
font-weight:bold;
margin-bottom:6px;
}

@media print {
    .noPrt {
    display:none;
    }
}
.color_word{
font-size:13px;
color:red;
margin:8px;
display:none;
}
.left_disp .sub-frame {
    left: 0px;
    margin-top: 20px;
}
.left_disp .sub-frame .thumb .inner {
    display: table-cell;
    text-align: left;
    vertical-align: top;
    width: 108px;
    height: 108px;
    padding-right:10px;
}
.left_disp .sub-frame .thumb .inner .prod img {
  position:absolute;
  height: 108px;
  width: 108px;
}
.left_disp .sub-frame .thumb .inner .layer1, .left_disp .sub-frame .thumb .inner .layer2 {
  position:absolute;
  height: 78px;
  width: 108px;
}
.left_disp .sub-frame .thumb .inner .layer1 img, .left_disp .sub-frame .thumb .inner .layer2 img {
  height:100%;
  width:100%;
}
.one_column li{
width: 49%;
margin: 0px !important;
padding: 3px;
box-sizing: border-box;
font-size: 13px;
display: inline-block;
}
.one_column img {
padding-left:50px;
height: 80px;
width: 80px;
}
.one_column .conerLine {
 align-content: center;
}
.estimation{
margin-top:0px;
font-size: 18px;
float: right;
width: 15em;
height: 2em;
margin-bottom: 10px;
}
.estimation2{
text-align:right;
}
.btnEst{
background-color: #fff;
width: 24%;
margin: 6px;
padding: 6px;
color: #010268;
text-align: center;
border-radius: 3px;
float: right;
cursor: pointer;
border: solid 3px #010268;
}
.six_column{
width:100%;
}
.six_column li{
float:left;
margin: 0px !important;
padding: 0px;
box-sizing: border-box;
font-size: 10px;
}
.separate_line{
border-bottom: 2px solid;
margin: 0px 25px;
}