@charset "utf-8";

/* ========================================================================
    01. uniqu modules
    02. home
    03. form
    04. shop_search
    05. braille_utility
    06. situation
    07. news mt
    08. eco_series
    09. tepra_gallery
    10. products top notice
    11. tepra_top
    12. tepra_ribbon
    13. tepra_lite
    14. i_colocolo
    15. product
    16. sr-gl1
    17. cover
    18. tepra_25th
    19. utility_btn
    20. tepra25th_CP
    21. recruit
    22. topBnr
    23. skitman
    24. iglaco
    24. tatamun
    25. fb_campaign
    26. kurashinokiroku
    27. kaban_oki
    28. deskboard
    29. umbrella_stand
    30. portabook_imadake
    31. hover
    32. lezaface-sp
    33. displayboard
    34. usenable
    35. sp_bnr
    36. pitcode

    99. Evernote
------------------------------------------------------------------------ */



/* ========================================================================
    01. uniqu modules
------------------------------------------------------------------------ */
.unq-lyt-01,
.unq-lyt-02{
*zoom:1;
}
.unq-lyt-01:after,
.unq-lyt-02:after{display:block;clear:both;content:'';}

.unq-lyt-01 li{
float:left;
margin-right:10px;
}

.unq-lyt-01 li.column-01,
.unq-lyt-01 li.column-02,
.unq-lyt-01 li.column-03,
.unq-lyt-01 li.column-04{width:230px;}
.unq-lyt-01 li.column-05,
.unq-lyt-01 li.column-06,
.unq-lyt-01 li.column-07{width:310px;margin-top:10px;}
.unq-lyt-01 li.column-04,
.unq-lyt-01 li.column-07{margin-right:0;}

.unq-lyt-02 p{
margin:0;
}

.unq-lyt-02 p.img-01{
float:left;
margin-right:10px;
_margin-right:7px;
}

.unq-lyt-02 p.img-02{
margin-bottom:10px;
}

.unq-lyt-02 p.img-03{
}

.unq-tbl-01{
margin:0 auto;
}

.unq-tbl-01 th,
.unq-tbl-01 td{
padding:0 5px;
vertical-align:middle;
text-align:left;
}

.unq-tbl-01 td a{
display:inline-block;
margin:2px 0;
}

#contents .unq-tbl-02 th,
#contents .unq-tbl-02 td{
line-height:1.25;
padding:4px 5px 2px 6px;
vertical-align:middle;
}

.unq-error-01{
min-height:175px;
_height:175px;
padding-bottom:15px;
background:url("/resource/style/images/unq-error-01-bg.gif") no-repeat 85% 0;
}

.unq-error-02{
color:#167dcb;
font-size:135%;
font-weight:bold;
}

.unq-error-03{
margin-left:-10px;
*zoom:1;
}
.unq-error-03:after{display:block;clear:both;content:'';}

.unq-error-03 li{
_display:inline;
width:221px;
float:left;
margin:20px 0 0 10px;
padding-right:10px;
border-right:1px solid #b7c5d0;
}

.unq-error-03 li.edge{
border-right:0 none;
padding-right:0;
}

.unq-error-03 li a{
display:inline-block;
position:relative;
min-height:22px;
_height:22px;
margin-bottom:5px;
padding:3px 0 0 30px;
*zoom:1;
}

.unq-error-03 li a img{
position:absolute;
top:0;
left:0;
}

.unq-error-03 li p{
margin-bottom:0 !important;
}

.unq-history-01 td div{
position:relative;
z-index:2;
padding-right:160px;
}

.unq-history-01 td div img{
position:absolute;
z-index:3;
}

.unq-history-01 td div img.img-01{top:-8px;*top:-11px;right:76px;_right:90px;}
.unq-history-01 td div img.img-02{top:-21px;*top:-23px;right:-13px;_right:1px;}
.unq-history-01 td div img.img-03{top:-26px;*top:-28px;right:56px;_right:70px;}
.unq-history-01 td div img.img-04{top:-22px;*top:-24px;right:32px;_right:46px;}
.unq-history-01 td div img.img-05{top:-20px;*top:-23px;right:70px;_right:84px;}
.unq-history-01 td div img.img-06{right:-13px;_right:1px;bottom:-8px;*bottom:-5px;_bottom:15px;}

.unq-history-02 td div{
position:relative;
z-index:2;
padding-right:160px;
}

.unq-history-02 td div img{
position:absolute;
z-index:3;
}

.unq-history-02 td div img.img-01{top:-8px;*top:-11px;right:76px;_right:90px;}
.unq-history-02 td div img.img-02{top:-21px;*top:-23px;right:-13px;_right:1px;}
.unq-history-02 td div img.img-03{top:-26px;*top:-28px;right:56px;_right:70px;}
.unq-history-02 td div img.img-04{top:-22px;*top:-24px;right:32px;_right:46px;}
.unq-history-02 td div img.img-05{top:-20px;*top:-23px;right:70px;_right:84px;}
.unq-history-02 td div img.img-06{right:-13px;_right:1px;bottom:-28px;*bottom:-31px;_bottom:2px;}

#contents ul.unq-faq-01{
margin-bottom:5px;
}

#contents ul.unq-faq-01 li{
width:7em;
_width:6.9em;
}

#contents .unq-box-01{
margin-bottom:20px;
border:1px solid #b7c5d0;
padding:14px 14px 0 14px;
background:#fff;
*zoom:1;
}

#contents .unq-box-01 .box-contents-01,
#contents .unq-box-01 .box-contents-03{
margin-bottom:14px;
}
#contents .unq-box-01 .box-contents-01{
padding-bottom:0;
}

#contents .unq-box-01 .box-contents-03 .img{
_margin-right:6px !important;
}

#contents .unq-box-01 .lyt-2col-01 .column-01,
#contents .unq-box-01 .lyt-2col-01 .column-02{
width:453px;
}
#contents .unq-box-01 .lyt-2col-01 .column-01{
margin-right:14px;
}

#contents .unq-box-01 .box-contents-01 .lyt-3col-01 .column-01,
#contents .unq-box-01 .box-contents-01 .lyt-3col-01 .column-02,
#contents .unq-box-01 .box-contents-01 .lyt-3col-01 .column-03{
width:287px;
}
#contents .unq-box-01 .box-contents-01 .lyt-3col-01 .column-01,
#contents .unq-box-01 .box-contents-01 .lyt-3col-01 .column-02{
margin-right:14px;
}


/* ========================================================================
    02. home
------------------------------------------------------------------------ */
.home #special{
min-width:950px;
_width:auto;
padding:0 10px;
background:#000;
}

.home #special_en{
min-width:950px;
_width:auto;
padding:10px;
background:#000;
}

.home #nav-header-inner{
padding-bottom:15px;
}

.home #special-inner {
width:950px;
margin:0 auto;
padding:0;
position:relative;
height:294px;
}
.home #special-inner .loading {
padding-top:125px;
display:none;
}

.home #special-inner noscript{
color:#FFFFFF;
}

.home #special-inner .special-main {
padding-top:17px;
}

.home #special-inner .special-main li{
position:absolute;
top:17px;
left:0;
width:714px;
height:261px;
}

.home #special-inner .special-sub {
float:right;
width:224px;
}

.home #special-inner .special-sub li {
padding-bottom:11px;
}

.home #contents{
padding-top:25px;
}

.home .wrap-pickup {
background-color:#fff;
padding-top: 28px;
}

.home .lyt-pickup-01{
position:relative;
width:942px;
margin:0 auto;
padding:15px 0 20px 0;
font-size: 120%;
}
.home .lyt-pickup-01 button{
display:none;
position:absolute;
top:50%;
width:20px;
height:44px;
margin:0;
border:0 none;
padding:0;
cursor:pointer;
margin-top:-22px;
}

.home .lyt-pickup-01 button.next{
right:0;
}
.home .lyt-pickup-01 button.prev{
left:0;
}

.home .lyt-pickup-01 button img{
position:relative;
top:-1px;
*top:0;
left:-3px;
*left:0;
}

.home .lyt-pickup-01 .ttl-pickup-01 {
border-bottom:1px solid #167dcb;
margin-bottom:15px;
text-align:left;
margin:0 0 15px 0;
zoom:1;
}

.home .lyt-pickup-01 .ttl-pickup-01 h2 {
float:left;
padding-bottom:5px;
}

.home .lyt-pickup-01 .ttl-pickup-01 p {
float:right;
}

.home .lyt-pickup-01 .ttl-pickup-01 p a {
background:url("/resource/style/images/ico-bullet-01-right.gif") no-repeat 0 0.2em;
padding-left: 15px;
}

.home .lyt-pickup-01 .ttl-pickup-01:after{
display:block;
clear:both;
content:'';
}

.home .lyt-pickup-01 .inner{
width:942px;
}

.home .lyt-pickup-01 .inner ul{
margin-bottom:0;
*zoom:1;
}
.home .lyt-pickup-01 .inner ul:after{display:block;clear:both;content:'';}

.home .lyt-pickup-01 .inner ul li{
float:left;
width:122px;
margin-right:14px;
text-align: left;
/*background:url("/resource/style/images/bg-pickup-list-01.gif") repeat-y top right;*/
}

.home .lyt-pickup-01 .inner ul li span.link {
display:block;
background:url("/resource/style/images/ico-bullet-01-right.gif") no-repeat 0 0.2em;
width: 107px;
padding-left: 15px;
margin-top: 3px;
}

.home .lyt-pickup-01 .inner ul li br{
display:none;
}

.home #contents #main .hdg-l2hl-03{
margin-top:0;
}


/* ========================================================================
    03. form
------------------------------------------------------------------------ */
#srm_form_area{
}

#srm_form_area input{
vertical-align:middle;
}

#srm_form_area input.srm_input_text,
#srm_form_area input.srm_input_text_name,
#srm_form_area input.srm_input_text_phone,
#srm_form_area input.srm_input_text_zip,
#srm_form_area input.srm_input_text_number,
#srm_form_area textarea.srm_textarea{
margin:0 .25em;
border:1px solid #b7c5d0;
padding:2px;
background:#f2f4f3;
}
#srm_form_area input.srm_input_text:focus,
#srm_form_area input.srm_input_text_name:focus,
#srm_form_area input.srm_input_text_phone:focus,
#srm_form_area input.srm_input_text_zip:focus,
#srm_form_area input.srm_input_text_number:focus,
#srm_form_area textarea.srm_textarea:focus{
border-color:#167dcb;
background:#fff;
}

#srm_form_area input.srm_input_text,
#srm_form_area input.srm_input_text_name{
width:12em;
}

#srm_form_area input#item_22,
#srm_form_area input#item_49,
#srm_form_area input#item_39,
#srm_form_area input#item_138,
#srm_form_area input#item_139{
width:80%;
}

#srm_form_area input.srm_input_text#item_3,
#srm_form_area input.srm_input_text#item_6,
#srm_form_area input.srm_input_text#item_7,
#srm_form_area input.srm_input_text#item_193,
#srm_form_area input.srm_input_text#item_194,
#srm_form_area input.srm_input_text#item_214{
width: 25.5em;
}

#srm_form_area input.srm_input_text_phone,
#srm_form_area input.srm_input_text_zip,
#srm_form_area input.srm_input_text_number{
width:4em;
}
#srm_form_area input.srm_input_text_phone{
width:12em;
}
#srm_form_area textarea.srm_textarea{
width:80%;
height:7.5em;
margin:.25em;
font-size:98%;
}

#srm_form_area select.srm_select{
margin:0 .25em;
}

#srm_form_area input.srm_input_checkbox{
margin-right:.5em;
*margin-right:.25em;
}

#srm_form_area .srm_container_label{
line-height:1.25;
margin-bottom:28px;
border:2px solid #000;
padding:2px;
background:#fff;
font-weight:bold;
}

#srm_form_area .srm_container_label span{
display:block;
border:3px solid #e9eef2;
padding:5px 0 4px 15px;
background:#e9eef2 url("/resource/style/images/hdg-l1-01-bg.gif") repeat-y 0 0;
*background-position:2px 0;
font-size:150%;
font-family:meiryo;
}

#srm_form_area .srm_container_label sup{
display:inline-block;
margin-top:-.4em;
*margin-bottom:.6em;
}

#srm_form_area span.srm_must_item{
color:#d50100;
}

#srm_form_area .srm_hearing_list_label{
line-height:1.25;
margin-top:23px;
margin-bottom:13px;
border:1px solid #b7c5d0;
padding:6px 5px 6px 25px;
*padding:5px 5px 5px 25px;
background:#fff url("/resource/style/images/hdg-l3-01-bg.gif") no-repeat 7px .6em;
*background-position:7px .55em;
font-size:115%;
font-weight:bold;
}

#srm_form_area .srm_input_table{
width:100%;
margin-bottom:20px;
border-top:1px solid #b7c5d0;
border-left:1px solid #b7c5d0;
}

#srm_form_area .srm_input_table th,
#srm_form_area .srm_input_table td{
border-right:1px solid #b7c5d0;
border-bottom:1px solid #b7c5d0;
padding:10px;
}
#srm_form_area .srm_input_table th{
width:25%;
background:#e9eef2 url("/resource/style/images/tbl-data-01-bg.gif") repeat-x 100% 0;
}

#srm_form_area .srm_input_table thead th{
font-weight:bold;
text-align:center;
}

#srm_form_area .srm_input_table p.srm_notice{
color:#177cca;
font-size:92.5%;
}

#srm_form_area .srm_action_button{
margin-bottom:20px;
text-align:center;
}

#srm_form_area .srm_action_button input{
padding:.5em 2em;
}

#srm_form_area ul.srm_error_message_list{
margin:20px 30px;
color:#d50100;
list-style:square;
}

#srm_form_area ul.srm_error_message_list li{
margin:5px 0;
}


/* ========================================================================
    04. shop_search
------------------------------------------------------------------------ */
#shop_search{
position:relative;
margin-bottom:10px;
border:1px solid #000;
padding:37px 69px 43px 55px;
background:url("/resource/images/shop_search/shopsearch-bg.gif") no-repeat 0 0;
*background-position:1px 1px;
}

#shop_search p{
margin-bottom:0;
}

#shop_search p.notice{
position:absolute;
top:73px;
left:79px;
}

#shop_search p.notice2{
position:absolute;
top:173px;
left:79px;
}

#shop_search p.notice3{
position:absolute;
top:240px;
left:79px;
}



/* ========================================================================
    05. braille_utility
------------------------------------------------------------------------ */
#contents #contents-inner #main .unq-nav-01,
#contents #contents-inner #main .unq-h1-01{
position:relative;
}

#contents #contents-inner #main .unq-h1-01 span{
position:absolute;
display:block;
left:589px;
top:307px;
}

#contents #contents-inner #main .unq-nav-01{
height:120px;
}

#contents #contents-inner #main .unq-nav-01 ul{
position:absolute;
left:45px;
top:-30px;
}

#contents #contents-inner #main .unq-nav-01 ul li{
display:inline;
}

#contents #contents-inner #main .unq-box-02{
margin-bottom:25px;
background-image:url("/resource/style/images/unq-box-02-bg.gif");
}

#contents #contents-inner #main .unq-box-02 .contents{
line-height:25px;
}

#contents #contents-inner #main .unq-box-02 .img{
background-color:#FFFFFF;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
}

#contents #contents-inner #main .img-r.unq-box-02 .img{
padding-bottom:10px;
padding-left:20px;
}

#contents #contents-inner #main .img-l.unq-box-02 .img{
padding-bottom:10px;
padding-right:20px;
}


/* ========================================================================
    06. situation
------------------------------------------------------------------------ */

#contents #contents-inner #main .unq-box-03{
background-image:url("/resource/style/images/unq-box-03-bgin.jpg");
background-repeat:repeat-y;
}

#contents #contents-inner #main .unq-box-03 h2{
background-image:url("/resource/style/images/unq-box-03-bgtop.jpg");
background-repeat:no-repeat;
background-position:top;
padding-top:100px;
position:relative;
padding-bottom:33px;
}

#contents #contents-inner #main .unq-box-03 h2 .txt{
z-index:3;
position:relative;
display:block;
/*text-align:center;*/
padding-left:166px;
/*width:720px;*/
width:554px;
}

#contents #contents-inner #main .unq-box-03 h2 .icon{
z-index:2;
position:absolute;
left:0px;
top:-10px;
}

#contents #contents-inner #main .unq-box-03 .inner{
background-image:url("/resource/style/images/unq-box-03-bgbtm.jpg");
background-repeat:no-repeat;
background-position:left bottom;
padding-right:45px;
padding-left:45px;
padding-bottom:45px;
margin-bottom:20px;
}

#contents #contents-inner #main .unq-box-03 .inner .hdg-l3-01{
border-top-style:none;
border-right-style:none;
border-bottom-style:none;
border-left-style:none;
}

#contents #contents-inner #main .situation-navi{
border: 3px solid #167dca;
width: auto;
padding-top: 7px;
padding-right: 15px;
padding-bottom: 7px;
padding-left: 15px;
margin-bottom: 25px;
display: inline-block;
*display: inline;
zoom:1;
}

#contents #contents-inner #main .situation-navi img{
margin-right:10px;
}


/* ========================================================================
    07. news mt
------------------------------------------------------------------------ */

body.unq-bg01 #contents{
background-image:url(images/unq-bg-news-01.jpg);
}


/* ========================================================================
    08. eco_series
------------------------------------------------------------------------ */

#contents #contents-inner #main .unq-box-04{
background-image:url("/resource/images/products/office/img-eco-series-28.gif");
background-repeat:repeat-yt;
background-position:left top;
}

#contents #contents-inner #main .unq-box-04 .table-01{
margin-bottom:0;
margin-left:40px;
border-top:1px solid #a3a3a3;
border-right:1px solid #a3a3a3;
width:640px;
}

#contents #contents-inner #main .unq-box-04 .table-02{
margin-bottom:0;
margin-left:40px;
border-top:1px solid #a3a3a3;
border-right:1px solid #a3a3a3;
width:391px;
}

#contents #contents-inner #main .unq-box-04 .table-01 th,
#contents #contents-inner #main .unq-box-04 .table-01 td,
#contents #contents-inner #main .unq-box-04 .table-02 th,
#contents #contents-inner #main .unq-box-04 .table-02 td{
padding:3px;
border-bottom:1px solid #a3a3a3;
border-left:1px solid #a3a3a3;
text-align:center;
vertical-align:middle;
}

#contents #contents-inner #main .unq-box-04 .table-01 th,
#contents #contents-inner #main .unq-box-04 .table-02 th{
background-color:#f0f5d0;
}

#contents #contents-inner #main .unq-box-04 .table-01 .w120{
width:120px;
}


/* ========================================================================
    09. tepra_gallery
------------------------------------------------------------------------ */
/*  unq-box-05
-------------------------------------------------------------- */
#contents #contents-inner #main .unq-box-05{
position:relative;
background:url(/resource/images/products/tepra/gallery/bg-01.jpg) left top no-repeat;
height:660px;
}
#contents #contents-inner #main .unq-box-05 h1,
#contents #contents-inner #main .unq-box-05 h2,
#contents #contents-inner #main .unq-box-05 p,
#contents #contents-inner #main .unq-box-05 li,
#contents #contents-inner #main .unq-box-05 dt,
#contents #contents-inner #main .unq-box-05 dd{
position:absolute;
}
#contents #contents-inner #main .unq-box-05 .hdg-01{
top:71px;
left:40px;
}
#contents #contents-inner #main .unq-box-05 .hdg-02{
top:281px;
left:31px;
}
#contents #contents-inner #main .unq-box-05 .hdg-03{
top:419px;
left:31px;
}
#contents #contents-inner #main .unq-box-05 .hdg-04{
top:483px;
left:190px;
}
#contents #contents-inner #main .unq-box-05 .hdg-05{
	top:485px;
	left:437px;
}

#contents #contents-inner #main .unq-box-05 .btn-01{
top:335px;
left:174px;
}
#contents #contents-inner #main .unq-box-05 .btn-02{
top:335px;
left:432px;
}

#contents #contents-inner #main .unq-box-05 .txt-01{
top:145px;
left:361px;
}
#contents #contents-inner #main .unq-box-05 .txt-02{
top:292px;
left:174px;
}
#contents #contents-inner #main .unq-box-05 .txt-03{
top:430px;
left:174px;
}

#contents #contents-inner #main .unq-box-05 .select-01{
top:503px;
left:218px;
}
#contents #contents-inner #main .unq-box-05 .select-02{
top:503px;
left:476px;
}
#contents #contents-inner #main .unq-box-05 .btn_03 .tepra01{
top:564px;
left:40px;
}
#contents #contents-inner #main .unq-box-05 .btn_03 .tepra02{
top:564px;
left:374px;
}

/*  unq-box-06
-------------------------------------------------------------- */
#contents #contents-inner #main .unq-box-06{
background:url(/resource/images/products/tepra/gallery/bg-02.jpg) left top repeat-y;
}
#contents #contents-inner #main .unq-box-06 .hdg{
position:relative;
height:180px;
}
#contents #contents-inner #main .unq-box-06 .hdg h1{
position:absolute;
top:50px;
left:0;
}
#contents #contents-inner #main .unq-box-06 .hdg h2{
position:absolute;
top:50px;
left:220px;
}

#contents #contents-inner #main .unq-box-06 .inner{
padding:0 30px 20px;
}
#contents #contents-inner #main .unq-box-06 .inner p{
margin-bottom:20px;
color:#fff;
}
#contents #contents-inner #main .unq-box-06 .inner p.doc-notice-01{
margin-bottom:30px;
font-size:100%;
color:#ccc;
}

#contents #contents-inner #main .unq-box-06 .tbl-data-01{
border:1px solid #fff;
border-width:0 1px 1px 0;
}
#contents #contents-inner #main .unq-box-06 .tbl-data-01 th,
#contents #contents-inner #main .unq-box-06 .tbl-data-01 td{
border:1px solid #fff;
border-width:1px 0 0 1px;
}

#contents #contents-inner #main .unq-box-06 .tbl-data-01 thead th{
padding:11px 10px;
text-align:left;
vertical-align:middle;
}
#contents #contents-inner #main .unq-box-06 .tbl-data-01 thead th.nodata{
background:none;
border:0 none;
}
#contents #contents-inner #main .unq-box-06 .tbl-data-01 thead th.tr{
background:#449100;
width:234px;
}
#contents #contents-inner #main .unq-box-06 .tbl-data-01 thead th.mini{
background:#c1131c;
}

#contents #contents-inner #main .unq-box-06 .tbl-data-01 thead th.grand{
background:#1340c1;
width:124px;
}

#contents #contents-inner #main .unq-box-06 .tbl-data-01 thead th.lite{
background:#eb9229;
width:124px;
}

#contents #contents-inner #main .unq-box-06 .tbl-data-01 tbody th{
background:#000;
padding:0;
width:113px;
text-align:center;
vertical-align:middle;
}

#contents #contents-inner #main .unq-box-06 .tbl-data-01 td{
background:#fff;
padding:0;
}

#contents #contents-inner #main .unq-box-06 .tbl-data-01 td ul li{
float:left;
}





/* ========================================================================
    10. products top notice
------------------------------------------------------------------------ */
#contents #contents-inner #main .products-btn-notice{
position:relative;
}

#contents #contents-inner #main .products-btn-notice p.notice-img-01{
position:absolute;
top:0;
left:540px;
}

#contents #contents-inner #main .products-btn-notice p.notice-img-02{
position:absolute;
top:92px;
left:540px;
}






/* ========================================================================
    11. tepra_top
------------------------------------------------------------------------ */
#contents .unq-box-inquiry-02{
margin:30px 0 20px 0;
border:1px solid #b7c5d0;
padding-bottom:5px;
}

#contents .unq-box-inquiry-02 dt{
margin:15px 0 10px 0;
text-align:center;
}

#contents .unq-box-inquiry-02 .lyt-2col-01{
margin-left:24px;
}
.line #contents .unq-box-inquiry-02 .lyt-2col-01{margin-left:19px;}

#contents .unq-box-inquiry-02 .lyt-2col-01 .column-01{
margin-bottom:0;
width:325px;
}
#contents .unq-box-inquiry-02 .lyt-2col-01 .column-02{
margin-bottom:0;
width:550px;
}

#contents .unq-box-inquiry-02 .lyt-2col-01 .column-01{
text-align:center;
}

#contents .unq-box-inquiry-02 .lyt-2col-01 dt{
margin:0;
padding:3px 0;
background:#f4f5f5;
}

#contents .unq-box-inquiry-02 .lyt-2col-01 dd{
margin:5px 0 0 0;
}

#contents .unq-box-inquiry-02 .lyt-2col-01 .column-01 dd img{
margin:.25em 0 .5em 0;
}

#contents .unq-box-inquiry-02 .lyt-2col-01 .column-01 dd span{
font-weight:bold;
}

#contents .unq-box-align-c{
margin-left:auto;
margin-right:auto;
}

#contents .unq-box-inquiry-02 ul.lst-bullet-2col-01 li{
float:left;
width:245px;
margin-right:12px;
}

#contents .unq-lyt-2col-01{
margin-top:-30px;
}

/* 2013/10 tepra_top */
#contents #unq-lyt-2col{
overflow:hidden;
}

#contents #unq-lyt-2col:after{
display:block;
clear:both;
content:'';
}

#contents #unq-lyt-2col .col-main{
float:left;
width:700px;
margin-right:10px;
}

#contents #unq-lyt-2col .col-sub{
float:right;
width:240px;
}

#contents #unq-lyt-2col .col-sub .sub-box{
background:#f7f7f7;
padding:0 0 6px;
margin:0 0 10px;
}

#contents #unq-lyt-2col .col-sub .sub-box h2{
padding:14px 0 12px;
border-bottom:1px solid #dedede;
}

#contents #unq-lyt-2col .col-sub .sub-box h2 span{
display:block;
padding:0 20px;
}

#contents #unq-lyt-2col .col-sub .sub-box p{
padding:10px;
margin:0 10px;
border-top:1px solid #dedede;
}


#contents #unq-lyt-2col .col-sub .sub-box ul.sub-box-list-01,
#contents #unq-lyt-2col .col-sub .sub-box ul.sub-box-list-02,
#contents #unq-lyt-2col .col-sub .sub-box ul.sub-box-list-03{
margin:16px 19px 0;
}

#contents #unq-lyt-2col .col-sub .sub-box ul:after{
display:block;
clear:both;
content:'';
}

#contents #unq-lyt-2col .col-sub .sub-box ul.sub-box-list-01 li{
margin-bottom:10px;
}

#contents #unq-lyt-2col .col-sub .sub-box ul.sub-box-list-02 li,
#contents #unq-lyt-2col .col-sub .sub-box ul.sub-box-list-03 li{
margin-bottom:10px;
clear:both;
}

#contents #unq-lyt-2col .col-sub .sub-box ul.sub-box-list-02 li img{
float:left;
width:40px;
margin:0 10px 10px 0;
}

#contents #unq-lyt-2col .col-sub .sub-box ul.sub-box-list-02 li p{
float:right;
width:140px;
padding:0;
margin:10px 10px 10px 0;
border-top:none;
}

#contents #unq-lyt-2col .col-sub .sub-box ul.sub-box-list-03 li img{
float:left;
width:22px;
margin:0 10px 10px 0;
}

#contents #unq-lyt-2col .col-sub .sub-box ul.sub-box-list-03 li p{
float:right;
width:158px;
padding:0;
margin:0 10px 10px 0;
border-top:none;
}

#contents #unq-lyt-2col .lyt-2col-05 .column-01{
float:right;
width:440px;
margin:0;
font-size:13px;
}

#contents #unq-lyt-2col .lyt-2col-05 .column-02{
float:left;
width:240px;
font-size:13px;
}

#contents #unq-lyt-2col .lyt-2col-05 .lyt-2col-01 .column-01{
float:left;
width:220px;
margin:0 5px 0 0;
}

#contents #unq-lyt-2col .lyt-2col-05 .lyt-2col-01 .column-02{
float:left;
width:215px;
}

#contents #unq-lyt-2col .lyt-2col-01 .column-01,
#contents #unq-lyt-2col .lyt-2col-01 .column-02{
width:340px;
}

#contents #unq-lyt-2col .lyt-2col-01 h2.hdg-l2hl-01{
padding:0 0 10px;
}

#contents #unq-lyt-2col .lyt-2col-01 ul.lst-custom-02{
margin-right:-5px;
}

#contents #unq-lyt-2col .lyt-2col-01 ul.lst-custom-02 li{
margin-right:5px;
}

/* ========================================================================
    12. tepra_ribbon
------------------------------------------------------------------------ */
#contents .unq-nav-ribbon-01{
margin:0;
padding:15px 0 20px 8px;
background:#fbf8f3;
}

#contents .unq-nav-ribbon-01 li{
display:inline;
}

#contents .unq-ribbon-box-tab-01 div.tab-content .unq-nav-ribbon-01{
width:701px;
margin:0 -7px 0 -12px;
padding:7px 0 20px 0;
background:transparent;
}

#contents .unq-nav-ribbon-02{
margin:0;
padding-bottom:24px;
text-align:center;
background:#fbf8f3;
}

#contents .unq-nav-ribbon-02 li{
display:inline;
margin:0 4px;
}

#contents .unq-box-ribbon-01{
padding:0 21px 1px;
*padding:0 21px 21px;
background:#fbf8f3;
}

#contents .unq-ribbon-box-tab-01 div.tab-content .unq-box-ribbon-01{
padding:0 0 1px;
*padding:0 0 21px;
background:transparent;
}

#contents .unq-box-ribbon-02{
margin-bottom:25px;
padding:0 27px 20px;
background:#f4f1e9;
}

#contents .unq-box-ribbon-02{
color:#666666 !important;
}

#contents .unq-ribbon-box-tab-01 div.tab-content .unq-box-ribbon-02{
margin-bottom:40px;
}

#contents .unq-lyt-ribbon-01{
padding-bottom:5px;
zoom:1;
}
#contents .unq-lyt-ribbon-01 .column-01{
float:left;
width:158px;
}
#contents .unq-lyt-ribbon-01 .column-02{
float:right;
width:439px;
}

#contents .unq-lyt-ribbon-02{
padding-bottom:15px;
zoom:1;
}
#contents .unq-lyt-ribbon-02 .column-01{
float:left;
width:329px;
}
#contents .unq-lyt-ribbon-02 .column-02{
float:right;
width:329px;
color:#666666 !important;
}

#contents .unq-lyt-ribbon-03{
padding-bottom:15px;
zoom:1;
}
#contents .unq-lyt-ribbon-03 .column-01{
float:left;
width:433px;
}
#contents .unq-lyt-ribbon-03 .column-02{
float:right;
width:175px;
}

#contents .unq-lyt-ribbon-01:after,
#contents .unq-lyt-ribbon-02:after,
#contents .unq-lyt-ribbon-03:after{
display:block;
clear:both;
content:'';
}

#contents .unq-box-ribbon-01 .box-contents-01{
background:none;
color:#666666 !important;
}

#contents .unq-box-ribbon-01 .box-contents-02{
color:#666666 !important;
}

#contents .unq-box-ribbon-01 .box-contents-02 .inner{
padding-bottom:13px;
}

#contents .unq-doc-ribbon-01{
margin-left:6px;
padding:5px;
background:#bcd6e8;
display:inline;
}



#contents .unq-ribbon-section-01{
margin-top:30px;
padding:0 9px 0 9px;
}

#contents .unq-ribbon-section-01 .unq-ribbon-section-01-body{
padding:0 11px 0 11px;
color:#666;
}

#contents .unq-ribbon-section-01 .unq-ribbon-section-01-body .unq-ribbon-lst-img-01{
margin-right:-70px;
margin-left:20px;
zoom:1;
}

#contents .unq-ribbon-section-01 .unq-ribbon-section-01-body .unq-ribbon-lst-img-01:after{
display: block;
clear: both;
height: 0;
visibility: hidden;
content: ".";
}

#contents .unq-ribbon-section-01 .unq-ribbon-section-01-body .unq-ribbon-lst-img-01 li{
float:left;
width:240px;
margin-right:70px;
}

#contents .unq-ribbon-section-01 .unq-ribbon-section-01-body .unq-ribbon-lst-img-01 li .caption{
margin-top:8px;
padding-left:1em;
text-indent:-1em;
}

#contents .unq-ribbon-hdg-01{
padding:7px 9px 6px 9px;
background:url(/resource/images/products/tepra/utility/tape/ribbon/n-ptn-01.gif) 0 0 #ece4cd;
}

#contents .unq-ribbon-hdg-02{
padding:0 11px 10px 11px;
background:url(/resource/images/products/tepra/utility/tape/ribbon/bg-hdg-01.gif) left bottom no-repeat;
}

#contents .unq-ribbon-hdg-img-01{
margin-top:-10px;
}

#contents .unq-ribbon-lead-01{
color:#666;
text-indent:1.7em;
}

#contents .unq-ribbon-lst-share-01-container{
position:relative;
margin-top:-6px;
z-index:10;
zoom:1;
}

#contents .unq-ribbon-lst-share-01-container:after{
display:block;
clear:both;
height:0;
visibility:hidden;
content:".";
}

#contents .unq-ribbon-lst-share-01-container .note{
float:left;
width:410px;
margin-bottom:5px;
padding-top:3px;
padding-left:15px;
color:#666;
font-size:11px;
}

#contents .unq-ribbon-lst-share-01-container .lst-share-01{
margin-bottom:0;
}

#contents .unq-ribbon-lst-share-01-container .lst-share-01 li.facebook{
margin-right:-30px;
}

#contents .unq-ribbon-box-tab-01{
margin-bottom:20px;
}

#contents .unq-ribbon-box-tab-01 ul.tab{
margin-bottom:0;
zoom:1;
}

#contents .unq-ribbon-box-tab-01 ul.tab:after{
display: block;
clear: both;
height: 0;
visibility: hidden;
content: ".";
}

#contents .unq-ribbon-box-tab-01 ul.tab li{
float:left;
}

#contents .unq-ribbon-box-tab-01 div.tab-content{
padding:18px 18px 18px 18px;
border:3px solid #bf9664;
border-top:none;
background-color:#e7dccc;
}

#contents .unq-ribbon-box-tab-01 div.tab-content .movie{
margin-left:-21px;
width:658px;
padding:40px;
}

#contents .unq-ribbon-box-tab-01 div.tab-content .movie.clr1{
background:url(/resource/images/products/tepra/utility/tape/ribbon/n-movie-01.jpg) 0 0 no-repeat;
}

#contents .unq-ribbon-box-tab-01 div.tab-content .movie.clr2{
background:url(/resource/images/products/tepra/utility/tape/ribbon/n-movie-02.jpg) 0 0 no-repeat;
}

#contents .unq-ribbon-box-tab-01 div.tab-content .tab-content-body{
padding:25px 25px 5px 25px;
background-color:#f4f1e9;
}

#contents .unq-ribbon-box-tab-01 div.tab-content .tab-content-body ul.unq-ribbon-lst-intro-01{
margin-right:-43px;
zoom:1;
}

#contents .unq-ribbon-box-tab-01 div.tab-content .tab-content-body ul.unq-ribbon-lst-intro-01:after{
display: block;
clear: both;
height: 0;
visibility: hidden;
content: ".";
}

#contents .unq-ribbon-box-tab-01 div.tab-content .tab-content-body ul.unq-ribbon-lst-intro-01 li{
float:left;
width:180px;
margin-bottom:18px;
margin-right:43px;
}

#contents .unq-ribbon-box-tab-01 div.tab-content .tab-content-body ul.unq-ribbon-lst-intro-01 li h4{
margin-bottom:2px;
}

#contents .unq-ribbon-box-tab-01 div.tab-content .tab-content-body ul.unq-ribbon-lst-intro-01 li p.img{

}

#contents .unq-ribbon-box-tab-01 div.tab-content .tab-content-body ul.unq-ribbon-lst-intro-01 li p.img .caption,
#contents .unq-ribbon-box-tab-01 div.tab-content .tab-content-body ul.unq-ribbon-lst-intro-01 li p.img .sub-info{
display:block;
color:#666666;
font-size:11px;
}

#contents .unq-ribbon-box-tab-01 div.tab-content .tab-content-body ul.unq-ribbon-lst-intro-01 li p.img .caption{
margin-top:5px;
}

#contents .unq-ribbon-box-tab-01 div.tab-content .tab-content-body ul.unq-ribbon-lst-intro-01 li p.img .sub-info{
margin-top:4px;
}










/* ========================================================================
    13. tepra_lite
------------------------------------------------------------------------ */

#contents .unq-box-compare{
color:#FFFFFF;
min-height:420px;
_height:420px;
background:url(/resource/images/products/tepra_lite/img-lr5-10.jpg) 0 0 no-repeat;
}

#contents .unq-box-compare .inner{
width:410px;
padding:30px 0 0 275px;
}

#contents .unq-box-compare h2{
margin:0 0 25px;
}

#contents .unq-box-compare h3{
margin:20px 0 10px;
padding:0;
}

/* ========================================================================
    14. i_colocolo
------------------------------------------------------------------------ */
#contents #icolocolo #catch{
position:relative;
height:713px;
margin-bottom:16px;
}

#contents #icolocolo #catch #m-vis,
#contents #icolocolo #catch #item-title{
margin-bottom:0;
}

#contents #icolocolo #catch #price{
margin-bottom:20px;
}

#contents #icolocolo #catch .movie{
position:absolute;
top:413px;
right:0;
z-index:1;
background:url(/resource/images/products/smartphone_tablet/icolocolo/bg-01.gif) 0 0 no-repeat;
width:297px;
height:300px;
}

#contents #icolocolo #catch .movie .animation{
margin:89px 0 0 26px;
}

#contents #icolocolo .list-01{
margin-left:15px;
font-size:11px;
}

#contents #icolocolo .list-01 li{
background:url(/resource/images/products/smartphone_tablet/icolocolo/icn-01.gif) no-repeat 0 .6em;
margin-bottom:2px;
padding-left:5px;
}

#contents #icolocolo .list-num-01{
margin-bottom:35px;
}

#contents #icolocolo .list-num-01 li{
margin-bottom:10px;
}

#contents #icolocolo .list-num-01 li.last{
margin-bottom:0;
}

#contents #icolocolo .img-col3-01{
margin-right:-78px;
overflow:hidden;
zoom:1;
}

#contents #icolocolo .img-col3-01 li{
margin-right:39px;
width:198px;
float:left;
}

#contents #icolocolo .img-col3-01 img{
margin-bottom:10px;
display:block;
}

#contents #icolocolo .tbl-img-01{
margin-bottom:25px;
}

#contents #icolocolo .tbl-data-01 td{
background:#fff;
}

#contents #icolocolo .social li{
float:left;
}

#contents #icolocolo #box-type{
margin-bottom:30px;
}

#contents #icolocolo #box-type li{
float:left;
margin:0 10px 0 0;
}

#contents #icolocolo #box-type li.last{
margin-right:0;
}

#contents #icolocolo .box-01{
background-color:#ececec;
margin-bottom:40px;
padding:0 25px 10px 25px;
}

#contents #icolocolo .box-01.last{
margin-bottom:30px;
padding-bottom:25px;
}

#contents #icolocolo .box-01 h2{
margin:0 -25px 10px;
}

#contents #icolocolo .box-01 h3{
margin-bottom:18px;
}

#contents #icolocolo .box-01 .notice-01{
font-size:11px;
margin-top:37px;
}

#contents #icolocolo .box-02{
background:#fffcc4;
margin-bottom:15px;
padding:10px 0;
}

#contents #icolocolo .box-02 .list-01,
#contents #icolocolo .box-02 h3{
margin-bottom:0!important;
font-weight:normal;
font-size:11px;
}

#contents #icolocolo .box-02 h3{
margin-left:15px;
}

#contents #icolocolo #box-caution .list-01{
margin-bottom:0;
}

#contents #icolocolo #box-caution .list-01.last{
margin-bottom:10px;
}

#contents #icolocolo #box-caution h3,
#contents #icolocolo #box-caution p{
margin-bottom:0;
text-align:center;
}

#contents #icolocolo .img-col3-01,
#contents #icolocolo .social,
#contents #icolocolo #box-type{
*zoom:1;
}
#contents #icolocolo .img-col3-01:after,
#contents #icolocolo .social:after,
#contents #icolocolo #box-type:after{display:block;clear:both;content:'';}

/* ========================================================================
    15. product
------------------------------------------------------------------------ */
.product #contents #contents-inner{
padding-left:0;
padding-right:0;
}

.product #contents #main{
float:left;
width:740px;
padding-left:0;
}

.product #contents #sub{
float:right;
width:200px;
margin-top:41px;
}

.product #contents #main-inner{
background: url("/resource/style/images/contents-01-bg.gif") repeat-y scroll 735px 0 #fff;
padding-right:20px;
}

.product #contents #special{
width:950px;
}

#contents #special .product-links ul{
list-style :none;
margin-left:-10px;
overflow: hidden;
zoom: 1;
}

#contents #special .product-links ul li{
margin-left:10px;
overflow: hidden;
display:inline;
}

#contents #special .product-items{
margin-bottom:50px;
}

#contents #special .product-items ul{
list-style :none;
margin-left:-6px;
margin-bottom:15px;
overflow: hidden;
zoom: 1;
}

#contents #special .product-items ul li{
margin-left:6px;
overflow: hidden;
display:inline;
}

#contents #special .product-items ul li img{
margin-bottom:10px;
}

#contents #special .product-items ul.txt li{
padding-right:10px;
}

.product #contents #special .product-bnr{
position:relative;
}

.product #contents #special .product-bnr p{
position:absolute;
top:5px;
left:559px;
}

/* ========================================================================
    16. sr-gl1
------------------------------------------------------------------------*/

#contents #contents-inner .sr-gl1 #sr-gl1_sp{
position:relative;
top:-80px;
right:0;
left:368px;
margin-bottom:-40px;
}

/* ========================================================================
    17. cover
------------------------------------------------------------------------*/
#cover .bg-top{
background:url(/resource/images/news/release/bg-cover-01.gif) no-repeat;padding-top:10px;
}

#cover .bg-bottom{
background:url(/resource/images/news/release/bg-cover-02.gif) bottom no-repeat;padding-bottom:5px;
}

#cover .bg-body{
border-left:#727171 3px solid;border-right:#727171 3px solid; padding:10px 0 5px 20px;
}

#cover .bg-body .inner{
float:left;margin:10px 0 0 20px;
}



#cover .bg-body ul li a{
line-height:1.7;
padding-left:10px;
letter-spacing:0.01px;
background-image:url(/resource/images/news/release/ico-cover-01.gif);
background-repeat:no-repeat;
background-position:left 6px;
font-family:メイリオ,ヒラギノ角ゴ Pro W3,"Hiragino Kaku Gothic Pro",ＭＳ Ｐゴシック,Arial,sans-serif;
font-weight: bold;
color:#000;
font-size:120%;
text-decoration:underline;
}


#cover .bg-body ul li a:hover{
color:#000;
text-decoration: none;
}


#cover .bg-body .inner:after{
display:block;clear:both;content:'';
}

#cover .bg-body .btn{
	text-align:center;
}

/* ========================================================================
18. tepra_25th
------------------------------------------------------------------------*/
#tepra_25th #history,
#tepra_25th .trivia-box,
#tepra_25th .lst-share-01{
*zoom:1;
}

#tepra_25th #history:after,
#tepra_25th .trivia-box:after,
#tepra_25th .lst-share-01:after{
display:block;
clear:both;
content:'';
}

#tepra_25th p{
line-height:1.8;
}
#tepra_25th #sp-link{
	background:#fff;
	padding-top:2px;
  margin-bottom:30px;
}
#tepra_25th #sp-link p{
	width:950px;
	text-align:left;
	margin:0 auto;
	font-size:1.2em;
}
#tepra_25th #sp-link a{
padding-left:12px;
background:url("/resource/style/images/ico-bullet-03-right.gif") no-repeat 0 .01em;
color:#167DCB;
}
#tepra_25th #sp-link a:hover{
color:#00b69a;
}

#tepra_25th p.indent{
text-indent:1em;
}

/*index*/
#tepra_25th.top h2{
margin-bottom:30px;
}

#tepra_25th.top h2+p{
padding-left:5px;
margin-bottom:25px;
}

#tepra_25th.top .lyt-2col-01{
margin-bottom:20px;
}

#tepra_25th.top .lyt-2col-01 .column-01{
width:344px;
margin-right:50px;
}

#tepra_25th.top .lyt-2col-01 .column-02{
width:556px;
}

#tepra_25th.top #sitenav{
margin-bottom:46px;
*zoom:1;
}

#tepra_25th.top #sitenav:after{
content:'';
clear:both;
display:block;
}

#tepra_25th.top #sitenav li{
margin-left:16px;
float:left;
}
#tepra_25th.top #sitenav li:first-child{
margin-left:0;
}

#tepra_25th.top #history{
border:5px solid #e2e2d9;
margin-bottom:33px;
}

#tepra_25th.top #history li{
float:left;
width:471px;
}
#tepra_25th.top #history li.right{
float:right;
width:469px;
}

#tepra_25th.top #banner{
padding:24px 21px 22px 21px;
background-color:#f2f3f3;
}

#tepra_25th.top #gallery{
margin-bottom:43px;
text-align:center;
}

#tepra_25th.top #gallery p:first-child{
margin-bottom:20px;
}

#tepra_25th.top #banner{
margin-bottom:65px;
}

#tepra_25th.top #banner li{
margin-right:0;
}
#tepra_25th.top #banner li:first-child{
margin-right:20px;
}

/*trivia*/
#tepra_25th.trivia{
position:relative;
background:url(/resource/images/products/tepra_top/25th/bg-trivia-01.jpg) 0 0 no-repeat;
width:950px;
height:878px;
padding-bottom:40px;
}

#tepra_25th.trivia h1{
width:838px;
margin-bottom:0;
position:relative;
top:32px;
left:92px;
}

#tepra_25th #trivia-cont{
position:absolute;
top:356px;
}

#tepra_25th.trivia #read{
width:601px;
position:relative;
left:128px;
z-index:1;
margin-bottom:78px;
}

#tepra_25th.trivia .lyt-3col-01{
position:relative;
left:92px;
}

#tepra_25th.trivia .lyt-3col-01 .column-01,
#tepra_25th.trivia .lyt-3col-01 .column-02,
#tepra_25th.trivia .lyt-3col-01 .column-03{
width:263px;
height:258px;
margin-right:16px;
background:url(/resource/images/products/tepra_top/25th/bg-trivia-02.png) 0 0 no-repeat;
position:relative;
}

#tepra_25th.trivia .lyt-3col-01 h2{
text-align:right;
position:relative;
top:-52px;
margin-bottom:0;
}

#tepra_25th.trivia .lyt-3col-01 .inner{
position:absolute;
top:26px;
left:24px;
}

#tepra_25th.trivia .lyt-3col-01 .inner .roll{
margin-bottom:30px;
}

#tepra_25th.trivia .lyt-3col-01 .inner .lst-share-01 li{
padding-left:0;
}
#tepra_25th.trivia .lyt-3col-01 .inner .lst-share-01 iframe.twitter-share-button{
width:105px!important;
}

#tepra_25th.trivia .nav-tab-02{
	position:absolute;
	bottom:0;
	width:100%;
}

/*trivia_page*/
body.trivia_page{
background-color:#000;
font-size:87.5%;
letter-spacing:0.1px;
font-family:\30e1\30a4\30ea\30aa, \30D2\30E9\30AE\30CE\89D2\30B4\20\50\72\6F\20\57\33, "Hiragino Kaku Gothic Pro", \FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF, Arial, sans-serif;
}

#tepra_25th .trivia-box{
width:690px;
height:592px;
border:5px solid #3f6eb4;
position:relative;
text-align:left;
}

#tepra_25th .trivia-box#trivia1{
background:url(/resource/images/products/tepra_top/25th/bg-trivia-page-01.png) 100% 0 no-repeat;
background-color:#e4f1f8;
}
#tepra_25th .trivia-box#trivia1 .inner{
padding:74px 36px 0 40px;
}

#tepra_25th .trivia-box#trivia2{
color:#FFF;
background:url(/resource/images/products/tepra_top/25th/bg-trivia-page-02.png) 100% 0 no-repeat;
background-color:#0e1113;
}
#tepra_25th .trivia-box#trivia2 .inner{
padding:77px 0 0 30px;
}

#tepra_25th .trivia-box#trivia3{
background:url(/resource/images/products/tepra_top/25th/bg-trivia-page-03.png) 0 0 no-repeat;
background-color:#f0eced;
}
#tepra_25th .trivia-box#trivia3 .inner{
padding:298px 40px 0 40px;
}

#tepra_25th .trivia-box h1{
margin-bottom:55px;
}
#tepra_25th .trivia-box#trivia3 h1{
margin-bottom:30px;
}

#tepra_25th .trivia-box#trivia2 .txt{
width:410px;
}

#tepra_25th .trivia-box .lst-share-01{
position:absolute;
bottom:35px;
right:35px;
}

#tepra_25th .lst-share-01 li{
float:left;
}

/*story*/
#tepra_25th.story p{
letter-spacing:0.2px;
}

#tepra_25th.story .caption{
font-size:100%;
}

#tepra_25th.story .lyt-partition-01{
margin:30px 0;
border-top:1px solid #ededed;
}

#tepra_25th.story .lyt-2col-01.story1 .column-01{
width:560px;
margin-right:50px;
}
#tepra_25th.story .lyt-2col-01.story1 .column-02{
width:340px;
}

#tepra_25th.story .lyt-2col-01.story2 .column-01{
width:394px;
margin-right:30px;
}
#tepra_25th.story .lyt-2col-01.story2 .column-02{
width:526px;
}

#tepra_25th.story .lyt-2col-01.story3 .column-01{
width:389px;
float:right;
margin-right:0;
}
#tepra_25th.story .lyt-2col-01.story3 .column-02{
width:520px;
float:left;
margin-right:42px;
}

#tepra_25th.story .lyt-2col-01.story4 .column-01{
width:560px;
float:right;
margin-right:0;
}
#tepra_25th.story .lyt-2col-01.story4 .column-02{
width:340px;
float:left;
margin-right:50px;
}

#tepra_25th.story .lyt-2col-01.story4{
margin-bottom:80px;
}


/* ========================================================================
18_2. tepra tape
------------------------------------------------------------------------*/
.tepra-tape .hdg-l2-02 {
font-size:16px;
}
.tepra-tape .hdg-l2-02 > span{
background: #000;
display:block;
position:relative;
height:1.5em;
margin-left:2px;
width:657px;
padding:5px 0;
}
.tepra-tape .hdg-l2-02 > span > span{
background: #167dcb;
color:#fff;
display:block;
position:absolute;
top:-3px;
left: -3px;
width:637px;
padding: 5px 10px;
}
.tepra-tape .slidelist-wrap{
position:relative;
}
.tepra-tape .slidelist-wrap .list_slide > li{
border: 3px solid #b2c5d3;
padding: 10px 30px;
margin-bottom: 10px;
}
#main.tepra-tape  .slidelist-wrap .list_slide {
margin-bottom: 20px;
}
.tepra-tape  #contents  .slidelist-wrap .list_slide > li .img{
margin-bottom: 0;
*zoom:1;
}

.tepra-tape  #contents  .slidelist-wrap .list_slide > li p > img{
height:auto;
}
.tepra-tape .slidelist-wrap .indicator.img-list{
background:#addef8;
display:block;
padding:12px 0 0 11px;
*zoom:1;
}
.tepra-tape .slidelist-wrap .indicator.img-list:after{display:block;clear:both;content:'';}
.tepra-tape .slidelist-wrap .indicator.img-list li{
float:left;
margin: 0 9px 10px 0;
}
.tepra-tape .slidelist-wrap .indicator.img-list li a{
display:block;
border:2px solid #ebeff2;
background:#fff;
}
.tepra-tape .slidelist-wrap .indicator.img-list li.current a{
border-color:#ffd200;
background:#fff8d7;
}
.tepra-tape .slidelist-wrap .next,
.tepra-tape .slidelist-wrap .prev{
position:absolute;
top:125px;
left:3px;
}
.tepra-tape .slidelist-wrap .next{
left:auto;
right:3px;
}
.tepra-tape .slidelist-wrap button{
padding:0;
background:none;
border: 0 none;
}
.tepra-tape .slidelist-wrap .txt-list{
background:#fff url(/resource/images/products/tepra/utility/img-tape-23.gif) no-repeat right 10px;
border-radius: 3px;
}
.tepra-tape .slidelist-wrap .txt-list li{
display:none;
width: 15em;
border:1px solid #ddd;
margin-top: -1px;
}
.tepra-tape .slidelist-wrap .txt-list li a{
color:#333;
text-decoration: none;
display:block;
padding: 2px 20px 2px 5px;
}
.tepra-tape .slidelist-wrap .txt-list li a:hover,
.tepra-tape .slidelist-wrap .txt-list li a:focus{
background: #efefef;
}

.tepra-tape .slidelist-wrap .txt-list li.current{
display:block;
border-radius: 3px;
}
.tepra-tape .slidelist-wrap .txt-list.open li.current{
border-radius: 0;
}
.tepra-tape .slidelist-wrap .txt-list.open li{
display:block;
}
.tepra-tape .slidelist-wrap .txt-list{
position:absolute;
z-index:2;
top:5px;
left:160px;
}
.tepra-tape .slidelist-wrap .select-ttl{
background:#d8d8d8;
}



/* ========================================================================
19. utility_btn
------------------------------------------------------------------------*/
p.utility_btn{
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4abffc', endColorstr='#2996df', GradientType=0);/*IE7*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#4abffc', endColorstr='#2996df', GradientType=0)";/*IE8*/
background:linear-gradient(to bottom, #4abffc, #2996df);
font-family:"メイリオ", Meiryo;
font-weight:bold;
font-size:14px;
text-align:left;
border:#167dcb 1px solid;
padding:5px 10px;
width:180px;
}
p.utility_btn:hover{
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a4dffd', endColorstr='#8bbee5', GradientType=0);/*IE7*/
8bbee5
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#a4dffd', endColorstr='#8bbee5', GradientType=0)";/*IE8*/
background:linear-gradient(to bottom, #a4dffd, #8bbee5);
}
p.utility_btn a{
background-image:url(/resource/images/products/tepra/utility/btn-utility-ico.png);
background-repeat:no-repeat;
background-position:left;
color:#fff;
padding-left:15px;
text-decoration:none;
display:inline-block;
}

/* ========================================================================
20. tepra25th_CP
------------------------------------------------------------------------*/
#tepra25th_CP,
#tepra25th_CP #leftArea ul.socialBtn{
*zoom:1;
}
#tepra25th_CP:after,
#tepra25th_CP #leftArea ul.socialBtn:after{
content:'';
clear:both;
display:block;
}
#tepra25th_CP #leftArea,
#tepra25th_CP #rightArea{
margin-top:20px;
}
#tepra25th_CP #leftArea{
float:left;
white-space:635px;
}
#tepra25th_CP #leftArea ul.socialBtn li{
float:left;
}
#tepra25th_CP #leftArea ul.socialBtn li:first-child{
margin-right:10px;
}
#tepra25th_CP #rightArea{
float:right;
width:300px;
}
#tepra25th_CP #rightArea .twitter-timeline{
width:300px;
height:500px !important;
}

/* ========================================================================
21. recruit
------------------------------------------------------------------------*/
.bg{
background:#e9eef2;
padding:20px 0;
}
ul.recruitNav > li{
float:left;
margin-bottom:20px;
}
ul.recruitNav li.n{
margin-right:20px;
}
ul.recruitNav li.last{
position:relative;
top:0;
left:0;
}
ul.recruitNav li.last ul{
position:absolute;
top:8px;
right:15px;
}
ul.recruitNav li.last ul li{
margin-bottom:4px;
}
ul.op > li > a:hover img{
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
opacity:0.7;
}
ul.recruitNav02 > li{
float:left;
margin-left:10px;
border:#d9d9d9 1px solid;
background:#fff;
}
ul.recruitNav02 > li.last ul li{
display:inline;
}
ul.recruitNav02 > li.last ul li a img{
margin:10px 0 0 10px;
}
ul.recruitNav02 > li.last p{
width:120px;
}
.recruitBox{
border:#b7c5d0 1px solid;
}
.recruitBox .lyt-2col-01 .column-02{
width:348px !important;
}
.link01 a{
background-image:url("/resource/images/recruit/discussion/icon_01.png");
background-position:left center;
background-repeat:no-repeat;
}
.link01 a{
padding-left:10px;
}


dl.lst-define-03{
line-height:2.33;
margin-bottom:30px !important;
}
dl.lst-define-03:after,
ul.recruitNav:after,
ul.recruitNav02:after{
content:'';
clear:both;
display:block;
}
dl.lst-define-03 dt{
clear:left;
font-weight:bold;
float:left;
}
dl.lst-define-03 dt img{
vertical-align:text-top;
margin-top:7px\9;
*margin-top:0;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
dl.lst-define-03 dt img{
margin-top:6px;
}
}
dl.lst-define-03 dd{
margin-bottom:15px;
}
dl.colon dd:before{
font-weight:bold;
content:":";
padding-right:3px;
margin-right:0.5px;
}

dl.word-04 dt{
width:3.5em;
}
dl.word-04 dd{
margin-left:3.5em;
}
dl.word-05 dt{
width:4.5em;
}
dl.word-05 dd{
margin-left:4.5em;
}
dl.word-06 dt{
width:5.5em;
}
dl.word-06 dd{
margin-left:5.5em;
}

/* ========================================================================
22. topBnr
------------------------------------------------------------------------*/
div#topBnr{
}
div#topBnr ul:after{
clear:both;
content:"";
display:block;
}
div#topBnr ul li{
float:left;
margin-left:6px;
}
div#topBnr ul li span{
display:block;
margin-top:2px;
}
div#topBnr ul li:first-child{
margin-left:0;
}

/* ========================================================================
23. skitman
------------------------------------------------------------------------ */
.skitmanBase{
  background:url(/resource/images/products/file/brand/img-skitman-sub.jpg) no-repeat top center;
}
.skitmanBase .skitmanItem:after{
  content:"";
  clear:both;
  display:block;
}
.skitmanBase .skitmanItem li{
  float:left;
  margin-left:5px;
  margin-bottom:5px;
}

/* ========================================================================
24. iglaco
------------------------------------------------------------------------ */
#iglaco{
background:#ed6d00;
padding:10px;
}
#iglaco h2{
margin-bottom:0 !important;
}
/*bg*/
#iglaco .bgTop{
background:url(/resource/images/products/smartphone_tablet/iglaco/bg_line.png) top center no-repeat;
}
#iglaco .bgBottom{
background:url(/resource/images/products/smartphone_tablet/iglaco/bg_line.png) bottom center no-repeat;
padding-bottom:5px;
}
#iglaco .bgBody{
background-image:url(/resource/images/products/smartphone_tablet/iglaco/bg_body.png);
background-repeat:repeat-y;
}

/*mainVisual*/
#iglaco #mainVisual{
background:#000531;
position:relative;
overflow:hidden;
height:715px;
width:700px;
}
#iglaco #mainVisual h2{
margin-top:-2px;
}

#iglaco #mainVisual .note_01{
position:absolute;
top:673px;
left:25px;
}
#iglaco #mainVisual .box{
margin:30px 0 25px 25px;
}
#iglaco #mainVisual .box .btnBox .btn_01{
background:url(/resource/images/products/smartphone_tablet/iglaco/jsBtn-btn_01.png) left top no-repeat;
position:relative;
height:124px;
width:324px;
}
#iglaco #mainVisual .box .btnBox .btn_01 .inner a{
overflow:hidden;
height:115px;
position:absolute;
width:315px;
z-index:10;
}
#iglaco #mainVisual .box .btnBox .btn_02 .inner p{
line-height:0;
margin:-5px 0 0 -5px;
z-index:5;
}
#iglaco #mainVisual .box .btnBox .btn_02{
background:url(/resource/images/products/smartphone_tablet/iglaco/jsBtn-btn_02.png) left top no-repeat;
margin-left:-18px;
margin-top:10px;
position:relative;
height:156px;
width:363px;
z-index:2;
}
#iglaco #mainVisual .box .btnBox .btn_02 .inner p{
line-height:0;
margin:-5px 0 0 -5px;
z-index:5;
}
/*jsBtn*/
#iglaco #mainVisual .box .jsBtn .btn_01 .handAll p{
position:absolute;
display:none;
}
#iglaco #mainVisual .box .jsBtn .btn_01 .hand_01{
top:62px;
left:140px;
}
#iglaco #mainVisual .box .jsBtn .btn_01 .hand_02{
top:5px;
left:80px;
}
#iglaco #mainVisual .box .jsBtn .btn_01 .hand_03{
top:30px;
left:5px;
}
#iglaco #mainVisual .box .jsBtn .btn_01 .hand_04{
top:69px;
left:20px;
}
#iglaco #mainVisual .box .jsBtn .btn_01 .hand_05{
top:5px;
left:155px;
}
#iglaco #mainVisual .box .jsBtn .btn_01 .hand_06{
top:5px;
left:5px;
}
#iglaco #mainVisual .box .jsBtn{
color:#fff;
}
#iglaco #mainVisual .box .jsBtn ul li{
position:relative;
}
#iglaco #mainVisual .box .jsBtn ul li a{
position:absolute;
display:block;
z-index:20;
top:0;
left:0;
}
#iglaco #mainVisual .box .jsBtn ul li div{
position:absolute;
top:-70px;
left:-55px;
}

#iglaco #mainVisual .box .jsBtn .btn_02 .inner{
overflow:hidden;
position:absolute;
top:19px;
left:23px;
width:310px;
height:110px;
}
#iglaco #mainVisual .box ul{
margin-top:10px;
}
#iglaco #mainVisual .box ul li{
background:url(/resource/images/products/smartphone_tablet/iglaco/mainVisual-btn_bg.png) no-repeat top left;
overflow:hidden;
float:left;
height:84px;
width:154px;
}
#iglaco #mainVisual .box ul li:first-child{
margin-right:16px;
}
#iglaco #mainVisual .logo{
position:absolute;
top:-2px;
left:355px;
}
#iglaco #mainVisual .img_01{
position:absolute;
top:81px;
left:355px;
}

/*fingerprint*/
#iglaco #fingerprint{
margin-top:70px;
}
#iglaco #fingerprint .txt_01,
#iglaco #fingerprint .list_01 li{
float:left;
}

/*coating*/
#iglaco #coating{
margin-top:50px;
position:relative;
}
#iglaco #coating .txt_01{
float:left;
}
#iglaco #coating .btn_01{
position:absolute;
top:502px;
left:457px;
}


/*use*/
#iglaco #use{
margin-top:50px;
}
#iglaco #use .box{
height:500px;
overflow:hidden;
}
#iglaco #use ol{
margin-bottom:0;
position:relative;
}
#iglaco #use ol li{
font-size:12px;
position:absolute;
top:0;
}
#iglaco #use ol li.one{
left:0x;
}
#iglaco #use ol li.two{
left:238px;
}
#iglaco #use ol li.three{
left:457px;
}
#iglaco #use ol li span{
color:#fff;
display:block;
padding-left:15px;
width:200px;
}
#iglaco #use ol li:first-child span{
padding-left:30px;
}
#iglaco #use ol li span.note_01{
font-size:11px;
padding:0;
}

/*spec*/
#iglaco #spec{
margin-top:60px;
padding-bottom:5px;
position:relative;
}
#iglaco #spec h2 img{
padding:5px 0 0 30px;
}
#iglaco #spec .img_01{
position:absolute;
top:-42px;
left:532px;
}
@media screen and (max-device-width: 480px) {
#iglaco #spec .img_01{
position:absolute;
top:-65px;
left:532px;
}
}
#iglaco #spec .box{
padding-bottom:35px;
}
#iglaco #spec .box table{
background:url(/resource/images/products/smartphone_tablet/iglaco/spec-table_bg.png);
border-spacing:0;
border-collapse:separate;
color:#000531;
margin-left:30px;
word-break: break-all;
width:640px;
}
#iglaco #spec .box table .w20{
width:20%;
}
#iglaco #spec .box table .w80{
width:80%;
}
#iglaco #spec .box table tbody th,
#iglaco #spec .box table tbody td{
padding:10px 15px;
border-top:#000531 1px solid;
}
#iglaco #spec .box table tbody th{
border-right:#000531 1px solid;
}
#iglaco #spec .box .note_hdg{
margin:21px 0 0 30px;
}
#iglaco #spec .box .note_01{
color:#fff;
font-size:11px;
margin:21px 0 0 30px;
width:640px;
}
#iglaco #spec .box .note_01 li{
display:inline;
}
#iglaco #spec .box .note_01 li:before{
content:"●";
}

#iglaco #mainVisual .lst-share-01:after,
#iglaco #mainVisual .lst-share-01 ul:after,
#iglaco #mainVisual .box ul:after,
#iglaco #fingerprint:after,
#iglaco #fingerprint .list_01:after,
#iglaco #coating:after,
#iglaco #use ol:after{
content:"";
clear:both;
display:block;
}

/* ========================================================================
25. tatamun
------------------------------------------------------------------------ */

#tatamun .tab-tatamun .tab-tatamun-list{
overflow: hidden;
margin:0;
}
#tatamun .tab-tatamun .tab-tatamun-list li{
float: left;
position: relative;
vertical-align: bottom;
top:10px;
}
#tatamun .tab-tatamun .tab-tatamun-list li.full{
background: #d7dbde;
}
#tatamun .tab-tatamun .tab-tatamun-list li.middle{
background: #FCDF8F;
}
#tatamun .tab-tatamun .tab-tatamun-list li.compact{
background: #F5A58C;
}
#tatamun .tab-tatamun .tab-tatamun-list li.is-active{
height: 66px;
top: 0;
}
#tatamun .tab-tatamun .tab-tatamun-contents {
margin:0 0 30px 0;
}
#tatamun .tab-tatamun .tab-tatamun-contents li{
position:relative;
}
#tatamun .tab-tatamun .tab-tatamun-contents li .controler li{
position:absolute;
z-index:10;
top:275px;
}
#tatamun .tab-tatamun .tab-tatamun-contents li .controler .btn-left{
left:22px;
}
#tatamun .tab-tatamun .tab-tatamun-contents li .controler .btn-right{
right:22px;
}

/* ========================================================================
26. guide
------------------------------------------------------------------------ */

#guide .list-img-change{
position: relative;
height: 552px;
}
#guide .list-img-change li{
display: none;
top: 0;
left: 0;
}
#guide .list-img-change.is-static li{
display: block;
}
#guide .list-img-change li.is-active{
display: block;
z-index: 10;
}
#guide .list-option-01{
margin: 0 -10px 30px;
display: table;
border-spacing: 10px;
}
#guide .list-option-01 li{
display: table-cell;
font-size:91.6%;
background: #dee2e6;
margin: 0 0 0 10px;
width: 136px;
padding: 2px 0 7px;
font-weight: bold;
}
#guide .list-option-01 li .list-option-in{
padding: 0 9px;
}
#guide .list-option-01 li .img{
text-align: center;
margin: 0 0 11px 0;
}
#guide .list-option-01 li .name{
line-height: 1.54;
margin-bottom: 2px;
}
#guide .list-option-01 li dl{
margin-bottom: 0;
}
#guide .list-option-01 li dl dt{
color: #333;
}
#guide .list-option-01 li dl dd{

}
#guide .list-option-01 li dl dd .price{
color: #000 !important;
font-size: 127.4%;
}

#guide h2,
#guide h3{
margin-top: 30px;
}

#guide h4{
margin-top: 20px;
}


/* ========================================================================
    25. fb_campaign
------------------------------------------------------------------------ */
.fb_campaign .box-campaign {
  position: relative;
}
.fb_campaign .box-campaign .btn-01 {
  position: absolute;
  top: 230px;
  left: 315px;
}
.fb_campaign .box-present {
  background: url(/resource/images/4thfb_campaign/bg-01.png);
  padding: 35px 0 31px 0;
}
.fb_campaign .box-present > .inner {
  margin: 0 15px 0 15px;
  border: #000 2px solid;
  outline: #fff 2px solid;
  background: #fff;
}
.fb_campaign .box-present > .inner h3 {
  float: left;
  margin-bottom: 0 !important;
}
.fb_campaign .box-present > .inner .lyt-4col-01 {
  float: left;
  margin-left: 10px;
}
.fb_campaign .box-present > .inner .lyt-4col-01 .column-01, .fb_campaign .box-present > .inner .lyt-4col-01 .column-02, .fb_campaign .box-present > .inner .lyt-4col-01 .column-03, .fb_campaign .box-present > .inner .lyt-4col-01 .column-04 {
  margin-right: 20px !important;
  width: 162px !important;
}
.fb_campaign .box-present > .inner .lyt-4col-01 p {
  margin: 5px 0 !important;
}
.fb_campaign .box-present .doc-notice-03 .inner {
  float: right;
}
.fb_campaign .box-present .doc-notice-03 p {
  float: left !important;
  margin-right: 1em;
}
.fb_campaign .box-present .doc-notice-03 p .mark {
  left: -2em !important;
}
.fb_campaign .box-process {
  background: url(/resource/images/4thfb_campaign/bg-02.png);
  padding: 35px 0 31px 15px;
}
.fb_campaign .box-process > .step li {
  float: left;
}
.fb_campaign .box-process .box-access {
  position: relative;
  border: #167dcb 2px solid;
  background: #e5f5ff;
  margin-top: 33px;
  padding: 17px 15px 14px;
  width: 887px;
}
.fb_campaign .box-process .box-access > h3 {
  position: absolute;
  top: -13px;
  left: -2px;
}
.fb_campaign .box-much-01 {
  height: 298px !important;
}
.fb_campaign .box-much-01 .lst-number-02 li {
  list-style: none !important;
}
.fb_campaign .box-present > .inner:after, .fb_campaign .box-present .doc-notice-03:after, .fb_campaign .box-process > .step:after, .fb_campaign .box-present:after {
  content: "";
  clear: both;
  display: block;
  height: 0;
}

/* ========================================================================
    26. kurashinokiroku
------------------------------------------------------------------------ */
#kurashinokiroku .lst-share-01:after {
content: "";
clear: both;
display: block;
}

#kurashinokiroku .lst-share-01 .date {
float: left;
color: #e40000;
font-weight: bold;
padding-top: 3px;
}

#kurashinokiroku .lst-share-01 ul {
float: right;
}


#kurashinokiroku .section {
	padding: 40px 0 0;
	margin: 0 0 50px;
}

#kurashinokiroku .section.bg-type-01 {
	background: url(/resource/images/products/file/brand/kurashinokiroku/line-section-01.png) no-repeat;
}

#kurashinokiroku .section.bg-type-02 {
	background: url(/resource/images/products/file/brand/kurashinokiroku/line-section-02.png) no-repeat;
}

#kurashinokiroku .hdg-02 {
	margin: 0 0 30px;
}

#kurashinokiroku .main-visual {
	height: 464px;
	position: relative;
}

#kurashinokiroku .main-visual .main-visual-elm {
	position: absolute;
	display: none;
}

/*#kurashinokiroku.no-js .main-visual .main-visual-elm {*/
	/*display: block;*/
/*}*/


#kurashinokiroku .main-visual .main-visual-elm.elm-01 {
	top: 33px;
	left: 18px;
}

#kurashinokiroku .main-visual .main-visual-elm.elm-02 {
	top: 215px;
	left: 52px;
}

#kurashinokiroku .main-visual .main-visual-elm.elm-03 {
	top: 0;
	left: 384px;
}

#kurashinokiroku .gallery .gallery-img {
	background: url(/resource/images/products/file/brand/kurashinokiroku/bg-gallery-01.png);
	height: 522px;
	margin: 0 0 7px;
}

/*#kurashinokiroku.no-js .gallery .gallery-img {*/
	/*height: auto;*/
/*}*/

#kurashinokiroku .gallery .gallery-img-list {
	position: relative;
	height: 422px;
	margin: 0 0 25px;
	padding: 30px 0 0 0;
	overflow: hidden;
}

/*#kurashinokiroku.no-js .gallery .gallery-img-list {*/
/*height: auto;*/
/*}*/

#kurashinokiroku .gallery .gallery-img-list li {
	position: absolute;
	/* border: 1px solid blue; */
	width: 1440px;
text-align: center;
display: none;
}

#kurashinokiroku .gallery .gallery-img-list li:first-child {
display: block;
}

#kurashinokiroku .gallery .gallery-img-list li:after {
	content: "";
	clear: both;
	display: block;
}

/*#kurashinokiroku.no-js .gallery .gallery-img-list li {*/
	/*position: static;*/
/*}*/

#kurashinokiroku .gallery .gallery-img-list li .img-panel {
	float: left;
	text-align:center;
	width: 720px;
}

#kurashinokiroku .gallery .gallery-img .list-indicator-01 {
		text-align: center;
}

#kurashinokiroku .gallery .gallery-img .list-indicator-01 li {
	display: inline-block;
}

#kurashinokiroku .gallery .gallery-img .list-indicator-01 li:first-child {
	display: inline-block;
	margin-right: 14px;
}

#kurashinokiroku .gallery .gallery-img .list-indicator-01 li a {
	display: block;
	width: 15px;
	height: 15px;
	border-radius: 7px 8px 8px 7px/7px 7px 8px 8px;
	background-color: #fff;
	box-shadow: inset 0 0 3px rgba(0,0,0,.3);
	border: solid 1px #c8c9ca;
}

#kurashinokiroku .gallery .gallery-img .list-indicator-01 li.is-current a {
	background-color: #f29600;
	box-shadow: inset 0 0 3px rgba(255,255,255,.5);
}

#kurashinokiroku .gallery .gallery-img-desc {
	text-align: center;
}

#kurashinokiroku .gallery .gallery-select {
	position: relative;
	padding: 23px 0 0;
}

#kurashinokiroku .gallery .gallery-select:before {
	content: "";
	position: absolute;
	top:0;
	left: 345px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 15px 23px 15px;
	border-color: transparent transparent #e5e5e6 transparent;
}

#kurashinokiroku .gallery .gallery-select .enlargement {
	position: absolute;
	top: -57px;
	right: 15px;
}

#kurashinokiroku .gallery .gallery-select .gallery-select-list {
	overflow: hidden;
	border-right: 8px solid #e5e5e6;
	border-bottom: 8px solid #e5e5e6;
    margin-bottom: 30px;
}

#kurashinokiroku .gallery .gallery-select .gallery-select-list li {
	float: left;
	border-left: 8px solid #e5e5e6;
	border-top: 8px solid #e5e5e6;
	box-sizing: border-box;
	width: 25%;
}

#kurashinokiroku .gallery .gallery-select .gallery-select-list li a {
	display: block;
	padding: 13px 8px;
}

#kurashinokiroku .gallery .gallery-select .gallery-select-list li.coffee a:hover {
	background: #c2b0a7;
}

#kurashinokiroku .gallery .gallery-select .gallery-select-list li.sweets a:hover {
	background: #fadde0;
}

#kurashinokiroku .gallery .gallery-select .gallery-select-list li.restaurant a:hover {
	background: #f7c066;
}

#kurashinokiroku .gallery .gallery-select .gallery-select-list li.book a:hover {
	background: #66cdbf;
}

#kurashinokiroku .gallery .gallery-select .gallery-select-list li.shopping a:hover {
	background: #fff666;
}

#kurashinokiroku .gallery .gallery-select .gallery-select-list li.diet a:hover {
	background: #b4e0e3;
}

#kurashinokiroku .gallery .gallery-select .gallery-select-list li.movie a:hover {
	background: #e9eaea;
}

#kurashinokiroku .gallery .gallery-select .gallery-select-list li.baby a:hover {
	background: #f8d0c7;
}

#kurashinokiroku .gallery .gallery-select .gallery-select-list li.sports a:hover {
	background: #8ecf8b;
}

#kurashinokiroku .gallery .gallery-select .gallery-select-list li.gift a:hover {
	background: #f3a7a3;
}

#kurashinokiroku .gallery .gallery-select .gallery-select-list li.handmade a:hover {
	background: #f2e9da;
}

#kurashinokiroku .gallery .gallery-select .gallery-select-list li.event a:hover {
	background: #9ed3f1;
}

#kurashinokiroku .gallery .gallery-select .gallery-select-list li.coffee.is-current a {
	background: #9a7b6c;
}

#kurashinokiroku .gallery .gallery-select .gallery-select-list li.sweets.is-current a {
	background: #f6c7cb;
}

#kurashinokiroku .gallery .gallery-select .gallery-select-list li.restaurant.is-current a {
	background: #f29600;
}

#kurashinokiroku .gallery .gallery-select .gallery-select-list li.book.is-current a {
	background: #00ab95;
}

#kurashinokiroku .gallery .gallery-select .gallery-select-list li.shopping.is-current a {
	background: #fff000;
}

#kurashinokiroku .gallery .gallery-select .gallery-select-list li.diet.is-current a {
	background: #82cbd1;
}

#kurashinokiroku .gallery .gallery-select .gallery-select-list li.movie.is-current a {
	background: #dbdcdc;
}

#kurashinokiroku .gallery .gallery-select .gallery-select-list li.baby.is-current a {
	background: #f4b0a1;
}

#kurashinokiroku .gallery .gallery-select .gallery-select-list li.sports.is-current a {
	background: #43af3e;
}

#kurashinokiroku .gallery .gallery-select .gallery-select-list li.gift.is-current a {
	background: #eb6d65;
}

#kurashinokiroku .gallery .gallery-select .gallery-select-list li.handmade.is-current a {
	background: #e9dac1;
}

#kurashinokiroku .gallery .gallery-select .gallery-select-list li.event.is-current a {
	background: #5db6e7;
}

/* ========================================================================
    27. kaban_oki
------------------------------------------------------------------------ */
#contents #kabanoki .list-01{
margin-left:15px;
font-size:11px;
}

#contents #kabanoki .list-01 li{
background:url(/resource/images/products/office/icn-6020-01.gif) no-repeat 0 .6em;
margin-bottom:2px;
padding-left:5px;
}

/* ========================================================================
    28. deskboard
------------------------------------------------------------------------ */
#deskboard_main {
position: relative;
}
#deskboard_main .list-img-change {
height: 372px;
position: relative;
}
#deskboard_main .list-img-change > .is-hide {
top: 0;
left: 0;
position: absolute;
display: none;
}
#deskboard_main h2 {
position: absolute;
bottom: 17px;
left: 40px;
z-index: 999;
}
#deskboard_main p {
position: absolute;
top: 77px;
left: 40px;
z-index: 2;
}

/* ========================================================================
    29. umbrella_stand
------------------------------------------------------------------------ */
#umbrella_stand_main p {
  margin: 0;
}
#umbrella_stand_main .sct-mainvisual {
  position: relative;
  clear: both;
  margin: 0 0 31px;
}
#umbrella_stand_main .sct-mainvisual > ul li {
  position: absolute;
  left: 17px;
}
#umbrella_stand_main .sct-mainvisual > ul li.first {
  top: 244px;
}
#umbrella_stand_main .sct-mainvisual > ul li.second {
  top: 332px;
}
#umbrella_stand_main .sct-introduction {
  background: #737373;
  margin: 0 0 40px;
  padding: 24px 20px 17px;
}
#umbrella_stand_main .sct-introduction > h3.hdg {
  margin: 0;
  padding: 2px 0 25px 8px;
}
#umbrella_stand_main .sct-introduction > h4.hdg {
  margin: 0;
  padding: 0 0 14px 10px;
}
#umbrella_stand_main .sct-introduction > .point {
  background: #fff;
  margin: 0 0 40px;
  padding: 0 30px;
  border-radius: 12px;
}
#umbrella_stand_main .sct-introduction > .point.first .toCarousel {
  padding: 27px 0;
}
/* JS用 CSS */
.onJs #umbrella_stand_main .sct-introduction > .point.first .toCarousel {
  padding: 27px 0 76px;
}
.onJs #umbrella_stand_main .sct-introduction > .point.first .toCarousel {
  position: relative;
  overflow: hidden;
  width: auto;
  margin: 0 0 10px;
}
.onJs #umbrella_stand_main .sct-introduction > .point.first .toCarousel .toCarousel-inner {
  display: table;
  margin: 0;
}
.onJs #umbrella_stand_main .sct-introduction > .point.first .toCarousel .toCarousel-inner > li {
  vertical-align: middle;
  display: table-cell;
}
.onJs #umbrella_stand_main .sct-introduction > .point.first .toCarousel > .toCarousel-ui {
  text-align: center;
  position: absolute;
  bottom: 18px;
  left: 0;
  display: block;
  width: 100%;
}
.onJs #umbrella_stand_main .sct-introduction > .point.first .toCarousel > .toCarousel-ui,
.onJs #umbrella_stand_main .sct-introduction > .point.first .toCarousel > .toCarousel-ui > li {
  display: inline-block;
}
.onJs #umbrella_stand_main .sct-introduction > .point.first .toCarousel > .toCarousel-ui > li button[data-carousel-num] {
  text-indent: -10em;
  background: none;
  background: url("/resource/images/products/office/img-umbrella_stand-24.png") transparent 0 0 no-repeat;
  overflow: hidden;
  width: 25px;
  height: 25px;
  margin: 0 11px;
  border: 0;
}
.onJs #umbrella_stand_main .sct-introduction > .point.first .toCarousel > .toCarousel-ui > li button[data-carousel-num].current {
  background: url("/resource/images/products/office/img-umbrella_stand-23.png") transparent 0 0 no-repeat;
}
#umbrella_stand_main .sct-introduction > .point.first .toCarousel .toCarousel-inner li {
  vertical-align: top;
  padding: 0 22px 0 0;
}
#umbrella_stand_main .sct-introduction > .point.first .toCarousel .toCarousel-inner li.second {
  padding-top: 21px;
}
#umbrella_stand_main .sct-introduction > .point.second {
  padding: 28px 30px 20px;
  padding-top: 28px;
}
#umbrella_stand_main .sct-introduction > .point.third {
  margin: 0 0 10px;
}
#umbrella_stand_main .sct-introduction > .point.third > .area-howtouse > ul {
  margin: 0 0 8px;
  padding: 20px 0 15px;
}
#umbrella_stand_main .sct-introduction > .point.third > .area-howtouse > ul .front {
  padding: 5px 0 0 30px;
}
#umbrella_stand_main .sct-introduction > .point.third > .area-howtouse > ul .side {
  margin: -51px 0 0;
  padding: 2px 0 0 10px;
}
#umbrella_stand_main .sct-introduction > .point.third > .area-howtouse > ul .foot {
  margin: -44px 0 0;
  padding: 1px 0 0 30px;
}
#umbrella_stand_main .sct-introduction > .point.third > .area-attention > .hdg {
  margin: 0;
}
#umbrella_stand_main .sct-introduction > .point.third > .area-attention > .attention {
  background: #fff;
  overflow: hidden;
  margin: 0;
  padding: 11px 15px 0;
  border: 4px solid #505456;
  border-width: 0 4px;
}
#umbrella_stand_main .sct-introduction > .point.third > .area-attention > .attention > li {
  float: left;
  padding: 0 0 9px;
}
#umbrella_stand_main .sct-introduction > .point.third > .area-attention > .attention > li.first {
  padding-top: 3px;
  padding-right: 39px;
}
#umbrella_stand_main .sct-introduction > .point.third > .area-attention > .attention > li.second {
  padding-top: 24px;
  padding-right: 25px;
}
#umbrella_stand_main .sct-introduction > .point.third > .area-attention > .notice {
  margin: 0;
  padding: 0 0 29px;
}
#umbrella_stand_main .sct-introduction > .notice {
  text-align: right;
  margin: 0;
}
#umbrella_stand_main .sct-spec > .hdg {
  margin: 0;
  padding: 0 0 30px;
}
#umbrella_stand_main .sct-spec > .spec {
  margin: 0;
}
#umbrella_stand_main .sct-spec > .spec > li {
  margin: 0;
  padding: 0 0 28px;
}
#umbrella_stand_main .sct-spec > .spec > li.last {
  padding: 0 0 10px;
}
#umbrella_stand_main .sct-spec > .common-spec {
  margin: 0;
  padding: 0 0 29px 8px;
}
#umbrella_stand_main + .doc-notice-01.align-l,
#umbrella_stand_main + .doc-notice-01.align-l + .doc-notice-01.align-l,
#umbrella_stand_main + .doc-notice-01.align-l + .doc-notice-01.align-l + .doc-notice-01.align-l {
  margin: 0 0 2px;
}
#umbrella_stand_main + .doc-notice-01.align-l {
  letter-spacing: -.1px;
}
#umbrella_stand_main + .doc-notice-01.align-l + .doc-notice-01.align-l {
  letter-spacing: -.15px;
}
#umbrella_stand_main + .doc-notice-01.align-l + .doc-notice-01.align-l + .doc-notice-01.align-l {
  letter-spacing: .25px;
}
#umbrella_stand_main + .doc-notice-01.align-l + .doc-notice-01.align-l + .doc-notice-01.align-l + .doc-notice-01.align-l {
  letter-spacing: -.05px;
  margin: 0 0 11px;
}


/* ========================================================================
    30. portabook_imadake
------------------------------------------------------------------------ */
#portabook_imadake .hover img:hover{
  filter:alpha(opacity=50);
  -moz-opacity:.5;
  -khtml-opacity:.5;
  opacity:.5;
}

/* ========================================================================
    31. hover
------------------------------------------------------------------------ */
.hover:hover{
  opacity:.7;
}


/* ========================================================================
    32. lezaface-sp
------------------------------------------------------------------------ */
.lezaface-sp .lezaface-sp-box01{
  background:#000000;
  padding:0 29px;
}
.lezaface-sp .lezaface-sp-box01 h2,
.lezaface-sp .lezaface-sp-box01 p{
  margin-bottom:0 !important;
}
.lezaface-sp .lezaface-sp-area{
  border-bottom:#ffffff 1px solid;
}
.lezaface-sp .lezaface-sp-area:last-child{
  border-bottom:0;
}
.lezaface-sp .txt{
  float:left;
}
.lezaface-sp .main-visual{
  background:#000;
}
.lezaface-sp .hover{
  display:block;
  transition:all .3s;
}
.lezaface-sp .lezaface-sp-gallery{
  float:right;
  width:310px;
}
.lezaface-sp .lezaface-sp-img{
  margin-bottom:10px;
}
.lezaface-sp .lezaface-sp-part{
  text-align:center;
  display:table;
  width:310px;
}
.lezaface-sp .lezaface-sp-part li{
  display:inline-block;
  margin-left:6px;
  outline:#000000 1px solid;
  border:#ffffff 1px solid;
}
.lezaface-sp .lezaface-sp-part li.active{
  outline:#ffffff 1px solid;
  border:#ffffff 1px solid;
}
.lezaface-sp .lezaface-sp-part li.active img{
  opacity:.5;
}
.lezaface-sp .lezaface-sp-part li a{
  display:block;
  transition:all .3s;
}
.lezaface-sp .lezaface-sp-part li:not(.active) a:hover{
  opacity:.5;
}
.lezaface-sp .lezaface-sp-part li:first-child{
  padding-left:0;
}
.lezaface-sp .lezaface-sp-area:after,
.lezaface-sp .lezaface-sp-part:after{
  content:"";
  clear:both;
  display:block;
}

/* ========================================================================
    33. displayboard
------------------------------------------------------------------------ */

.list-img-change.js-img-change_displayboard {
height: 476px;
position: relative;
}
.list-img-change.js-img-change_displayboard > .is-hide {
top: 0;
left: 0;
position: absolute;
display: none;
}

/* ========================================================================
    34. usenable
------------------------------------------------------------------------ */
#usenable-01 {
  background: #e8f0cc;
  margin: 0 0 20px;
  padding: 20px;
}

#usenable-02 {
  background: #f0e0cc;
  margin: 0 0 10px;
  padding: 20px;
}

#usenable-01 .lyt-3col-01 .column-01,
#usenable-01 .lyt-3col-01 .column-02,
#usenable-01 .lyt-3col-01 .column-03{
  width: 220px;
  margin-right: 10px;
}

/* ========================================================================
    35. sp_bnr
------------------------------------------------------------------------ */
#sp_bnr {
  position: fixed;
  z-index: 100;
  right: 1%;
  bottom: 1%;
}

#sp_bnr p {
  margin-bottom: 0;
}
/* ========================================================================
    35. file-format
------------------------------------------------------------------------ */
.file-format-btn a:hover:before{
content: '';
position: absolute;
top: 0;
left: 0;
background-color: #fff;
opacity: .3;
width: 292px;
height: 38px;
z-index: 1;
}

/* ========================================================================
    36. pitcode
------------------------------------------------------------------------ */
#pitcode a:hover img,
#pitcode a:focus img,
#pitcode a:active img {
opacity: .75;
}
#pitcode #outline {
font-size: 1.16667em;
}
#pitcode .step {
overflow: hidden;
}
#pitcode .step li {
float: left;
}
#pitcode #outline .doc-notice-01 {
margin-bottom: .125em;
color: #e40000;
font-size: 85.71429%;
}

/* ========================================================================
    99. Evernote
------------------------------------------------------------------------ */
#contents .lst-share-01 li a[onclick],
.lst-custom-02 li a[onclick],
.share-btn-02 li a[onclick],
.social li.evernote{display:none !important;}