@charset "utf-8";
/*====================================
common
====================================*/

#body{width:750px; padding:0; margin:0 15px; background:url(../img/bg_body1.gif) repeat-y; border-top:solid 3px #E10915;}

#body a:link    {text-decoration: none ; color:#5E70C6;}
#body a:visited {text-decoration: none ; color:#5E70C6;}
#body a:hover   {text-decoration: underline ; color:#5E70C6;}
#body a:active  {text-decoration: none ; color:#5E70C6;}

h2{clear:both;}
h3{clear:both;}

.ic_new{position:absolute; z-index:10; width:33px; height:16px;}
.img{position:relative; z-index:1;}


/*====================================
左コンテンツ
====================================*/

#l_contents{float:left; width:600px;}


/*下位ページ共通スタイル*/

.box540{width:540px; padding:20px 30px;}

#l_contents2{float:left; width:600px; background:url(../img/bg_l_contents.gif) repeat-x 0px 220px;}
#l_contents3{float:left; width:600px;}

.btn_inquiry{clear:left; width:250px; margin:0 auto; padding-top:40px;}

.name{color:#5E70C6;}


/*トップページ固有*/

#item_list{background:url(/thats/img/bg_list.gif) no-repeat 0px 28px; margin:0 0 0 20px; height:267px;}
#item_list:after{}

#item_list:after {content:"."; display:block; clear:both; height: 0; visibility: hidden;}

#item_list {min-height: 1px;}

* html #item_list {height:267px;
 /*¥*//*/
 height: auto;
 overflow: hidden;
 /**/
}

#item_list h2{height:28px; padding:0; margin:0; line-height:0; font-size:0;}
#item_list h3{padding:0; margin:0; line-height:0; font-size:0;}

#item_list div{float:left;}

#item_list li{margin:0; padding:0;}
#item_list li a{text-indent:-9999px; display:block; overflow:hidden;}
#item_list #gr1{padding:3px 0 0 5px; width:136px;}
#item_list #gr1 .btn1{width:124px; height:40px; margin:5px 0 0 6px;}
#item_list #gr1 .btn1 a{width:124px; height:40px; background:url(/thats/img/btn_list_1_1.gif) no-repeat 0px 0px;}
#item_list #gr1 .btn1 a:hover{background:url(/thats/img/btn_list_1_1.gif) no-repeat 0px -40px;}
#item_list #gr1 .btn2{width:124px; height:40px; margin:3px 0 0 6px;}
#item_list #gr1 .btn2 a{width:124px; height:40px; background:url(/thats/img/btn_list_1_2.gif) no-repeat 0px 0px;}
#item_list #gr1 .btn2 a:hover{background:url(/thats/img/btn_list_1_2.gif) no-repeat 0px -40px;}

#item_list #gr2{padding:3px 0 0 2px; width:136px;}
#item_list #gr2 .btn1{width:124px; height:40px; margin:5px 0 0 6px;}
#item_list #gr2 .btn1 a{width:124px; height:40px; background:url(/thats/img/btn_list_2_1.gif) no-repeat 0px 0px;}
#item_list #gr2 .btn1 a:hover{background:url(/thats/img/btn_list_2_1.gif) no-repeat 0px -40px;}
#item_list #gr2 .btn2{width:124px; height:40px; margin:3px 0 0 6px;}
#item_list #gr2 .btn2 a{width:124px; height:40px; background:url(/thats/img/btn_list_2_2.gif) no-repeat 0px 0px;}
#item_list #gr2 .btn2 a:hover{background:url(/thats/img/btn_list_2_2.gif) no-repeat 0px -40px;}

#item_list #gr3{padding:3px 0 0 2px; width:136px;}
#item_list #gr3 .btn1{width:124px; height:40px; margin:5px 0 0 6px;}
#item_list #gr3 .btn1 a{width:124px; height:40px; background:url(/thats/img/btn_list_3_1.gif) no-repeat 0px 0px;}
#item_list #gr3 .btn1 a:hover{background:url(/thats/img/btn_list_3_1.gif) no-repeat 0px -40px;}
#item_list #gr3 .btn2{width:124px; height:40px; margin:3px 0 0 6px;}
#item_list #gr3 .btn2 a{width:124px; height:40px; background:url(/thats/img/btn_list_3_2.gif) no-repeat 0px 0px;}
#item_list #gr3 .btn2 a:hover{background:url(/thats/img/btn_list_3_2.gif) no-repeat 0px -40px;}
#item_list #gr3 .btn3{width:124px; height:40px; margin:3px 0 0 6px;}
#item_list #gr3 .btn3 a{width:124px; height:40px; background:url(/thats/img/btn_list_3_3.gif) no-repeat 0px 0px;}
#item_list #gr3 .btn3 a:hover{background:url(/thats/img/btn_list_3_3.gif) no-repeat 0px -40px;}

#item_list #gr4{padding:3px 0 0 2px; width:136px;}
#item_list #gr4 .btn1{width:124px; height:30px; margin:5px 0 0 6px;}
#item_list #gr4 .btn1 a{width:124px; height:30px; background:url(/thats/img/btn_list_4_1.gif) no-repeat 0px 0px;}
#item_list #gr4 .btn1 a:hover{background:url(/thats/img/btn_list_4_1.gif) no-repeat 0px -30px;}
#item_list #gr4 .btn2{width:124px; height:30px; margin:1px 0 8px 6px;}
#item_list #gr4 .btn2 a{width:124px; height:30px; background:url(/thats/img/btn_list_4_2.gif) no-repeat 0px 0px;}
#item_list #gr4 .btn2 a:hover{background:url(/thats/img/btn_list_4_2.gif) no-repeat 0px -30px;}

#item_list #gr4 .btn3{width:124px; height:30px; margin:4px 0 0 6px;}
#item_list #gr4 .btn3 a{width:124px; height:30px; background:url(/thats/img/btn_list_4_3.gif) no-repeat 0px 0px;}
#item_list #gr4 .btn3 a:hover{background:url(/thats/img/btn_list_4_3.gif) no-repeat 0px -30px;}
#item_list #gr4 .btn4{width:124px; height:30px; margin:1px 0 0 6px;}
#item_list #gr4 .btn4 a{width:124px; height:30px; background:url(/thats/img/btn_list_4_4.gif) no-repeat 0px 0px;}
#item_list #gr4 .btn4 a:hover{background:url(/thats/img/btn_list_4_4.gif) no-repeat 0px -30px;}
#item_list #gr4 .btn5{width:124px; height:30px; margin:1px 0 7px 6px;}
#item_list #gr4 .btn5 a{width:124px; height:30px; background:url(/thats/img/btn_list_4_5.gif) no-repeat 0px 0px;}
#item_list #gr4 .btn5 a:hover{background:url(/thats/img/btn_list_4_5.gif) no-repeat 0px -30px;}

#item_list #gr4 .btn6 a{width:136px; height:30px; background:url(/thats/img/btn_list_4_6.gif) no-repeat 0px 0px;}
#item_list #gr4 .btn6 a:hover{background:url(/thats/img/btn_list_4_6.gif) no-repeat 0px -30px;}


.info{width:560px; line-height:120%; padding:0 20px;}

.news{width:275px; min-height:240px; float:left; background:url(../../img/bg_news_in.gif) no-repeat 0px 29px; margin:15px 0;}
.news .date{font-size:90%; color:#787878;}

.newitem{width:275px; min-height:240px; float:right; background:url(../../img/bg_news_in.gif) no-repeat 0px 29px; margin:15px 0;}
.newitem .date{font-size:90%; color:#787878; padding-left:5px;}

.info .box{width:255px; padding:17px 0 0 10px;}
.info .box .left{width:90px;}
.info .box .right{width:160px;}

.headline{padding:3px 0 0 13px; background:url(../img/ic_arrow1.gif) no-repeat 0px 7px;}

.info .hr{width:255px; height:5px; text-indent:-1000px; background:url(../img/bg_line1.gif) repeat-x; margin:5px 0; clear:both; line-height:0; font-size:0;}


/*耐水メディア：ページ固有　waterproof*/

#waterproof{}

#waterproof .img1{float:left; width:160px; padding:10px 30px 10px 0;}
#waterproof .img2{float:left; width:160px; padding:10px 0;}
#waterproof .img3{clear:left; width:370px; margin:0 auto;}

#waterproof .box2{width:540px; padding:0 30px 50px 30px;}

#waterproof .tbl1{width:170px; float:left; margin:0 15px 0 0; border-collapse:collapse; border:solid 1px #C2C7CB;}
#waterproof .tbl2{width:170px; float:left; margin:0 0 0 0; border-collapse:collapse; border:solid 1px #C2C7CB;}
#waterproof .tbl3{width:170px; float:left; margin:0 200px 0 0; border-collapse:collapse; border:solid 1px #C2C7CB;}
#waterproof .tbl1 th,#waterproof .tbl2 th,#waterproof .tbl3 th{border:solid 1px #C2C7CB; background:#ECECEC; padding:2px;}
#waterproof .tbl1 td,#waterproof .tbl2 td,#waterproof .tbl3 td{border:solid 1px #C2C7CB; padding:2px 2px 2px 10px;}

#waterproof .name{color:#5E70C6; font-weight:bold;}

#waterproof .onsale1{width:355px; background:#F3DD98; padding:3px 0; text-align:center; float:left; margin-right:15px;}
#waterproof .onsale2{width:170px; background:#F3DD98; padding:3px 0; text-align:center; float:left;}

#waterproof .link_cdr{width:auto; text-align:right; padding:0 15px 10px 0; background:url(../img/ic_arrow1.gif) no-repeat 530px 1px; line-height:100%;}


/*耐水メディアCD-R：ページ固有　water_cdr*/

#water_cdr{}

#water_cdr .img1{float:left; width:160px; padding:10px 30px 10px 0;}
#water_cdr .img2{float:left; width:160px; padding:10px 0;}
#water_cdr .img3{clear:left; width:370px; margin:0 auto;}

#water_cdr .box2{width:540px; padding:0 30px 50px 30px;}
#water_cdr .box250{width:150px; padding:10px 50px 30px 70px; text-align:center; float:left;}

#water_cdr .tbl1{width:260px; float:left; margin:10px 15px 0 0; font-size:90%;}
#water_cdr .tbl2{width:260px; float:left; margin:10px 0 0 0; font-size:90%;}
#water_cdr .tbl1 th,#dl .tbl2 th{width:160px;}
#water_cdr .tbl1 td,#dl .tbl2 td{width:200px;}

#water_cdr .link_dvdr{width:auto; text-align:right; padding:0 15px 10px 0; background:url(../img/ic_arrow1.gif) no-repeat 530px 1px; line-height:100%;}


/*CPRM対応メディア：ページ固有　cprm*/

#cprm{}

#cprm .txt1{padding:5px 0 10px 0;}
#cprm .txt2{width:540px; padding:20px 0 0 0; text-align:center; clear:both;}

#cprm .tbl1{width:240px; float:left; margin:10px 30px 0 0;}
#cprm .tbl2{width:240px; float:left; margin:10px 0 0 0;}
#cprm .tbl1 th,#cprm .tbl2 th{width:58px; text-align:left;}
#cprm .tbl1 td,#cprm .tbl2 td{width:auto; font-weight:bold;}

#cprm .tbl3{width:240px; float:left; margin:0 30px 0 0; border-collapse:collapse; border:solid 1px #C2C7CB;}
#cprm .tbl4{width:240px; float:left; margin:0 0 0 0; border-collapse:collapse; border:solid 1px #C2C7CB;}
#cprm .tbl3 th,#cprm .tbl4 th{width:50%; border:solid 1px #C2C7CB; background:#ECECEC; padding:2px;}
#cprm .tbl3 td,#cprm .tbl4 td{width:50%; border:solid 1px #C2C7CB; padding:2px 2px 2px 10px;}

#cprm .tbl5{width:250px; float:left; margin:5px 20px 0 0;}
#cprm .tbl6{width:250px; float:left; margin-top:5px;}
#cprm .tbl5 th,#cprm .tbl6 th{width:130px; padding-right:5px;}
#cprm .tbl5 td,#cprm .tbl6 td{width:auto;}

#cprm .tbl7{width:540px; margin:10px 0 20px 0;}
#cprm .tbl7 td{width:25%; padding:4px 0; text-align:center; vertical-align:middle; color:#5E70C6;}

#cprm #icon_list{padding:10px 0 0 0;}
#cprm #icon_list img{float:left; padding-right:15px;}

#cprm .pdf{width:auto; text-align:right; padding:0 15px 10px 0; background:url(../img/ic_arrow1.gif) no-repeat 530px 1px; line-height:100%;}

#cprm .corresponding{width:auto; text-align:right; padding:5px 15px 0 0; background:url(../img/ic_arrow7.gif) no-repeat 530px 7px; line-height:100%;}


/*BD-Rメディア：ページ固有　bd-r*/

#bd-r{}
#bd-r .box540{width:540px; padding:20px 30px; background:url(../img/bg_l_contents.gif) repeat-x 0px 0px;}
#bd-r .txt1{padding:10px 0 20px 0;}

#bd-r .red{color:#E10915; font-weight:bold;}

#bd-r .tbl1{width:540px; border-collapse:collapse; border:solid 1px #C2C7CB; margin:10px 0 5px 0;}
#bd-r .tbl1 th{width:19%; padding:2px; border:solid 1px #C2C7CB; background:#ECECEC;}
#bd-r .tbl1 td{width:27%; padding:2px; border:solid 1px #C2C7CB; text-align:center;}
#bd-r .tbl1 .td1{width:27%;}
#bd-r .tbl1 .td2{width:81%;}
#bd-r .tbl1 .td3{width:80%;}


#bd-r .tbl2{width:240px; margin:10px 30px 0 0; border-collapse:collapse; border:solid 1px #C2C7CB;}
#bd-r .tbl3{width:240px; margin:10px 20px 0 0; border-collapse:collapse; border:solid 1px #C2C7CB;}
#bd-r .tbl2 th,#bd-r .tbl3 th{width:50%; border:solid 1px #C2C7CB; background:#ECECEC; padding:2px;}
#bd-r .tbl2 td,#bd-r .tbl3 td{width:50%; border:solid 1px #C2C7CB; padding:2px 2px 2px 10px;}

#bd-r .box250{width:250px; padding:20px 10px 10px 10px; text-align:center; float:left; position:relative; z-index:1;}
#bd-r .item_ph{float:left; padding:5px 0 0 0;}
#bd-r .item_txt{float:left; padding:5px 0 0 10px;}

#bd-r .tbl4{border-collapse:collapse; border:solid 1px #C2C7CB; width:540px;}
#bd-r .tbl4 th{background:#9AA4C7; border:solid 1px #C2C7CB; text-align:center; vertical-align:middle; padding:2px 10px; color:#FFFFFF; font-weight:normal;}
#bd-r .tbl4 th.name{width:34%; background:#ECECEC; text-align:left; vertical-align:middle; color:#000000; font-weight:normal;}
#bd-r .tbl4 td{width:33%; background:#FFFFFF; border:solid 1px #C2C7CB; text-align:left; vertical-align:middle; padding:2px 10px;}

#bd-r .linkdrive{ clear:both; width:auto; text-align:right; padding:0 15px 10px 0; background:url(../img/ic_arrow1.gif) no-repeat 530px 1px; line-height:100%;}

/*DVD-R DLメディア：ページ固有　dl*/

#dl{}

#dl .box300{width:300px; padding:10px 0 30px 0; float:left;}
#dl .box170{width:170px; padding:10px 0 30px 0; float:left;}
#dl .box250{width:250px; padding:10px 0 30px 10px; text-align:center; float:left;}

#dl .tbl1{width:260px; float:left; margin:10px 15px 0 0; font-size:90%;}
#dl .tbl2{width:260px; float:left; margin:10px 0 0 0; font-size:90%;}
#dl .tbl1 th,#dl .tbl2 th{width:160px;}
#dl .tbl1 td,#dl .tbl2 td{width:200px;}


/*1-16超高速記録対応メディア：ページ固有　r_16x*/

#r_16x{}

#r_16x .box170{width:170px; padding:10px 0 30px 0; float:left;}


/*楽らく収納シリーズ：ページ固有　rakuraku*/

#rakuraku{}

#rakuraku .box170{width:170px; padding:15px 0 30px 0; float:left;}
#rakuraku .box1{width:540px; height:150px; background:url(../../thats/img/rakuraku/bg_box1.jpg) no-repeat;}
#rakuraku .box2{width:540px; height:282px; background:url(../../thats/img/rakuraku/bg_box2.jpg) no-repeat;}
#rakuraku .box3{width:540px; height:301px; background:url(../../thats/img/rakuraku/bg_box3.jpg) no-repeat;}
#rakuraku .box2 strong{color:#5E70C6;}

#rakuraku .txt1{padding-top:10px;}
#rakuraku .txt2{padding-top:10px;}


/*トリプルガード：ページ固有　tripleguard*/

#tripleguard{}

#tripleguard #l_contents2{float:left; width:600px; background:url(../img/bg_l_contents.gif) repeat-x 0px 250px;}
#tripleguard .box1{width:490px; padding:10px 0 0 50px;}
#tripleguard .box250{width:250px; padding:10px 0 30px 10px; text-align:center; float:left;}
#tripleguard .link_cdr{width:auto; text-align:right; padding:0 15px 10px 0; background:url(../img/ic_arrow1.gif) no-repeat 530px 1px; line-height:100%;}


/*トリプルガードCD-R：ページ固有　tripleguard_cdr*/

#tripleguard_cdr{}

#tripleguard_cdr #l_contents2{float:left; width:600px; background:url(../img/bg_l_contents.gif) repeat-x 0px 250px;}
#tripleguard_cdr .box1{width:490px; padding:10px 0 0 50px;}
#tripleguard_cdr .box250{width:250px; padding:10px 0 30px 10px; text-align:center; float:left; position:relative; z-index:1;}
#tripleguard_cdr .link_dvdr{width:auto; text-align:right; padding:0 15px 0 0; background:url(../img/ic_arrow1.gif) no-repeat 530px 1px; line-height:100%;}




/*ECOパック：ページ固有　eco*/

#eco{}

#eco .copy01{padding:0 0 10px 45px;}
#eco .copy02{padding:0;}

#eco #point2{width:540px;}
#eco #point2 li{float:left; width:132px; padding-right:4px;}
#eco #point2 li.end{padding-right:0;}

.items{width:540px;}
.item{width:260px; float:left;}
.item .data{width:260px; text-align:center;}


/*コンシェルジュ：複数ページ固有　concierge*/

#concierge{}

#concierge #body{width:750px; padding:0; margin:0 15px; background:url(../img/bg_body3.gif) repeat-y; border-top:solid 3px #E10915;}
#concierge #l_contents{float:left; width:554px;}

#concierge .box500{width:500px; padding:30px 0 30px 25px;}
#concierge .box500_2{width:500px; padding:0 0 30px 25px;}

#concierge .box455{width:455px; padding:0 0 30px 25px;}
#concierge .box455 .hd{height:30px; background:url(../../thats/img/concierge/bg_box455_head.gif) bottom no-repeat;}
#concierge .box455 .body1{background:url(../../thats/img/concierge/bg_box455_body1.gif) repeat-y;}
#concierge .box455 .body2{background:url(../../thats/img/concierge/bg_box455_body2.gif) repeat-y;}
#concierge .box455 .ft{background:url(../../thats/img/concierge/bg_box455_foot.gif) no-repeat bottom; padding:5px 0 10px 30px;}
#concierge .box455 .ph_l{margin-left:30px;}
#concierge .box455 .ph_r{margin-left:69px;}
#concierge .box455 .center{width:455px; text-align:center;}

#concierge .box455_2{width:455px; padding:0 0 30px 25px;}
#concierge .box455_2 .hd{height:30px; background:url(../../thats/img/concierge/bg_box455_head3.gif) no-repeat 0px 30px; padding-top:10px;}
#concierge .box455_2 .body{background:url(../../thats/img/concierge/bg_box455_body3.gif) repeat-y;}
#concierge .box455_2 .ft{background:url(../../thats/img/concierge/bg_box455_foot3.gif) no-repeat bottom; padding:0px 0 10px 30px; clear:both;}
#concierge .box455_2 .ph_l{margin-left:15px;}
#concierge .box455_2 .ph_r{margin-left:27px;}

#concierge .box1{background:url(../../thats/img/concierge/bg_box500.gif) bottom;}
#concierge .txt1{width:455px; padding:10px 0 10px 30px; background:url(../img/ic_arrow6.gif) no-repeat 15px 13px;}
#concierge .txt2{width:455px; padding:0 0 10px 30px; background:url(../img/ic_arrow6.gif) no-repeat 15px 03px;}
#concierge .txt3{width:455px; padding:0 0 10px 30px;}

#concierge .img1{width:455px; padding:0 0 15px 30px; text-align:center;}
#concierge .img2{width:455px; padding:0 0 15px 40px;}

#concierge .box1 h4,#concierge .box1 h5{width:455px; padding:0 0 0 25px;}

#concierge #r_contents{float:right; width:196px; background:url(../../thats/common/img/bg_r_concierge.gif) no-repeat 396px 0px;}

#concierge #rnav{}
#concierge #rnav li a{text-indent:-9999px; display:block; overflow:hidden;}

#concierge #rnav .btn1 a{width:196px; height:44px; background:url(../../thats/common/img/btn_concierge01.jpg) no-repeat 0px 0px;}
#concierge #rnav .btn1 a:hover,#concierge #rnav .btn1 .on{background:url(../../thats/common/img/btn_concierge01.jpg) no-repeat -196px 0px;}

#concierge #rnav .btn2 a{width:196px; height:44px; background:url(../../thats/common/img/btn_concierge02.jpg) no-repeat 0px 0px;}
#concierge #rnav .btn2 a:hover,#concierge #rnav .btn2 .on{background:url(../../thats/common/img/btn_concierge02.jpg) no-repeat -196px 0px;}

#concierge #rnav .btn3 a{width:196px; height:44px; background:url(../../thats/common/img/btn_concierge03.jpg) no-repeat 0px 0px;}
#concierge #rnav .btn3 a:hover,#concierge #rnav .btn3 .on{background:url(../../thats/common/img/btn_concierge03.jpg) no-repeat -196px 0px;}

#concierge #rnav .btn4 a{width:196px; height:44px; background:url(../../thats/common/img/btn_concierge04.jpg) no-repeat 0px 0px;}
#concierge #rnav .btn4 a:hover,#concierge #rnav .btn4 .on{background:url(../../thats/common/img/btn_concierge04.jpg) no-repeat -196px 0px;}

#concierge #rnav .btn5 a{width:196px; height:44px; background:url(../../thats/common/img/btn_concierge05.jpg) no-repeat 0px 0px;}
#concierge #rnav .btn5 a:hover,#concierge #rnav .btn5 .on{background:url(../../thats/common/img/btn_concierge05.jpg) no-repeat -196px 0px;}

#concierge #rnav .btn6 a{width:196px; height:44px; background:url(../../thats/common/img/btn_concierge06.jpg) no-repeat 0px 0px;}
#concierge #rnav .btn6 a:hover,#concierge #rnav .btn6 .on{background:url(../../thats/common/img/btn_concierge06.jpg) no-repeat -196px 0px;}

#concierge #rnav .btn7 a{width:196px; height:44px; background:url(../../thats/common/img/btn_concierge07.jpg) no-repeat 0px 0px;}
#concierge #rnav .btn7 a:hover,#concierge #rnav .btn7 .on{background:url(../../thats/common/img/btn_concierge07.jpg) no-repeat -196px 0px;}

#concierge #rnav .btn8 a{width:196px; height:44px; background:url(../../thats/common/img/btn_concierge08.jpg) no-repeat 0px 0px;}
#concierge #rnav .btn8 a:hover,#concierge #rnav .btn8 .on{background:url(../../thats/common/img/btn_concierge08.jpg) no-repeat -196px 0px;}

#concierge #rnav .btn9 a{width:196px; height:44px; background:url(../../thats/common/img/btn_concierge09.jpg) no-repeat 0px 0px;}
#concierge #rnav .btn9 a:hover,#concierge #rnav .btn9 .on{background:url(../../thats/common/img/btn_concierge09.jpg) no-repeat -196px 0px;}

#concierge #rnav .btn10 a{width:196px; height:44px; background:url(../../thats/common/img/btn_concierge10.jpg) no-repeat 0px 0px;}
#concierge #rnav .btn10 a:hover,#concierge #rnav .btn10 .on{background:url(../../thats/common/img/btn_concierge10.jpg) no-repeat -196px 0px;}

#concierge #rnav .btn11 a{width:196px; height:44px; background:url(../../thats/common/img/btn_concierge11.jpg) no-repeat 0px 0px;}
#concierge #rnav .btn11 a:hover,#concierge #rnav .btn11 .on{background:url(../../thats/common/img/btn_concierge11.jpg) no-repeat -196px 0px;}

/*====================================
右コンテンツ
====================================*/

#r_contents{float:right; width:146px;}

#rnav_bn{padding:9px 8px;}
#rnav_bn li{width:130px; height:45px; padding-bottom:2px; line-height:0; font-size:0;}

#rnav_bn li.rnav_new{position:absolute; z-index:10; width:29px; height:14px; padding:0; margin:0; line-height:0; font-size:0; display:inline}


/*====================================
ポップアップウィンドウ
====================================*/

#popup{width:auto; height:auto; margin:0; padding:0; background:url(../img/bg.gif); font-size:75%; line-height:150%;}
#popup .btn_close{width:61px; height:11px; margin:30px auto;}
#popup #conteiner1{width:750px; height:auto; background:url(../../thats/popup/img/bg_body.gif) repeat-y; margin:0 auto; color:#464646;}
#popup #body1{width:690px; height:auto; background:url(../../thats/popup/img/ft.gif) bottom no-repeat; padding:20px 30px;}
#popup #body1 a:link    {text-decoration: none ; color:#5E70C6;}
#popup #body1 a:visited {text-decoration: none ; color:#5E70C6;}
#popup #body1 a:hover   {text-decoration: underline ; color:#5E70C6;}
#popup #body1 a:active  {text-decoration: none ; color:#5E70C6;}

/*CPRMとは*/

#popup #body1 h2{width:690px; font-size:105%; font-weight:bold; color:#FFFFFF; background:#9AA4C7; padding:4px 0; text-align:center; margin:20px 0 10px 0;}

#popup .box_cprm1{width:430px; height:190px; float:left;}
#popup .box_cprm2{width:230px; height:190px; float:left;}
#popup .box_cprm3{clear:both; padding-top:10px;}
#popup .tbl_cprm1{width:340px; border-collapse:collapse; border:#333333 solid 1px;}
#popup .tbl_cprm1 td{border:#333333 solid 1px; text-align:center; padding:3px 0;}



/*2-8倍速DVD-R　DLディスクのご使用について*/

#popup .tbl1{width:690px; border-collapse:collapse; border:solid 1px #CCCCCC;}
#popup .tbl1 th{background:#9AA4C7; padding:3px 5px; border:solid 1px #CCCCCC; text-align:left; color:#FFFFFF; vertical-align:top;}
#popup .tbl1 td{padding:3px 5px; border:solid 1px #CCCCCC; vertical-align:middle;}
#popup .tbl1 .th1{width:30%; background:#EDEDED;}
#popup .tbl1 .th2{width:40%; background:#EDEDED;}
#popup .tbl1 .th3{width:30%; background:#EDEDED;}

/*concierge_09　水に強いメディアがほしい*/

#popup #conteiner2{width:610px; height:auto; background:url(../../thats/popup/img/bg_body.gif) repeat-y; margin:0 auto; color:#464646;}


/*concierge_11　水に強いメディアがほしい*/

#popup #conteiner3{width:750px; height:auto; background:url(../../thats/popup/img/bg_body.gif) repeat-y; margin:0 auto; color:#464646;}


/*recorder.html ビデオ用DVD-R、BD-R 対応レコーダーのご案内*/

#popup .btns_maker{background:url(/thats/popup/img/recorder/bg_maker.gif) top left; width:690px;}
#popup .btns_maker ul{padding:25px 0 0 5px; margin:0; line-height:0; font-size:0; display:block; width:685px;}
#popup .btns_maker li{padding:0 0 20px 20px; margin:0; display:block; width:200px; height:40px; font-size:0; line-height:0; overflow:hidden; float:left;}
#popup .btns_maker .btm{background:url(/thats/popup/img/recorder/bg_maker.gif) bottom left; width:690px; height:5px; display:block; padding:0; margin:0; line-height:0; font-size:0; clear:both;}


#popup .icon_exp{}
#popup .icon_exp dt{width:70px; height:50px; line-height:50px; float:left; margin:0 0 20px 0;}
#popup .icon_exp dd{width:610px; height:50px; float:left; border-left:solid 3px #6464C0; padding:0 0 0 7px; margin:0 0 20px 0;}
#popup .icon_exp dd table{width:610px;}
#popup .icon_exp dd table th{width:11px; height:17px; line-height:1.05;}
#popup .icon_exp dd table td{width:590px; height:17px; line-height:1.05;}

#popup .tbl_recorder1{width:690px; border-collapse:collapse; clear:both; padding-top:10px;}
#popup .tbl_recorder1 .none{border:none; background:#FFFFFF;}
#popup .tbl_recorder1 th{font-weight:normal; border:solid 1px #666666;}
#popup .tbl_recorder1 td{width:20%; text-align:center; vertical-align:middle; padding:5px; border:solid 1px #666666; font-size:80%; line-height:11px;}
#popup .tbl_recorder1 .dvd1{text-align:center; vertical-align:middle; background:#339966; border:solid 1px #666666; color:#FFFFFF; font-weight:bold; padding:5px;}
#popup .tbl_recorder1 .dvd2{text-align:center; vertical-align:middle; background:#CAEED6; border:solid 1px #666666; padding:5px;}
#popup .tbl_recorder1 .dvd3{text-align:left; vertical-align:top; background:#CAEED6; border:solid 1px #666666; font-size:90%; padding:5px;}

#popup .tbl_recorder1 .dl1{text-align:center; vertical-align:middle; background:#EE9C79; border:solid 1px #666666; color:#FFFFFF; font-weight:bold; padding:5px;}
#popup .tbl_recorder1 .dl2{text-align:center; vertical-align:middle; background:#FADFD3; border:solid 1px #666666; padding:5px;}
#popup .tbl_recorder1 .dl3{text-align:left; vertical-align:top; background:#FADFD3; border:solid 1px #666666; font-size:90%; padding:5px;}

#popup .tbl_recorder1 .bd1{text-align:center; vertical-align:middle; background:#6699FF; border:solid 1px #666666; color:#FFFFFF; font-weight:bold; padding:5px;}
#popup .tbl_recorder1 .bd2{text-align:center; vertical-align:middle; background:#D0E0FF; border:solid 1px #666666; padding:5px;}
#popup .tbl_recorder1 .bd3{text-align:left; vertical-align:top; background:#D0E0FF; border:solid 1px #666666; font-size:90%; padding:5px;}

#popup .tbl_recorder1 .other{text-align:center; vertical-align:middle; background:#F7F7F7; border:solid 1px #666666;}
#popup .tbl_recorder1 .w{background:#FFFFFF;}
#popup .tbl_recorder1 .g{background:#D9D9D9;}

#popup #body1 h2.maker_name{width:689px; height:24px; background:url(/thats/popup/img/recorder/bg_h2_recorder.gif) no-repeat top left; font-size:120%; font-weight:bold; color:#FFFFFF; line-height:24px; text-align:left; padding:0 0 0 10px; margin:0; display:block;}

#popup .btns_media{margin:0; padding:10px 0 30px 0;}
#popup .btns_media li{float:left; display:block; padding-right:2px;}