@charset "UTF-8";

/*IMG-float*/
.photo { text-align: center; }
.ph_l { margin: 0 20px 20px 0; padding: 0; float: left ; }
.ph_r { margin: 0 0 20px 20px; padding: 0; float: right; }
.ph_r0 { margin: 0 0 0px 20px; padding: 0; float: right; }
.icn { vertical-align: middle; }
.ph { background: #ddd; padding: 1px; border: 1px solid #f0f0f0; }
  a:hover .ph { background: #333; padding: 1px; border: 1px solid #e0e0e0; }
.ph2 { background: #333; padding: 2px; border: 1px solid #e0e0e0; }
.down { vertical-align: bottom; }

/*Text*/
.star { color: /*#c30*/#cc0000; }
.m0 { margin: 0 !important; }
.mb0 { margin-bottom:0px !important;}
.mb5 { margin-bottom:5px !important;}
.mb10 { margin-bottom:10px !important;}
.mb20 { margin-bottom:20px !important;}
.mb30 { margin-bottom:30px !important;}
.mb40 { margin-bottom:40px !important;}

.mt0 { margin-top:0px !important;}
.mt5 { margin-top:5px !important;}
.mt10 { margin-top:10px !important;}
.mt15 { margin-top:15px !important;}
.mt20 { margin-top:20px !important;}
.mt30 { margin-top:30px !important;}
.mt35 { margin-top:35px !important;}
.mt40 { margin-top:40px !important;}
.mt50 { margin-top:50px !important;}
.mt60 { margin-top:60px !important;}
.mt100 { margin-top:100px !important;}

.ml0 { margin-left:0px !important;}
.ml5 { margin-left:5px !important;}
.ml8 { margin-left:8px !important;}
.ml10 { margin-left:10px !important;}
.ml13 { margin-left:13px !important;}
.ml20 { margin-left:20px !important;}
.ml30 { margin-left:30px !important;}
.ml40 { margin-left:40px !important;}
.ml50 { margin-left:50px !important;}
.ml60 { margin-left:60px !important;}
.ml90 { margin-left:90px !important;}
.ml190 { margin-left:190px !important;}

.mr20 { margin-right:20px !important;}

.pb0 { padding-bottom:0 !important;}
.pb10 { padding-bottom:10px !important;}
.pb20 { padding-bottom:20px !important;}

.pt20 { padding-top:20px!important;}
.pt30 { padding-top:30px!important;}
.pt40 { padding-top:40px!important;}

.t-center { text-align: center !important; }
.t-right { text-align: right !important; }
.t-left { text-align: left !important; }
.oddline { background: #fff; }
.evenline { background: #f6f6f6; }

.w50 { width:50%;}
.w50px { width:50px;}

/*コンテンツ*/
/*----共通*/
#contents h2 { font-size: 120%; font-weight: bold; color: #000; margin: 0 0 15px; padding: 10px 0 0; border-top: 3px solid #999; }
#contents h2 span { font-size: 80%; font-weight: bold; color: #666; padding: 0 0.5em; }

#contents ul,#contents ol { margin: 0 0 1.3em; }
#contents ul ul,#contents ol ol { margin: 0; }
#contents ol li { list-style: decimal outside; margin: 0 0 0 1.8em; }
#contents ul li { list-style: square outside; margin: 0 0 0 1.8em; }
/*----カラー確認用*/
#contents .colorpreview ul li { list-style-type: none; margin: 0 0 0 1.8em; }
/*----*/
#contents li ol li { list-style-type: lower-alpha; margin: 0; padding: 0; }
/*----tableタブパネル*/
#contents table.tbc-table { width: 100%; font-size: 80%; line-height: 140%; border-collapse: collapse; empty-cells: show; margin: 0 0 1.5em; border-top: 1px solid #ccc; border-left: 1px solid #ccc; }
#contents .tbc-table th { text-align: left; font-weight: normal; padding: 5px; background: #eee; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
#contents .tbc-table .tbc-title th { text-align: center; color: #fff; background: #999; }
#contents .tbc-table td { padding: 5px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
/*----table検索*/
#contents table.search { width: 100%; font-size: 80%; line-height: 140%; border-collapse: collapse; empty-cells: show; margin: 0 0 10px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; background: #fff; }
#contents .search th { text-align: center; padding: 10px 2em; background: url(../img/search-thbg.jpg) no-repeat 100% 0; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
#contents .search td { text-align: center; padding: 10px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
/*----table検索2*/
#contents table.search2 { width: 100%; font-size: 80%; line-height: 140%; margin: 20px 0; }

/*※20100807　padding　修正*/
#contents .search2 th { text-align: center; padding: 3px 2em; background: #fff; border: 1px solid #ccc; }
#contents .search2 td { padding: 3px; }


#contents .search2 td.display { text-align: right; }
#contents .search2 td select { margin: 0; }

*html #contents .search2 input { padding-top: 2px; }
*:first-child+html #contents .search2 input { padding-top: 2px; }


/*----table寸法*/
#contents table.layout-table,#contents table.layout-table02 { width: 100%; font-size: 100%; line-height: 160%; border-collapse: collapse; empty-cells: show; margin: 0; border: 0; }
#contents .layout-table td, #contents .layout-table02 td { font-size: 80%; padding: 0; border: 0; }
#contents table.size-table { display: auto; width: 700px; font-size: 55%; line-height: 140%; border-collapse: collapse; empty-cells: show; margin: 0 0 10px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; background: #fff; margin-bottom: 30px; font-family:Times, serif;}
#contents .size-table th { vertical-align: top; text-align: center; font-weight: normal; color: #fff; /*padding: 5px;*/ background: #999; /*font-size:12px;*/font-size:11px;}
#contents .size-table th.th01 { border-right: 1px solid #ccc !important; }
#contents .size-table th.th02 { border-right: 1px solid #ccc !important; border-bottom: 1px solid #ccc !important; }
#contents .size-table td { vertical-align: center; text-align:; /*padding: 5px;*/ border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;/*font-size:12px;*/font-size:11px;line-height:1.5;}
/*----table特長*/
#contents table.outline-table { width: 100%; font-size: 80%; line-height: 140%; border-collapse: collapse; empty-cells: show; margin: 0 0 10px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; background: #fff; margin-bottom: 30px; }
#contents table.outline-table2 { width: 100%; font-size: 80%; line-height: 140%; border-collapse: collapse; empty-cells: show; margin: 0 0 10px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; background: #fff; margin-bottom: 10px; }/*----20130917追加*/
#contents table.outline-table3 { width: 100%; font-size: 80%; line-height: 140%; border-collapse: collapse; empty-cells: show; margin: 0 0 10px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; background: #fff; margin-bottom: 30px; }/*----20131009追加*/
#contents .outline-table th { text-align: left; font-weight: normal; padding: 5px 10px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; background: #f6f6f6; }
#contents .outline-table2 th { text-align: left; font-weight: normal; padding: 5px 10px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; background: #f6f6f6; }/*----20130917追加*/
#contents .outline-table3 th { width: 50%; text-align: left; font-weight: normal; padding: 5px 10px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; background: #f6f6f6; }/*----20131009追加*/
#contents .outline-table td { text-align: left; padding: 5px 10px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
#contents .outline-table2 td { text-align: left; padding: 5px 10px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }/*----20130917追加*/
#contents .outline-table3 td { width: 50%; text-align: left; padding: 5px 10px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }/*----20131009追加*/
/*----tableレイアウト用*/
#contents table.layout-table { width: 100%; font-size: 100%; line-height: 160%; border-collapse: collapse; empty-cells: show; margin: 0; border: 0; }
#contents .layout-table td { font-size: 80%; padding: 0; border: 0; }
/*----dlニュース*/
#contents .dl-list { margin: 0 0 15px; border-top: 1px solid #d7d7d7; }
#contents .dl-list dl { padding: 5px 0; border-bottom: 1px solid #d7d7d7; }
#contents .dl-list dt { float: left; width: 10em; font: bold 80%/160% Verdana; color: #999; padding: 0 0 0 10px; background: url(../img/arrow_01.gif) no-repeat 0 50%; }
#contents .dl-list dd { padding: 0 0 0 10.5em; }
/*----TOPランキング*/
#contents .rnk-list { }
#contents .rnk-list li { list-style: none; float: left; display: inline; /*width: 128px;*/ width: 100px; text-align: left; font-weight: bold; margin: 0 !important; padding-top: 25px;}
#contents .rnk-list li img.ph { /*width: 124px; height: 124px;*/ width: 95px; height: 95px; }
#contents .rnk-list li#toprank01 { background: url(../img/no01.gif) no-repeat; }
#contents .rnk-list li#toprank02 { background: url(../img/no02.gif) no-repeat; margin-left:19px!important; }
#contents .rnk-list li#toprank03 { background: url(../img/no03.gif) no-repeat; margin-left:19px!important; }
#contents .rnk-list li#toprank04 { background: url(../img/no04.gif) no-repeat; margin-left:19px!important; }
#contents .rnk-list li#toprank05 { background: url(../img/no05.gif) no-repeat; margin-left:19px!important; }
#contents .rnk-list li#toprank06 { background: url(../img/no06.gif) no-repeat; margin-left:19px!important; }
*html #contents .rnk-list li#toprank02 { margin-left:13px!important; }
*html #contents .rnk-list li#toprank03 { margin-left:13px!important; }
*html #contents .rnk-list li#toprank04 { margin-left:13px!important; }
*html #contents .rnk-list li#toprank05 { margin-left:13px!important; }
*html #contents .rnk-list li#toprank06 { margin-left:13px!important; }



/*----TOPカテゴリ別リスト*/
#contents .cat-list { font-size: 100%; }
#contents .cat-list dl { font-size: 100%; }
#contents .cat-list dt { font-size: 90%; font-weight: bold; margin: 0 0 5px; }
#contents .cat-list dd { font-size: 80%; margin: 0 0 1.5em; }
#contents .cat-list dd em { font-size: 100%; font-weight: normal; }
#contents .cat-list dt.cat02 { float: left; width: 49%; }
/*----各種ボタン類*/
#btn01 { margin: 0 0 5px !important; }
  #btn01 a { display: block; width: 310px; height: 45px; background: url(../img/original/btn.gif) no-repeat; }
  #btn01 a:hover { background-position: 0 -100px; }
#btn02 { }
  #btn02 a { display: block; width: 310px; height: 45px; background: url(../img/original/btn.gif) no-repeat 0 -50px; }
  #btn02 a:hover{ background-position: 0 -150px; }
  .btn-cart { width: 80px; height: 22px; background: url(../img/btn-cart.gif) no-repeat; border:none; }
  .btn-cart:hover { background-position: 0 -50px; }
  .btn-cart.agreement_button.not_yet_agreed {
    cursor: default;
    background-position: 0 -100px;
  }
  .btn-cart.agreement_button.not_yet_agreed:hover {
    background-position: 0 -100px;
  }


#btn-mycatalog { margin: 5px 0 15px !important; }
  #btn-mycatalog a { display: block; width: 135px; height: 24px; background: url(../img/btn-mycatalog.gif) no-repeat; }
  #btn-mycatalog a:hover { background-position: 0 -50px; }
  .btn-gocart { width: 50px; height: 22px; background: url(../img/btn-gocart.gif) no-repeat; border:none; }
  .btn-gocart:hover { background-position: 0 -50px; }

#btn-newitem { margin: 10px auto 0 auto !important; width: 350px; clear:both; }
  #btn-newitem a { display: block; width: 350px; height: 39px; background: url(../img/btn-newitem.gif) no-repeat; }
  #btn-newitem a:hover { background-position: 0 -50px; }

/*HOME*/
#home #flash { height: 419px; margin: 0; }
#top_cat_navi { width: 960px; margin: 0 auto; }
  .top_cat_navi_l { width: 300px; float: left; }
  .top_cat_navi_c { width: 300px; float: left; margin-left: 30px; }
  .top_cat_navi_r { width: 300px; float: right; }
  #top_cat_navi h2 { width: 300px; height: 149px; margin: 0; padding: 0; text-decoration: none; text-indent: -99999px; font-size: 1px; line-height: 1px; border:none; }
  #top_cat_navi .top_cat_navi_l h2 { background: url(../img/top_cat_navi01.jpg) no-repeat; border:none; }
  #top_cat_navi .top_cat_navi_c h2 { background: url(../img/top_cat_navi02.jpg) no-repeat; border:none; } 
  #top_cat_navi .top_cat_navi_r h2 { background: url(../img/top_cat_navi03.jpg) no-repeat; border:none; }
  .top_cat_navi_txt { background: url(../img/top_cat_navi_bg.gif) no-repeat 50% 100%; padding: 19px 16px; zoom:1; }
  .top_cat_navi_txt p { padding: 0; margin: 0; }
  .butterfly { margin: 20px 0 20px 0; }
  .top_conts { background: url(../img/top_conts_bg_hd.jpg) no-repeat; }
  .top_conts_inner { background: url(../img/top_conts_bg_bm.jpg) no-repeat; }
  #top_conts { width: 964px; margin: 0 auto; background: url(../img/top_conts_bg_hd.jpg) no-repeat 0 0; }
  
  /**html #top_conts {background: url(../img/top_conts_bg_hd.jpg) no-repeat 2px 0; }
  *:first-child+html #top_conts {background: url(../img/top_conts_bg_hd.jpg) no-repeat 2px 0; }*/
    
    
  #top_conts_inner { width: 1000px; background: url(../img/top_conts_bg_bm.jpg) no-repeat 0 100%; margin: 0; padding: 0 0 50px 0; }
  #top_conts_inner_l { width: 250px; float: left; margin: 0 0 0 23px; text-align: left; }
  #home .banner { margin: 24px 0 0 0; padding: 0; width: 250px; list-style-type: none; }
  #home .banner li { margin: 0 0 9px 0; padding: 0; width: 250px; height: 55px; list-style-type: none; }
  #home .information { position: relative; margin: 30px 0 10px 0; }
  #home .information h2 { height: 18px; background: url(../img/title_info.gif) no-repeat; text-decoration: none; text-indent: -99999px; font-size: 1px; line-height: 1px; margin: 0 0 15px 0; border:none; }
  #home .rss { text-align: right; position: absolute; top: 3px; left: 100px; width: 150px; font-size: 65%; }
  #home .information dl { border-top: 1px solid #D7D7D7; }
  #home .information dt { font-size: 80%; font-weight: bold; color: #999; margin: 0; padding: 10px 0 0 0; line-height: 130%; }
  #home .information dd { margin: 0; padding: 0 0 10px 0; line-height: 140%; border-bottom: 1px solid #D7D7D7; }
  #home .information dd a { background: url(../img/arrow_01.gif) no-repeat 0 5px; padding: 0 0 0 8px; }
  #top_conts_inner_r { width: 595px; float: left; margin: 20px 0 0 54px; text-align:left; }
  #home .special h3 { font-size: 80%; font-weight: bold; margin: 0 0 10px 0; }
  #home .special p { font-size: 70%; line-height: 130%; }
  #home .special .special_l { width: 290px; float: left; margin: 0; padding: 0; text-align: left; }
  #home .special .special_r { width: 290px; float: right; margin: 0; padding: 0; text-align: left; }
  #home .special .special_ph { width: 135px; float: left; margin: 0; padding: 0; text-align: left; }
  /*#home .special .special_ph img { background: url(../img/ph_bg01.gif) no-repeat; padding: 3px; }*/
  #home .gallery { width: 460px; margin: 30px 0 0 0; }
  #home .gallery h2 { height: 18px; background: url(../img/title_gallery.gif) no-repeat; text-decoration: none; text-indent: -99999px; font-size: 1px; line-height: 1px; margin: 0 0 10px 0; border:none; }
  #home .gallery h3 { font-size: 80%; font-weight: bold; margin: 0 0 10px 0; }
  #home .gallery .gallery_l { width: 220px; float: left; margin: 0; padding: 0; text-align: left; }
  #home .gallery .gallery_r { width: 220px; float: right; margin: 0; padding: 0; text-align: left; }
  #home .gallery .gallery_ph { /* width: 115px; */ width: 90px; float: left; margin: 0; padding: 0; text-align: left; }
  /*#home .gallery .gallery_ph img { background: url(../img/ph_bg02.gif) no-repeat; padding: 3px; }*/
  #home .gallery .gallery_box { padding-bottom: 20px; }

  #home .monodukuri { width: 460px; margin: 30px 0 0 0; }
  #home .monodukuri h2 { height: 18px; background: url(../img/title_monodukuri.gif) no-repeat; text-decoration: none; text-indent: -99999px; font-size: 1px; line-height: 1px; margin: 0 0 10px 0; border:none; }
  #home .monodukuri h3 { font-size: 80%; font-weight: bold; margin: 0 0 10px 0; }
  #home .monodukuri .monodukuri_l { width: 220px; float: left; margin: 0; padding: 0; text-align: left; }
  #home .monodukuri .monodukuri_r { width: 220px; float: right; margin: 0; padding: 0; text-align: left; }
  #home .monodukuri .monodukuri_ph { /* width: 115px; */ width: 90px; float: left; margin: 0; padding: 0; text-align: left; }
  /*#home .gallery .gallery_ph img { background: url(../img/ph_bg02.gif) no-repeat; padding: 3px; }*/
  #home .monodukuri .monodukuri_box { padding-bottom: 20px; }

/*original*/
#original #flash { margin: 0 0 23px; padding: 0 0 17px; border-bottom: 1px solid #D7D7D7; }
#original #flash.no-border { padding: 0; border-bottom: 0px; }
#original #recommend { margin: 0 0 23px; }
#original #reco-list { margin: 6px 0 23px; }
#original .list { float: left; width: 126px; margin: 0 0 0 11px; }
#original .list img.ph { width: 120px; height: 120px; }
#original .list p { line-height: 140%; margin: 0; }
#original .list p span { display: block; font: bold 80%/230% Verdana; color: #999; }
#original .list p a { font-weight: bold; }
#original .list p.price { font-size: 65%; margin: 3px 0 0; }

#original .productlist { }
/*#original .productlist h3 { font-size: 90%; line-height: 140%; font-weight: bold; margin-bottom: 10px; padding: 2px 0 2px 25px; background: url(../img/icon01.gif) no-repeat 0 50%; }*/
#original .productlist h3 { font-size: 90%; line-height: 140%; font-weight: bold; margin-bottom: 10px; padding: 2px 0 2px 20px; background: url(../img/icon03.jpg) no-repeat 0 50%; }
/*オリジナルトップ並びの変更
#original .prdctlst-l { float: left; width: 337px; }
#original .prdctlst-r { float: right; width: 337px; }*/
#original .prdctlst { float: left; width: 126px; text-align: center; font-size: 80%; line-height: 140%; margin: 0 14px 30px 24px; }
#original .prdctlst a img.ph { width: 112px; height: 120px; }
#original .layout-table td.pht { padding-right: 23px;  vertical-align: top;}
#original .layout-table td.date { text-align: right; }
#original .layout-table td.date span { color: #fff; padding: 0.5em 2em; background: #999; }
#original .layout-table td.txt { line-height: 150%; color: #000; vertical-align: top; font-size: 110%;}
#original .layout-table td #other { font-size: 50%;}
#original .layout-table td.gotocart { vertical-align: bottom; }
#original .layout-table td ul { font-size: 100%; margin: 0; padding: 0; }
#original .layout-table td p { font-size: 100%; line-height: 140%; margin: 0; padding: 0; }
#original .layout-table td li { list-style: none; margin: 0; }
#original .layout-table td li a { text-decoration: none; text-indent: -99999px; font-size: 1px; line-height: 1px; overflow: hidden; outline: none; }
#original .detail { margin: 5px 0; }
#original .banner { background: #ddd; padding: 10px; }
#original .banner-l { float: left; width: 335px; }
#original .banner-r { float: right; width: 335px; }
#original .set-base { }
#original .set-base h3 { font-size: 90%; font-weight: bold; margin: 0 0 20px; padding: 2px 0 2px 25px; background: url(../img/icon02.gif) no-repeat 0 50%; }
#original .set-l { float: left; width: 165px; }
#original .set-r { float: right; width: 500px; }
#original .set-l ul { text-align: center; width: 80px; margin: 30px auto 0; padding: 0; }
#original .set-l li { list-style: none; margin: 0; }
#original .set-l li a { text-decoration: none; text-indent: -99999px; font-size: 1px; line-height: 1px; overflow: hidden; outline: none; }
#original .set { float: left; width: 240px; margin: 0 10px 10px 0; }
#original .set-base p { line-height: 140%; margin: 0; }
#original .set-base p span { display: block; font: bold 80%/200% Verdana; color: #999; }
#original .set-base p a { font-weight: bold; }
#original .set-base p.price { font-size: 65%; color: #666; margin: 5px 0 20px; }
/*#original .set-l img.ph { width: 160px; height: 160px; }*/
#original .set-r img.ph { float: left; width: 50px; height: 50px; margin-right: 10px; }




  #customize { background:url(../img/border.gif) repeat-y 450px 0; margin:20px 0; padding-bottom: 10px;}
  #customize_l { width:430px; float:left;}
  #customize_l div.disabled, #customize_l label.disabled { color: #aaa; }
  #customize_r { width:230px; float:right;}
  #customize2 { background:url(../img/border.gif) repeat-y 200px 0; margin:20px 0;}
  #customize2_l { width:200px; float:left; text-align:center;}
  #customize2_r { width:460px; float:right;}
    .customize_entry { clear:both; }
    .customiz_thum { width:128px; float:right;}
    .customiz_thum img { width:120px;}
    .customiz_thum p { font-size: 70%;}
*html .customiz_thum p { font-size: 65%;}
*:first-child+html .customiz_thum p { font-size: 65%;}
    .customiz_txt { width:285px; float:left;}
    .customiz_txt p { margin:0 0 10px;}
    .btn-customiz { width:148px; height:25px; background:url(../img/btn-customiz.gif) no-repeat 0 0; border:none;}
    .btn-customiz:hover { background-position: 0 -100px; }
    /*.customiz-chack { border:1px solid #ccc; margin:20px 0 0 0; clear:both; padding:10px; text-align:center; font-size:90%; line-height:180%;}*/
    .customiz-chack { border:1px solid #ccc; /*margin:20px 0 0 0;*/ margin:10px 0 0 0; clear:both; padding:5px; font-size:85%; line-height:180%;}
    .customiz-chack label { line-height:180%;}
    /*20140902:padding:10px; font-size:90%;=>padding:5px; font-size:85%;*/
    .customiz-chack form { width:80%; margin:0 auto;}
    .customiz-chack2 { border:1px solid #ccc; margin:20px 0 0 0; clear:both; padding:10px 30px; font-size:90%; line-height:180%;}
    .customiz-chack2 .name_box { width:260px; margin-top:10px;}
    .customiz-chack2 table { margin:20px auto; width:100%; border-collapse:collapse;}
    .customiz-chack2 table td { vertical-align:middle;}
    .customiz-chack2 table td.chk { width:30px; text-align:center;}

  .confirmation #combi_thum { vertical-align: middle !important;}
  .custom_table01 { width:100%; border-collapse:collapse;}
  .custom_table02 { width:100%; border-collapse:collapse; margin-top:30px;}
  .custom_table01 td { border-bottom:1px dotted #ccc; padding:5px 3px;}
  .custom_table02 td { border-top:1px solid #000; padding:8px 3px;}
  
  #original .btn-buy_box { padding:10px 0; margin:0; }
  #original .btn-buy { width:320px; margin: 10px auto 10px auto; list-style-type:none;}
  #original .btn-buy .before-box {width: 150px; height: 45px; float:left; }
  #original .btn-buy .before {width: 150px; height: 45px; background: url("../img/btn-buy-s.gif?v=20141209") no-repeat 0 0; border:none;}
  #original .btn-buy .before:hover { background-position: 0 -50px; }
  #original .btn-buy .buy-box {width: 150px; height: 45px; float:right; }
  #original .btn-buy .buy {width: 150px; height: 45px; background: url("../img/btn-buy-s.gif?v=20141209") no-repeat -170px 0; border:none;}
  #original .btn-buy .buy:hover { background-position: -170px -50px; }
  #original .btn-buy .buy.disabled, #original .btn-buy .buy.disabled:hover { background-position: -170px -100px; cursor: default }

  #original .btn-buy2 { width:541px; margin: 40px auto 20px auto; list-style-type:none;}
  #original .btn-buy2 .before-box {width: 250px; height: 45px; float:left; }
  #original .btn-buy2 .before {width: 250px; height: 45px; background: url(../img/btn-cart2.gif) no-repeat 0 0; border:none;}
  #original .btn-buy2 .before:hover { background-position: 0 -50px; }
  #original .btn-buy2 .buy-box {width: 250px; height: 45px; float:right; }
  #original .btn-buy2 .buy {width: 250px; height: 45px; background: url(../img/btn-cart2.gif) no-repeat -291px 0; border:none;}
  #original .btn-buy2 .buy:hover { background-position: -291px -50px; }

  .btn-next { width: 80px; height: 22px; background: url(../img/btn_next.gif) no-repeat; border:none; }
  .btn-next:hover { background-position: 0 -50px; }
  
  .customize_flow { background:#F6F6F6; padding:10px; margin:20px auto 20px auto;}
  .customize_flow table { height:28px; border-collapse:collapse; width:100%;}
  .customize_flow td { text-align:center; vertical-align:middle;}


/*mecha*/
#mecha #flash { margin: 0 0 23px; }

#mecha .category-list { /*float: left; width: 245px; */}
/*#mecha .category-list h3 { font-size: 90%; font-weight: bold; margin: 0 0 10px; }*/
#mecha .category-list ul { margin: 0 0 10px; }
#mecha .category-list ul li { float: left; display: inline; width: 124px; list-style: none; /*margin: 0 10px 10px 0;*/ }

/*#mecha .category-list { float: left; width: 245px; }
#mecha .category-list h3 { font-size: 90%; font-weight: bold; margin: 0 0 10px; }
#mecha .category-list ul { margin: 0 0 10px; }
#mecha .category-list ul li { float: left; display: inline; width: 70px; list-style: none; margin: 0 10px 10px 0; }
#mecha .category-list ul li img.ph { width: 60px; height: 60px; }*/
#mecha .search { text-align: center; padding: 10px; border: 1px solid #ddd; background: #f0f0f0; }
#mecha .search-result { text-align: left; margin: 0 0 10px; padding: 20px 10px 0; border: 1px solid #ddd; border-top: 0; }
#mecha .search-result2 { text-align: left; margin: 0 0 10px; }
#mecha .search-result h4,#mecha .search-result2 h4 { font-size: 90%; font-weight: bold; margin-bottom: 5px; }
#mecha .search-result conts,#mecha .search-result2 conts { margin: 0 0 20px; }
#mecha .search-result ul.conts li,#mecha .search-result2 ul.conts li { float: left; display: inline; width: 90px; list-style: none; margin: 0 7px 10px 0; }
#mecha .search-result ul.conts li img.ph,
#mecha .search-result2 ul.conts li img.ph { width: 85px; height: 85px; }
#mecha .cate-list { margin: 0 0 10px; }
#mecha .cate-list li { float: left; display: inline; width: 70px; list-style: none; margin: 0 14px 10px 0; }
#mecha .cate-list li img.ph { width: 55px; height: 55px; }
#mecha .layout-table td { width: 100%; height: 300px; text-align: center; }
#mecha .detail01 { clear: both; border-top: 1px solid #d7d7d7; padding: 10px 0 10px; }
#mecha .detail01 ul.detail-photo { float: left; width: 550px; }
#mecha .detail01 .detail-photo li { list-style: none; float: left; display: inline; width: 70px; text-align: center; font-weight: bold; margin: 0 7px 0 0; }
#mecha .detail01 .detail-photo li img.ph { width: 63px; height: 63px; }
#mecha .detail01 ul.detail-btn { float: right; width: 135px; margin-bottom: 0; }
#mecha .detail01 .detail-btn li { list-style: none; margin: 0; }
#mecha .detail01 .detail-btn li a { text-decoration: none; text-indent: -99999px; font-size: 1px; line-height: 1px; overflow: hidden; outline: none; }
#mecha .size-table li { list-style: none; margin: 0; padding: 0; }
#mecha .size-table li a { text-decoration: none; text-indent: -99999px; font-size: 1px; line-height: 1px; overflow: hidden; outline: none; }
#mecha .more-list { margin: 0 0 20px; }
#mecha .more-list li { float: left; display: inline; list-style: none; width: 124px; margin: 0 7px; }
#mecha .more-list img.ph { width: 120px; height: 120px; }
#mecha .more-list a { font-weight: bold; }
#mecha .more-list .price { font-size: 80%; margin: 3px 0 0; }
#mecha ul.detail-btn { float: right; width: 135px; margin-bottom: 0; }
#mecha .detail-btn li { list-style: none; margin: 0; }
#mecha .detail-btn li a { text-decoration: none; text-indent: -99999px; font-size: 1px; line-height: 1px; overflow: hidden; outline: none; }

#cate_choose { width:700px; margin:0 auto;}
#cate_choose ul { margin:6px 0 0 0; padding:6px 0 0 0;}
#cate_choose ul li { float:left; list-style-type:none; padding:0; margin:0 0 0 9px;}
#cate_choose ul li a { display:block; width:156px; border:1px solid #CCC; background:#f9f9f9; padding:5px;}
#cate_choose ul li a img { float:right; text-decoration:none; width:70px; height:70px;}
#cate_choose ul li.first { margin-left:0;}

/*mecha-use*/
#mecha-use .list { float: left; width: 128px; margin: 0 0 10px 14px; }
/**html #mecha-use .list { padding-bottom: 10px; }
*:first-child+html #mecha-use .list { padding-bottom: 10px; }*/
#mecha-use .list { padding-bottom: 10px\9; }
#mecha-use .list.first { margin-left:0;}
#mecha-use .list img.ph { width: 120px; height: 120px; }
#mecha-use .list p { line-height: 140%; margin: 0; }
#mecha-use .list p span { display: block; font: bold 80%/200% Verdana; color: #999; }
#mecha-use .detail-caption { text-align: center;}
#mecha-use .movie { margin: 0 0 10px; text-align: center; }
#mecha-use .list p a { font-weight: bold; }
#mecha-use .list p.price { font-size: 75%; margin: 3px 0 0; }
#mecha-use .more-list li { float: left; display: inline; list-style: none; width: 124px; margin: 0 7px 5px; }


/*#mecha-use .list { float: left; width: 116px; margin: 0 5px 10px; }
#mecha-use .list img.ph { width: 112px; height: 112px; }
#mecha-use .list p { line-height: 140%; margin: 0; }
#mecha-use .list p span { display: block; font: bold 80%/200% Verdana; color: #999; }
#mecha-use .detail-caption { text-align: center;}
#mecha-use .movie { margin: 0 0 10px; text-align: center; }
#mecha-use .list p a { font-weight: bold; }
#mecha-use .list p.price { font-size: 75%; margin: 3px 0 0; }
#mecha-use .more-list li { float: left; display: inline; list-style: none; width: 124px; margin: 0 7px 5px; }*/



/*----index*/
#mecha-use #countdown { text-align: center; font-size: 80%; font-weight: bold; margin: 0 0 20px; padding: 20px 20px 10px; border: 1px solid #ccc; }
#mecha-use #countdown strong { font-size: 140%; }
#mecha-use ul.btn-newitem { maargin: 0 !important; padding: 0 !important; }
#mecha-use .btn-newitem li { list-style: none; }
#mecha-use .use-conditions-icon { margin-top: 5px; }
#mecha-use .btn-newitem li a { text-decoration: none; text-indent: -99999px; font-size: 1px; line-height: 1px; overflow: hidden; outline: none; }
/*----002*/
#mecha-use .use002 { margin: 0; }

/*※20100807　margin-bottom　20px→10pxに修正*/
#mecha-use .use002 li { float: left; display: inline; list-style: none; width: 124px; margin: 0 0 10px 3px; }

#mecha-use .use002 img.ph { width: 120px; height: 120px; }
/*----004*/
#mecha-use ul.detail-photo { margin: 10px 0 0; padding-top: 10px; border-top: 1px solid #ccc; }
#mecha-use .detail-photo li { list-style: none; float: left; display: inline; width: 70px; margin: 0 7px 0 0; }
#mecha-use .detail-photo li img.ph { width: 63px; height: 63px; }
#mecha-use .detail-caption { text-align: center;}
#mecha-use .movie { margin: 0 0 10px; }
#mecha-use .more-list { margin: 0 0 20px; }
#mecha-use .more-list li { float: left; display: inline; list-style: none; width: 124px; margin: 0 1px 5px; }
#mecha-use .more-list img.ph { width: 120px; height: 120px; }
#mecha-use .more-list li p { font-size: 100%; line-height: 140%; margin: 0; }
#mecha-use .more-list li p span { display: block; font: bold 80%/200% Verdana; color: #999; }
#mecha-use .more-list li p a { font-weight: bold; }
#mecha-use .more-list .price { font-size: 80%; margin: 3px 0 0; }
#mecha-use .sell_comp_outer { border-bottom:1px solid #ddd; margin-bottom:10px;}
#mecha-use .sell_comp { background:url(../img/sell_comp.gif) no-repeat 0 50%; padding:0 0 0 130px; width:110px; margin:0 auto 10px auto;}
#mecha-use .layout-table .t-right span { padding: 4px 1.5em; background: #999; color: #fff; }
#mecha-use ul.order { font-size: 100%; margin: 0; padding: 0; }
#mecha-use .order li { float: left; display: inline; list-style: none; margin: 0 1em 0 0; }
#mecha-use .order li a { text-decoration: none; text-indent: -99999px; font-size: 1px; line-height: 1px; overflow: hidden; outline: none; }
  .btn-request {width: 110px; height: 30px; background: url(../img/btn-request.gif) no-repeat; border:none; margin:; padding:0;}
  .btn-request:hover { background-position: 0 -30px; }
#mecha-use table.layout-table02 td { width: 100%; height: 300px; text-align: center; }
#mecha-use .movie { margin: 0 0 10px; text-align: center; }
#mecha-use .more-list li { float: left; display: inline; list-style: none; width: 124px; margin: 0 7px 5px; }

/*----005*/
#mecha-use h3 { font-size:90%; border-bottom: 1px solid #ccc; margin: 0 0 10px; padding: 0 0 2px; }
#mecha-use .use005 {  margin: 0 0 20px; }
#mecha-use .use-conditions-icon { margin-top: 5px; }

/*privacy*/
h3 { margin:40px 0 10px 0; padding:0 0 5px 0; border-bottom:1px solid #ccc; color:#333; font-size:95%; font-weight:bold;}
h3.h3_title { margin-top:0; padding-top:20px;}
h4 { font-size:95%; font-weight:bold; /*margin:25px 0 10px 0;*/ margin:40px 0 5px 0; padding:3px 0 3px 12px; border:none; border-left:5px solid #ccc;}

h5 { font-size:85%; font-weight:bold; margin:20px 0 10px 0; padding:0; border:none; }


/*sitemap*/
#sitemap dl {width:327px; float:left; margin: 0 10px;}
*html #sitemap dl { width:320px; }

#sitemap dt {
  background-image:url(../img/arrow_01.gif);
  font-weight:bold;
  background-repeat: no-repeat;
  background-position: 10px center;
  font-size:120%;
  text-indent: 20px;
  padding: 5px;
  margin:10px 0 5px 0;
  border-bottom: dotted #666 1px;
}
#sitemap dt a,#sitemap dd a{ text-decoration:none;}
#sitemap dt a:hover,#sitemap dd a:hover{ text-decoration:none; background-color:#CCCCCC;}

#sitemap dd {
  font-size:95%;
  text-indent: 20px;
  padding: 5px;
  margin-bottom: 5px;
}


#mecha .category-list ul li a.image_anchor {
  display: block;
  text-align: center;
  padding-bottom: 5px;
}

#cate_choose ul li a img {
  float: left;
  margin-right: 10px;
}

/*個数ボタン幅*/
#datatabels select {
    width: 45px;
}

.banner-container {
    margin-bottom: 21px;
}

.banner-container-if > a {
  margin-bottom: 21px;
  display: inline-block;
}

/*吹き出し*/
#hukidasi div {
  position: relative;
}

#hukidasi div p {
  font-size:6pt;
}

.arrow_box {
  display: none;
  position: absolute;top:-800px; left:230px;
  padding: 16px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;  
  border-radius: 8px;
  background: #333;
  color: #fff;
}

.arrow_box:after {
  position: absolute;
  bottom: 100%;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -10px;
  border: solid transparent;
  border-color: rgba(51, 51, 51, 0);
  border-bottom-color: #333;
  border-width: 10px;
  pointer-events: none;
  content: " ";
}

.arrow_box2 {
  display: none;
  position: absolute;top:-800px; left:330px;
  padding: 16px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;  
  border-radius: 8px;
  background: #333;
  	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8; 
  color: #fff;
}

.arrow_box2:after {
  position: absolute;
  bottom: 100%;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: 100px;
  border: solid transparent;
  border-color: rgba(51, 51, 51, 0);
  border-bottom-color: #333;
  border-width: 10px;
  pointer-events: none;
  content: " ";
}

span:hover + p.arrow_box {
  display: block;
}

span:hover + p.arrow_box2 {
  display: block;
}

/*文化展区切り線*/
.hr_ce {
 border-style: solid; border-width: 1px 0px 0px 0px; border-color:#BDBDBD;
 margin-top:50px;
 width:500px;
 /*margin-left : auto ;
 margin-right : 0 ; 
 text-align : left ;*/
}

.ce_row{
    display: table;
    width: 100%;
    table-layout: fixed;
    font-size:100%;
}

.ce_cell{
    display: table-cell;
    width: 300;
}

.ce_cell-1{
    display: table-cell;
    width: 3ex;
}

.ce_cell-2{
    display: table-cell;
    width: 1ex;
}

.ce_cell-3{
    display: table-cell;
    width: 150;
}

.ce_div500_2 {
background-color:#FFFFFF;
width: 500px;
padding:5px 0 0 5px;
}

.ce_div600 {
background-color:#FFFFFF;
width: 590px;
padding:5px 5px 0 5px;
}

.ce_div600_2 {
background-color:#FFFFFF;
width: 590px;
padding:5px 5px 0 5px;
}

.ce_div480 {
background-color:#FFFFFF;
width: 470px;
padding:5px 5px 0 5px;
}

.ce_img {
border:solid #D6D6D6;
border-width : 1px;
 }

.ce_div700 {
background-color:#E6E6E6;
width: 695px;
padding:5px 0px 0 5px;
}

#mypage .about-point {
    width: 580px;
    margin: auto auto;
}

/*KitMillサンプル*/
.k_sample{
    margin: 0;  
    padding: 0;  
    height: 100%;  
    overflow: hidden;  
    height: auto;  
}

.bgcolor_sample{
    width: 349px;
    background-color : #EEEEEE;
    padding-bottom: 32767px;  
    margin-bottom: -32767px;
}

.bgcolor_sample2{
    width: 349px;
    background-color : #FFFFFF;
    padding-bottom: 32767px;  
    margin-bottom: -32767px;
}

.bgcolor_sample3{
    width: 350px;
    background-color : #FFFFFF;
    padding-bottom: 32767px;  
    margin-bottom: -32767px;
}

.bgcolor_sample4{
    width: 348px;
    background-color : #FFFFFF;
    padding-bottom: 32767px;  
    margin-bottom: -32767px;
}

.sample_float {
	float : left;
}

.sample_clear {
	clear : left;
}


/*海外バナーサイズ*/
#overseas-shipping-container > a > img {
    width: 96%;
    margin:0px 0px 0px 13px;
    text-align:center;
}

#judge .judgepanel {
	clear: both;
}
.judgepanel .col-left {
	width: 320px;
	padding: 10px;
	float: left;
}
.judgepanel .col-right {
	width: 320px;
	float: right;
	padding: 10px;
}

#judge .reason {
	clear: both;
	padding: 30px 0;
}

#judge .comment {
	padding:10px;
	border-radius: 2px;
	background-color: #F2F2F2;
	margin-bottom: 20px;
}
#judge .comment h4 {
	margin-top: 5px;
}

.comments .col-left {
	width: 320px;
	padding: 10px;
	float: left;
	min-height: 140px;
}
.comments .col-right {
	width: 320px;
	float: right;
	padding: 10px;
	min-height: 140px;
}

/*イベント*/
#event .event_font p {
	font-size:10pt;
}

#event .event_font table p {
	font-size:10pt !important;
}

.event_float {
	float : left;
	width: 160px;
}

.event_float2 {
	float : left;
	width: 530px;
	text-align: justify;
	text-justify: distribute-all-lines; 
}

.event_float3 {
	float : left;
	width: 470px;
}

.event_float4 {
	float : left;
	width: 228px;
	text-align: justify;
	text-justify: distribute-all-lines; 
}

.event_float5 {
	float : left;
	width: 530px;
}

.event_float5_right {
	text-align: right;
}

.event_clear {
	clear : left;
}

.useds_float {
	letter-spacing:0px;
}


.event_fontline {
    color: #FE9A2E !important;
    font-size: 20px !important;
    font-weight: bold !important;
    text-shadow: 2px 2px 1px #000000,
    -2px 2px 1px #000000,
    2px -2px 1px #000000,
    -2px -2px 1px #000000 !important;
}

.event_fontline2 {
    color: #00FF40 !important;
    font-size: 20px !important;
    font-weight: bold !important;
    text-shadow: 2px 2px 1px #000000,
    -2px 2px 1px #000000,
    2px -2px 1px #000000,
    -2px -2px 1px #000000 !important;
}

.event_float165 {
	float : left;
	width: 174px;
}

.event_float165_2 {
	float : left;
	width: 174px;
	margin-top: 20px;
}


/*イベント 申し込みフォームボタン*/
.application_company {
    background: url("/event/uploadimg/omf/application_company2.gif") no-repeat;
}

.application_company a {
    display: inline-block;
}

.application_company a:hover {
	background-color: transparent; /* IE6対応 */
}

.application_company a:hover img {
    visibility: hidden;
}

.application_individual {
    background: url("/event/uploadimg/omf/application_individual2.gif") no-repeat;
}

.application_individual a {
    display: inline-block;
}

.application_individual a:hover {
	background-color: transparent; /* IE6対応 */
}

.application_individual a:hover img {
    visibility: hidden;
}

.application_seminar {
    background: url("/event/uploadimg/cncws/application_seminar2.gif") no-repeat;
}

.application_seminar a {
    display: inline-block;
}

.application_seminar a:hover {
	background-color: transparent; /* IE6対応 */
}

.application_seminar a:hover img {
    visibility: hidden;
}

#countdown03 {
  padding-left: 10px;
}

#countdown03 strong#countdown_timer {
  font-size: 130%;
}

#countdown03_description {
  padding-right: 10px;
  position: absolute;
  right: 0;
  bottom: 0;
}

#countdown03_container {
  position: relative;
  margin-bottom: 21px;
}

.img_sub { vertical-align: sub !important; }

/*モーターの仕様上線*/
.spec_line {
    text-decoration: overline;
}

/*データ販売スペース*/
.data_space {
    letter-spacing : 1.8em;
}

.data_space2 {
    letter-spacing : 1.0em;
}

/*テキスト回り込み*/

.text_hidari {
  float: left;
  margin-right: 2em;
  margin-bottom: 1em;
}

.text_migi {
  float: right;
  margin-left: 2em;
  margin-bottom: 1em;
}


/*データ販売スペース*/
.application_work {
    background: url("/cultural_exhibition2016/uploadimg/application_work2.jpg") no-repeat;
}

.application_work a {
    display: inline-block;
}

.application_work a:hover {
	background-color: transparent; /* IE6対応 */
}

.application_work a:hover img {
    visibility: hidden;
}

/*文化展インタビュー*/
.application_interview {
    background: url("/cultural_exhibition2016/uploadimg/application_interview2.jpg") no-repeat;
}

.application_interview a {
    display: inline-block;
}

.application_interview a:hover {
	background-color: transparent; /* IE6対応 */
}

.application_interview a:hover img {
    visibility: hidden;
}

/*文化展作品詳細*/
.application_detail {
    background: url("/cultural_exhibition2016/uploadimg/application_detail2.jpg") no-repeat;
}

.application_detail a {
    display: inline-block;
}

.application_detail a:hover {
	background-color: transparent; /* IE6対応 */
}

.application_detail a:hover img {
    visibility: hidden;
}


.text_just {
  font-size: 100%;
  text-align:justify;
  text-justify:inter-ideograph;
}

/*技術解説製品ページはこちら*/
.application_products a{
background:url("/special/magemage-goigoi/btn_detail.jpg") no-repeat scroll left top;border:0 none;height:45px;
width:310px;
display:block;

text-decoration: none;
text-indent: -99999px;
font-size: 1px;
line-height: 1px;
overflow: hidden;
outline: none;

}

.application_products a:hover{
background-position:0 -50px;
}

/*作品詳細ページはこちら*/
.application_thework a{
background:url("/img/btn_detail.jpg") no-repeat scroll left top;border:0 none;height:45px;
width:310px;
display:block;

text-decoration: none;
text-indent: -99999px;
font-size: 1px;
line-height: 1px;
overflow: hidden;
outline: none;

}

.application_thework a:hover{
background-position:0 -50px;
}

/*文化展作品一覧はこちら*/
.application_list a{
background:url("/img/btn_list.jpg") no-repeat scroll left top;border:0 none;height:45px;
width:310px;
display:block;

text-decoration: none;
text-indent: -99999px;
font-size: 1px;
line-height: 1px;
overflow: hidden;
outline: none;

}

.application_list a:hover{
background-position:0 -50px;
}


/*データ販売スペース*/
.ce_r10{
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}


/*ものづくり文化展PDF*/
.download-pills .pdf {border:1px solid #FF6666;}

.download-pills .pdf:hover {
border:1px solid #CC3333;
}

.download-pills .pdf small {
margin-left:10px;
font-size:9px;
color:#FF6666;
}

.nav-pills li a {
border-radius:42px;
border:1px solid #fff;
padding:10px 40px;
background-color:#fff;
color:#333;
text-decoration: none;
}

/*保有期間テーブル*/
.div300 {
background-color:#FFFFFF;
width: 330px;
padding:5px 5px 0 5px;
margin:0;
}

/*MAGE概要特長*/
.mage_summary {
font-size:150%;
font-weight:bold; 
}

.mage_line p{
line-height: 180%;
font-size: 85%;
}

/*トップ横並び*/
.img-flex {
display: -ms-flexbox;
display: -webkit-flex;
display: -webkit-box;
display: flex;
max-width: 100%;
height: auto;
}

.img-flex img {
width: 100%;
}

/*トップ横並び*/
.guide_img {
border:solid #727171;
border-width : 2px;
 }