@charset "UTF-8";
/*---------------------------------------------------------
    TAKEO PAPER SHOW popup page cascading style sheet
      * =1= whole page
      * =2= header area
      * =3= contents
      * === layout style
----------------------------------------------------------*/

#searchnav {
    margin-bottom: 30px;
}
/* =3= contents
----------------------------------------------------------*/
#contents {
    /*border: 1px solid #ccc; 100823修正 */
    padding: 32px 49px;
    width: 860px;
    _text-align: left;
}
#contents p{
    text-align: left;
}
a:link, a:visited {
    text-decoration: none;
}
a:hover, a:active {
    color: #BB4529;
    text-decoration: underline;
}
.pulink img {
    margin-bottom:-2px;
}

/* search_list ---------------------------------------*/
#procode,
#conditional {
    margin: 20px 0 30px;
}

#procode h4,
#conditional h4{
    margin-top:0;
    padding-top: 0;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
}
#procode {
    width: 178px;
    float: left;
}
*:first-child+html #procode table{
    width: 165px;
}
#conditional {
    float: left;
    width: 665px;
    border-left: 1px dotted #999;
    padding-left:14px;
}
*:first-child+html #conditional table{
    width: 666px;
}
#procode p .notice{
    display: block;
    width: 160px;
}

.search {
    margin: 10px 0 5px;
}
.search th.firstline {
    border-top: 1px solid #e4e4e4;
}
.search th {
    vertical-align: middle;
    border-bottom: 1px solid #e4e4e4;
    text-align: center;
    padding: 8px 5px;
    width: 155px;
    background: url(../common/bg_cell2w.gif) no-repeat -1px top #f7f7f7;
}
.search td {
    vertical-align: top;
    border-bottom: 1px solid #e4e4e4;
    padding: 8px;
    width: 149px;
    background: url(../common/bg_cell2w.gif) no-repeat -1px top #fcfcfc;
}
.search td.emp {
    border-bottom: none;
    padding: 0;
    width: 2px;
    background: none #fff;
}
.search td.dansai {
    width: 138px
}
.search td .fullsize{
    width: 98%;
}
.sct5 {
    height: 80px;
    overflow: auto;
}
.procodebtn {
    padding:  30px 10px 0 0;
    text-align: center;
}
.search td select {
    border: 1px solid #d4d4d4;
    /*overflow: auto;*/

}
.result{
    margin: 20px 0;
    color: #009;
    font-weight: bold;
}
.result a{
    margin-left: 20px;
}
.result a img{
    margin-bottom: -3px;
}
.selectp#tabfirst {
    padding-bottom: 20px;
}
/* 100824 修正 */
#meigaraf {
    margin: 10px 0 0;
    padding: 0;
    width: 860px;
    height: 280px;
    border: 1px solid #d4d4d4;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: hidden;
    outline: none;
}
/* 100824 修正 ココまで */

#shouhinf {
    margin: 10px 0 0;
    padding: 0;
    width: 860px;
    height: 770px;
    border: 1px solid #d4d4d4;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: hidden;
    outline: none;
}
.zenken {
    margin-bottom: 1em;
}
.zenken img {
    margin-bottom: -4px;
}
#tabthird .selectp .cartbtn {
    padding: 15px 20px 12px 0;
    text-align: right;
}
#tabthird .selectp .cartbtn p{
    text-align: right;
    padding-top: 8px;
}
#tabthird .selectp .cartatt p{
    padding: 5px 20px 12px 0;
    text-align: right;
}
.selectp .topagetop{
    margin: 25px 0;
}
/* meigara_detail ---------------------------------------*/
#sample, #thumb, #itemname {
    float: left;
}

.thumbnail {
    border: 1px solid #ccc;
}
/* 100824 修正 */
#pattern {
    padding-top: 20px;
    text-align:left;
    vertical-align: top;
    min-width: 320px;
    _width: 320px;
}
*:first-child+html td#pattern {
    width: 320px;
}

/* 100824 修正 ココまで */

#pattern dl {
    float: left;
    padding-right: 10px;
}
#pattern dl.direction {
    float: right;
    padding-right: 0;
}
#pattern dt {
    margin-bottom: 15px;
    padding-right: 25px;
    text-align: center;
    line-height: 1.5;
}
#pattern dd {
    width: 149px;/* 100824 修正 */
}
#pattern .direction dd {
    text-align: center;
}
#pattern .patternatt {
    margin-top: 0;
    clear: both;
    font-size: 10px;
    line-height: 2;
    text-align: right;
}

/* --#detail   -- rightarea -- */
#detail {
    float: right;
    width: 400px;
}
.data {
    margin: 15px 0;
}
.fullwidth {
    width: 860px;
}
.data.first {
    margin-bottom: 30px;
}
.data th,
.data td{
    border-bottom: 1px solid #e4e4e4;
    background-position: top;
    background-repeat: repeat-x;
}

.data th {
    vertical-align: top;
    padding: 8px 10px;
    background-image: url(../common/bg_cellee.gif);
    background-color: #eee;
}
.data th.even {
    background-image: url(../common/bg_cellf2.gif);
    background-color: #f2f2f2;
}
.data th.upper {
    background-image: url(../common/bg_cellf7.gif);
    background-color: #f7f7f7;
    text-align: center;
}
#tabfirst .data th.upper {
    width: 191px;
}

.data td p#dansaiatt{
    margin: 0;
    padding: 0;
    width: 188px;
}
.data td {
    padding: 8px 10px;
    vertical-align: top;
    background-image: url(../common/bg_cellf7.gif);
    background-color: #f7f7f7;
    text-align: left;
}
.data td.direction {
    text-align: center;
}
.data td.pulink {
    padding-right: 10px;
    vertical-align: middle;
}
.data td.even {
    background-image: url(../common/bg_cellfc.gif);
    background-color: #fcfcfc;
}
.data .firstline {
    border-top:1px solid #e4e4e4;
}

/* 100824 修正 */
.data td.pricelines {
    border-left: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    min-width: 65px;
}
* html .data td.pricelines {
    width: 65px;
}

*:first-child+html .data td.pricelines {
    width: 65px;
}

/* 100824 修正 ココまで */

.data td.priceleft {
    border-left: 0;
}
.data td.emp{
    padding: 0;
    width: 5px;
    border: none;
    background: none #fff;
}
.data td.empw{
    padding: 0;
    width: 15px;
    border: none;
    background: none #fff;
}
.data td.noline{
    padding: 5px 0;
    border: none;
    background: none #fff;
    text-align: right;
}

.data td.speccell {
    padding: 0;
}

/* 100824 修正 */
.code th {
    text-align: left;
    vertical-align:top;
    font-weight: normal;
    min-width: 70px;
}
* html .code th {
    width: 70px;
}

*:first-child+html .code th {
    width: 70px;
}
html>/**/body .code th {
    width /***/: 70px9;
}
/* 100824 修正 ココまで */

.code th.pattern {
    vertical-align:middle;
}

.formparts {
    margin-bottom: 1em;
}
.formparts select,
.formparts option,
.formparts input,
.numbers input{
    line-height: 18px;
    border: 1px #ccc solid;
}
.formparts select {
    width: 170px;
}
.formparts input,
.numbers input{
    width: 5em;
}
.att {
    margin: 5px 0 10px;
}

.data .pulink,
.att.pulink{
    text-align:right;
    padding: 0;
}
.data a:link, .data a:visited {
    text-decoration: underline;
}
.data a:hover, .data a:active {
    text-decoration: none;
}
.pulink a{
    padding: 0 2px;
}

.data .pulink a,
.att.pulink a{
    font-size: 10px;
}
.data .pulink.outer a{
    font-size: 12px;
}
.data .sp {
    padding-top: 8px;
}
.data .pulink a:link, .data .pulink a:visited {
    text-decoration: none;
}
.data .pulink a:hover, .data .pulink a:active {
    text-decoration: underline;
}
/* --.headline  -- tab -- */

.headline {
    text-align: left;
    width: 860px;
    height: 25px;
    padding: 5px 0 0;
    background: url(../search/images/headline_bg.gif) repeat-x bottom #efefef;
    overflow: hidden;
}
.message {
    margin-top: 1em;
}

/* --#tabfirst  -- 断裁 -- */
.headline p {
    margin: 0;
    padding: 0 0 0 30px;
    display: inline;
}
.tabs h3{
    margin-top: 40px;
}
#tabfirst .data .pulink {
    margin-top: 5px;
    text-align: left;
}
.btn{
    clear:both;
    padding: 18px 0 5px;
    text-align: center;
}






#cutimage #cuttingimg {
    padding: 40px 0 20px;
    text-align: center;
}
#cutimage .cutting-img-block {
    display: none;
}
#cutimage .note {
    text-align: center;
    font-size: 12px;
    line-height: 1.5;
}
#cutimage .cutting-img-wrap01,
#cutimage .cutting-img-wrap02 {
    text-align: center;
}
#cutimage .cutting-img-inner,
#cutimage .cutting-img-btn {
    display: inline-block;
    padding: 0 45px;
    background: url(../search/images/meigara_detail_direction.gif) no-repeat left;
}
#cutimage .cutting-img-wrap02 {
    width: 580px;
    margin: 60px auto 40px;
    padding: 20px;
    border: 1px solid #ccc;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
#cutimage .cutting-img-wrap02 .btn {
    margin: 0 0 10px;
    padding: 0;
}

#cutimage .cutting-img-wrap02 .title {
    margin: 0 0 10px;
    text-align: center;
    font-weight: bold;
}
#cutimage .popup-link {
    margin: 10px 0 0;
    text-align: center;
}







#cuttingsize {
    margin: 0 140px;
}
.sizeorder {
    color: #009;
    font-weight: bold;
    margin-bottom: .5em;
}
.order {
    width: 100%;
    border: 1px solid #e4e4e4;
}
.order th {
    background: url(../common/bg_cell2w.gif) no-repeat top left;
    border: 1px solid #e4e4e4;
    padding: 8px 10px;
    font-weight: normal;
}
.order th.type {
    background-color: #eee;
    text-align: center;
}
.order th.count {
    background-color: #f7f7f7;
    text-align: left;
}
.order td {
    border: 1px solid #e4e4e4;
    padding: 8px 10px;
    width: 80px;
    text-align: right;
}
.order td.cutorder {
    Xwidth: 95px;
    background: url(../common/bg_cell3w100.gif) no-repeat top left #e6d4cf;
    color: #811400;
}
#contents p.topagetop {
    text-align:right;
}

#contents p.tocompare {
    text-align: right;
    margin: -20px 0 10px;
}
#contents .tocompare img{
    margin-bottom: -3px;
}
#contents p.topagetop a,
#contents p.tocompare a{
    font-size: 10px;
    margin-left: 5px;
}

/* --#tabsecond  -- 全紙 -- */

#tabsecond .data th.upper {
    width: 220px;
}
#tabsecond .btn {
    margin: 0 0 0 290px;
    text-align: left;
}
/* --#paperproduct  -- 紙製品 -- */
#paperproduct {
    border-top: 1px solid #e4e4e4;
}
#paperproduct .data th.upper {
    width: 220px;
}
.prbtn {
    padding: 18px 0 18px 45px;
    text-align: left;
}
#contents p.pratt {
    margin: 10px 0;
    font-size: 10px;
    text-align: right;
}
#contents .pratt a {
    font-size: 10px;
}
/* step2_meigara -- iframe ---------------------------------------*/

/* 100824修正 */
#meigarapage {
    margin: 0;
    padding: 0;
    background-color: #eee;
    height: 280px;
    _text-align: left;
}

#meigaraframe {
    width: 860px;
    height: 280px;
    _text-align: left;
}
/* 100824修正 ココまで */

#meigarapage p {
    margin: 0;
    padding: 0;
}
#meigarapage img {
    border: 0;
    line-height: 0;
}

#meigarapage .col{
    padding: 18px 0 0 18px;
}
#meigarapage .colright {
    padding: 18px 200px 0 18px;
}
#meigarapage .item {
}
#meigarapage .item a {
    width: 170px;
    display: block;
}
#meigarapage .item a:link, 
#meigarapage .item a:visited{
    border: 1px solid #d9d9d9;
    background-color: #fff;
    text-decoration: none;
}
#meigarapage .item a:hover, 
#meigarapage .item a:active{
    border: 1px solid #e6d4cf;
    background-color: #e6d4cf;
    text-decoration: none;
}
/* 100824修正 */
#meigarapage .item span.mei{
    display: block;
    margin: 0;
    padding: 4px;
    width: 162px;
/*  height: 24px;
    _height: 23px;*/
    font-size: 10px;
/*  line-height: 24px;
    _line-height: 22px;*/
/*  font-weight: bold;*/
    text-align: center;
    text-indent: 0;
}
*:first-child+html #meigarapage .item span.mei{
    letter-spacing: -1px;
}
/* 100824修正 ココまで */

#meigarapage .item a:link span.mei, 
#meigarapage .item a:visited span.mei{
    color: #616161;
}
#meigarapage .item a:hover span.mei, 
#meigarapage .item a:active span.mei{
    color: #8d1b00;
}

#meigarapage .item .thumb{
    margin: 0 23px;
    border: 1px solid #d9d9d9;
}
#meigarapage .item span.pulink {
    padding-top: 2px;
    height: 22px;
    _height: 20px;
    padding-right: 5px;
    line-height: 22px;
    display: block;
    text-align: center;
    font-size: 10px;/* 100824 修正 */
}
#meigarapage .item .pulink img{
    margin-bottom: -1px;
    margin-right: .5em;
}
#meigarapage .btn {
    margin: 10px 0 0;
    padding: 0;
    text-align: center;
}
div#titleTip {
  opacity: .8;
  filter: alpha(opacity=80);
}
div#titleTip p{
  margin: 0 8px 0 9px;
  padding: .3em .5em;
  width: 150px;
  background: #666;
  font-size: 10px;
  opacity: 1;
  filter: alpha(opacity=100);
}
div#titleTip span{
  color: #fff;
}
/* step3_shouhin -- iframe ---------------------------------------*/
#shohinpage {
    margin: 0;
    padding: 0;
    width: 860px;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: hidden;
    text-align: left;
}
#shohinpage table{
    margin: 0;
    padding: 0;
}
#shohinframe {
    padding: 0;
    width: 860px;
    height: 690px;
    overflow: auto;
}
#shohinpage table {
    width: 845px;
    border: 1px solid #d2d2d2;
}
#shohinpage th {
    background: url(../common/bg_cell2w.gif) no-repeat left top #eee;
    border: 1px solid #e4e4e4;
    padding: 8px 5px 8px 6px;
    font-weight: normal;
    line-height: 1.3;
    text-align: center;
}
#shohinpage th.srct {
    border-top: none;
    padding-top: 0;
    background-position: left -1px;
}
#shohinpage td {
    background: url(../common/bg_cell2w.gif) no-repeat -1px top #fcfcfc;
    border: 1px solid #e4e4e4;
    padding: 8px 5px;
    line-height: 1;
    text-align: center;
}
#shohinpage td.even {
    background-color: #f7f7f7;
}
#shohinpage th.product{
    text-align: left;
    padding-bottom:0;
    border-bottom: none;
}
/* html #shohinpage th.product{
    width: 182px;
}
*:first-child+html #shohinpage th.product{
    width: 182px;
}*/

#shohinpage td.product {
    padding-left: 2px;
    text-align: left;
}
#shohinpage th.size {
    width: 60px;
    border-bottom: none;
}
*:first-child+html #shohinpage th.size{
    width: 59px;
}
#shohinpage th.size-first {
    width: 94px;
}
*:first-child+html #shohinpage th.size-first{
    width: 93px;
}

#shohinpage td.size {
    padding-right: 0;
    width: 66px;
    _word-break:break-all;
    line-height: 1.5;
}
* html #shohinpage td.size {
    width: 66px;
}
*:first-child+html #shohinpage td.size {
    width: 66px;
}
#shohinpage td.size-first {
    width: 100px;
}
* html #shohinpage td.size-first {
    width: 100px;
}
*:first-child+html #shohinpage td.size-first {
    width: 100px;
}

/*
#shohinpage th.product{
    width: 149px;
}

#shohinpage td.product{
    width: 151px;
}
* html #shohinpage td.product{
    width: 151px;
}*/

#shohinpage th.price {
    width: 149px;
}
* html #shohinpage th.price {
    width: 129px;
}
*:first-child+html #shohinpage th.price {
    width: 129px;
}
#shohinpage td.price{
    text-align: right;
    padding-top: 4px;
    padding-bottom: 4px;
    width: 70px;
}
* html #shohinpage td.price {
    width: 69px;
}
*:first-child+html #shohinpage td.price {
    width: 69px;
}
#shohinpage td.price02{
    width: 60px;
}
* html #shohinpage td.price02 {
    width: 59px;
}
*:first-child+html #shohinpage td.price02 {
    width: 59px;
}

#shohinpage th.number {
    width: 118px;
}
*:first-child+html #shohinpage th.number {
    width: 85px;
}

#shohinpage td.number {
    text-align: left;
    width: 118px;
}
#shohinpage td.number input.suryo{
    margin-right: .2em;
    border: 1px solid #d2d2d2;
    width: 3.5em;
    height: 18px;
}
#shohinpage th.thick {
    padding: 8px 4px;
    width: 42px;
    
}
#shohinpage td.thick {
    padding: 8px 2px;
    width: 46px;
    text-align: center;
}
* html #shohinpage th.thick{
    padding-right: 0;
}
* html #shohinpage td.thick{
    width: 56px;
}
#shohinpage select {
    width: 100%;
    border: 1px solid #d2d2d2;
}
#shohinpage th.dansai{
    width: 90px;
    padding: 8px 5px;
}
*:first-child+html #shohinpage th.dansai {
    width: 135px;
}

#shohinpage td.dansai {
    width: 90px;
}
#shohinpage a:link,
#shohinpage a:visited {
    text-decoration: underline;
}
#shohinpage a:hover,
#shohinpage a:active {
    text-decoration: none;
}
/*#titleTip {
    z-index:5;
}*/

/* 20150723　修正追記 */
#shohin_search_msg {
    display: inline-block;
}
.btn-research {
    display: inline-block;
    vertical-align: middle;
    margin-left: 3px;
}
#contents .text-right {
    text-align: right;
}
.btn-select-all {
    display: block;
    margin-top: 7px;
    text-align: center;
}
a.link-underline:link,
a.link-underline:visited {
    text-decoration: underline;
}
a.link-underline:hover,
a.link-underline:active {
    text-decoration: none;
}