@charset "utf-8"; /* CSS Document Width: 1070 Column1: 180 Column2: 880 /* リセット処理 -------------------------------------------------------------------------*/ table{ border-collapse:collapse; border-spacing:0; } td, th{ empty-cells: show; vertical-align: middle; word-break: break-all !important; word-wrap: break-word !important; } img{ border:0px; vertical-align:bottom; } p{ display:block; padding:0px; } div{ display: block; margin: 0px; padding: 0px; } pre{ font-family:monospace,sans-serif; } address{ font-style:normal; text-decoration:none; } input,select,textarea { vertical-align:middle; font-family:inherit; } input[type="radio"], input[type="checkbox"]{ margin-right:10px; vertical-align:text-top; /vertical-align:middle; } label { cursor:pointer; } span{ display:inline; margin:0px; padding:0px; } ul>li{ list-style-type:disc; } ol>li, li ol li{ list-style-type:decimal; } a , a *{ cursor:pointer; outline:none; } p , address , pre , ul , ol , dl , blockquote{ margin-top:1em; margin-bottom:1em; } /* font -------------------------------------------------------------------------*/ body,input,textarea,select,option,button { font-size:14px; line-height:1.7; color:#333; font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS Pゴシック", "MS PGothic", verdana, sans-serif; } * html body {font-size:74%;} *:first-child+html body {font-size:76%;} head/* */body {font-size:80%;} body * { font-size: 100%; } body{ margin:0 auto; padding:0; text-align:center; color:#666666; background: #FFFFFF; } .outline{ } .front-banner-container{ width: 98%; margin:0 auto; border:1px solid #E9E9E9; position:relative; z-index:1; } .banner-link { display:block; } .banner-link:hover { opacity:0.8; } /* topage page -------------------------------------------------------------------------*/ .topage_top{ width:100%; height:42px; text-align:center; /* border-bottom:2px solid #e5e5e5; */ } .topage_top_1{ position:relative; width:980px; margin:0 auto; overflow:hidden; text-align:left; } .topage_desc{ position:absolute; top:5px; width:980px; margin:0 auto; overflow:hidden; /* margin-top:20px;*/ font-size: 13px; text-align:center; /* font-size: 0.6rem; line-height: 1.3rem; */ } #topage_logo h1{ position:relative; border-bottom:0px; font-size: 0.6rem; font-size: 13px; /* line-height: 1.3rem;*/ margin-top: 35px; } /* ヘッダー -------------------------------------------------------------------------*/ .header_tonya{ width:100%; height:117px; text-align:center; border-bottom:2px solid #e5e5e5; background:url(https://image.uradvd-tonya.com/bg_header.gif) repeat-x 0 bottom; color:#777; } .header_tonya .inner{ position:relative; width:1070px; margin:0 auto; text-align:left; } .header_tonya .top_pr{ position:absolute; top:-3px; width:1070px; overflow:hidden; text-align:center; } .header_tonya .top_pr .top_text{ text-align:right; font-size:10px; } .header_tonya .top_text_right{ position:absolute; top:0px; right: 5px; overflow:hidden; text-align:right; padding-right:5px; } .header_tonya .logo_tonya{ margin:0; padding:26px 0 13px; } /* 簡易ヘッダー */ .header_tonya.simple{ height:76px; } /* グローバルナビ ----------------------------*/ .header_tonya .navi{ width:1070px; height:50px; } .header_tonya .navi ul{ margin:0; padding:0; overflow:hidden; background: #FFF; } .header_tonya .navi li{ float:left; margin:0; list-style-type:none; padding-left: 0; } .header_tonya .navi li a{ display:block; height:50px; background:url(./navi_navi.gif) no-repeat 0 0; overflow:hidden;text-indent:100%;white-space:nowrap; } .header_tonya .navi li.home a{width:163px; background-position:0 0;} .header_tonya .navi li.first a{width:164px; background-position:-163px 0;} .header_tonya .navi li.guide a{width:163px; background-position:-327px 0;} .header_tonya .navi li.faq a{width:163px; background-position:-490px 0;} .header_tonya .navi li.contact a{width:164px; background-position:-653px 0;} .header_tonya .navi li.mypage a{width:163px; background-position:-817px 0;} /* over */ .header_tonya .navi li.home a:hover{width:163px; background-position:0 -50px;} .header_tonya .navi li.first a:hover{width:164px; background-position:-163px -50px;} .header_tonya .navi li.guide a:hover{width:163px; background-position:-327px -50px;} .header_tonya .navi li.faq a:hover{width:163px; background-position:-490px -50px;} .header_tonya .navi li.contact a:hover{width:164px; background-position:-653px -50px;} .header_tonya .navi li.mypage a:hover{width:163px; background-position:-817px -50px;} #navi_smartphone{ position:absolute; top:70px; width:100%; display:block; font-size: 12px; text-decoration: none; color: #4e4e4e; alignment-baseline:baseline; } #navi_smartphone a{ font-size: 12px; text-decoration: none; } /* #navi_smartphone .items{ } #navi_smartphone .items a{ display:inline-block;/display:inline;/zoom:1;vertical-align:top; width:100%; font-size: 12px; text-decoration: none; border-bottom:2px solid #e5e5e5; } #navi_smartphone .items a:hover { display:inline-block;/display:inline;/zoom:1;vertical-align:top; border-bottom:2px solid #ff4195; color:#FFF; background-color:#ff4195; } */ table.topnavi_smartphone td:hover{ color:#FFF; background-color:#ff4195; } table.topnavi_smartphone td:hover a{ color:#FFF; } #guide{ display:inline; } #howtouse{ display:inline; } #bguide{ display:none; } #bhowtouse{ display:none; } /* utility ----------------------------*/ .header_tonya .utility .btm{ position:absolute; top:43px; right:2px; text-align: right; font-weight:bold; width:150px; overflow:hidden; text-align:center; margin:0; padding:0; } #nav-bar-middle{ position: absolute; top: 21px; left: 250px; width: 450px; height: 45px; padding: 0; overflow: hidden; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; white-space: nowrap; } #nav-search-label{ position:relative; display:inline-block; *display:inline; *zoom:1;float:left; line-height:35px; color:#333; font-weight:bold; padding:0 10px 0 0; margin-top:10px; font-family:"arial","sans-serif" } #nav-searchbar{position:relative;display:block;white-space:nowrap;overflow:hidden;-webkit-border-radius:4px 4px 4px 4px;-moz-border-radius:4px 4px 4px 4px;border-radius:4px 4px 4px 4px;border-radius:0\9;*border-radius:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;width:auto;margin:10px 0 0} #nav-searchbar:hover{border-color:#bdbdbd} #nav-searchbar.nav-active,#nav-searchbar.nav-focus{-webkit-box-shadow:0 0 3px rgba(228,121,17,0.5),0 1px 0 rgba(0,0,0,0.07) inset;-moz-box-shadow:0 0 3px rgba(228,121,17,0.5),0 1px 0 rgba(0,0,0,0.07) inset;box-shadow:0 0 3px rgba(228,121,17,0.5),0 1px 0 rgba(0,0,0,0.07) inset} #nav-searchbar.nav-active #nav-search-in,#nav-searchbar.nav-focus #nav-search-in{border-top-color:#e47911;border-bottom-color:#e47911;border-left-color:#e47911} #nav-searchbar.nav-active .nav-searchfield-width,#nav-searchbar.nav-focus .nav-searchfield-width{border-top-color:#e47911;border-bottom-color:#e47911} #nav-searchbar .nav-submit-button{float:right;display:inline-block;*display:inline;*zoom:1;position:relative;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;height:35px;width:auto;overflow:hidden;cursor:pointer;z-index:1;border:1px solid;border-color:#485059 #2c3137 #363c43 #485059;background-color:#5b626a;-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0;border-radius:0\9;*border-radius:0;background-position:0 -381px} * html #nav-searchbar .nav-submit-button{margin-left:-3px} #nav-searchbar .nav-submit-button .nav-submit-input{display:inline-block;*display:inline;*zoom:1;height:100%;line-height:33px;margin:0;padding:0 11px;background:0;border:0;cursor:pointer;outline:0;text-shadow:0 -1px 0 rgba(0,0,0,0.25);font-weight:bold;color:white;font-size:13px;font-family:"arial","sans-serif";vertical-align:middle;text-align:center} #nav-searchbar .nav-submit-button:hover{border-color:#ff4195 #ff4195 #ff4195 #ff4195;background-color:#ff4195;} #nav-searchbar .nav-submit-button:active{background-position:0 -481px} #nav-searchbar #nav-search-in{float:left;display:inline-block;*display:inline;*zoom:1;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;position:relative;height:35px;overflow:hidden;border:1px solid #cdcdcd;border-top-color:#bdbdbd;-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px;border-radius:0\9;*border-radius:0;background-position:0 -532px} * html #nav-searchbar #nav-search-in{margin-right:-3px} #nav-searchbar #nav-search-in:hover{background-position:0 -582px} #nav-searchbar #nav-search-in.nav-focus{background-position:0 -632px;-webkit-box-shadow:inset 0 1px 3px 0 rgba(0,0,0,0.2);-moz-box-shadow:inset 0 1px 3px 0 rgba(0,0,0,0.2);box-shadow:inset 0 1px 3px 0 rgba(0,0,0,0.2)} #nav-searchbar #nav-search-in .nav-down-arrow{border-style:solid;_border-style:dashed;border-width:4px;border-color:transparent;border-top:4px solid #a0a0a0;border-bottom-width:0;width:0;height:0;font-size:0;line-height:0;position:absolute;right:8px;top:14px} #nav-searchbar #nav-search-in-content{color:#777;font-size:12px;white-space:nowrap;font-family:"arial","sans-serif";text-indent:1px;height:35px;margin:0 21px 0 9px;line-height:33px;text-overflow:ellipsis} #nav-searchbar .nav-focus #nav-search-in-content,#nav-searchbar .nav-active #nav-search-in-content,#nav-searchbar .nav-searchbar-inner:hover #nav-search-in-content{color:#111} #nav-searchbar #searchDropdownBox{font-family:"arial","sans-serif";position:absolute;left:5px;top:7px;margin:0;padding:0;outline:0;width:190px} #nav-searchbar .nav-facade-active #searchDropdownBox{left:0;top:0;height:29px;cursor:pointer;width:auto} #nav-searchbar .nav-searchfield-width{width:auto;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;height:35px;overflow:hidden;border-top:1px solid #bdbdbd;border-bottom:1px solid #cdcdcd;background:white} #nav-searchbar #nav-iss-attach{position:relative;padding:0;height:100%;white-space:normal}#nav-searchbar #twotabsearchtextbox{position:absolute;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;top:6px;left:0;margin:0;padding:0 0 0 8px;width:100%;height:23px;border:0;font-family:"arial","sans-serif";font-size:15px;background:transparent;color:#333;outline:0;-webkit-appearance:none;box-shadow:none} @-moz-document url-prefix(){#navbar .nav-submit-button input.nav-submit-input{padding:0 0 2px 0}} #searchDropdownBox{visibility:hidden} .nav-facade-active #searchDropdownBox{opacity:0;filter:alpha(opacity=0);visibility:visible} #nav-search-in #nav-search-in-content{display:inline-block} #navbar #nav-search-in .nav-down-arrow{display:none} #navbar #nav-search-in.nav-facade-active .nav-down-arrow{display:block} /******** column1 **************/ /* 会員ログイン */ #login { border:#ff4195 1px solid; } .box { background-color:#f5f5f5; border:#ff4195 1px solid; padding:0 0 15px; text-align:center; } .loginbar { background:#ff4195; padding:5px 10px; margin:1px 1px 10px 1px; color:#fff; font-size:16px; font-weight:bold; } #login dl{ margin-left:15px; text-align:left; } #login form { margin:0; padding:0; } .center{ text-align:center; } .pass { font-size:12px; margin:5px 0 0; } .pass a{ color:#333; } input.login_btn { cursor:pointer; font-size:12px; border:1px solid #d7dada; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 0 15px; height:30px; margin:10px auto 0; font-weight:bold; text-align: center; color: #666666; background-color: #f4f5f5; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f5f5), color-stop(100%, #dfdddd)); background-image: -webkit-linear-gradient(top, #f4f5f5, #dfdddd); background-image: -moz-linear-gradient(top, #f4f5f5, #dfdddd); background-image: -ms-linear-gradient(top, #f4f5f5, #dfdddd); background-image: -o-linear-gradient(top, #f4f5f5, #dfdddd); background-image: linear-gradient(top, #f4f5f5, #dfdddd);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f4f5f5, endColorstr=#dfdddd); } dt, dd{ margin:0; padding:0; border:none; list-style:none; } /* バナー */ .column1_inner{ margin:20px auto 0; text-align:center; } .leftmenu{ margin-top:20px; text-align:center; border:#ff4195 1px solid; background-color:#f5f5f5; border:#ff4195 1px solid; } .menubar { background:#ff4195; padding:3px 10px; margin:1px 1px 10px 1px; color:#fff; font-size:12px; font-weight:bold; text-align:center; } .googlebox{ height:40px; } /* left menu category for small font */ .leftmenu .leftmenu-contents ul{ margin:-1px 0 0 0; padding:0; } .leftmenu .leftmenu-contents li{ margin:0; padding:2px 0; list-style-type:none; text-align:left; display:block; } .leftmenu .leftmenu-contents li:first-child{ padding-top:0; } .leftmenu .leftmenu-contents li a span{ display:block; color:#666; } .leftmenu .leftmenu-contents li span.icon{ font-size:12px; text-align:left; vertical-align:top; line-height:1.3; display:block; padding:0px 5px 0px 10px; } .leftmenu .leftmenu-contents li a:hover{ text-decoration:none; } .leftmenu .leftmenu-contents li a:hover span.icon{ display:block; background:#ff4195; color:#fff; } .column1 .side_banner{ margin:20px auto 0; text-align:center; } .column1 .side_banner ul{ margin:0; padding:0; } .column1 .side_banner li{ margin:0; padding:8px 0 0 0; background-color:#f5f5f5; list-style-type:none; } .column1 .side_banner li img{ border:1px solid #ccc; } .column1 .side_banner li a:hover img{ border:1px solid #ff4195; } /* サブウィンドウヘッダー */ .sub_window{ margin:0 auto; } .sub_window-header{ width:100%; height:53px; border-bottom:1px solid #e5e5e5; text-align:center; } .sub_window-header .inner{ position:relative; min-width:665px; margin:0 auto; padding:0 15px; text-align:left; } .sub_window-header .logo_ols{ margin:0; padding:13px 0 0 0; } .sub_window-header .btn_close{ position:absolute; top:11px; right:15px; margin:0; } /* 中段 -------------------------------------------------------------------------*/ .middle{ clear:both; width:1070px; margin:0 auto; text-align:left; } /* コンテンツ領域 */ .contents{ display:block !important; margin-bottom:40px; text-align:left; } .middle_inner{ padding:15px 0 0 0; } .middle .column1{ float:left; width:178px; } .middle .column2{ float:right; width:880px; } .middle_inner{zoom:1;} .middle_inner:after{content:"."; display:block; clear:both; visibility:hidden; height:0;} /* サブウィンドウ */ .sub_window-middle{ clear:both; width:665px; margin:0 auto; padding:0 15px; text-align:left; } .sub_window-middle .contents{ min-height:240px; margin-bottom:30px; } .sub_window-middle .btn_close-btm{ margin:40px 0; text-align:center; } /* 製品カテゴリから探す -------------------------------------------------------------------------*/ .search_category{ padding:0 8px 8px 0; background-color:#dbd7d6; } .search_category ul{ overflow:hidden; margin:0; padding:0; } .search_category li{ position:relative; float:left; margin:8px 0 0 8px; list-style-type:none; } .search_category li a:hover span{ position:absolute; top:0; left:0; display:block; width:171px; height:171px; background:url(https://image.uradvd-tonya.com/img_cate_over.png) no-repeat 0 0; } /* 外部サイトからの広告 -------------------------------------------------------------------------*/ .value_box{ background-color:#f7f5f0; /* background-color:#dbd7d6;*/ } .value_box .value_box-title{ position:relative; padding:0; } .value_box .value_box-title p{ margin: 0; border-left-width: 10px; border-left-style: solid; border-left-color: #ff4195; padding-left: 10px; } .value_box .value_box-title .detail{ position:absolute; top:10px; right:10px; padding:7px 18px; background-color:#fff; } .value_box .value_box-contents{ padding:0 8px 8px 0; } .value_box .value{ overflow:hidden; margin:0; padding:0; } .value_box .value li{ position:relative; float:left; margin:8px 0 0 8px; list-style-type:none; } .value_box .value li:first-child{ border-left:0; } /* DVDランキング -------------------------------------------------------------------------*/ .recommend_products_r{ padding:0 0 17px 0; background:url(./bg_recommend.gif) no-repeat bottom left; } .recommend_products_r ul{ margin:0; padding:0; } .recommend_products_r li{ display:inline-block; zoom:1; vertical-align:top; width:132px; margin-top:15px 0 0 0; padding:0 4px 0 4px; border-left:1px solid #e5e5e5; list-style-type:none; position: relative; } .recommend_products_r li a{ display:block; background-color:#f0f0f0; } .recommend_products_r li a:hover{ background-color:#fbefff; } .recommend_products_r li:first-child{ border-left:0; } .recommend_products_r li .image{ height:172px; margin:0; padding-bottom:10px; text-align:center; background-color:#fff; } .recommend_products_r li .image img{ height:172px; } .recommend_products_r li .text{ display:block; padding:10px 6px 10px 10px; font-size:12px; text-align:left; vertical-align:top; line-height:1.3; } .recommend_products_r li .name{ margin-bottom:3px; line-height:1.3; color:#ff4195; } .recommend_products_r li .actress{ margin-bottom:3px; } .recommend_products_r li .price_p{ margin-bottom:3px; } .recommend_products_r li .price{ color:#333; } .recommend_products_r li a:hover{ text-decoration:none; } .recommend_products_r li a:hover .name{ text-decoration:underline; color:#ff4195; } /* New DVD -------------------------------------------------------------------------*/ .recommend_products{ padding:0 0 17px 0; background:url(./bg_recommend.gif) no-repeat bottom left; } .recommend_products ul{ margin:0; padding:0; } .recommend_products .col2 li{ display:inline-block; vertical-align:top; width: 430px; margin-top:15px 0 0 0; padding:0 4px 0 4px; border-left:1px solid #e5e5e5; list-style-type:none; position: relative; } .recommend_products .col2 li:nth-child(2n + 1){ border-left:0; } /* New event/otoku info -------------------------------------------------------------------------*/ .otokuinfo{ width: 768px; border: 1px solid #ff4195; } .otokuh2{ border: none; line-height: 0; margin: 0 0 0 15px; padding: 0 0 15px 0; width: 730px; border-bottom:dotted 1px #cccccc; } .otokuinfo ul{ margin: 0 0 7px 0; padding-left: 15px; } .otokuinfo ul li{ list-style: none; width: 730px; border-bottom:dotted 1px #cccccc; padding-bottom: 3px; } /* フッター -------------------------------------------------------------------------*/ .footer{ clear:both; width:100%; background-color:#f7f7f7; border-top:1px solid #e5e5e5; font-size:72%; color:#777; } .footer .inner{ position:relative; width:1070px; height:116px; margin:0 auto; text-align:left; } .footer ul, .footer p{ margin:0; } .footer .logo{ padding:23px 0 0 2px; } .footer .footer_navi{ position:absolute; top:32px; right:0; } .footer .footer_navi li{ display:inline-block;/display:inline;/zoom:1;vertical-align:top; margin:0 0 0 14px; padding-left:16px; border-left:1px solid #e5e5e5; list-style:none; } .footer .footer_navi li:first-child{ margin-left:0; padding-left:0; border-left:0; } .footer .copyright{ position:absolute; bottom:30px; right:0; } /* 簡易フッター */ .footer_simple{ clear:both; width:100%; background-color:#f7f7f7; border-top:1px solid #e5e5e5; font-size:86%; color:#777; } .footer_simple .inner{ position:relative; width:1070px; height:87px; margin:0 auto; text-align:left; } .footer_simple .logo{ margin:0; padding:23px 0 0 2px; } .footer_simple .copyright{ position:absolute; top:42px; right:0; margin:0; } /* サブウィンドウフッター */ .sub_window-footer{ clear:both; width:100%; background-color:#f7f7f7; border-top:1px solid #e5e5e5; font-size:86%; color:#777; } .sub_window-footer .inner{ position:relative; min-width:665px; height:55px; margin:0 auto; padding:0 15px; text-align:left; } .sub_window-footer .logo{ margin:0; padding:10px 0 0 2px; } .sub_window-footer .copyright{ position:absolute; top:25px; right:15px; margin:0; } /* パンくず -------------------------------------------------------------------------*/ .breadcrumb{ clear:both; width:1070px; margin:1em auto 0; text-align:left; font-size:86%; } .breadcrumb ul{ margin-top:0; padding:0; } .breadcrumb li{ display:inline; list-style-type:none; margin:0; padding:0; } .dvd_unavailable { font-size: 1.2em; font-weight: 700; background-color: #; border: 1px solid #FFCC7F; padding: 10px 20px 10px 20px; background: #FFFFE5; } /* top page ranklink */ .ranklink{ clear: both; padding-top: 20px; font-size:72%; } .ranklink ul:before, .ranklink ul:after { content:""; display:table; } .ranklink ul:after{ clear:both; } .ranklink ul{ padding: 10px; border: 1px solid #ffb4ff; } .ranklink ul li{ float: left; margin: 5px; min-height: 45px; list-style-type:none; } .ranklink ul a{ display: table-cell; border: 1px solid #ffb4ff; border-radius: 2px; padding: 3px; text-decoration: none; height:31px; width:88px; text-align: center; font-weight: 700; vertical-align: middle; line-height: 15px; } .ranklink ul a:hover{ color: #FFFFFF; border-color: #ffb4ff; background-color: #ffb4ff; } .ranking-wrap { padding: 10px; margin: 10px auto; border: 1px solid #000; border-radius: 5px; max-width: 705px; overflow: hidden; } .ranking-content { } .bdetail { min-height: 180px; margin: 10px 5px; padding: 20px; border: solid 1px #ccc; font-size: 11px; background-color: #fff; -moz-border-radius: 2px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; -khtml-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; box-shadow: 0 6px 6px -2px rgba(0,0,0,0.25); -moz-box-shadow: 0 6px 6px -2px rgba(0,0,0,0.25); -webkit-box-shadow: 0 6px 6px -2px rgba(0,0,0,0.25); border-collapse: separate; } .bdetail strong{ font-size: 1.2em; font-weight: 700; color: #f60; } .bdetailtitle { font-size: 1.2em; font-weight: 700; } .image-box { float: left; width:130px; } .image-box a img { display: block;border: none;margin: 0px; } .image-box a:hover { text-decoration: none; background-color: #fff; opacity: 0.75; } .detail-box { float: left; width: 500px; margin-left: 10px; } .detail-box div{ border-top: dotted 1px #aaa; } .detail-box div.first { border-top: none; } .detail-box a:hover { text-decoration: none; } .cap-box { clear: both; padding: 10px 0; } .cap-box img{ width: 142px; } .list-page{ padding:10px; } .list-page a{ float:left; width:210px; margin-right:10px; padding-left: 15px; height: 30px; line-height: 30px; background: url(list-page-style.png) no-repeat left center; } .more { clear: both; font-weight: 700; padding: 10px; margin-bottom: 10px; border-bottom:1px solid #F2F2F2; text-align: right; } /* おすすめサイト -------------------------------------------------------------------------*/ .value_box .banners{ overflow:hidden; padding:0 0 10px 10px; } .value_box .banners .large_banner{ float:left; margin:0; } .value_box .banners .banner_list{ overflow:hidden; float:left; width:588px; margin:-5px 0 0 0; padding:0; } .value_box .banners .banner_list li{ float:left; margin:5px 0 0 2px; list-style-type:none; } #content_total .top_entry { text-align: center; } #img_view{ width:600px; } #secondary_column{ display:none; } #primary_column{ display:inline; } .orig-price { text-decoration: line-through; } .pkg-type dd { float: left; position: relative; margin: 0 5px 10px 0; vertical-align: middle; line-height: 20px; background: #FFF; } .pkg-type dd a { display: inline-block; white-space: nowrap; text-decoration: none; padding: 3px 6px; min-width: 10px; _width: 10px; text-align: center; border: 1px solid #DCDCDC; background: #FFF; -moz-transition-property: border-color, background; -o-transition-property: border-color, background; -webkit-transition-property: border-color, background; transition-property: border-color, background; -moz-transition-duration: .2s; -o-transition-duration: .2s; -webkit-transition-duration: .2s; transition-duration: .2s; } .pkg-type dd input[type=radio] { vertical-align: middle; } .pkg-type .selected a, .pkg-type .selected a:hover { padding: 2px 5px; color: #F40; border: 2px solid #F40; background: #FFF; } .pkg-type .out-of-stock a, .pkg-type .out-of-stock a:hover { cursor: not-allowed; padding: 3px 6px; color: #666; border: 1px dashed #AAA; background: #FFF; } .dvd_comment { background: none repeat scroll 0 0 #FFFFE5; border: 1px solid #FFCC7F; clear: both; margin-bottom: 20px; padding: 10px; } .dvd_comment h5{ padding:10px; color: #FF009A; font-size: 14px; } .dvd_comment .comment-entry{ margin-bottom: 10px; padding: 0 10px 10px 10px; line-height: 2em; border-bottom: 1px solid #FFE8CA; } .dvd_comment .comment-entry .comment-title{ line-height: 1.5em; } .dvd_comment .comment-entry .comment-title img{ vertical-align: middle; } .dvd_comment .comment-entry .comment-content{ padding: 0 10px; } .dvd_comment .comment-new{ margin: 10px 0; padding: 0 10px; line-height: 30px; } .dvd_comment .comment-new .comment-new-entry{ width: 100%; display: block; margin: 10px 0; } .dvd_comment .comment-new .comment-new-entry span{ display: inline-block; width: 120px; margin-right: 5px; text-align: right; vertical-align: top; } .dvd_comment .comment-new .comment-new-button{ width: 100%; display: block; margin: 10px 0; text-align: center; } .dvd_comment .comment-new .comment-new-captcha{ width: 100%; display: block; margin: 10px 0; text-align: center; } .dvd_comment .comment-new .comment-new-captcha img{ vertical-align: middle; } .dvd_comment .comment-new .comment-new-entry .comment-new-input{ display: inline-block; width: 400px; text-align: center; } .dvd_comment .comment-new .comment-new-entry .comment-new-select{ display: inline-block; width: 400px; text-align: left; } .dvd_comment .comment-new .comment-new-entry input, .dvd_comment .comment-new .comment-new-entry textarea{ width: 100%; } .dvd_comment .comment-new .comment-new-entry textarea{ height: 100px; } /* common massage */ .msg { padding: 10px; } .msg p.error { background: url("icon_msg_err.gif") no-repeat scroll 5px center #FFF2F2; border:1px solid #FF8080; line-height: 18px; padding: 10px 10px 10px 33px; } .msg p.result { background: url("icon_msg_ok.gif") no-repeat scroll 5px center #FFFFE5; border:1px solid #FFCC7F; line-height: 18px; padding: 10px 10px 10px 33px; } .msg a { color: #0088CC; } .msg a:hover { color: #f60; } .msg .button { margin-top: 30px; } .msg .button .button_back { float: left; margin-left:110px; } .msg .button .button_home { float: left; margin-left: 70px; } .msg .button .button_back a, .msg .button .button_home a { color: #404040; display: block; font-size: 14px; height: 22px; padding: 8px 0 0 34px; text-decoration: none; } .msg .button .button_back a { background: url("button_result_back.gif") no-repeat scroll 0 0 transparent; width: 108px; } .msg .button .button_home a { background: url("button_result_home.gif") no-repeat scroll 0 0 transparent; width: 68px; } .dvd_sample { display: block; } .dvd_sample .video-js { width: 100%; height: 450px; } .dvd_sample .video-js .vjs-big-play-button { left: calc(50% - 45px); top: calc(50% - 22px); } /* sample_history */ #sample_history table { width: 100%; border-top: solid 1px #ffd0b6; border-left: solid 1px #ffd0b6; } #sample_history table td{ width: 33%; padding: 5px; border-bottom: solid 1px #ffd0b6; border-right: solid 1px #ffd0b6; } .dvd-sample { background: none repeat scroll 0 0 #FFFFE5; border: 1px solid #FFCC7F; clear: both; margin-bottom: 20px; padding: 10px; } .dvd-sample .sample-alert{ display: block; margin: 0 10px; border: 1px solid #FF7B33; background-color: #FFEEE5; padding: 10px; color: #404040; } .dvd-sample h5, .dvd-sample h6{ padding:10px 0; color: #FF009A; font-size: 14px; } .dvd-sample h6{ font-size: 12px; } .dvd-sample .make-sample-button{ width: 100%; display: block; margin: 10px 0; text-align: center; } .dvd-sample #loading, .dvd-sample #loading_mark_sample{ display: none; margin-top: 10px; border: 1px solid #FF7B33; background-color: #FFEEE5; padding: 5px 10px; color: #404040; } .notify-badge{ position: absolute; background: red; top:0; right: 0; text-align: center; height: 2em; line-height: 2em; border-radius: 5px; color:white; padding: 0 10px; } /* DVD list -------------------------------------------------------------------------*/ .dvd-block-link { display: block; padding: 0px 0px; color: black; } .dvd-block-link:hover { text-decoration: none; } .dvd-image-small { width: 125px; float: left; vertical-align: top; padding-top: 8px; } .right-part { padding-left: 130px; } .dvd-title { font-size:12px; text-align:left; margin-top: 0; line-height:1.3; vertical-align:top; background: inherit; border: none; /* color: black; */ padding: 10px 0px 5px 0px; } .tag-dvd { height: 1.6em; margin: 0.9em 0; } .tag-dvd span { display: inline-block; margin-right: 1em; opacity: 0.3; color: white; font-size: 0.9em; padding: 0.25em 0.5em; border-radius: 6px; } .dvd-format, .in-date { font-size:12px; line-height:1.3; } .actress { font-size:12px; } .dvd-format, .in-date, .price-heading, .actress { font-size:12px; margin: 0.2em 0; } .price-number { color: #ee0936; font-size: 1.5em; } /* setting characters -------------------------------------------------------------------------*/ .center{ text-align:center !important; } .left{ text-align:left !important; } .right{ text-align:right !important; } .vat{ vertical-align:top; } .vam{ vertical-align:middle; } .vab{ vertical-align:bottom; } /* まわりこみ制御 -------------------------------------------------------------------------*/ .fl{ float:left; } .fr{ float:right; } .fc{ float:none; clear:both; } /* clearfix -------------------------------------------------------------------------*/ .unit, .clearfix{ display:block; float:none; clear:both; } .unit:after, .clearfix:after{ content: " "; display:block; visibility:hidden; height:0; line-height:0; clear:both; } .unit, .clearfix{ zoom:1; } /* レイアウト制御 -------------------------------------------------------------------------*/ .inline{ display:inline !important; } .block{ display:block !important; } .display_none{ display:none; } /* IME form control -------------------------------------------------------------------------*/ .ime_on {ime-mode:active} .ime_off {ime-mode:inactive;} /* マージン制御 -------------------------------------------------------------------------*/ .margin0{ margin:0 !important;} .mt1em { margin-top:1em !important; } .mt1p5em{ margin-top:1.5em !important; } .mt2em { margin-top:2em !important; } .mt2p5em{ margin-top:2.5em !important; } .mt3em { margin-top:3em !important; } .mt0 { margin-top: 0 !important; } .mt1 { margin-top: 1px !important; } .mt2 { margin-top: 2px !important; } .mt3 { margin-top: 3px !important; } .mt4 { margin-top: 4px !important; } .mt5 { margin-top: 5px !important; } .mt6 { margin-top: 6px !important; } .mt7 { margin-top: 7px !important; } .mt8 { margin-top: 8px !important; } .mt9 { margin-top: 9px !important; } .mt10{ margin-top: 10px !important; } .mt15{ margin-top: 15px !important; } .mt20{ margin-top: 20px !important; } .mt25{ margin-top: 25px !important; } .mt30{ margin-top: 30px !important; } .mt40{ margin-top: 40px !important; } .mt50{ margin-top: 50px !important; } .mt60{ margin-top: 60px !important; } .mt70{ margin-top: 70px !important; } .mt80{ margin-top: 80px !important; } .mb1em { margin-bottom:1em !important; } .mb1p5em{ margin-bottom:1.5em !important; } .mb2em { margin-bottom:2em !important; } .mb2p5em{ margin-bottom:2.5em !important; } .mb3em { margin-bottom:3em !important; } .mb0 { margin-bottom: 0 !important; } .mb1 { margin-bottom: 1px !important; } .mb2 { margin-bottom: 2px !important; } .mb3 { margin-bottom: 3px !important; } .mb4 { margin-bottom: 4px !important; } .mb5 { margin-bottom: 5px !important; } .mb6 { margin-bottom: 6px !important; } .mb7 { margin-bottom: 7px !important; } .mb8 { margin-bottom: 8px !important; } .mb9 { margin-bottom: 9px !important; } .mb10{ margin-bottom: 10px !important; } .mb15{ margin-bottom: 15px !important; } .mb20{ margin-bottom: 20px !important; } .mb25{ margin-bottom: 25px !important; } .mb30{ margin-bottom: 30px !important; } .ml0 { margin-left: 0 !important; } .ml1 { margin-left: 1px !important; } .ml2 { margin-left: 2px !important; } .ml3 { margin-left: 3px !important; } .ml4 { margin-left: 4px !important; } .ml5 { margin-left: 5px !important; } .ml6 { margin-left: 6px !important; } .ml7 { margin-left: 7px !important; } .ml8 { margin-left: 8px !important; } .ml9 { margin-left: 9px !important; } .ml10{ margin-left: 10px !important; } .ml15{ margin-left: 15px !important; } .ml20{ margin-left: 20px !important; } .ml25{ margin-left: 25px !important; } .ml30{ margin-left: 30px !important; } .mr0 { margin-right: 0 !important; } .mr1 { margin-right: 1px !important; } .mr2 { margin-right: 2px !important; } .mr3 { margin-right: 3px !important; } .mr4 { margin-right: 4px !important; } .mr5 { margin-right: 5px !important; } .mr6 { margin-right: 6px !important; } .mr7 { margin-right: 7px !important; } .mr8 { margin-right: 8px !important; } .mr9 { margin-right: 9px !important; } .mr10{ margin-right: 10px !important; } .mr15{ margin-right: 15px !important; } .mr20{ margin-right: 20px !important; } .mr25{ margin-right: 25px !important; } .mr30{ margin-right: 30px !important; } /* パディング制御 -------------------------------------------------------------------------*/ .pas{ padding: 5px !important; } .pam{ padding: 10px !important; } .pal{ padding: 15px !important; } .padding0{ padding:0 !important;} .pt1em { padding-top: 1em !important; } .pt1p5em{ padding-top: 1.5em !important; } .pt2em { padding-top: 2em !important; } .pt0 { padding-top: 0 !important; } .pt1 { padding-top: 1px !important; } .pt2 { padding-top: 2px !important; } .pt3 { padding-top: 3px !important; } .pt4 { padding-top: 4px !important; } .pt5 { padding-top: 5px !important; } .pt6 { padding-top: 6px !important; } .pt7 { padding-top: 7px !important; } .pt8 { padding-top: 8px !important; } .pt9 { padding-top: 9px !important; } .pt10{ padding-top: 10px !important; } .pt15{ padding-top: 15px !important; } .pt20{ padding-top: 20px !important; } .pt25{ padding-top: 25px !important; } .pt30{ padding-top: 30px !important; } .pb1em { padding-bottom: 1em !important; } .pb1p5em{ padding-bottom: 1.5em !important; } .pb2em { padding-bottom: 2em !important; } .pb0 { padding-bottom: 0 !important; } .pb1 { padding-bottom: 1px !important; } .pb2 { padding-bottom: 2px !important; } .pb3 { padding-bottom: 3px !important; } .pb4 { padding-bottom: 4px !important; } .pb5 { padding-bottom: 5px !important; } .pb6 { padding-bottom: 6px !important; } .pb7 { padding-bottom: 7px !important; } .pb8 { padding-bottom: 8px !important; } .pb9 { padding-bottom: 9px !important; } .pb10{ padding-bottom: 10px !important; } .pb15{ padding-bottom: 15px !important; } .pb20{ padding-bottom: 20px !important; } .pb25{ padding-bottom: 25px !important; } .pb30{ padding-bottom: 30px !important; } .pl0 { padding-left: 0 !important; } .pl1 { padding-left: 1px !important; } .pl2 { padding-left: 2px !important; } .pl3 { padding-left: 3px !important; } .pl4 { padding-left: 4px !important; } .pl5 { padding-left: 5px !important; } .pl6 { padding-left: 6px !important; } .pl7 { padding-left: 7px !important; } .pl8 { padding-left: 8px !important; } .pl9 { padding-left: 9px !important; } .pl10{ padding-left: 10px !important; } .pl15{ padding-left: 15px !important; } .pl20{ padding-left: 20px !important; } .pl25{ padding-left: 25px !important; } .pl30{ padding-left: 30px !important; } .pr0 { padding-right: 0 !important; } .pr1 { padding-right: 1px !important; } .pr2 { padding-right: 2px !important; } .pr3 { padding-right: 3px !important; } .pr4 { padding-right: 4px !important; } .pr5 { padding-right: 5px !important; } .pr6 { padding-right: 6px !important; } .pr7 { padding-right: 7px !important; } .pr8 { padding-right: 8px !important; } .pr9 { padding-right: 9px !important; } .pr10{ padding-right: 10px !important; } .pr15{ padding-right: 15px !important; } .pr20{ padding-right: 20px !important; } .pr25{ padding-right: 25px !important; } .pr30{ padding-right: 30px !important; } /* ▼▼▼▼▼▼▼▼▼▼ 旧フォームデザイン (iTunesテンプレート用) ▼▼▼▼▼▼▼▼▼▼ ・旧フォームデザインの適用範囲 : /orderDigital/COdOrdererInfo__Digital.html のみ ・新デザイン適用後は削除 */ div.itunes .form_elements .form_elements-must td{ background-color:#fff5ef; } /* ▲▲▲▲▲▲▲▲▲▲ 旧フォームデザイン (iTunesテンプレート用) ▲▲▲▲▲▲▲▲▲▲ */ /* PS・SPワンソース用 -------------------------------------------------------------------------*/ .pc_hide{ display:none; } /* 見出し -------------------------------------------------------------------------*/ h1 , h2 , h3 , h4 , h5 , h6 { margin-top:1em; margin-bottom:0.5em; padding:0px; font-size:100%; } /* h1 ---------------------*/ h1{ margin-top:1.5em; padding-bottom:5px; border-bottom:1px solid #e5e5e5; line-height:1.5; font-size:186%; } /* h2 ---------------------*/ h2{ position:relative; margin-top:2em; padding:2px; background-color:#fff; border:1px solid #e5e5e5; line-height:1.5; font-size:129%; } h2 span{ display: block; overflow: hidden; padding: 8px 10px 7px 10px; background-color: #f9f9f9; border-left-width: 10px; border-left-style: solid; border-left-color: #ff4195; } h2 span.link{ display:inline; float:right; padding:3px 0 0 0; background-color:inherit; border-left:0; font-weight:normal; font-size:78%; } h2.ttl_image{ margin-top:1.5em; border:0; } h2 span.attention{ padding:0 0 0 35px; background-color:inherit; border-left:0; background:url(./icn_attention.png) no-repeat 0 0; } /* h3 ---------------------*/ h3{ position:relative; margin-top:1.5em; padding-bottom:4px; border-bottom:2px solid #e5e5e5; font-size:115%; } h3 span{ position:absolute; bottom:-2px; /bottom:-1px; left:0; display:block; width:50%; border-bottom:2px solid #ff4195; font-size:115%; } /* h3のステップタイトル */ h3.step{ margin-top:2em; padding-left:5.5em; } h3 span.icn_step{ position:absolute; bottom:0; left:0; width:auto; padding:6px 10px 3px 10px; background-color:#ff4195; border:0; font-size:88%; color:#fff; } /* h4 ---------------------*/ h4{ margin-top:1.5em; padding-bottom:3px; border-bottom:1px solid #e5e5e5; color:#ff4195; } /* サブウィンドウ用 heading ----------------------------*/ .sub_window h1{ margin-top:1em; font-size:158%; } .sub_window h2{ margin:1.5em 0 1em 0; padding:0; padding-bottom:4px; background-color:inherit; border:0; border-bottom:1px solid #e5e5e5; } .sub_window h2 span{ display:inline; overflow:auto; padding:0; background-color:inherit; border-left:0; } .sub_window h3{ margin:1.5em 0 0; border-bottom:0; font-size:100%; color:#ff4195; } .sub_window h3 span{ position:static; display:inline; width:auto; border-bottom:0; font-size:100%; } .sub_window h4{ margin:1em 0 0.5em 0; padding-left:1em; border-bottom:0; text-indent:-1em; line-height:1.4; color:#333; } /* サブウィンドウ内でも通常タイトルデザインにする場合 */ .sub_window h2.default{ margin:2em 0 0.5em 0; padding:2px; background-color:#fff; border:1px solid #e5e5e5; } .sub_window h2.default span{ display:block; overflow:hidden; padding:8px 10px 7px 10px; background-color:#f9f9f9; border-left:5px solid #ff4195; } .sub_window h3.default{ position:relative; margin-top:1.5em; padding-bottom:4px; border-bottom:2px solid #e5e5e5; font-size:115%; color: #333; } .sub_window h3.default span{ position:absolute; bottom:-2px; /bottom:-1px; left:0; display:block; width:50%; border-bottom:2px solid #ff4195; font-size:115%; } /* 文字関連 -------------------------------------------------------------------------*/ /* サイズ ----------------------------*/ .xxlarge{ font-size:143%; } .xlarge{ font-size:129%; } .large{ font-size:115%; } .medium{ font-size:100%; } .small{ font-size: 86%; } .xsmall{ font-size: 72%; } /* 14px基準 相対指定 */ /* 10px 72% 11px 79% 12px 86% 13px 93% 14px 100% 15px 108% 16px 115% 17px 122% 18px 129% 19px 136% 20px 143% 21px 150% 22px 158% 23px 165% 24px 172% 25px 179% 26px 186% */ /* 文字色 ----------------------------*/ .fc_attention1{ color:#ff4195 !important; } .fc_attention2{ color:#dd2211 !important; } .fc_attention3{ color:#6ab336 !important; } .fc_attention4{ color:#ff0000 !important; } .fc_note{ color:#777 !important; } /* 太さ ----------------------------*/ .bold{ font-weight:bold; } .normal{ font-weight:normal; } /* 打ち消し ----------------------------*/ .strike{ text-decoration:line-through; } /* 注釈文字 ----------------------------*/ .tx_note{ line-height:1.5; font-size:86%; color:#777; } /* エラー表示 ----------------------------*/ .error{ font-weight:bold; color:#dd2211; } .error02{ font-weight:bold; color:#ff0000; } /* リンク -------------------------------------------------------------------------*/ a{ outline:none; text-decoration:none; color:#666; } a:visited { color:#666; } a:hover, a:active { color:#ff4195; } a:hover { text-decoration:underline; } /* 文中のインラインリンク ----------------------------*/ a.underline{ text-decoration:underline; } a.underline:hover{ text-decoration:none; } /* アイコン付きリンク ----------------------------*/ a.icon{ padding-left:14px; background:url(./icn_arrow_right.png) no-repeat 0 0.4em; } a.icon_s{ padding-left:10px; background:url(./icn_arrow_right_s.gif) no-repeat 0 0.45em; } /* 戻るリンク ----------------------------*/ a.back{ padding-left:15px; background:url(./icn_arrow_left.png) no-repeat 0 0.4em; } /* ページ内リンク(下向き) ----------------------------*/ a.down{ padding-left:12px; background:url(./icn_arrow_down.gif) no-repeat 0 0.4em; } /* 別ウィンドウリンク ----------------------------*/ a.blank{ padding-left:15px; background:url(./icn_blank.png) no-repeat 0 0.45em; } /* PDFリンク ----------------------------*/ a.pdf{ padding-left:18px; background:url(./icn_pdf.gif) no-repeat 0 0.35em; } /* ページ内アンカーリンク .local_anchor ----------------------------*/ .local_anchor{ padding:0; } .local_anchor li{ display:inline-block;/display:inline;/zoom:1;vertical-align:top; margin:5px 0 5px 20px; padding:0 0 0 20px; border-left:1px solid #e5e5e5; line-height:1.5; font-weight:bold; } .local_anchor li:first-child, .local_anchor li.left{ margin-left:0; padding-left:0; border-left:0; } .local_anchor li a{ padding-left:15px; background:url(./icn_arrow_down.gif) no-repeat 0 0.45em; } /* ページリンク .page_link ----------------------------*/ .page_link{ clear:both; } .page_link ul{ overflow:hidden; margin-top:70px; padding:0; } .page_link li{ margin:0; list-style:none; } .page_link li:first-child{ float:left; } .page_link li.right{ float:right; } .page_link li a{ text-decoration:none; } .page_link li a:hover{ text-decoration:underline; } /* 親の文字色を継承 ----------------------------*/ a.inherit{ color:inherit; /color:expression(this.parentNode.currentStyle['color']); } /* リスト -------------------------------------------------------------------------*/ /* リスト共通 ----------------------------*/ li{ margin-top:0.5em; } ul.margin0, ul.margin0 li, ol.margin0, ol.margin0 li, dl.margin0 dt, dl.margin0 dd{ margin:0; } dl.margin0 dt.notes-dt, dl.margin0 dd.notes-dd{ padding-top:0 !important; } dl dd ol, dl dd p{ margin-top:0; } .small li{ margin-top:0; } /* 通常のリスト ----------------------------*/ ul{ padding-left:20px; margin-left:0; background: #FFF; } ul li{ list-style-type:disc; text-indent:0; } ul.shrink{ margin-top:-1px; } ul.shrink li{ margin-top:1px; } /* 通常のリストの入れ子リスト ----------------------------*/ ul.child_list{ margin:0; } ul.child_list li{ list-style-type:circle; } /* アイコン付きリスト ----------------------------*/ ul.icon_list{ padding-left:0; } ul.icon_list li.icon-li{ padding-left:14px; background:url(./icn_arrow_right.png) no-repeat 0 0.45em; list-style-type:none; } /* 注釈リスト ----------------------------*/ ul.notes{ padding:0 0 0 1em; } ul.notes li.notes-li{ list-style-type:none; text-indent:-1em; line-height:1.5; font-size:86%; color:#777; } ul.notes li.notes-li.decoration { color: black; } ul.notes.only li.notes-li{ margin-top:0; } ul.notes.normal li.notes-li{ color:#333; font-size:100%; } /* (番号)リスト ----------------------------*/ ul.parentheses{ padding-left:0; } ul.parentheses li{ padding-left:2.6em; text-indent:-2.6em; list-style-type:none; } /* リストマークがないリスト ----------------------------*/ ul.nomark{ padding-left:0; } ul.nomark li.nomark-li{ list-style-type:none; padding-left:0; } /* 横並びリスト ----------------------------*/ ul.horizontal li{ display:inline; margin:0 2em 0 0; padding:0; list-style-type:none; } /* 中黒リスト ----------------------------*/ ul.dot{ padding-left:0; } ul.dot li{ padding-left:1em; text-indent:-1em; } /* 中黒リスト(マージンなし) ----------------------------*/ ul.dot_list{ margin:0; padding-left:0; } ul.dot_list li{ list-style-type:none; margin:0; padding-left:1em; text-indent:-1em; } /* 数字のリスト ----------------------------*/ ol{ padding-left:30px; /padding-left:0px; /margin-left:30px; } ol.narrow{ margin-top:-1px; } ol.narrow li{ margin-top:1px; } /* 通常の定義リスト ----------------------------*/ dl dt{ font-weight:bold; } dl dd{ margin-left:0; } dl.terms dt{ margin-bottom:10px; } /* 定義リストの装飾タイトル ----------------------------*/ dl dt.heading{ margin-top:1em; padding-bottom:0.3em; border-bottom:1px solid #e7e7e7; } /* 注釈定義リスト ----------------------------*/ dl.notes{ margin-left:0; margin-right:0; padding:0; font-size:86%; color:#777; } dl.notes dt.notes-dt{ float:left; clear:left; margin:0; padding:0.5em 0 0 0; border:0 none; font-weight:normal; } dl.notes dd.notes-dd{ display:block; float:none; overflow:hidden; margin:0; padding:0.5em 0 0 5px; font-weight:normal; zoom:100%; } /* STEP定義リスト ----------------------------*/ dl.step_list{ margin:0; padding:0; } dl.step_list dt.step-dt{ float:left; clear:left; margin:0; padding:0.5em 0 0 0; border:0 none; font-weight:bold; } dl.step_list dd.step-dd{ display:block; float:none; overflow:hidden; margin:0; padding:0.5em 0 0 5px; font-weight:normal; zoom:100%; } /* テーブル -------------------------------------------------------------------------*/ table.def { width:100%; border-collapse:separate; border:none; border-top:1px solid #e5e5e5; border-right:1px solid #e5e5e5; text-align: left; } *:first-child+html table.def{ border-collapse:collapse; border:1px solid #e5e5e5; } table.def th, table.def td { padding:10px 15px 9px 15px; background: #ffffff; border-left:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; vertical-align:middle; text-align:left; } table.def th, table.def td.th{ background:#f9f9f9; font-weight:bold; } table.def th.normal{ font-weight:normal; } /* narrow */ table.def.narrow th, table.def.narrow td { padding:5px 3px; } /* 奇数行色付け */ table tr.even th, table tr.even td{ background-color:#f9f9f9; } /* ドットライン */ table tr.dotted_btm td, table td.dotted_btm{ border-bottom:1px dashed #ccc !important; } /* 強調セル(黄色) */ table th.em, table td.em{ background-color:#fffcb7; } table th.em2, table td.em2{ background-color:#fff5ef; } table span.note_small{ font-weight:normal; font-size:86%; } /* セル内ボタン */ table.def td.btn{ padding:6px; text-align:center; } table.def td select, table.def td img{ vertical-align:middle; } table.def td select{ margin:0 10px 0 10px; } /* 折り返しなし */ th.nowrap, td.nowrap{ white-space:nowrap; } /* テーブル幅設定 */ table.width_50per{ width:50%; } /* 注文内訳テーブル */ table.breakdown th, table.breakdown td{ padding-top:0.3em; padding-bottom:0.3em; } /* 注文内訳テーブル 左線削除 */ table.breakdown td.l_none{ border-left: 0 none #ffffff; } /* 注文内訳テーブル 下線削除 */ table.breakdown td.un_none{ border-bottom: 0 none #ffffff; } /* ポイント数のテーブル */ table.point_table{ width:34%; margin-top:1em; margin-left:auto; } /* 支払い内訳 -------------------------------------------------------------------------*/ .payment_detail{ width:100%; padding:0; border:0; } .payment_detail th, .payment_detail td{ padding:0; border:0; } .payment_detail .payment_detail-title{ width:3%; padding:1.3em; border-top:1px solid #e5e5e5; border-left:1px solid #e5e5e5; vertical-align:middle; text-align:center; font-weight:bold; color:#fff; } .payment_detail .payment_detail-title p{ width:1em; margin:0; line-height:1; } .payment_detail.inst .payment_detail-title{ background-color:#ff4195; } .payment_detail.lump .payment_detail-title{ background-color:#5a97c0; } .payment_detail.inst .total{ font-weight:bold; color:#ff4195; } .payment_detail.lump .total{ font-weight:bold; color:#5a97c0; } /* 分割支払い詳細 開閉エリア */ .payment_detail.open_close .open_close-btn{ padding:1em; border-top:3px double #e5e5e5; } .payment_detail.open_close .open_close-btn a.close{ display:inline-block;/display:inline;/zoom:1; padding-left:16px; background:url(./icn_close.gif) no-repeat 0 0.4em; } .payment_detail.open_close .open_close-btn a.open{ display:inline-block;/display:inline;/zoom:1; padding-left:16px; background:url(./icn_open.gif) no-repeat 0 0.4em; } /* 合計金額 */ .payment_detail-total{ padding:0.8em 1.5em; border:1px solid #e5e5e5; border-top:0; background-color:#fffcb7; text-align:right; font-weight:bold; } .payment_detail-total .price{ margin-left:3em; } /* 合計金額テーブル(合計ポイント付き) */ .def.payment_detail-total_tbl{ border-top:0; } .def.payment_detail-total_tbl th, .def.payment_detail-total_tbl td{ padding:15px; } /* 価格テーブル内の詳細設定 -------------------------------------------------------------------------*/ table.def .installment_plan{ white-space:nowrap; } table.def .installment_plan div{ display:inline-block;/display:inline;/zoom:1;vertical-align:bottom; /vertical-align:middle; text-align:left; } table.def .installment_plan div span{ display:block; font-size:86%; color:#777; } table.def .total{ font-weight:bold; font-size:108%; } table.def .total_all{ font-weight:bold; font-size:129%; } table.def .discount1{ /* 赤 */ color:#dd2211; } table.def .discount2{ /* オレンジ */ color:#ff4195; } /* 販売価格、割引 */ table.def .price_set{ overflow:hidden; margin:0; } table.def .price_set dt{ float:left; font-weight:normal; } table.def .price_set dd{ float:right; margin:0; text-align:right; } /* 利用可能な確認書類のテーブル -------------------------------------------------------------------------*/ table.confirmation { border: 1px solid black; border-collapse: collapse; color: black; width: 100%; } table.confirmation_not_shcool_wari { border: 1px solid black; border-collapse: collapse; color: black; width: 82%; } table.confirmation > caption, table.confirmation_not_shcool_wari > caption { text-align: left; } table.confirmation th, table.confirmation td, table.confirmation_not_shcool_wari th, table.confirmation_not_shcool_wari td { border: 1px solid black; vertical-align: middle; } table.confirmation th, table.confirmation_not_shcool_wari th { background: #06c; color: white; text-align: center; } table.confirmation > tbody > tr > td:nth-child(1), table.confirmation_not_shcool_wari > tbody > tr > td:nth-child(1) { background: rgb(253, 232, 208); } table.confirmation > tbody > tr > td > ul , table.confirmation > tbody > tr > td > ul > li, table.confirmation_not_shcool_wari > tbody > tr > td > ul , table.confirmation > tbody > tr > td > ul > li { margin-top: 0; } table.confirmation .empty, table.confirmation_not_shcool_wari .empty { background: -moz-linear-gradient(24deg, white, white 49%, #88f 50%, #88f 50%, white 51%, white); background: -webkit-linear-gradient(24deg, white, white 49%, #88f 50%, #88f 50%, white 51%, white); background: linear-gradient(24deg, white, white 49%, #88f 50%, #88f 50%, white 51%, white); } /* フォーム要素 -------------------------------------------------------------------------*/ .form_elements { width:100%; border:none; border-top:1px solid #e5e5e5; border-right:1px solid #e5e5e5; text-align: left; } .form_elements thead{ display:none; } .form_elements th, .form_elements td { padding:12px 15px 11px 15px; border-left:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; } .form_elements th { background-color:#f9f9f9; } .form_elements tbody th { width:30%; text-align:left; } .form_elements tbody td { width:70%; } .form_elements td p{ margin:0; } .form_elements input[type="text"], .form_elements input[type="password"]{ width:230px; line-height:1.5; } .form_elements .form_elements-notes { clear:left; margin:3px 0 0 0; padding:0 0 0.5em 0; line-height:1.5; font-size:86%; color:#777; } .form_elements .form_elements-notes li{ list-style-type:none; } .form_elements .form_elements-notes li:first-child{ margin-top:0; } .form_elements .form_elements-notes li.notes-li{ padding-left:1em; text-indent:-1em; } .form_elements .form_elements-notes_right { float:right; margin:0; line-height:1.5; font-size:86%; color:#777; } .form_elements .form_elements-notes_right .notes{ margin:0; } .form_elements .form_elements-notes_right li.notes-li{ font-size:100%; } .form_elements .form_elements-list{ margin:0; padding:0 0 0.5em 0; } .form_elements .form_elements-list li{ padding:0; list-style-type:none; } .form_elements .form_elements-list_horizontal{ margin:0; padding:0; } .form_elements .form_elements-list_horizontal li{ display:inline; margin:0 1em 0 0; padding:0; list-style-type:none; } .form_elements .form_elements-must th{ overflow:hidden; } .form_elements .form_elements-must th span.must{ display:block; float:right; width:38px; height:18px; margin-left:5px; background:url(./icn_must.gif) no-repeat 0 0; overflow:hidden;text-indent:100%;white-space:nowrap; } .form_elements .form_elements-online th{ background-color:#ffddc9; } .form_elements .form_elements-online td{ background-color:#fff5ef; } /* JSバリデーションエラー */ .form_elements .form_elements-validate{ clear:left; margin:0; padding:0; line-height:1.5; } .form_elements .form_elements-validate li{ display:none; margin:0 0 0.5em 0; list-style-type:none; font-weight:bold; font-size:86%; color:#dd2211; } .validate_box .required{ background-color:#ffe3f0; } .validate_box.nofunction .required{ background-color:#fff; } .validate_box.radio_required, .validate_box .radio_required, .validate_box .either_required{ display:inline-block;/display:inline;/zoom:1; padding:3px 15px 3px 10px; background-color:#ffe3f0; } /* 入力必須 */ .must{ display:block; font-weight:bold; color:#ff0000; } /* input の横幅 */ input.width_large{ width:440px !important; } input.width_small{ width:180px!important; } input.width_xsmall{ width:120px!important; } input.width_xxsmall{ width:90px!important; } input[type="password"].width_pin{ width:70px; } /* 氏名 */ .name span, .name_kana span{ margin-right:0.5em; } .name input, .name_kana input{ margin-right:1em; } .name .name_txt, .name_kana .name_txt{ display:inline-block;/display:inline;/zoom:1; min-width:2em; } .name .form_elements-notes span, .name_kana .form_elements-notes span{ margin:0 127px 0 3.5em; } /* ボタン -------------------------------------------------------------------------*/ /* デフォルトボタン(白) -----------------------------------------*/ .btn_default{ display:inline-block;/display:inline;/zoom:1;vertical-align:top; width:280px; height:46px; padding-right:3px; background:url(./btn_default_right.gif) no-repeat right top; font-weight:bold; color:#333 !important; text-align:center; } .btn_default span{ display:block; height:46px; padding:0 15px; background:url(./btn_default_left.gif) no-repeat 0 0; line-height:46px; text-align:center; } .btn_default span span{ display:inline-block;/display:inline;/zoom:1;vertical-align:middle; width:auto !important; height:auto; padding:0; background-image:none; text-align:left; } .btn_default span span.icn_left{ height:auto; padding:0 0 0 15px; background:url(./icn_arrow_left.png) no-repeat 0 47%; } .btn_default span span.icn_right{ height:auto; padding:0 0 0 15px; background:url(./icn_arrow_right.png) no-repeat 0 47%; } /* ログインアイコン */ .btn_default span span.icn_login{ height:auto; padding:0 0 0 20px; background:url(./icn_login.png) no-repeat 0 45%; } /* hover */ .btn_default:hover{ text-decoration:none; filter:alpha(opacity=80); -ms-filter:"alpha(opacity=80)"; opacity:0.8; } /* 強調ボタン -----------------------------------------*/ .btn_em{ display:inline-block;/display:inline;/zoom:1;vertical-align:top; width:280px; height:46px; padding-right:4px; background:url(./btn_em_right.gif) no-repeat right top; font-weight:bold; color:#fff !important; } .btn_em span{ display:block; height:46px; padding:0 15px; background:url(./btn_em_left.gif) no-repeat 0 0; line-height:46px; text-align:center; } /* 強調ボタン (L) */ .btn_em-large{ display:inline-block;/display:inline;/zoom:1;vertical-align:middle; width:280px; height:52px; padding-right:4px; background:url(./btn_em_large_right.gif) no-repeat right top; font-weight:bold; color:#fff !important; } .btn_em-large span{ display:block; height:52px; padding:0 15px; background:url(./btn_em_large_left.gif) no-repeat 0 0; line-height:52px; text-align:center; } /* 強調ボタン (XL) */ .btn_em-xlarge{ display:inline-block;/display:inline;/zoom:1;vertical-align:middle; width:380px; height:66px; padding-right:4px; background:url(./btn_em_xlarge_right.gif) no-repeat right top; font-weight:bold; color:#fff !important; } .btn_em-xlarge span{ display:block; height:66px; padding:0 15px; background:url(./btn_em_xlarge_left.gif) no-repeat 0 0; line-height:66px; text-align:center; } /* ボタン内テキストが2行の場合対応 */ .btn_em-large.row2 span{ height:44px; padding-top:8px; line-height:1.3; } .btn_em-xlarge.row2 span{ height:52px; padding-top:14px; line-height:1.3; } .btn_em-large.row2 span .icn_right, .btn_em-xlarge.row2 span .icn_right{ background-position:0 1em; } /* 強調ボタン2 -----------------------------------------*/ .btn_em2{ display:inline-block;/display:inline;/zoom:1;vertical-align:top; width:280px; height:46px; padding-right:4px; background:url(./btn_em2_right.gif) no-repeat right top; font-weight:bold; color:#fff !important; } .btn_em2 span{ display:block; height:46px; padding:0 15px; background:url(./btn_em2_left.gif) no-repeat 0 0; line-height:46px; text-align:center; } /* 共通設定 -----------------------------------------*/ /* アイコン */ .btn_em span span, .btn_em-large span span, .btn_em-xlarge span span, .btn_em2 span span{ display:inline-block;/display:inline;/zoom:1;vertical-align:middle; width:auto !important; height:auto; padding:0; background-image:none; text-align:left; } /* hover */ .btn_em:hover, .btn_em-large:hover, .btn_em-xlarge:hover, .btn_em2:hover{ text-decoration:none; filter:alpha(opacity=90); -ms-filter:"alpha(opacity=90)"; opacity:0.9; } /* 三角アイコン */ .btn_em span span.icn_right, .btn_em-large span span.icn_right, .btn_em-xlarge span span.icn_right, .btn_em2 span span.icn_right{ padding:0 0 0 15px; background:url(./icn_arrow_right_white.png) no-repeat 0 47%; } /* ログインアイコン */ .btn_em span span.icn_login, .btn_em-large span span.icn_login, .btn_em-xlarge span span.icn_login{ padding:0 0 0 30px; background:url(./icn_login_white.png) no-repeat 0 45%; } /* IDアイコン */ .btn_em span span.icn_id, .btn_em-large span span.icn_id, .btn_em-xlarge span span.icn_id{ padding:0 0 0 35px; background:url(./icn_id_white.png) no-repeat 0 45%; } /* 別ウィンドウアイコン */ .btn_em span span.icn_blank, .btn_em-large span span.icn_blank, .btn_em-xlarge span span.icn_blank, .btn_em2 span span.icn_blank{ padding:0 0 0 20px; background:url(./icn_blank_white.png) no-repeat 0 center; } /* カートアイコン */ .btn_em span span.icn_cart, .btn_em-large span span.icn_cart, .btn_em-xlarge span span.icn_cart{ padding:0 0 0 25px; background:url(./icn_cart_white.png) no-repeat 0 45%; } /* ページ内アンカーアイコン */ .btn_em span span.icn_down, .btn_em-large span span.icn_down, .btn_em-xlarge span span.icn_down{ padding:0 0 0 20px; background:url(./icn_arrow_down_white.png) no-repeat 0 center; } /* ボタン幅なりゆき */ .width_auto, .width_auto span{ width:auto; min-width:inherit; min-width:auto; } /* ボックス -------------------------------------------------------------------------*/ /* トピックボックス ----------------------------*/ .topic_box1{ padding:0.5em 20px; background-color:#f9f9f9; } .topic_box1.border{ border:1px solid #e5e5e5; } .topic_box2{ padding:0.5em 20px; background-color:#fff5ef; } /* トピックフレーム ----------------------------*/ .topic_frame{ padding:0 20px; border:1px solid #e5e5e5; } /* 注意喚起ボックス ----------------------------*/ /** * 注意喚起(低) ⇒ 注意喚起(高) attention_box1 ⇒ attention_box2 ⇒ attention_box3 ⇒ attention_box4 */ .attention_box1, .attention_box2{ padding:1em 20px 0; background-color: #f9f9f9; border:1px solid #e5e5e5; } .attention_box1.narrow, .attention_box2.narrow{ padding:10px; } .attention_box2{ background-color:#fff5ef; } .attention_box-heading{ margin:0; padding-bottom:5px; border-bottom:1px solid #e5e5e5; font-weight:bold; color:#ff4195; } .attention_box-contents{ line-height:1.5; font-size:86%; color:#777; } .attention_box1.narrow .attention_box-contents, .attention_box2.narrow .attention_box-contents{ font-size:100%; } /* attention_box3 */ .attention_box3{ padding:10px; background-color:#f5f5f5; border:2px solid #cecece; } .attention_box3-heading{ margin:5px 5px 15px 5px; font-weight:bold; font-size:115%; } .attention-box3-contents{ padding:1px 20px; background-color:#fff; } /* attention_box4 */ .attention_box4{ padding:10px; background-color:#fff5ef; border:2px solid #dd2211; } .attention_box4-heading{ margin:3px 10px 10px; padding-left:35px; background:url(./icn_attention.png) no-repeat 0 0; font-weight:bold; font-size:129%; color:#dd2211; } .attention-box4-contents{ padding:1px 15px; background-color:#fff; } /* サブウィンドウの中にある場合 */ .sub_window .attention_box4{ padding:6px; } .sub_window .attention_box4-heading{ margin:3px 3px 10px 3px; font-size:100%; } .sub_window .attention-box4-contents{ padding:1px 10px; } /* 定義ボックス ----------------------------*/ .definition_box{ border:1px solid #e5e5e5; } .definition_box .definition_box-heading{ padding: 0.8em 1em; background-color: #f9f9f9; border-bottom:1px solid #e5e5e5; font-weight:bold; } .definition_box dd{ margin:0; padding:0 1em; } /* アンカーリンクボックス ----------------------------*/ .anchor_box{ margin-top:1em; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; } .anchor_box dl{ margin:0; } .anchor_box .anchor_box-heading{ padding: 0.6em 1em; background-color: #f7f5f0; border-top:1px solid #e5e5e5; font-weight:bold; font-size:115%; } .anchor_box .anchor_box-subheading{ font-weight:bold; color:#ee5f16; } .anchor_box .anchor_box-contents01{ margin:0 20px; } .anchor_box .anchor_box-contents02{ margin:0; } /* サブミットボタンボックス ----------------------------*/ .submit_box{ display:inline-block;/display:inline;/zoom:1;vertical-align:top; min-width:500px; padding:10px; background-color:#f9f9f9; border:1px solid #e5e5e5; text-align:center; } /* h2ボックス ----------------------------*/ .h2box{ padding:2px; background-color:#fff; border:1px solid #ccc; } .h2box .h2box-heading{ overflow:hidden; background-color:#fff5ef; border-left:5px solid #ff4195; } .h2box .h2box-heading h2{ float:left; clear:left; margin:0; padding:1em 2.5em 1em 1em; background-color:#fff5ef; border:0; background:url(./line_dotted_y.gif) repeat-y top right; line-height:1.3; font-size:129%; } .h2box .h2box-heading h2.no_border{ border:0; } .h2box .h2box-heading .text{ display:table-cell; height:60px; /display:block; /height:auto; overflow:hidden; margin:0; padding:0 1em 0 1.6em; /padding:1.5em 1em 0 1.6em; vertical-align:middle; line-height:1.5; font-size:86%; } .h2box .h2box-contents{ margin-top:2px; padding:5px 20px; background-color:#fff; border-left:5px solid #e5e5e5; } /* 開閉エリア */ .h2box .h2box-contents_hidden{ margin-top:2px; padding:20px 20px; background-color:#fff; background:url(./line_dotted_x.gif) repeat-x top left; } .h2box .open_close-btn{ text-align:right; } /* h3 */ .h2box .h2box-h3{ overflow:hidden; margin-top:2px; background-color:#f9f9f9; border-left:5px solid #e5e5e5; } .h2box .h2box-h3 h3{ float:left; clear:left; margin:0; padding:0.9em 2.5em 0.9em 1em; border:0; background:url(./line_dotted_y.gif) repeat-y top right; } .h2box .h2box-h3 .text{ display:table-cell; height:56px; /display:block; /height:auto; overflow:hidden; margin:0; padding:0 1em; /padding:1em; vertical-align:middle; line-height:1.5; } .h2box .h2box-h3contents{ padding:15px 35px; } .h2box h4{ margin-top:0; padding-bottom:0; border-bottom:0; color:#333; } .cols .h2box .h2box-contents{ min-height:260px; } /* 画像とテキスト -------------------------------------------------------------------------*/ .float_media-left .float_media-image{ float:left; margin-right:15px; } .float_media-left .float_media-body{ overflow:hidden; /zoom:1; } .float_media-right .float_media-image{ float:right; margin-left:15px; } .float_media-right .float_media-body{ overflow:hidden; /zoom:1; } .float_media-left, .float_media-right{ overflow:hidden; } /* 区切り線 -------------------------------------------------------------------------*/ /* 罫線 */ .line_solid{ padding-top:1em; border-top:1px solid #e5e5e5; } .line_solid-bold{ padding-top:1.5em; border-top:2px solid #ccc; } /* 点線 */ .line_dotted{ padding-top:1em; background:url(./line_dotted_x.gif) repeat-x top left; } /* 画像枠線 -------------------------------------------------------------------------*/ .img_border{ border:1px solid #e5e5e5; } /* 透過マウスオーバー -------------------------------------------------------------------------*/ a:hover .opacity_over, input.opacity_over:hover{ filter:alpha(opacity=80); -ms-filter:"alpha(opacity=80)"; opacity:0.8; } /* 画像置換 -------------------------------------------------------------------------*/ .imgrep{ display:block; position:relative; top:auto; left:auto; padding:0 0 0 0 !important; border:0 solid transparent !important; overflow:hidden; zoom:100%; } .imgrep .imgrep-panel{ display:block; position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-color:transparent; zoom:100%; } /* SNSボタン -------------------------------------------------------------------------*/ .sns_btns ul{ overflow:hidden; margin-top:20px; padding:0; } .sns_btns li{ float:left; margin:0 10px 0 0; list-style-type:none; } .sns_btns iframe{ margin:0 !important; } /* モーダル -------------------------------------------------------------------------*/ .modal_win, .modal_win-iframe{ display:none; position:fixed; top:50%; left:50%; width:680px; padding-top:20px; background-color:#fff; text-align:center; z-index:100; } .modal_win .modal_inner{ overflow:auto; max-height:500px; } .modal_win iframe, .modal_win-iframe iframe{ width:680px; height:500px; } /* サイトのコンテンツ(width:880px)のモーダル */ .modal_win.au_contents{ width:875px; height:500px; } .modal_win.au_contents iframe{ width:880px; height:500px; padding:0 15px; } .modal_close{ margin:0; } .modal_close a{ display:block; position:absolute; top:-22px; right:-20px; width:46px; height:46px; background:url(./btn_close.png) no-repeat 0 0; overflow:hidden;text-indent:100%;white-space:nowrap; } .modal_close.btn_close-btm a{ display:block; position:static; width:auto; height:auto; background:none; overflow:visible; text-indent:0; } .modal_bg{ position:fixed; top:0; left:0; width:100%; height:100%; background-color:#000; filter:alpha(opacity=70); -ms-filter:"alpha(opacity=70)"; -moz-opacity:0.7; -khtml-opacity:0.7; opacity:0.7; z-index:99; } a.cart-button { background: -moz-linear-gradient(center top , #F7F6F7 0px, #E0DADF 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); border: 1px solid #C8BFC6; border-radius: 2px; box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.075) inset, 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.1); color: #5E5E5E; cursor: pointer; display: inline-block; font-family: inherit; font-size: 100%; font-weight: bold; left: auto; line-height: 1em; margin: 0; overflow: visible; padding: 6px 10px; position: relative; text-decoration: none; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); white-space: nowrap; } a.cart-button:hover { background: -moz-linear-gradient(center top , #F7F6F7 0px, #D4CDD2 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); text-decoration: none; } .dvd-list table td{ padding: 5px; text-align: center; } /* Page structure */ .dvd-view { padding: 10px; } .dvd-view table{ width: 100%; } .dvd_property td { margin: 3px 0; text-align: left; } .dvd_property td.title { padding-right: 10px; text-align: right; width: 120px; } .dvd_property td.button { padding-top: 20px; padding-left: 80px; } .dvd_desc { border: 1px solid #DEDEE0; clear: both; margin: 10px 0; padding: 10px; text-align: left; } .dvd_cap { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border: 1px solid #DEDEE0; clear: both; padding: 10px; text-align: center; } .dvd_cap h5{ text-align: left; } .dvd_back { margin: 10px 0; padding: 10px; text-align: center; } .dvd_dollor { color: #ff6600; font-weight: bold; font-size: 16px; } .dvd_price { color: #ff6600; font-weight: bold; font-size: 20px; } /* ユニット : モジュールの単位となる。前後にデフォルトマージン付加 -------------------------------------------------------------------------*/ div.unit{ clear:both; margin-top:1em; margin-bottom:1.5em; } /* カラムレイアウト -------------------------------------------------------------------------*/ .cols{ margin-left:-20px; overflow:hidden; } .cols-col{ float:left; margin:0 0 0 0; } .cols-col.cols-3of4{ width:75%; } .cols-col.cols-1of2{ width:50%; } .cols-col.cols-2of3{ width:66.666%; } .cols-col.cols-1of3{ width:33.333%; } .cols-col.cols-1of4{ width:25%; } .cols .cols-pad{ margin-left:20px; } .cols .cols-last{ float:right; } /* 回り込み画像 -------------------------------------------------------------------------*/ .float_media{ } .float_media .float_media-r1of2{ float:right; width:50%; margin-left:20px; margin-bottom:20px; } .float_media .float_media-l1of2{ float:left; width:50%; margin-right:20px; margin-bottom:20px; } .float_media .float_media-r1of3{ float:right; width:33%; margin-left:20px; margin-bottom:20px; } .float_media .float_media-l1of3{ float:left; width:33%; margin-right:20px; margin-bottom:20px; } .float_media .float_media-r1of4{ float:right; width:25%; margin-left:20px; margin-bottom:20px; } .float_media .float_media-l1of4{ float:left; width:25%; margin-right:20px; margin-bottom:20px; } .float_media .float_media-l1of2 img, .float_media .float_media-l1of3 img, .float_media .float_media-l1of4 img, .float_media .float_media-r1of2 img, .float_media .float_media-r1of3 img, .float_media .float_media-r1of4 img{ width:100%; height:auto; } .float_media .float_media-image{ margin-top:0; } .float_media .float_media-caption{ font-size:86%; } .float_media .float_media-body{ } .float_media .float_media-body_rect{ overflow:hidden; } .float_media .float_media-body_rect *:first-child{ margin-top:0; } /* ラジオボタンリスト -------------------------------------------------------------------------*/ .radio_list{ margin:0; padding:0; } .radio_list li{ margin:0; padding:0; background:url(index_files/line_dotted_x.gif) repeat-x top left; list-style-type:none; cursor:pointer; } .radio_list li:first-child{ background-image:none; } .radio_list li label{ display:block; padding:10px 15px; font-weight:bold; } .radio_list li a{ display:block; } .radio_list li.current{ /*background-color:#ffddc9;*/ } .radio_list li.current a{ color:#ff4195; } .radio_list li .image, .radio_list li .text{ display:inline-block;/display:inline;/zoom:1;vertical-align:middle; } .radio_list li .image{ margin-right:20px; } .radio_list li .radio_list-txt{ display:block; margin:0; padding-top:6px; font-weight:normal; font-size:86%; } .radio_list li img{ vertical-align:middle; } /* 検索結果表示、ソート -------------------------------------------------------------------------*/ .pager_area{ overflow:hidden; padding:10px 0; } /* ページャーエリア用ライン */ .pager_area.line_top{ border-top:1px solid #e5e5e5; } .pager_area.line_btm{ border-bottom:1px solid #e5e5e5; } /* 検索結果数 */ .search_result{ float:left; } .search_result .search_result-number{ display:inline; white-space:nowrap; } .search_result .search_result-sort{ display:inline; margin-left:14px; padding-left:18px; border-left:1px solid #e5e5e5; } .search_result .search_result-sort dt, .search_result .search_result-sort dd{ display:inline-block;/display:inline;/zoom:1;vertical-align:middle; margin:0; font-weight:normal; } html>/**/body .search_result .search_result-sort dt{ width/*\**/:5.5em\9; } .search_result .search_result-sort dd ul{ margin:0; padding:0; } .search_result .search_result-sort dd li{ display:inline-block;/display:inline;/zoom:1;vertical-align:middle; margin:0 0 0 8px; } .search_result .search_result-sort dd li a, .search_result .search_result-sort dd li span{ display:block; padding:3px 8px; border:1px solid #e5e5e5; } .search_result .search_result-sort dd li .current{ background-color:#fff5ef; text-decoration:none; font-weight:normal; color:#ea5404; } /* ページャー -------------------------------------------------------------------------*/ .pager{ float:right; } .pager ul{ overflow:hidden; margin:0; padding:0; } .pager li{ float:left; margin:0 0 5px 8px; list-style-type:none; } .pager li a, .pager li span{ display:block; padding:3px 10px; border:1px solid #e5e5e5; } .pager li .current{ background-color:#fff5ef; text-decoration:none; font-weight:bold; color:#ea5404; } .pager .pager_prev a, .pager .pager_prev span{ padding-left:10px; } .pager .pager_tonya a, .pager .pager_tonya span{ padding-right:10px; } .pager .pager_prev a span{ padding:0 0 0 15px !important; background:url(./icn_arrow_left.png) no-repeat 0 50%; border:0; } .pager .pager_tonya a span{ padding:0 15px 0 0 !important; background:url(./icn_arrow_right.png) no-repeat right 50%; border:0; } /* フォーム送信ボタン -------------------------------------------------------------------------*/ .form_buttons { position:relative; margin:40px 0; text-align:center; } .form_buttons ul , .form_buttons ul li{ margin-top:0; margin-bottom:0; padding:0; list-style-type:none; } .form_buttons ul li{ display:inline-block;/display:inline;/zoom:1;vertical-align:middle; padding:0 1em; } .form_buttons .form_buttons-box{ display:inline-block;/display:inline;/zoom:1;vertical-align:top; min-width:500px; padding:20px 10px; background-color:#f9f9f9; border:1px solid #e5e5e5; text-align:center; } .form_buttons .form_buttons-heading{ margin:0; padding-bottom:5px; border-bottom:1px solid #e5e5e5; font-weight:bold; font-size:115%; color:#ff4195; } .form_buttons ul li.form_buttons-left{ position:absolute; left:0; bottom:0; } .form_buttons ul li.form_buttons-right{ position:absolute; right:0; bottom:0; } /* ○○さまのお気に入り商品 -------------------------------------------------------------------------*/ .favorite_list ul{ overflow:hidden; width:1000px; padding:0; margin:-10px 0 0 -20px; } .favorite_list li{ display:inline-block;/display:inline;/zoom:1;vertical-align:top; position:relative; width:156px; min-height:111px; margin:20px 0 0 20px; padding:15px 15px 15px 140px; border:1px solid #e5e5e5; list-style-type:none; } .favorite_list li p{ margin:0; } .favorite_list .image{ position:absolute; top:18px; left:18px; } .favorite_list .image img{ border:1px solid #ccc; } .favorite_list .image a:hover img{ width:103px; border-color:#ff4195; } .favorite_list .name{ padding-bottom:3px; font-weight:bold; } .favorite_list .name, .favorite_list .price, .favorite_list .point{ line-height:1.4; } .favorite_list .point span{ color:#ff4195; } .favorite_list .delete{ margin-top:12px; text-align:right; } /* 予約受付中 */ .favorite_list li.reserve{ min-height:111px; background:url(./icn_reserve.gif) no-repeat 140px 18px; } .favorite_list li.reserve .text{ padding-top:30px; } /* お知らせ  @ トップページ  @ ニュースページ -------------------------------------------------------------------------*/ .news_box{ border: 1px solid #e5e5e5; vertical-align: middle; } .news_box .news_box-heading{ overflow:hidden; background-color:#f7f5f0; border:1px solid #fff; } .news_box .news_box-heading .title{ float:left; margin:0; padding:5px 15px; font-weight:bold; font-size:129%; } .news_box .news_box-heading .more{ float:right; margin:3px ; padding:4px 20px; background-color:#fff; } .news_box .news_list{ padding-right:15px; } .news_box .news_list li{ margin:8px 0 0 0; list-style-type:none; } .news_box .news_list li.news_attention dd.category{ background-color:#dd2211; } .news_box .news_list li.news_attention dd.text a{ color:#dd2211; } .news_box .news_list dl{ overflow:hidden; margin:0; } .news_box .news_list dt{ float:left; clear:left; font-weight:normal; } .news_box .news_list dd{ float:left; } .news_box .news_list dd.category{ display:inline-block;/display:inline;/zoom:1; min-width:84px; margin-left:10px; padding:4px 5px 3px 5px; background-color:#aaa; text-align:center; line-height:1.3; font-size:86%; color:#fff; } .news_box .news_list dd.text{ float:left; overflow:hidden; padding-left:20px; } .news_box .news_list dd.text a{ display:block; padding-left:12px; background:url(./icn_arrow_right_s.gif) no-repeat 0 0.5em; } /* バナーエリア  @ トップページ  @ ニュースページ -------------------------------------------------------------------------*/ .banner_area{ margin-top:25px; } /* 右カラムモジュール  @ トップページ  @ 5つのポイント -------------------------------------------------------------------------*/ /* 注目値下げ機種 */ .pricedown{ margin-top:20px; } .pricedown .pricedown-heading{ margin:0; } .pricedown .pricedown-contents{ border-left:1px solid #ff4195; border-right:1px solid #ff4195; border-bottom:1px solid #ff4195; } .pricedown .pricedown-contents ul{ margin:-1px 0 0 0; padding:0; } .pricedown .pricedown-contents li{ margin:0; padding:10px 0; border-top:1px solid #e9e9e9; list-style-type:none; } .pricedown .pricedown-contents li:first-child{ padding-top:0; } .pricedown .pricedown-contents li a span{ display:block; color:#0066aa; } .pricedown .pricedown-contents li span.image{ text-align:center; } .pricedown .pricedown-contents li span.icon{ padding:0px 10px 0px 29px; background:url(./icn_arrow_right.png) no-repeat 14px 0.45em; } .pricedown .pricedown-contents li a:hover span.icon{ text-decoration:underline; color:#ff4195; } /* aside_box */ .aside_box{ margin-top:20px; border:1px solid #e5e5e5; } .aside_box-heading{ margin:0; padding:7px 8px 7px 13px; background-color:#f5f5f5; border:1px solid #fff; line-height:1.5; font-weight:bold; } .aside_box-heading a{ display:block; } .aside_box-contents{ padding:0 14px; line-height:1.5; font-size:86%; } .aside_box a{ text-decoration:none; color:#333; } /* はじめてのお客さまへ */ .first_visitor{ margin-top:25px; } .first_visitor dt{ padding:0 0 8px 20px; background:url(./icn_first.gif) no-repeat 0 0; } .first_visitor .aside_box{ margin-top:0; } /* iTunes コード発行 -------------------------------------------------------------------------*/ .itunes_code_issue .content{ width:807px; margin:0 auto; /margin-top:0; padding:10px; /padding-top:25px; background-color:#ffddc9; } .sub_window .itunes_code_issue .content{ width:600px; } .itunes_code_issue .content .itunes_code_click{ width:550px; margin:0 auto; } .itunes_code_issue .content .itunes_code_click .itunes_code_click_content{ /zoom:1; padding-bottom:5px; background:#fff url(/images/parts/bg_itunes_code.gif) no-repeat left bottom; } .itunes_code_issue .content .itunes_code_click .itunes_code_click_content .itunes_code_click_content_inner{ /zoom:1; padding:15px 10px; border-right:2px solid #ea5505; border-left:2px solid #ea5505; } .itunes_code_issue .content .notes-wrap{ padding:20px; background-color:#fff; } .itunes_code_issue .content .notes-wrap ul{ margin:-5px 0 0 0; } .itunes_code_issue .content .notes-wrap ul li{ margin:5px 0 0 0; } .news_box.unit .form-table { padding: 0px; margin-left: 20px; font-size: 12px; } news_box-heading p { padding-left: 20px; } news_box-subtitle { padding-left: 20px; } .news_box-subtitle img { margin-left: 20px; vertical-align: middle; } .news_box-subtitle span { padding-left: 10px; } .faq_list dt { margin:0; padding:0; border:none; list-style:none; } .faq_list dd { margin:0; padding:0; border:none; list-style:none; color:#0066aa; } .faq_list { overflow: hidden; padding-left: 30px; } .faq_list li { list-style-type: none; display: block; } .home-title { } .home-more { position: absolute; right: 20px; top: 10px; font-size: 14px; font-weight: normal; line-height: 26px; } .slick-slide img { height: 160px; } .comment_t { padding: 10px; border: 1px solid #CCCCCC; border-radius: 4px 4px 4px 4px; margin-top: 15px; } .comment_t_title { margin-bottom: 5px; padding-left: 20px; background: url("icon_msg_info.gif") no-repeat scroll 0 -0 transparent; } .nav-select { float: left; position: relative; } .nav-select:after { content: ''; position: absolute; right: 0; top: 8px; height: 20px; border-right: 1px solid #cdcdcd; } .nav-select-filter { height: 35px; line-height: 35px; border-right: none; border-radius: 4px 0 0 4px; border-color: #cdcdcd; } .nav-select-filter option{ height: 35px; line-height: 35px; } .nav-select-filter:focus { outline: none; }