/* normalize.css v1.0.2 | MIT License | git.io/normalize */ /* ========================================================================== HTML5 display definitions ========================================================================== */ /* Corrects `block` display not defined in IE 6/7/8/9 and Firefox 3. */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; } /* Corrects `inline-block` display not defined in IE 6/7/8/9 and Firefox 3. */ audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } /* Prevents modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /* Addresses styling for `hidden` attribute not present in IE 7/8/9, Firefox 3, and Safari 4. Known issue: no IE 6 support. */ [hidden] { display: none; } /* ========================================================================== Base ========================================================================== */ /* 1. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using `em` units. 2. Prevents iOS text size adjust after orientation change, without disabling user zoom. */ html { font-size: 100%; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ } /* Addresses `font-family` inconsistency between `textarea` and other form elements. */ html, button, input, select, textarea { font-family: sans-serif; } /* Addresses margins handled incorrectly in IE 6/7. */ body { margin: 0; font-feature-settings:'kern' 1; font-kerning: normal; -webkit-font-feature-settings: 'kern'; } /* ========================================================================== Links ========================================================================== */ /* Addresses `outline` inconsistency between Chrome and other browsers. */ a:focus { outline: thin dotted; } /* Improves readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /* ========================================================================== Typography ========================================================================== */ /* Addresses font sizes and margins set differently in IE 6/7. Addresses font sizes within `section` and `article` in Firefox 4+, Safari 5, and Chrome. */ h1 { font-size: 2em; margin: 0.67em 0; } h2 { font-size: 1.5em; margin: 0.83em 0; } h3 { font-size: 1.17em; margin: 1em 0; } h4 { font-size: 1em; margin: 1.33em 0; } h5 { font-size: 0.83em; margin: 1.67em 0; } h6 { font-size: 0.67em; margin: 2.33em 0; } /* Addresses styling not present in IE 7/8/9, Safari 5, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /* Addresses style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome. */ b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } /* Addresses styling not present in Safari 5 and Chrome. */ dfn { font-style: italic; } /* Addresses styling not present in IE 6/7/8/9. */ mark { background: #ff0; color: #000; } /* Addresses margins set differently in IE 6/7. */ p, pre { margin: 1em 0; } /* Corrects font family set oddly in IE 6, Safari 4/5, and Chrome. */ code, kbd, pre, samp { font-family: monospace, serif; _font-family: "courier new", monospace; font-size: 1em; } /* Improves readability of pre-formatted text in all browsers. */ pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } /* Addresses CSS quotes not supported in IE 6/7. */ q { quotes: none; } /* Addresses `quotes` property not supported in Safari 4. */ q:before, q:after { content: ''; content: none; } /* Addresses inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /* Prevents `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* ========================================================================== Lists ========================================================================== */ /* Addresses margins set differently in IE 6/7. */ dl, menu, ol, ul { margin: 1em 0; } dd { margin: 0 0 0 40px; } /* Addresses paddings set differently in IE 6/7. */ menu, ol, ul { padding: 0 0 0 40px; } /* Corrects list images handled incorrectly in IE 7. */ nav ul, nav ol { list-style: none; list-style-image: none; } /* ========================================================================== Embedded content ========================================================================== */ /* 1. Removes border when inside `a` element in IE 6/7/8/9 and Firefox 3. 2. Improves image quality when scaled in IE 7. */ img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ } /* Corrects overflow displayed oddly in IE 9. */ svg:not(:root) { overflow: hidden; } /* ========================================================================== Figures ========================================================================== */ /* Addresses margin not present in IE 6/7/8/9, Safari 5, and Opera 11. */ figure { margin: 0; } /* ========================================================================== Forms ========================================================================== */ /* Corrects margin displayed oddly in IE 6/7. */ form { margin: 0; } /* Define consistent border, margin, and padding. */ fieldset { border: 1px solid silver; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /* 1. Corrects color not being inherited in IE 6/7/8/9. 2. Corrects text not wrapping in Firefox 3. 3. Corrects alignment displayed oddly in IE 6/7. */ legend { border: 0; /* 1 */ padding: 0; white-space: normal; /* 2 */ *margin-left: -7px; /* 3 */ } /* 1. Corrects font size not being inherited in all browsers. 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5, and Chrome. 3. Improves appearance and consistency in all browsers. */ button, input, select, textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */ } /* Addresses Firefox 3+ setting `line-height` on `input` using `!important` in the UA stylesheet. */ button, input { line-height: normal; } /* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Corrects inability to style clickable `input` types in iOS. 3. Improves usability and consistency of cursor style between image-type `input` and others. 4. Removes inner spacing in IE 7 without affecting normal text inputs. Known issue: inner spacing remains in IE 6. */ button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ *overflow: visible; /* 4 */ } /* Re-set default cursor for disabled elements. */ button[disabled], input[disabled] { cursor: default; } /* 1. Addresses box sizing set to content-box in IE 8/9. 2. Removes excess padding in IE 8/9. 3. Removes excess padding in IE 7. Known issue: excess padding remains in IE 6. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */ *width: 13px; /* 3 */ } /* 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome. 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /* Removes inner padding and search cancel button in Safari 5 and Chrome on OS X. */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /* Removes inner padding and border in Firefox 3+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* 1. Removes default vertical scrollbar in IE 6/7/8/9. 2. Improves readability and alignment in all browsers. */ textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /* ========================================================================== Tables ========================================================================== */ /* Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } /* HTML5 Boilerplate What follows is the result of much research on cross-browser styling. Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, Kroc Camen, and the H5BP dev community and team. */ /* ========================================================================== Base styles: opinionated defaults ========================================================================== */ html, button, input, select, textarea { color: #333; } body { font-size: 1em; line-height: 1.4; } /* Remove text-shadow in selection highlight: h5bp.com/i These selection declarations have to be separate. Customize the background color to match your design. */ ::-moz-selection { background: #b3d4fc; text-shadow: none; } ::selection { background: #b3d4fc; text-shadow: none; } /* A better looking default horizontal rule */ hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; } /* Remove the gap between images and the bottom of their containers: h5bp.com/i/440 */ img { vertical-align: middle; } /* Remove default fieldset styles. */ fieldset { border: 0; margin: 0; padding: 0; } /* Allow only vertical resizing of textareas. */ textarea { resize: vertical; } /* ========================================================================== Author's custom styles ========================================================================== */ /* Settings */ h1, h2, h3, h4, h5, h6, th { font-weight: normal; } p { margin: 0; } ul { margin: 0; padding-left: 0; list-style: none; } /* Basic layout */ body, html { height: 100%; } body { background: url(/images/tsone/bg_wrapper.png) center top no-repeat; } body.member { background: url(/images/tsone/bg_wrapper_login.png) center top no-repeat; } #container { position: relative; min-height: 100%; } #contents { margin: 0 auto; padding-bottom: 300px; width: 1080px; } #contents_sub { float: left; padding: 0 30px; width: 240px; background: url(/images/tsone/bg_contents_sub.png) left top no-repeat; } body.member #contents_sub { float: left; padding: 0 30px; width: 240px; background: url(/images/tsone/bg_contents_sub_login.png) left top no-repeat; } #contents_main { float: right; padding-left: 30px; margin-bottom: 200px; width: 750px; background: url(/images/tsone/bg_contents_main.png) left top no-repeat; } body.member #contents_main { float: left; padding-left: 30px; width: 750px; background: url(/images/tsone/bg_contents_main_login.png) left top no-repeat; } footer { margin-top: 150px; width: 100%; position: absolute; bottom: 0; } /* Details */ /* ------------------------------ Common Parts */ /* #contents_sub */ #contents_sub header #logo { margin: 41px 0 0 26px; padding-bottom: 72px; } #contents_sub #box_application { display: none; margin: 36px 0 40px; padding: 0 10px; border-top: solid 1px #ebebeb; border-bottom: solid 1px #ebebeb; } #contents_sub #box_application .lead { margin-top: 30px; padding: 0 5px; color: #333333; font-family: "Reimin Y20 ExtraBold"; font-size: 13px; line-height: 1.6; } #contents_sub #box_application #btn_application { margin: 30px 0 10px 0; height: 40px; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ff9bc2), color-stop(100%, #ff64a0)); background-image: -webkit-linear-gradient(#ff9bc2, #ff64a0); background-image: -moz-linear-gradient(#ff9bc2, #ff64a0); background-image: -o-linear-gradient(#ff9bc2, #ff64a0); background-image: linear-gradient(#ff9bc2, #ff64a0); -pie-background: linear-gradient(#ff9bc2, #ff64a0); -webkit-border-radius: 4px 4px; -moz-border-radius: 4px / 4px; border-radius: 4px / 4px; behavior: url(/css/PIE); } #contents_sub #box_application #btn_application:hover { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ff64a0), color-stop(100%, #ff64a0)); background-image: -webkit-linear-gradient(#ff64a0, #ff64a0); background-image: -moz-linear-gradient(#ff64a0, #ff64a0); background-image: -o-linear-gradient(#ff64a0, #ff64a0); background-image: linear-gradient(#ff64a0, #ff64a0); -pie-background: linear-gradient(#ff64a0, #ff64a0); } #contents_sub #box_application #btn_application a { display: block; padding: 1px 0 0 43px; color: #ffffff; font-family: "ClearTone SG Medium"; font-size: 13px; text-decoration: none; line-height: 39px; background: url(/images/tsone/arw_btn_01.png) 12px 50% no-repeat; } #contents_sub #box_application #btn_application a:hover { background: url(/images/tsone/arw_btn_01_on.png) 12px 50% no-repeat; } #contents_sub #box_news { margin-top: 40px; border: solid 1px #ebebeb; -webkit-border-radius: 6px 6px; -moz-border-radius: 6px / 6px; border-radius: 6px / 6px; behavior: url(/css/PIE); background-color: #fafafa; } #contents_sub #box_news .clearfix { padding: 14px; } #contents_sub #box_news .clearfix h1 { float: left; margin: 0; padding-left: 17px; width: 140px; color: #4d4d4d; font-family: "FB PoynterSerif RE Regular"; font-size: 20px; line-height: 30px; background: url(/images/tsone/arw_heading_01.png) 0 50% no-repeat; } #contents_sub #box_news .clearfix .link_rss { float: right; padding-top: 4px; } #contents_sub #box_news dl { margin: 0; padding: 12px 14px 17px; border-top: solid 1px #ebebeb; border-bottom: solid 1px #ebebeb; } #contents_sub #box_news dl a { color: #666666; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 1.6; text-decoration: none; } #contents_sub #box_news dl a:hover { text-decoration: underline; } #contents_sub #box_news dl dt a { color: #0095ff; } #contents_sub #box_news dl dd { margin-left: 0; padding-bottom: 22px; } #contents_sub #box_news .link_list { padding: 19px 0 19px 38px; } #contents_sub #box_news .link_list a { display: block; padding-left: 28px; color: #4d4d4d; font-family: "ClearTone SG Medium"; font-size: 12px; line-height: 22px; text-decoration: none; background: url(/images/tsone/arw_link_02.png) 0 50% no-repeat; width:170px; } #contents_sub #box_news .link_list a:hover { opacity: 0.7; } #contents_sub .link_banner { margin-top: 40px; text-align: center; } #contents_sub .box_links { margin-top: 20px; padding-bottom: 25px; border: solid 1px #ffe0ed; -webkit-border-radius: 6px 6px; -moz-border-radius: 6px / 6px; border-radius: 6px / 6px; behavior: url(/css/PIE); background-color: #fff7fa; } #contents_sub .box_links h1 { margin: 20px 0; padding: 0 0 0 30px; color: #4c4c4c; font-family: "FB PoynterSerif RE Regular"; font-size: 20px; line-height: 1.6; background: url(/images/tsone/arw_heading_01.png) 15px 50% no-repeat; } #contents_sub .box_links h1 span { display: block; color: #4d4d4d; } #contents_sub .box_links ul { margin: 0 14px; border-top: solid 1px #ffe6f0; } #contents_sub .box_links ul li { border-bottom: solid 1px #ffe6f0; border-left: solid 1px #ffe6f0; border-right: solid 1px #ffe6f0; background-color: #ffffff; } #contents_sub .box_links ul a { display: block; padding-left: 29px; color: #4d4d4d; font-family: "ClearTone SG Medium"; font-size: 12px; line-height: 49px; text-decoration: none; background: url(/images/tsone/arw_list_member.png) 11px 50% no-repeat; } #contents_sub .box_links ul a:hover { color: #ff4c97; } #contents_sub .box_links ul a.active { background-image: url(/images/tsone/arw_list_member_ac.png); background-color: #ff4c97; color: #fff; } #contents_sub .box_links ul dt a { color: #ff4c97; } #contents_sub .box_links ul dd { margin-left: 0; padding-bottom: 22px; } #contents_sub #box_inTrouble { margin-top: 0; } body.member #contents_sub header #logo { padding-bottom: 0; } body.member #contents_sub #box_nav_member { margin-top: 40px; padding-bottom: 50px; border: solid 1px #d9f4ff; -webkit-border-radius: 6px 6px; -moz-border-radius: 6px / 6px; border-radius: 6px / 6px; behavior: url(/css/PIE); background-color: #f2fbff; } body.member #contents_sub #box_nav_member h1 { margin: 21px 0 22px; padding: 3px 0 3px 40px; color: #ff4c97; font-family: "ClearTone SG Medium"; font-size: 14px; line-height: 1.6; background: url(/images/tsone/arw_heading_02.png) 15px 50% no-repeat; } body.member #contents_sub #box_nav_member h1 span { display: block; color: #4d4d4d; } body.member #contents_sub #box_nav_member #nav_member_container ul { margin: 0 9px; } body.member #contents_sub #box_nav_member #nav_member_container ul li { border-bottom: solid 1px #d9f4ff; border-left: solid 1px #d9f4ff; border-right: solid 1px #d9f4ff; background-color: #ffffff; } body.member #contents_sub #box_nav_member #nav_member_container ul a { display: block; padding-left: 29px; color: #4d4d4d; font-family: "ClearTone SG Medium"; font-size: 13px; line-height: 49px; text-decoration: none; background: url(/images/tsone/arw_list_member.png) 11px 50% no-repeat; } body.member #contents_sub #box_nav_member #nav_member_container ul a:hover { color: #0095ff; background: url(/images/tsone/arw_list_member_on.png) 11px 50% no-repeat; } body.member #contents_sub #box_nav_member #nav_member_container ul dt a { color: #0095ff; } body.member #contents_sub #box_nav_member #nav_member_container ul dd { margin-left: 0; padding-bottom: 22px; } body.member #contents_sub #box_nav_member #nav_member_top { border-top: solid 1px #a8e5ff; } body.member #contents_sub #box_nav_member #nav_member_container ul li.nav_font { font-family: "ClearTone SG Medium"; border-bottom: solid 1px #a8e5ff; background-color: transparent; padding: 24px 0 7px 0; font-size: 11px; border-left: none; border-right: none; } body.member #contents_sub #box_nav_member #nav_member_container ul li.nav_font>span { display: block; padding-left: 14px; } body.member #contents_sub #box_nav_member #nav_member_container ul li#nav_font_web>span { padding: 3px 0 2px 25px; background: url(/images/tsone/arw_heading_12.png) 0 50% no-repeat; } body.member #contents_sub #box_nav_member #nav_member_container ul li#nav_font_download>span { padding: 3px 0 2px 25px; background: url(/images/tsone/arw_heading_13.png) 0 50% no-repeat; } body.member #contents_sub #box_nav_member #nav_member_container ul li#nav_font_member>span { padding: 3px 0 2px 25px; background: url(/images/tsone/arw_heading_16.png) 0 50% no-repeat; } body.member #box_nav_member #nav_member_container ul li { position: relative; } body.member #box_nav_member #nav_member_container ul li img { visibility: hidden; position: absolute; top: 0; left: 0; margin-left: -11px; margin-top: -1px; } body.member #box_projects header { margin-top: 30px; margin-bottom: 10px; } body.member #box_projects header h1 { margin: 0; padding: 0 0 0 33px; color: #ff4c97; font-family: "Ryumin Bold KL"; font-size: 16px; background: url(/images/tsone/arw_heading_06.png) 15px 50% no-repeat; } body.member #box_user h2 { margin-top: 30px; margin-bottom: 10px; padding: 0 0 0 33px; color: #ff4c97; font-family: "Ryumin Bold KL"; font-size: 16px; background: url(/images/tsone/arw_heading_06.png) 15px 50% no-repeat; } body.member #box_projects table { width: 720px; color: #333333; font-family: "UD Shin Go Light"; font-size: 13px; } body.member #box_projects table td .inner { padding: 10px 20px 10px 20px; border-bottom: solid 1px white; border-top: solid 1px white; background-color: #ffffff; } body.member #box_projects table td .td_inner { width: 270px; padding: 10px 30px 10px 20px; margin-top:2px; word-wrap:break-word; border-bottom: solid 1px white; border-top: solid 1px #ebebeb; background-color: #ffffff; } body.member_top #box_nav_member #nav_member_container ul li#nav_member_top a { color: #0095ff; } body.member_top #box_nav_member #nav_member_container ul li#nav_member_top img { visibility: visible; } body.announcement #box_nav_member #nav_member_container ul li#nav_announcement a { color: #0095ff; } body.announcement #box_nav_member #nav_member_container ul li#nav_announcement img { visibility: visible; } body.member_fontlist #box_nav_member #nav_member_container ul li#nav_member_fontlist a { color: #0095ff; } body.member_fontlist #box_nav_member #nav_member_container ul li#nav_member_fontlist img { visibility: visible; } body.license #box_nav_member #nav_member_container ul li#nav_license a { color: #0095ff; } body.license #box_nav_member #nav_member_container ul li#nav_license img { visibility: visible; } body.alicense #box_nav_member #nav_member_container ul li#nav_alicense a { color: #0095ff; } body.alicense #box_nav_member #nav_member_container ul li#nav_alicense img { visibility: visible; } body.alicense_script #box_nav_member #nav_member_container ul li#nav_alicense_script a { color: #0095ff; } body.alicense_script #box_nav_member #nav_member_container ul li#nav_alicense_script img { visibility: visible; } body.users_view #box_nav_member #nav_member_container ul li#nav_users_view a { color: #0095ff; } body.users_view #box_nav_member #nav_member_container ul li#nav_users_view img { visibility: visible; } body.users_edit #box_nav_member #nav_member_container ul li#nav_users_edit a { color: #0095ff; } body.users_edit #box_nav_member #nav_member_container ul li#nav_users_edit img { visibility: visible; } body.withdraw #box_nav_member #nav_member_container ul li#nav_withdraw a { color: #0095ff; } body.withdraw #box_nav_member #nav_member_container ul li#nav_withdraw img { visibility: visible; } body.planoptions #box_nav_member #nav_member_container ul li#nav_planoptions a { color: #0095ff; } body.planoptions #box_nav_member #nav_member_container ul li#nav_planoptions img { visibility: visible; } body.fontbuys #box_nav_member #nav_member_container ul li#nav_fontbuy a { color: #0095ff; } body.fontbuys #box_nav_member #nav_member_container ul li#nav_fontbuy img { visibility: visible; } body.savecard #box_nav_member #nav_member_container ul li#nav_updcard a { color: #0095ff; } body.savecard #box_nav_member #nav_member_container ul li#nav_updcard img { visibility: visible; } body.savecards #box_nav_member #nav_member_container ul li#nav_card a { color: #0095ff; } body.savecards #box_nav_member #nav_member_container ul li#nav_card img { visibility: visible; } /* デスクトップフォントサイドメニュー：製品の購入 */ body.dlbuys #box_nav_member #nav_member_container ul li#nav_dlbuy a { color: #0095ff; } body.dlbuys #box_nav_member #nav_member_container ul li#nav_dlbuy img { visibility: visible; } /* デスクトップフォントサイドメニュー：デスクトップフォント設定 */ body.dlsettings #box_nav_member #nav_member_container ul li#nav_dlsetting a { color: #0095ff; } body.dlsettings #box_nav_member #nav_member_container ul li#nav_dlsetting img { visibility: visible; } /* デスクトップフォントサイドメニュー：決済履歴 */ body.dllicense #box_nav_member #nav_member_container ul li#nav_dllicense a { color: #0095ff; } body.dllicense #box_nav_member #nav_member_container ul li#nav_dllicense img { visibility: visible; } /* #contents_main */ #contents_main #nav_sub { margin-top: 5px; padding-left: 397px; } #contents_main #nav_sub>li { display: block; float: right; padding-right: 0; margin-right: 37px;} #contents_main #nav_sub .fandq { display: block; float: left; padding-right: 0; margin-left: 140px;} #contents_main #nav_sub .lang_changaer { margin: 8px 0 0; padding-right: 7px; float:left; } #contents_main #nav_sub .lang_changaer dl { margin: 0; font-size: 0; } #contents_main #nav_sub .lang_changaer dt, #contents_main #nav_sub .lang_changaer dd { vertical-align: middle; display: inline-block; font-size: 1rem; margin: 0; line-height: 1; } #contents_main #nav_sub .lang_changaer dt { font-family: "ClearTone SG Regular"; font-size: 11px; } #contents_main #nav_sub .lang_changaer dd { padding-left: 9px; font-family: "ClearTone SG Regular"; } #contents_main #nav_sub .icon_lang_changaer { vertical-align: middle; margin-right: 6px; } #contents_main #nav_sub .lang_changaer .selectboxit-container .selectboxit { border-radius: 5px; height: 25px; line-height: 25px; background: #fafafa; border: 1px solid #ebebeb; } #contents_main #nav_sub .lang_changaer .selectboxit-container .selectboxit:hover { background-color: #e6e6e6; } #contents_main #nav_sub .selectboxit-container span, .selectboxit-container .selectboxit-options a { height: 25px; line-height: 25px; } #contents_main #nav_sub .selectboxit-default-arrow { border-top-color: #7f7f7f; top: 40%; } #contents_main #nav_sub .selectboxit-container .selectboxit-options { border-radius: 5px; background: #fafafa; border: 1px solid #ebebeb; } #contents_main #nav_sub .lang_changaer a { color: #4d4d4d; line-height: 25px; } #contents_main #nav_sub .selectboxit-focus > .selectboxit-option-anchor { background: #666; color: #fff; } #contents_main #nav_sub li a { display: block; padding-top: 2px; color: #0095ff; font-family: "ClearTone SG Regular"; font-size: 13px; line-height: 38px; text-decoration: none; } #contents_main #nav_sub li a:hover { opacity: 0.7; } #contents_main #nav_sub li.link_login a { display: block; width: 110px; color: #ffffff; font-family: "ClearTone SG Medium"; text-align: center; background: url(/images/tsone/bg_link_login.png) 0 0 no-repeat; } body.member #contents_main #nav_sub li.link_login { border-left: solid 1px #ffc1d9; float:right; margin-right: 29px;} body.member #contents_main #nav_sub li.link_login { border-left: solid 1px #ffc1d9; } body.member #contents_main #nav_sub li.link_login a { display: block; width: 110px; color: #ff4c97; font-family: "ClearTone SG Medium"; text-align: center; background: none; } body.member #contents_main #nav_sub li.link_login a:hover { opacity: 0.7; } #contents_main nav ul { margin-top: 28px; background: url(/images/tsone/line_nav.png) 0 0 no-repeat; } #contents_main nav ul li { display: block; float: left; width: 144px; height: 67px; } #contents_main nav ul li a { display: block; padding-bottom: 4px; color: #4d4d4d !important; font-family: "FB PoynterSerif RE Regular"; font-size: 13px; line-height: 63px; text-align: center; text-decoration: none; background: url(/images/tsone/bg_link_nav.png) 3px 48px no-repeat; } #contents_main nav ul li a:hover { color: #0095ff; background-position: 3px -52px; } body.service #contents_main nav ul li.nav_service a { color: #0095ff; background-position: 3px -140px; } body.about-tryout #contents_main nav ul li.nav_tryout a { color: #0095ff; background-position: 3px -140px; } body.simulator #contents_main nav ul li.nav_simulator a { color: #0095ff; background-position: 3px -140px; } body.plan #contents_main nav ul li.nav_plan a { color: #0095ff; background-position: 3px -140px; } body.fontlist #contents_main nav ul li.nav_fontlist a { color: #0095ff; background-position: 3px -140px; } body.example #contents_main nav ul li.nav_example a { color: #0095ff; background-position: 3px -140px; } #contents_main #list_crumbs { margin-top: 20px; } #contents_main #list_crumbs li { display: block; float: left; } #contents_main #list_crumbs li a { display: block; padding: 0 20px 0 15px; color: #666666; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 1.6; text-decoration: none; background: url(/images/tsone/arw_crumbs.png) right 1px no-repeat; } #contents_main #list_crumbs li a:hover { text-decoration: underline; } #contents_main #list_crumbs li:last-child { padding: 0 0 0 15px; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 1.6; color: #0095ff; background: none; } #contents_main #list_crumbs li:last-child a { padding: 0; color: #0095ff; background: none; } /* header_inSection */ .header_inSection { width: 718px; border: solid 1px #ebebeb; -webkit-border-radius: 6px 6px; -moz-border-radius: 6px / 6px; border-radius: 6px / 6px; behavior: url(/css/PIE); background-color: #fafafa; margin-top: 56px; margin-bottom: 20px; } .header_inSection_first { margin-top: 45px; } .header_inSection h1 { margin: 0; padding: 14px 0 14px 31px; color: #4d4d4d; font-family: "FB Miller Display Bold"; font-size: 20px; line-height: 30px; background: url(/images/tsone/arw_heading_01.png) 14px 50% no-repeat; } .header_inSection.hasFontCategoryWeb, .header_inSection.hasFontCategoryDownload { border-color: #d8f4ff; background-color: #f2fcfe; } .header_inSection.hasFontCategoryWeb h1, .header_inSection.hasFontCategoryDownload h1 { padding-left: 65px; } .header_inSection.hasFontCategoryWeb h1 { background-image: url(/images/tsone/arw_heading_10.png); } .header_inSection.hasFontCategoryDownload h1 { background-image: url(/images/tsone/arw_heading_11.png); } .header_inSection.hasFontCategoryWeb h1 span, .header_inSection.hasFontCategoryDownload h1 span { color: #0095ff; font-size: 14px; } /* footer */ footer { background: -ms-linear-gradient(top, rgba(39,39,39,1) 0%, rgba(51,51,51,1) 40%, rgba(51,51,51,1) 100%); background: linear-gradient(to bottom, rgba(39,39,39,1) 0%, rgba(51,51,51,1) 40%, rgba(51,51,51,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#272727', endColorstr='#333333', GradientType=0 ); } .footer_nav { background-color: #191919; border-bottom: 1px solid #000000; } .footer_nav ul { width: 1000px; margin: 0 auto; padding: 0 40px; } .footer_nav li { float: left; border-right: 1px dotted #474747; } .footer_nav li:first-child { border-left: 1px dotted #474747; } .footer_nav a { display: block; padding: 0 20px; color: #ffffff; font-family: "ClearTone SG Regular"; font-size: 12px; text-decoration: none; line-height: 46px; } .footer_nav a:hover { text-decoration: underline; } .footer_sitemap { width: 1000px; margin: 36px auto 0; padding: 0 10px; background: url(/images/en/bg_footer_sitemap.png) repeat-y 10px 0; padding-bottom: 11px; } .footer_sitemap ul { float: left; width: 210px; line-height: 2.083333333; padding-left: 20px; font-size: 12px; margin-top: -5px; } .footer_sitemap ul a { color: #b1b1b1; text-decoration: none; font-family: "ClearTone SG Regular"; } .footer_sitemap ul a:hover { color: #fff; } .footer_sitemap .footer_logo { float: left; width: 290px; text-align: center; padding-top: 11px; } .footer_sitemap #copyright { margin-top: 28px; text-align: center; color: #666; font-family: "ClearTone SG Regular"; font-size: 12px; line-height: 1; } .footer_sitemap #copyright small { font-size: 100%; } /* btn_social */ #container #contents #btn_social { margin: 40px 0 0; padding: 0; list-style: none; } #container #contents #btn_social li { display: inline-block; margin-right: 15px; padding-left: 0; text-indent: 0; vertical-align: top; line-height: 1; } #container #contents #btn_social .tweet { width: 53px; } #container #contents #btn_social .facebook_like { width: 70px; } #container #contents #btn_social .hatena_bookmark { } /* box_btns_01 */ #box_btns_01 { padding: 60px 210px 0; width: 300px; } #box_btns_01 input.btn_back { display: block; float: left; } #box_btns_01 input.btn_next { display: block; float: right; } #box_btns_01 img.btn_back { display: block; float: left; } #box_btns_01 img.btn_next { display: block; float: right; } /* box_btns_02 */ #box_btns_02 { padding: 60px 200px 0; width: 320px; } #box_btns_02 input.btn_back { display: block; float: left; padding-top: 5px; } #box_btns_02 input.btn_next { display: block; float: right; } #box_btns_02 img.btn_back { display: block; float: left; padding-top: 0px;} #box_btns_02 img.btn_next { display: block; float: right; cursor:pointer;} /* border_table_01 */ .border_table_01 { margin-top: 19px; width: 720px; border-collapse: collapse; border-spacing: 0; } .border_table_01 td { vertical-align: top; padding: 0; font-family: "ClearTone SG Light"; font-size: 13px; background: url(/images/tsone/bg_table_td.png) repeat-x 0 100%; padding: 0 0 3px; } .border_table_01 td .inner { padding: 10px 35px 10px 20px; } .border_table_01 tr:first-child td .inner { padding-top: 13px; background: url(/images/tsone/bg_table_td.png) repeat-x 0 0; } .border_table_01 .col_item .inner { padding: 10px 33px; } .border_table_01 .col_item { border-right: 20px solid white; width: 230px; } .border_table_01 .col_content { width: 470px; background-color: #fafafa; } .border_table_01 .form_nickname { width: 335px; } .border_table_01 .haisin { margin: 0; } .border_table_01 .haisin dt { float: left; } .border_table_01 .haisin dd { float: right; } .border_table_01 input[type="radio"] { margin: 0 6px 0 18px; } .border_table_01 .form_package_name { width: 200px; } .border_table_01 .form_hash { width: 300px; } /* old_border_table_01 */ .old_border_table_01 { margin-top: 19px; border-collapse: collapse; border-spacing: 0; } .old_border_table_01 td { vertical-align: top; padding: 0; font-family: "ClearTone SG Light"; font-size: 13px; background: url(/images/tsone/bg_table_td.png) repeat-x 0 100%; padding: 0 0 3px; } .old_border_table_01 td .inner { padding: 10px 35px 10px 20px; } .old_border_table_01 tr:first-child td .inner { padding-top: 13px; background: url(/images/tsone/bg_table_td.png) repeat-x 0 0; } .old_border_table_01 .col_item .inner { padding: 10px 33px; } .old_border_table_01 .col_item { border-right: 20px solid white; width: 230px; } .old_border_table_01 .col_content { text-align: left; background-color: #fafafa; } .old_border_table_01 .col_content .default { font-family: "ClearTone SG Regular"; } .old_border_table_01 .form_nickname { width: 335px; } .old_border_table_01 .haisin { margin: 0; } .old_border_table_01 .haisin dt { float: left; } .old_border_table_01 .haisin dd { float: right; width:70%; } .old_border_table_01 input[type="radio"] { margin: 0 6px 0 18px; } .old_border_table_01 input[type="checkbox"] { margin: 0 6px 0 18px; } .old_border_table_01 .form_package_name { width: 200px; } .old_border_table_01 .form_hash { width: 300px; } /* border_table_02 */ .border_table_02 { width: 720px; } .border_table_02 th { font-family: "ClearTone SG Regular"; font-size: 13px; border-left: 2px solid white; background: url(/images/tsone/bg_table_th.png) no-repeat -3000px 0; padding: 4px 0 0; text-align: center; } .border_table_02 th .inner { padding: 9px 0 8px; } .border_table_02 td { vertical-align: top; border-left: 2px solid white; padding: 0; font-family: "ClearTone SG Light"; font-size: 13px; } .border_table_02 td .inner { background: url(/images/tsone/bg_table_td.png) repeat-x 0 0; padding: 8px 10px 5px; vertical-align: middle; line-height: 24px; } .border_table_02 td.bottom { background: url(/images/tsone/bg_table_bottom.png) repeat-x 0 100%; padding-bottom: 4px; } .border_table_02 th:first-child, .border_table_02 td:first-child { border-left: none; } .border_table_02 .col_option { width: 476px; } .border_table_02 .col_use { width: 120px; } .border_table_02 .col_use .inner { text-align: center; } .border_table_02 .col_end { col_end: 120px; } .border_table_02 .col_end .inner { text-align: center; } .border_table_02 .col_url { width: 568px; } .border_table_02 .col_btn { width: 74px; text-align: center; } .border_table_02 .col_price { text-align: right; } /* border_table_03 */ .border_table_03_outer { padding-bottom: 4px; background: url(/images/tsone/bg_table_bottom.png) repeat-x 0 100%; } .border_table_03 { width: 720px; } .border_table_03 td { vertical-align: top; padding: 0; font-family: "ClearTone SG Light"; font-size: 13px; } .border_table_03 td .inner { padding: 14px 10px 9px; background: url(/images/tsone/bg_table_td.png) repeat-x 0 0; line-height: 24px; } .border_table_03 tr:first-child td { background: url(/images/tsone/bg_table_th.png) repeat 0 0; padding-top: 3px; } .border_table_03 tr:first-child td .inner { background: none; padding-top: 11px; } .border_table_03 td.bottom { background: url(/images/tsone/bg_table.png) repeat 0 100%; padding-bottom: 3px; } /* text_abobe_submit */ .text_abobe_submit { color: #ff0000; font-family: "ClearTone SG Light"; padding: 20px 0 0; font-size: 13px; text-align: center; } /* input[disabled]+label */ input[disabled]+label { color: #aaa; } /* btn_register_new_font, btn_register_new_site */ #btn_register_new_font { vertical-align: middle; display: inline-block; width: 205px; height: 50px; background: url(/images/btn_register_new_font.png) no-repeat 0 0; } #btn_register_new_font:hover { background: url(/images/btn_register_new_font_on.png) no-repeat 0 0; } #btn_register_new_site { vertical-align: middle; display: inline-block; width: 205px; height: 50px; background: url(/images/btn_register_new_site.png) no-repeat 0 0; } #btn_register_new_site:hover { background: url(/images/btn_register_new_site_on.png) no-repeat 0 0; } #sec_delete_selfdata, #sec_register_new_font, #sec_register_new_site { padding: 20px; font-family: "ClearTone SG Light"; font-size: 12px; line-height: 20px; } #sec_delete_selfdata p, #sec_register_new_font p, #sec_register_new_site p { margin-bottom: 20px; color: #666666; } #sec_register_new_site p#url_validation_msg { color: #ff0000; font-family: "ClearTone SG Light"; font-size: 12px; line-height: 20px; } #sec_register_new_site label { display: block; } #sec_register_new_site #form_modal_url { width: 475px; margin-top: 10px; } #sec_register_new_font .border_table_01, #sec_register_new_site .border_table_01 { width: 560px; } #sec_register_new_font .border_table_01 .col_item, #sec_register_new_site .border_table_01 .col_item { width: 200px; } #sec_register_new_font .border_table_01 .col_content, #sec_register_new_site .border_table_01 .col_content { width: 340px; } #sec_delete_selfdata .btn_modal, #sec_register_new_font .btn_modal, #sec_register_new_site .btn_modal { margin-top: 20px; text-align: center; } /* regist font select dropdown */ #sec_register_new_font { position: relative; padding: 0; } #sec_register_new_font .init-bottom { visibility: hidden; } #input_change_select { position: absolute; z-index: 2; } #select_register_new_font { position: absolute; } #input_change_select { font-size: 12px; width: 258px; height: 20px; } #sec_register_new_font .menu { position: relative; width: 100%; margin: 0; } #sec_register_new_font .menu > li { float: left; width: 264px; height: 24px; line-height: 36px; background-color: #313131; } #sec_register_new_font .menu > li a { display: block; color: #fff; text-decoration: none; padding-left: 12px; } #sec_register_new_font .menu > li a:hover { color: #999; } #sec_register_new_font ul.menu__second-level { visibility: hidden; opacity: 0; max-height: 375px; overflow: auto; font-size: 18px; } #sec_register_new_font ul.menu__third-level { visibility: hidden; opacity: 0; max-height: 250px; overflow: auto; } #sec_register_new_font .menu > li:hover { background-color: #313131; -webkit-transition: all .5s; transition: all .5s; } #sec_register_new_font .menu__second-level li { border-top: 1px solid #111; } #sec_register_new_font .menu__third-level li { border-top: 1px solid #111; } #sec_register_new_font .menu__second-level li a:hover { background-color: #313131; } #sec_register_new_font .menu__third-level li a:hover { background-color: white; } #sec_register_new_font .menu:before, #sec_register_new_font .menu:after { content: " "; display: table; } #sec_register_new_font .menu:after { clear: both; } #sec_register_new_font.menu { *zoom: 1; } #sec_register_new_font .menu > li.menu__multi { position: relative; } #sec_register_new_font li.menu__multi ul.menu__second-level { position: absolute; top: 24px; width: 100%; background-color: #313131; -webkit-transition: all .2s ease; transition: all .2s ease; } #sec_register_new_font li.menu__multi.hover ul.menu__second-level { top: 28px; visibility: visible; opacity: 1; } #sec_register_new_font li.menu__multi ul.menu__second-level li { position: relative; } #sec_register_new_font li.menu__multi ul.menu__second-level li:hover { background-color: #313131; } #sec_register_new_font li.menu__multi ul.menu__second-level li ul.menu__third-level { position: fixed; width: 264px; background-color: #313131; -webkit-transition: all .1s ease; transition: all .1s ease; transform: translate3d(0, 0, 0); } #sec_register_new_font li.menu__multi ul.menu__second-level li:hover ul.menu__third-level, #sec_register_new_font li.menu__multi ul.menu__second-level li.hover ul.menu__third-level { visibility: visible; opacity: 1; } #sec_register_new_font li.menu__multi ul.menu__second-level li ul.menu__third-level li { position: relative; } #sec_register_new_font li.menu__multi ul.menu__second-level li ul.menu__third-level li:hover { background: #2a1f1f; } /* secTryout */ #secTryout .input-Wrapper { margin-top: 27px;color: #666666; font-family: "ClearTone SG Light"; font-size: 14px; line-height: 1.8; } #secTryout .uri-input { vertical-align: middle; font-size: 16px; width: 295px; padding: 0 0 0 4px; height: 40px; background-color: #fff; border: 1px solid #cccccc; border-right: none; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } #secTryout .submit-btn {vertical-align: middle; font-size: 13px; width: 80px; padding: 0; height: 42px; border: solid #000000 1px; border-radius: 0 5px 5px 0; color: #fff; font-family: "ClearTone SG Regular"; box-shadow: inset -1px 1px 0px rgba(255, 255, 255, 0.5); overflow: hidden; background: #8A8A8A;background: -ms-linear-gradient(top, #8a8a8a 0%,#4d4d4d 100%); /* IE10+ */ background: linear-gradient(to bottom, #8a8a8a 0%,#4d4d4d 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8a8a8a', endColorstr='#4d4d4d',GradientType=0 ); /* IE6-8 */ } #secTryout .submit-btn:hover { border: solid #000000 1px; box-shadow: inset -1px 1px 0px rgba(255, 255, 255, 0.2); background: #5e5e5e;background: -ms-linear-gradient(top, #5e5e5e 0%,#4d4d4d 100%); /* IE10+ */ background: linear-gradient(to bottom, #5e5e5e 0%,#4d4d4d 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5e5e5e', endColorstr='#4d4d4d',GradientType=0 ); /* IE6-8 */ } /* box_page */ .boxTSPage { margin-top: 29px; } .boxTSPage_secH1 { margin: 0; font-family: "FB Miller Display Bold"; font-size: 36px; line-height: 58px; color: #000000; } .boxTSPage_lead { margin-top: 42px; color: #666666; font-family: "ClearTone SG Medium"; font-size: 14px; line-height: 22px; } /* box_section */ .boxTSPageSection { width: 720px; } /* sectionHeader */ .boxTSPageSection_secHeader { margin-top: 100px; margin-bottom: 20px; width: 718px; border: solid 1px #ebebeb; -webkit-border-radius: 6px 6px; -moz-border-radius: 6px / 6px; border-radius: 6px / 6px; behavior: url(/css/PIE); background-color: #fafafa; padding-left: 0; } .boxTSPageSection:first-of-type .boxTSPageSection_secHeader { margin-top: 60px; } .boxTSPageSection_secH1 { margin: 0; padding: 14px 0 14px 31px; color: #4d4d4d; font-family: "FB Miller Display Bold"; font-size: 20px; line-height: 30px; background: url(/images/tsone/arw_heading_01.png) 14px 50% no-repeat; } /* ------------------------------ Home */ body.home #contents_sub header #logo { padding-bottom: 0; } body.home #contents_main #vi { position: relative; margin-top: 45px; padding-top: 43px; width: 720px; background: url(/images/tsone/bg_vi.png) left top no-repeat; } body.home #contents_main #vi #slider_container { width: 268px; position: absolute; top: -4px; right: 10px; } body.home #contents_main #vi #slider_container .ui-slider { background: url(/images/tsone/bg_slider.png) left top no-repeat; } body.home #contents_main #vi #slider_container .ui-slider .ui-slider-handle { display: block; margin-top: -6px; width: 26px; height: 36px; background: url(/images/tsone/btn_slider.png) left top no-repeat; } body.home #contents_main #vi #slider_container .ui-slider .ui-slider-handle:hover { background-position: 0 -50px; } body.home #contents_main #vi #slider_container .ui-slider-horizontal { height: 8px; } body.home #contents_main #vi #slider_container .ui-corner-all { border: none; } body.home #contents_main #vi #slideshow { margin-top: -35px; background: url(/images/en/tsone/bg_slideshow.png) right 8px no-repeat; } body.home #contents_main #vi #slideshow .font_current { padding: 0 0 0 15px; color: #333333; font-family: "ClearTone SG Regular"; font-size: 12px; line-height: 1.67; } body.home #contents_main #vi #slideshow h1 { margin: 14px 0 0; padding-left: 30px; color: #000000; font-size: 60px; line-height: 1.3; vertical-align: bottom; } body.home #contents_main #vi #slideshow .lead { margin: 21px 0 0; padding: 0 36px 0 30px; color: #000000; font-size: 21px; line-height: 1.6; } body.home #contents_main #vi #slideshow #slide01 { font-family: "Ryumin Regular KL"; } body.home #contents_main #vi #slideshow #slide02 { font-family: "Shin Go Medium"; } body.home #contents_main #vi #slideshow #slide03 { font-family: "Gothic MB101 Bold"; } body.home #contents_main #vi #slideshow #slide04 { font-family: "Midashi Min MA31"; } body.home #contents_main #vi #slideshow #slide05 { font-family: "Jun 34"; } body.home #contents_main #vi #slideshow #slide06 { font-family: "Futo Go B101"; } body.home #contents_main #vi #slideshow #slide07 { font-family: "Futo Min A101"; } body.home #contents_main #box_tq { margin-top: 25px; padding: 0 0 36px 30px; width: 688px; border: solid 1px #ebebeb; -webkit-border-radius: 6px 6px; -moz-border-radius: 6px / 6px; border-radius: 6px / 6px; behavior: url(/css/PIE); } body.home #contents_main #box_tq .lc { float: left; width: 380px; } body.home #contents_main #box_tq .lc h1 { margin: 23px 0 0; color: #0095ff; font-family: "FB Miller Display Bold"; font-size: 24px; line-height: 1.3; } body.home #contents_main #box_tq .lc .lead { margin-top: 16px; color: #666666; font-family: "ClearTone SG Light"; font-size: 14px; line-height: 1.8; } body.home #contents_main #box_tq .rc { float: right; margin-top: 36px; width: 266px; background: url(/images/en/tsone/bg_home_sec_ts.png) 4px 0 no-repeat; } body.home #contents_main #box_tq .rc p { margin-top: 128px; color: #000000; font-family: "Ryumin Medium KL"; font-size: 78px; line-height: 1.4; } body.home #contents_main #box_tq #btn_tq { margin-top: 11px; width: 380px; height: 44px; } body.home #contents_main #box_tq #btn_tq a { display: block; padding-left: 41px; color: #4c4c4c; font-family: "ClearTone SG Medium"; font-size: 12px; line-height: 44px; text-decoration: none; background: #edfaff url(/images/tsone/arw_btn_02.png) 12px 50% no-repeat; -webkit-border-radius: 4px 4px; -moz-border-radius: 4px / 4px; border-radius: 4px / 4px; behavior: url(/css/PIE); } body.home #contents_main #box_tq #btn_tq a:hover { color: #333333; background: #d9f4ff url(/images/tsone/arw_btn_02_on.png) 12px 50% no-repeat; } body.home #contents_main #box_tryout { margin-top: 40px; padding: 0 0 36px 30px; width: 688px; border: solid 1px #ebebeb; -webkit-border-radius: 6px 6px; -moz-border-radius: 6px / 6px; border-radius: 6px / 6px; behavior: url(/css/PIE); background: url(/images/en/bg_home_sec_tryout.png) 449px 23px no-repeat; } body.home #contents_main #box_tryout h1 { margin: 23px 0 0; width: 380px; color: #0095ff; font-family: "FB Miller Display Bold"; font-size: 24px; line-height: 1.3; } body.home #contents_main #box_tryout p { margin-top: 16px; width: 380px; color: #666666; font-family: "ClearTone SG Light"; font-size: 14px; line-height: 1.8; } body.home #contents_main #box_tryout #btn_tryout { margin-top: 96px; width: 380px; height: 44px; } body.home #contents_main #box_tryout #btn_tryout a { display: block; padding-left: 41px; color: #4c4c4c; font-family: "ClearTone SG Medium"; font-size: 12px; line-height: 44px; text-decoration: none; background: #edfaff url(/images/tsone/arw_btn_02.png) 12px 50% no-repeat; -webkit-border-radius: 4px 4px; -moz-border-radius: 4px / 4px; border-radius: 4px / 4px; behavior: url(/css/PIE); } body.home #contents_main #box_tryout #btn_tryout a:hover { color: #333333; background: #d9f4ff url(/images/tsone/arw_btn_02_on.png) 12px 50% no-repeat; } body.home #contents_sub #box_application { display: block; } body.home #container #contents #contents_sub #btn_social { margin-left: 20px; } body.home #container #contents #contents_sub #btn_social .facebook_like { margin-right: 0; } body.home #container #contents #contents_sub #btn_social .tw_follow { width: 100%; } /* ------------------------------ Member Top */ body.member_top #box_announcement { margin-top: 48px; } body.member_top #box_announcement .header_container { width: 718px; border: solid 1px #ebebeb; -webkit-border-radius: 6px 6px; -moz-border-radius: 6px / 6px; border-radius: 6px / 6px; behavior: url(/css/PIE); background-color: #fafafa; } body.member_top #box_announcement .header_container h1 { float: left; margin: 0; padding: 14px 0 14px 31px; width: 250px; color: #4d4d4d; font-family: "FB Miller Display Bold"; font-size: 20px; line-height: 30px; background: url(/images/tsone/arw_heading_01.png) 14px 50% no-repeat; } body.member_top #box_announcement .header_container .link_lists { float: right; width: 154px; border-left: solid 1px #ebebeb; } body.member_top #box_announcement .header_container .link_lists a { display: block; margin: 0; padding: 1px 0 0 47px; color: #4c4c4c; font-family: "ClearTone SG Medium"; font-size: 12px; line-height: 57px; text-decoration: none; background: url(/images/tsone/arw_link_02.png) 20px 50% no-repeat; } body.member_top #box_announcement .header_container .link_lists a:hover { opacity: 0.7; } body.member_top #box_announcement dl { margin: 0; } body.member_top #box_announcement dl a { display: block; padding-top: 1px; color: #666666; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 21px; text-decoration: none; } body.member_top #box_announcement dl a:hover { text-decoration: underline; } body.member_top #box_announcement dl dt { display: table-cell; vertical-align: middle; padding: 6px 0 6px 30px; width: 203px; border-bottom: solid 1px #ebebeb; } body.member_top #box_announcement dl dt a { color: #0095ff; } body.member_top #box_announcement dl dt .inner { color: #0095ff; } body.member_top #box_announcement dl dt .icon_font_type { margin-left: 10px; } body.member_top #box_announcement dl dd { display: table-cell; vertical-align: middle; padding: 6px 0; margin-left: 0; width: 490px; border-bottom: solid 1px #ebebeb; color: #666666; font-size: 13px; font-family: "ClearTone SG Light";} body.member_top .box_plan { margin-top: 26px; } body.member_top .box_plan .header_container { width: 718px; border: solid 1px #ebebeb; -webkit-border-radius: 6px 6px; -moz-border-radius: 6px / 6px; border-radius: 6px / 6px; behavior: url(/css/PIE); background-color: #fafafa; } body.member_top .box_plan .header_container h1 { margin: 0; padding: 14px 0 14px 31px; color: #4d4d4d; font-family: "FB Miller Display Bold"; font-size: 20px; line-height: 30px; background: url(/images/tsone/arw_heading_01.png) 14px 50% no-repeat; } body.member_top #box_plan .header_container h1 { background-image: url(/images/tsone/arw_heading_10.png); padding-left: 65px; } body.member_top #box_plan .header_container, body.member_top #box_plan_download .header_container { border-color: #d8f4ff; background-color: #f2fcfe; } body.member_top #box_plan_download .header_container h1 { background-image: url(/images/tsone/arw_heading_11.png); padding-left: 65px; } body.member_top #box_plan .header_container h1 span, body.member_top #box_plan_download .header_container h1 span { color: #0095ff; font-size: 14px; } body.member_top .box_plan .icon_font_type { margin-right: 9px; vertical-align: -5px; } body.member_top .box_plan .border_table_02 { margin: 10px 10px 0; width: 700px; } body.member_top .box_plan .border_table_02 a { color: #0095ff; text-decoration: none; } body.member_top .box_plan .border_table_02 a:hover { text-decoration: underline; } body.member_top .box_plan .border_table_02 .col_plan { width: 349px; text-align: left; } body.member_top .box_plan .border_table_02 th.col_plan { color: #ff499a; } body.member_top .box_plan .border_table_02 .col_pv { width: 115px; } body.member_top .box_plan .border_table_02 .col_term { width: 115px; } body.member_top .box_plan .border_table_02 .col_plan .inner { padding-left: 20px; } body.member_top .box_plan .border_table_02 .col_pv .inner, body.member_top .box_plan .border_table_02 .col_term .inner { text-align: center; } body.member_top .box_plan .border_table_02 .col_dl_plan { width: 420px; text-align: left; } body.member_top .box_plan .border_table_02 th.col_dl_plan { color: #ff499a; } body.member_top .box_plan .border_table_02 .col_dl_term, body.member_top .box_plan .border_table_02 .col_dl_num { width: 115px; } body.member_top .box_plan .border_table_02 .col_dl_plan .inner { padding-left: 20px; } body.member_top .box_plan .border_table_02 .col_dl_term .inner, body.member_top .box_plan .border_table_02 .col_dl_num .inner { text-align: center; } body.member_top .box_plan dl { margin: 0; } body.member_top .box_plan dl a { color: #666666; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 40px; text-decoration: none; } body.member_top .box_plan dl a:hover { text-decoration: underline; } body.member_top .box_plan dl dt { display: block; float: left; padding-left: 31px; width: 112px; border-bottom: solid 1px #ebebeb; } body.member_top .box_plan dl dt a { color: #0095ff; } body.member_top .box_plan dl dd { display: block; float: left; margin-left: 0; width: 577px; border-bottom: solid 1px #ebebeb; color: #666666; font-size: 13px; font-family: "ClearTone SG Light"; margin-top: 3px;} body.member_top #box_news { margin-top: 100px; } body.member_top #box_news .header_container { width: 718px; border: solid 1px #ebebeb; -webkit-border-radius: 6px 6px; -moz-border-radius: 6px / 6px; border-radius: 6px / 6px; behavior: url(/css/PIE); background-color: #fafafa; } body.member_top #box_news .header_container h1 { float: left; margin: 0; padding: 14px 0 14px 31px; width: 391px; color: #4d4d4d; font-family: "FB Miller Display Bold"; font-size: 20px; line-height: 30px; background: url(/images/tsone/arw_heading_01.png) 14px 50% no-repeat; } body.member_top #box_news .header_container .link_lists { float: left; width: 230px; border-left: solid 1px #ebebeb; } body.member_top #box_news .header_container .link_lists a { display: block; margin: 0; padding: 1px 0 0 47px; color: #4c4c4c; font-family: "ClearTone SG Medium"; font-size: 12px; line-height: 57px; text-decoration: none; background: url(/images/tsone/arw_link_02.png) 20px 50% no-repeat; } body.member_top #box_news .header_container .link_lists a:hover { opacity: 0.7; } body.member_top #box_news .header_container .link_rss { float: left; padding: 18px 0 0 20px; width: 44px; height: 40px; border-left: solid 1px #ebebeb; } body.member_top #box_news dl { margin: 0; } body.member_top #box_news dl a { display: block; padding-top: 1px; color: #666666; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 1.6; text-decoration: none; } body.member_top #box_news dl a:hover { text-decoration: underline; } body.member_top #box_news dl dt { display: table-cell; vertical-align: middle; padding: 6px 0 6px 30px; width: 260px; border-bottom: solid 1px #ebebeb; } body.member_top #box_news dl dt a { color: #0095ff; } body.member_top #box_news dl dt .inner { color: #0095ff; } body.member_top #box_news dl dt .icon_font_type { margin-left: 10px; } body.member_top #box_news dl dd { display: table-cell; vertical-align: middle; padding: 6px 0; margin-left: 0; width: 490px; border-bottom: solid 1px #ebebeb; color: #666666; font-size: 13px; font-family: "ClearTone SG Light";} body.member_top #box_announcement #sec_no_site_registration { padding: 3px; zoom: 1; margin-bottom: 40px; width: 714px; font-family: "ClearTone SG Light"; font-size: 13px; } body.member_top #box_announcement #sec_no_site_registration .sec_inner { background-color: #edfaff; padding: 21px 0 20px; text-align: center; } body.member_top #box_announcement #sec_no_site_registration strong { color: #f00; font-size: 15px; font-family: "ClearTone SG Medium"; } body.member_top #box_announcement #sec_no_site_registration p { margin-top: 9px; line-height: 1.615384615; } body.member_top #box_announcement #sec_no_site_registration p:first-child { margin-top: 0; } body.member_top #box_announcement #sec_no_site_registration a { color: #f00; text-decoration: none; } body.member_top #box_announcement #sec_no_site_registration a:hover { text-decoration: underline; } /* ------------------------------ Error */ body.error { background: none; height: auto; } body.error #container #contents { padding-bottom: 0; text-align: center; } body.error #container #contents #logo { margin: 73px 0 0; } body.error #container #contents h2 { margin-top: 106px; color: #000000; font-family: "FB PoynterSerif RE Regular"; font-size: 20px; line-height: 28px; } body.error #container #contents p { margin-top: 35px; color: #666666; font-family: "ClearTone SG Light"; font-size: 14px; line-height: 25px; } /* ------------------------------ Users Input */ body.users_input #box_users_input > header { padding-left: 12px; } body.users_input #box_users_input > header h1, body.users_input #box_users_input > header h2 { color: #000000; font-family: "FB Miller Display Bold"; } body.users_input #box_users_input > header h2 { margin: 40px 0 0; font-size: 14px; line-height: 22px; } body.users_input #box_users_input > header h1 { margin: 0; font-size: 28px; line-height: 36px; } body.users_input #box_users_input #box_contractor { margin-top: 46px; } body.users_input #box_users_input #box_contractor header { margin-bottom: 20px; width: 718px; border: solid 1px #ebebeb; -webkit-border-radius: 6px 6px; -moz-border-radius: 6px / 6px; border-radius: 6px / 6px; behavior: url(/css/PIE); background-color: #fafafa; } body.users_input #box_users_input #box_contractor header h1 { float: left; margin: 0; padding: 14px 0 14px 31px; width: 300px; color: #4d4d4d; font-family: "FB Miller Display Bold"; font-size: 20px; line-height: 30px; background: url(/images/tsone/arw_heading_01.png) 14px 50% no-repeat; } body.users_input #box_users_input #box_contractor header .note { float: right; padding-right: 24px; width: 150px; color: #4c4c4c; font-family: "ClearTone SG Medium"; font-size: 12px; line-height: 58px; text-align: right; } body.users_input #box_users_input #box_contractor header .note span { color: #ff0000; margin-right: 0.5em; } /*body.users_input #box_users_input #box_contractor #box_corporate { display: none; }*/ body.users_input #box_users_input #box_contractor table { width: 720px; color: #333333; font-family: "ClearTone SG Light"; font-size: 13px; } body.users_input #box_users_input #box_contractor table th, body.users_input #box_users_input #box_contractor table td { padding: 0; } body.users_input #box_users_input #box_contractor table th { padding-left: 33px; width: 197px; text-align: left; border-top: solid 1px #ebebeb; border-bottom: solid 1px #ebebeb; border-right: solid 20px white; } body.users_input #box_users_input #box_contractor table th.indispensable { padding-left: 0; width: 230px; } body.users_input #box_users_input #box_contractor table th.indispensable span { display: inline-block; width: 33px; color: #ff0000; text-align: center; } body.users_input #box_users_input #box_contractor table .top th { border-top: none; } body.users_input #box_users_input #box_contractor table td { margin-left: 0; width: 470px; border-top: solid 1px #ebebeb; } body.users_input #box_users_input #box_contractor table td.last { border-bottom: solid 1px #ebebeb; } body.users_input #box_users_input #box_contractor table td .td_inner { padding: 10px 30px 10px 20px; border-top: solid 1px white; border-bottom: solid 1px white; background-color: #fafafa; } body.users_input #box_users_input #box_contractor table td .note { font-size: 11px; margin-top: 5px; } body.users_input #box_users_input #box_contractor table td input[type="text"] { width: 410px; } body.users_input #box_users_input #box_contractor table td .zip_container { float: left; } body.users_input #box_users_input #box_contractor table td input[type="image"].input_btn { float: left; padding-left: 15px; } body.users_input #box_users_input #box_contractor table td .input_corporate { margin-right: 0.5em; } body.users_input #box_users_input #box_contractor table td .input_private { margin: 0 0.5em 0 40px; } body.users_input #box_users_input #box_contractor table td input.input_familyname { width: 145px; margin: 0 32px 0 9px; } body.users_input #box_users_input #box_contractor table td input.input_firstname { width: 145px; margin: 0 0 0 9px; } body.users_input #box_users_input #box_contractor table td input.input_zip3 { width: 58px; margin-right: 5px; } body.users_input #box_users_input #box_contractor table td input.input_zip4 { width: 98px; margin-left: 5px; } body.users_input #box_users_input #box_contractor table .top td { border-top: none; } body.users_input #box_users_input #box_user { margin-top: 60px; } body.users_input #box_users_input #box_user header { position: relative; margin-bottom: 20px; width: 718px; border: solid 1px #ebebeb; -webkit-border-radius: 6px 6px; -moz-border-radius: 6px / 6px; border-radius: 6px / 6px; behavior: url(/css/PIE); background-color: #fafafa; } body.users_input #box_users_input #box_user header h1 { float: left; margin: 0; padding: 14px 0 14px 31px; width: 300px; color: #4d4d4d; font-family: "FB Miller Display Bold"; font-size: 20px; line-height: 30px; background: url(/images/tsone/arw_heading_01.png) 14px 50% no-repeat; } body.users_input #box_users_input #box_user header .note { float: right; padding-right: 24px; width: 150px; color: #4c4c4c; font-family: "ClearTone SG Medium"; font-size: 12px; line-height: 58px; text-align: right; } body.users_input #box_users_input #box_user header .note span { color: #ff0000; margin-right: 0.5em; } body.users_input #box_users_input #box_user header input { position: absolute; top: 18px; left: 150px; } body.users_input #box_users_input #box_user table { width: 720px; color: #333333; font-family: "ClearTone SG Light"; font-size: 13px; } body.users_input #box_users_input #box_user table th { padding-left: 33px; width: 197px; text-align: left; border-top: solid 1px #ebebeb; border-bottom: solid 1px #ebebeb; border-right: solid 20px white; } body.users_input #box_users_input #box_user table th.indispensable { padding-left: 0; width: 230px; } body.users_input #box_users_input #box_user table th.indispensable span { display: inline-block; width: 33px; color: #ff0000; text-align: center; } body.users_input #box_users_input #box_user table .top th { border-top: none; } body.users_input #box_users_input #box_user table td { margin-left: 0; width: 470px; border-top: solid 1px #ebebeb; border-bottom: solid 1px #ebebeb; } body.users_input #box_users_input #box_user table td.last { border-bottom: solid 1px #ebebeb; } body.users_input #box_users_input #box_user table td .td_inner { padding: 10px 30px 10px 20px; border-top: solid 1px white; border-bottom: solid 1px white; background-color: #fafafa; } body.users_input #box_users_input #box_user table td .note { font-size: 11px; margin-top: 5px; } body.users_input #box_users_input #box_user table td input[type="text"] { width: 410px; } body.users_input #box_users_input #box_user table td input[type="checkbox"] { margin-right: 10px; } body.users_input #box_users_input #box_user table td input.input_familyname { width: 145px; margin: 0 32px 0 9px; } body.users_input #box_users_input #box_user table td input.input_firstname { width: 145px; margin: 0 0 0 9px; } body.users_input #box_users_input #box_btns { padding: 60px 210px 0; width: 300px; } body.users_input #box_users_input #box_btns input.btn_back { display: block; float: left; } body.users_input #box_users_input #box_btns input.btn_next { display: block; float: right; } /* ------------------------------ Users Login */ body.users_login #box_users_login { margin-top: 40px; } body.users_login #box_users_login header { padding-left: 12px; } body.users_login #box_users_login header h1 { margin: 0; color: #000000; font-family: "FB Miller Display Bold"; font-size: 28px; line-height: 36px; } body.users_login #box_users_login table { margin-top: 46px; width: 720px; color: #666666; font-family: "ClearTone SG Light"; font-size: 13px; } body.users_login #box_users_login table th, body.users_login #box_users_login table td { padding: 0; } body.users_login #box_users_login table th { padding-left: 15px; width: 220px; text-align: left; border-top: solid 1px #ebebeb; border-bottom: solid 1px #ebebeb; border-right: solid 20px white; } body.users_login #box_users_login table td { margin-left: 0; width: 470px; border-top: solid 1px #ebebeb; border-bottom: solid 1px #ebebeb; } body.users_login #box_users_login table td .td_inner { padding: 10px 30px 10px 20px; border-top: solid 1px white; border-bottom: solid 1px white; background-color: #fafafa; } body.users_login #box_users_login table td input[type="text"] { width: 280px; } body.users_login #box_users_login #box_btns { padding: 60px 0 0; text-align: center; width: 720px; } body.users_login #box_users_login #box_btns .note { margin-top: 20px; color: #666666; font-family: "ClearTone SG Light"; font-size: 14px; line-height: 22px; } body.users_login #box_users_login #box_btns .note a { color: #0095ff; text-decoration: none; } body.users_login #box_users_login #box_btns .note a:hover { text-decoration: underline; } /* ------------------------------ Users Entrytop */ body.users_entrytop #box_users_entrytop { margin-top: 40px; } body.users_entrytop #box_users_entrytop header { padding-left: 12px; } body.users_entrytop #box_users_entrytop header h1 { margin: 0; color: #000000; font-family: "FB Miller Display Bold"; font-size: 28px; line-height: 36px; } body.users_entrytop #box_users_entrytop .lead { margin-top: 46px; padding-top: 46px; width: 720px; color: #333333; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 21px; text-align: center; border-top: 1px solid #ebebeb; } body.users_entrytop #box_users_entrytop #box_btns { padding: 56px 0 0; width: 720px; text-align: center; } body.users_entrytop #box_users_entrytop #box_btns .note { margin-top: 20px; color: #666666; font-family: "ClearTone SG Light"; font-size: 14px; line-height: 22px; } body.users_entrytop #box_users_entrytop #box_btns .note a { color: #0095ff; text-decoration: none; } body.users_entrytop #box_users_entrytop #box_btns .note a:hover { text-decoration: underline; } /* ------------------------------ Users Select */ body.users_select #box_users_select { margin-top: 40px; } body.users_select #box_users_select header { padding-left: 12px; } body.users_select #box_users_select header h1, body.users_select #box_users_select header h2 { color: #000000; font-family: "FB Miller Display Bold"; } body.users_select #box_users_select header h2 { margin: 40px 0 0; font-size: 14px; line-height: 22px; } body.users_select #box_users_select header h1 { margin: 0; font-size: 28px; line-height: 36px; } body.users_select #box_users_select dl { margin: 46px 0 0; width: 720px; color: #333333; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 39px; } body.users_select #box_users_select dl dt, body.users_select #box_users_select dl dd { display: block; border-bottom: 1px solid #ebebeb; background-color: #ffffff; } body.users_select #box_users_select dl dt { float: left; width: 470px; } body.users_select #box_users_select dl dt .inner { background-color: #ffffff; } body.users_select #box_users_select dl dt.top { padding-top: 3px; background: url(/images/tsone/line_dots_bold.png) repeat-x 0 0; } body.users_select #box_users_select dl dt.bottom { padding-bottom: 3px; border-bottom: none; background: url(/images/tsone/line_dots_bold.png) repeat-x 0 bottom; } body.users_select #box_users_select dl dt.bottom span { display: block; font-size: 13px; line-height: 1.4; margin-left: 10px; } body.users_select #box_users_select dl dt.bottom_coupon { padding: 20px 0 13px; min-height: 60px; border-bottom: none; background: url(/images/tsone/line_dots_top_bottom.png) repeat-x 0 bottom; } body.users_select #box_users_select dl dt.bottom_coupon input{ line-height: 1.4; width: 280px; } body.users_select #box_users_select dl dt.bottom_coupon span { display: block; font-size: 13px; line-height: 1.4; margin-left: 10px; } body.users_select #box_users_select dl dt input { margin: 0 8px 0 12px; } body.users_select #box_users_select dl dd { float: right; margin-left: 0; width: 230px; text-align: right; background-color: #fafafa; } body.users_select #box_users_select dl dd .inner { padding-right: 34px; background-color: #fafafa; } body.users_select #box_users_select dl dd.top { padding-top: 3px; background: #fafafa url(/images/tsone/line_dots_bold.png) repeat-x 0 0; } body.users_select #box_users_select dl dd.bottom { padding-bottom: 3px; border-bottom: none; background: #fafafa url(/images/tsone/line_dots_bold.png) repeat-x 0 bottom; } body.users_select #box_users_select dl dd.bottom_coupon { padding: 20px 0 13px; border-bottom: none; min-height: 60px; background: transparent url(/images/tsone/line_dots_top_bottom.png) repeat-x 0 bottom; } body.users_select #box_users_select dl .inner { border-top: 1px solid white; } body.users_select #box_users_select dl.sum { margin-top: 0; font-family: "ClearTone SG Medium"; } body.users_select #box_users_select dl.sum dt { margin-left: 390px; width: 80px; text-align: center; } body.users_select #box_users_select dl.sum dd { color: #0095ff; } body.users_select #box_users_select dl.sum dd .inner { background-color: #ffffff; } body.users_select #box_users_select #box_btns { padding: 60px 210px 0; width: 300px; } body.users_select #box_users_select #box_btns input.btn_back { display: block; float: left; } body.users_select #box_users_select #box_btns input.btn_next { display: block; float: right; } /* ------------------------------ Users Select Confirm */ body.users_selectconfirm #box_users_selectconfirm { margin-top: 40px; } body.users_selectconfirm #box_users_selectconfirm header { padding-left: 12px; } body.users_selectconfirm #box_users_selectconfirm header h1, body.users_selectconfirm #box_users_selectconfirm header h2 { color: #000000; font-family: "FB Miller Display Bold"; } body.users_selectconfirm #box_users_selectconfirm header h2 { margin: 40px 0 0; font-size: 14px; line-height: 22px; } body.users_selectconfirm #box_users_selectconfirm header h1 { margin: 0; font-size: 28px; line-height: 36px; } body.users_selectconfirm #box_users_selectconfirm .notice { margin: 46px 0 0; padding-top: 24px; width: 720px; height: 52px; color: #ff0000; font-family: "ClearTone SG Medium"; font-size: 13px; line-height: 21px; text-align: center; background: url(/images/tsone/bg_notice.png) no-repeat 0 0; } body.users_selectconfirm #box_users_selectconfirm dl { margin: 14px 0 0; width: 720px; color: #333333; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 39px; } body.users_selectconfirm #box_users_selectconfirm dl dt, body.users_selectconfirm #box_users_selectconfirm dl dd { display: block; background-color: #ffffff; } body.users_selectconfirm #box_users_selectconfirm dl dt { float: left; width: 470px; } body.users_selectconfirm #box_users_selectconfirm dl dt .inner { padding: 0 20px 0 15px; } body.users_selectconfirm #box_users_selectconfirm dl dt .inner span { float: left; } body.users_selectconfirm #box_users_selectconfirm dl dt .inner span.coupon_code { float: right; } body.users_selectconfirm #box_users_selectconfirm dl dt.top { padding-top: 3px; background: url(/images/tsone/line_dots_top_bottom.png) repeat-x 0 0; } body.users_selectconfirm #box_users_selectconfirm dl dt.bottom { padding-bottom: 3px; border-bottom: none; background: url(/images/tsone/line_dots_top_bottom.png) repeat-x 0 bottom; } body.users_selectconfirm #box_users_selectconfirm dl dt input { margin: 0 8px 0 12px; } body.users_selectconfirm #box_users_selectconfirm dl dd { float: right; margin-left: 0; width: 230px; text-align: right; background-color: #fafafa; } body.users_selectconfirm #box_users_selectconfirm dl dd .inner { padding-right: 34px; border-bottom: none; } body.users_selectconfirm #box_users_selectconfirm dl dd.top { padding-top: 3px; background: #fafafa url(/images/tsone/line_dots_top_bottom.png) repeat-x 0 0; } body.users_selectconfirm #box_users_selectconfirm dl dd.bottom { padding-bottom: 3px; border-bottom: none; background: #fafafa url(/images/tsone/line_dots_top_bottom.png) repeat-x 0 bottom; } body.users_selectconfirm #box_users_selectconfirm dl .inner { border-top: 1px solid white; border-bottom: 1px solid white; } body.users_selectconfirm #box_users_selectconfirm dl.sum { margin-top: 0; font-family: "ClearTone SG Medium"; } body.users_selectconfirm #box_users_selectconfirm dl.sum dt { margin-left: 390px; width: 80px; text-align: center; border-bottom: 1px solid #ebebeb;} body.users_selectconfirm #box_users_selectconfirm dl.sum dd { color: #0095ff; background-color: #ffffff; border-bottom: 1px solid #ebebeb;} body.users_selectconfirm #box_users_selectconfirm #box_btns { padding: 60px 210px 0; width: 300px; } body.users_selectconfirm #box_users_selectconfirm #box_btns input.btn_back { display: block; float: left; } body.users_selectconfirm #box_users_selectconfirm #box_btns input.btn_next { display: block; float: right; } /* ------------------------------ Users Confirm */ body.users_confirm #box_users_confirm > header { padding-left: 12px; } body.users_confirm #box_users_confirm > header h1, body.users_confirm #box_users_confirm > header h2 { color: #000000; font-family: "FB Miller Display Bold"; } body.users_confirm #box_users_confirm > header h2 { margin: 40px 0 0; font-size: 14px; line-height: 22px; } body.users_confirm #box_users_confirm > header h1 { margin: 0; font-size: 28px; line-height: 36px; } body.users_confirm #box_users_confirm .notice { margin: 46px 0 0; padding-top: 24px; width: 720px; height: 52px; color: #ff0000; font-family: "ClearTone SG Medium"; font-size: 13px; line-height: 21px; text-align: center; background: url(/images/tsone/bg_notice.png) no-repeat 0 0; } body.users_confirm #box_users_confirm #box_contractor { margin-top: 14px; } body.users_confirm #box_users_confirm #box_contractor header { margin-bottom: 20px; width: 718px; border: solid 1px #ebebeb; -webkit-border-radius: 6px 6px; -moz-border-radius: 6px / 6px; border-radius: 6px / 6px; behavior: url(/css/PIE); background-color: #fafafa; } body.users_confirm #box_users_confirm #box_contractor header h1 { margin: 0; padding: 14px 0 14px 31px; width: 300px; color: #4d4d4d; font-family: "FB Miller Display Bold"; font-size: 20px; line-height: 30px; background: url(/images/tsone/arw_heading_01.png) 14px 50% no-repeat; } /*body.users_confirm #box_users_confirm #box_contractor #box_corporate { display: none; }*/ body.users_confirm #box_users_confirm #box_contractor table { width: 720px; color: #333333; font-family: "ClearTone SG Light"; font-size: 13px; } body.users_confirm #box_users_confirm #box_contractor table th, body.users_confirm #box_users_confirm #box_contractor table td { padding: 0; } body.users_confirm #box_users_confirm #box_contractor table th { padding-left: 33px; width: 197px; text-align: left; border-bottom: solid 1px #ebebeb; border-right: solid 20px white; } body.users_confirm #box_users_confirm #box_contractor table .top th { border-top: none; } body.users_confirm #box_users_confirm #box_contractor table td { margin-left: 0; width: 470px; border-bottom: solid 1px #ebebeb; } body.users_confirm #box_users_confirm #box_contractor table td.last { border-bottom: solid 1px #ebebeb; } body.users_confirm #box_users_confirm #box_contractor table td .td_inner { padding: 10px 30px 10px 20px; border-top: solid 1px white; border-bottom: solid 1px white; background-color: #fafafa; } body.users_confirm #box_users_confirm #box_contractor table td .zip_container { float: left; } body.users_confirm #box_users_confirm #box_contractor table td .input_corporate { margin-right: 0.5em; } body.users_confirm #box_users_confirm #box_contractor table td .input_private { margin: 0 0.5em 0 40px; } body.users_confirm #box_users_confirm #box_contractor table .top td { border-top: none; } body.users_confirm #box_users_confirm #box_user { margin-top: 60px; } body.users_confirm #box_users_confirm #box_user header { position: relative; margin-bottom: 20px; width: 718px; border: solid 1px #ebebeb; -webkit-border-radius: 6px 6px; -moz-border-radius: 6px / 6px; border-radius: 6px / 6px; behavior: url(/css/PIE); background-color: #fafafa; } body.users_confirm #box_users_confirm #box_user header h1 { margin: 0; padding: 14px 0 14px 31px; width: 300px; color: #4d4d4d; font-family: "FB Miller Display Bold"; font-size: 20px; line-height: 30px; background: url(/images/tsone/arw_heading_01.png) 14px 50% no-repeat; } body.users_confirm #box_users_confirm #box_user table { width: 720px; color: #333333; font-family: "ClearTone SG Light"; font-size: 13px; } body.users_confirm #box_users_confirm #box_user table th, body.users_confirm #box_users_confirm #box_user table td { padding: 0; } body.users_confirm #box_users_confirm #box_user table th { padding-left: 33px; width: 197px; text-align: left; border-top: solid 1px #ebebeb; border-bottom: solid 1px #ebebeb; border-right: solid 20px white; } body.users_confirm #box_users_confirm #box_user table .top th { border-top: none; } body.users_confirm #box_users_confirm #box_user table td { margin-left: 0; width: 470px; border-top: solid 1px #ebebeb; border-bottom: solid 1px #ebebeb; } body.users_confirm #box_users_confirm #box_user table td.last { border-bottom: solid 1px #ebebeb; } body.users_confirm #box_users_confirm #box_user table td .td_inner { padding: 10px 30px 10px 20px; border-top: solid 1px white; border-bottom: solid 1px white; background-color: #fafafa; } body.users_confirm #box_users_confirm #box_plan { margin-top: 60px; } body.users_confirm #box_users_confirm #box_plan header { position: relative; margin-bottom: 20px; width: 718px; border: solid 1px #ebebeb; -webkit-border-radius: 6px 6px; -moz-border-radius: 6px / 6px; border-radius: 6px / 6px; behavior: url(/css/PIE); background-color: #fafafa; } body.users_confirm #box_users_confirm #box_plan header h1 { margin: 0; padding: 14px 0 14px 31px; width: 300px; color: #4d4d4d; font-family: "FB Miller Display Bold"; font-size: 20px; line-height: 30px; background: url(/images/tsone/arw_heading_01.png) 14px 50% no-repeat; } body.users_confirm #box_users_confirm dl { margin: 14px 0 0; width: 720px; color: #333333; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 39px; } body.users_confirm #box_users_confirm dl dt, body.users_confirm #box_users_confirm dl dd { display: block; background-color: #ffffff; } body.users_confirm #box_users_confirm dl dt { float: left; width: 470px; border-top: solid 1px #ebebeb; background: url(/images/tsone/line_dots_bold.png) repeat 0 0; } body.users_confirm #box_users_confirm dl dt .inner { padding-left: 33px; background-color: #ffffff; } body.users_confirm #box_users_confirm dl dt input { margin: 0 8px 0 12px; } body.users_confirm #box_users_confirm dl dd { float: right; margin-left: 0; width: 230px; text-align: right; border-top: solid 1px #ebebeb; background: #fafafa url(/images/tsone/line_dots_bold.png) repeat 0 0; } body.users_confirm #box_users_confirm dl dd .inner { padding-right: 34px; background-color: #fafafa; } body.users_confirm #box_users_confirm dl .inner { border-top: 1px solid white; border-bottom: 1px solid white; } body.users_confirm #box_users_confirm dl.sum { margin-top: 0; font-family: "ClearTone SG Medium"; } body.users_confirm #box_users_confirm dl.sum dt { margin-left: 390px; padding: 0; width: 80px; text-align: center; border-bottom: 1px solid #ebebeb; background-image: none; } body.users_confirm #box_users_confirm dl.sum dd { padding: 0; color: #0095ff; border-bottom: 1px solid #ebebeb; background-image: none; } body.users_confirm #box_users_confirm dl.sum dd .inner { background-color: #ffffff; } body.users_confirm #box_users_confirm #box_btns { padding: 60px 210px 0; width: 300px; } body.users_confirm #box_users_confirm #box_btns input.btn_back { display: block; float: left; } body.users_confirm #box_users_confirm #box_btns input.btn_next { display: block; float: right; } /* ------------------------------ Users Completereceipt */ body.users_completereceipt #box_users_completereceipt { margin-top: 40px; } body.users_completereceipt #box_users_completereceipt header { padding-left: 12px; } body.users_completereceipt #box_users_completereceipt header h1, body.users_completereceipt #box_users_completereceipt header h2 { color: #000000; font-family: "FB Miller Display Bold"; } body.users_completereceipt #box_users_completereceipt header h2 { margin: 40px 0 0; font-size: 14px; line-height: 22px; } body.users_completereceipt #box_users_completereceipt header h1 { margin: 0; font-size: 28px; line-height: 36px; } body.users_completereceipt #box_users_completereceipt .lead { margin: 46px 0 0; padding: 36px 59px 48px; width: 600px; color: #333333; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 21px; border: solid 1px #ebebeb; -webkit-border-radius: 6px 6px; -moz-border-radius: 6px / 6px; border-radius: 6px / 6px; behavior: url(/css/PIE); background-color: #fafafa; } body.users_completereceipt #box_users_completereceipt #btn_back { margin: 60px 0 0 270px; width: 180px; height: 40px; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #adadad), color-stop(100%, #7a7a7a)); background-image: -webkit-linear-gradient(#adadad, #7a7a7a); background-image: -moz-linear-gradient(#adadad, #7a7a7a); background-image: -o-linear-gradient(#adadad, #7a7a7a); background-image: linear-gradient(#adadad, #7a7a7a); -pie-background: linear-gradient(#adadad, #7a7a7a); -webkit-border-radius: 4px 4px; -moz-border-radius: 4px / 4px; border-radius: 4px / 4px; behavior: url(/css/PIE); } body.users_completereceipt #box_users_completereceipt #btn_back:hover { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4d4d4d), color-stop(100%, #4d4d4d)); background-image: -webkit-linear-gradient(#4d4d4d, #4d4d4d); background-image: -moz-linear-gradient(#4d4d4d, #4d4d4d); background-image: -o-linear-gradient(#4d4d4d, #4d4d4d); background-image: linear-gradient(#4d4d4d, #4d4d4d); -pie-background: linear-gradient(#4d4d4d, #4d4d4d); } body.users_completereceipt #box_users_completereceipt #btn_back a { display: block; padding: 1px 0 0 48px; color: #ffffff; font-family: "ClearTone SG Medium"; font-size: 13px; text-decoration: none; line-height: 39px; background: url(/images/tsone/arw_btn_03.png) 19px 50% no-repeat; } /* ------------------------------ Users Reissue */ body.users_reissue #box_users_reissue { margin-top: 40px; } body.users_reissue #box_users_reissue header { padding-left: 12px; } body.users_reissue #box_users_reissue header h1 { margin: 0; color: #000000; font-family: "FB Miller Display Bold"; font-size: 28px; line-height: 36px; } body.users_reissue #box_users_reissue .notice { margin: 42px 0 0; padding-left: 15px; width: 720px; color: #4c4c4c; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 21px; } body.users_reissue #box_users_reissue table { margin-top: 16px; width: 720px; color: #666666; font-family: "ClearTone SG Light"; font-size: 14px; } body.users_reissue #box_users_reissue table th, body.users_reissue #box_users_reissue table td { padding: 0; } body.users_reissue #box_users_reissue table th { padding-left: 15px; width: 220px; text-align: left; border-top: solid 1px #ebebeb; border-bottom: solid 1px #ebebeb; border-right: solid 20px white; } body.users_reissue #box_users_reissue table td { margin-left: 0; width: 470px; border-top: solid 1px #ebebeb; border-bottom: solid 1px #ebebeb; } body.users_reissue #box_users_reissue table td .td_inner { padding: 10px 30px 10px 20px; border-top: solid 1px white; border-bottom: solid 1px white; background-color: #fafafa; } body.users_reissue #box_users_reissue table td input[type="text"] { width: 280px; } body.users_reissue #box_users_reissue #box_btns { padding: 60px 0 0; text-align: center; width: 720px; } body.users_reissue #sendmail { margin: 0 0 30px 0; height: 40px; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #75c7ff), color-stop(100%, #0095ff)); background-image: -webkit-linear-gradient(#75c7ff, #0095ff); background-image: -moz-linear-gradient(#75c7ff, #0095ff); background-image: -o-linear-gradient(#75c7ff, #0095ff); background-image: linear-gradient(#75c7ff, #0095ff); -pie-background: linear-gradient(#75c7ff, #0095ff); -webkit-border-radius: 4px 4px; -moz-border-radius: 4px / 4px; border-radius: 4px / 4px; behavior: url(/css/PIE);width:200px;cursor:pointer;position:relative;left:255px; } body.users_reissue #sendmail:hover { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0095ff), color-stop(100%, #0095ff)); background-image: -webkit-linear-gradient(#0095ff, #0095ff); background-image: -moz-linear-gradient(#0095ff, #0095ff); background-image: -o-linear-gradient(#0095ff, #0095ff); background-image: linear-gradient(#0095ff, #0095ff); -pie-background: linear-gradient(#0095ff, #0095ff); } /* ------------------------------ Users Completereissue */ body.users_completereissue #box_users_completereissue { margin-top: 40px; } body.users_completereissue #box_users_completereissue header { padding-left: 12px; } body.users_completereissue #box_users_completereissue header h1, body.users_completereissue #box_users_completereissue header h2 { color: #000000; font-family: "FB Miller Display Bold"; } body.users_completereissue #box_users_completereissue header h2 { margin: 40px 0 0; font-size: 14px; line-height: 22px; } body.users_completereissue #box_users_completereissue header h1 { margin: 0; font-size: 28px; line-height: 36px; } body.users_completereissue #box_users_completereissue .lead { margin: 46px 0 0; padding: 36px 59px 48px; width: 600px; color: #333333; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 21px; border: solid 1px #ebebeb; -webkit-border-radius: 6px 6px; -moz-border-radius: 6px / 6px; border-radius: 6px / 6px; behavior: url(/css/PIE); background-color: #fafafa; } body.users_completereissue #box_users_completereissue #btn_back { margin: 60px 0 0 270px; width: 180px; height: 40px; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #adadad), color-stop(100%, #7a7a7a)); background-image: -webkit-linear-gradient(#adadad, #7a7a7a); background-image: -moz-linear-gradient(#adadad, #7a7a7a); background-image: -o-linear-gradient(#adadad, #7a7a7a); background-image: linear-gradient(#adadad, #7a7a7a); -pie-background: linear-gradient(#adadad, #7a7a7a); -webkit-border-radius: 4px 4px; -moz-border-radius: 4px / 4px; border-radius: 4px / 4px; behavior: url(/css/PIE); } body.users_completereissue #box_users_completereissue #btn_back:hover { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4d4d4d), color-stop(100%, #4d4d4d)); background-image: -webkit-linear-gradient(#4d4d4d, #4d4d4d); background-image: -moz-linear-gradient(#4d4d4d, #4d4d4d); background-image: -o-linear-gradient(#4d4d4d, #4d4d4d); background-image: linear-gradient(#4d4d4d, #4d4d4d); -pie-background: linear-gradient(#4d4d4d, #4d4d4d); } body.users_completereissue #box_users_completereissue #btn_back a { display: block; padding: 1px 0 0 48px; color: #ffffff; font-family: "ClearTone SG Medium"; font-size: 13px; text-decoration: none; line-height: 39px; background: url(/images/tsone/arw_btn_04.png) 19px 50% no-repeat; } /* ------------------------------ Users Passremind */ body.users_passremind #box_users_passremind { margin-top: 40px; } body.users_passremind #box_users_passremind header { padding-left: 12px; } body.users_passremind #box_users_passremind header h1 { margin: 0; color: #000000; font-family: "FB Miller Display Bold"; font-size: 28px; line-height: 36px; } body.users_passremind #box_users_passremind table { margin-top: 46px; width: 720px; color: #666666; font-family: "ClearTone SG Light"; font-size: 14px; } body.users_passremind #box_users_passremind table th, body.users_passremind #box_users_passremind table td { padding: 0; } body.users_passremind #box_users_passremind table th { padding-left: 15px; width: 220px; text-align: left; border-top: solid 1px #ebebeb; border-bottom: solid 1px #ebebeb; border-right: solid 20px white; } body.users_passremind #box_users_passremind table td { margin-left: 0; width: 470px; border-top: solid 1px #ebebeb; border-bottom: solid 1px #ebebeb; } body.users_passremind #box_users_passremind table td .td_inner { padding: 10px 30px 10px 20px; border-top: solid 1px white; border-bottom: solid 1px white; background-color: #fafafa; } body.users_passremind #box_users_passremind table td input[type="password"] { width: 280px; } body.users_passremind #box_users_passremind #box_btns { padding: 60px 0 0; text-align: center; width: 720px; } /* ------------------------------ Users Terms */ body.users_terms #box_users_terms > header { padding-left: 12px; } body.users_terms #box_users_terms > header h1, body.users_terms #box_users_terms > header h2 { color: #000000; font-family: "FB Miller Display Bold"; } body.users_terms #box_users_terms > header h2 { margin: 40px 0 0; font-size: 14px; line-height: 22px; } body.users_terms #box_users_terms > header h1 { margin: 0; font-size: 28px; line-height: 36px; } body.users_terms #box_users_terms #box_terms { margin-top: 46px; width: 718px; border: solid 1px #ebebeb; -webkit-border-radius: 6px 6px; -moz-border-radius: 6px / 6px; border-radius: 6px / 6px; behavior: url(/css/PIE); background-color: #fafafa; } body.users_terms #box_users_terms #box_terms header h1 { margin: 0; padding: 14px 0 14px 31px; width: 300px; color: #4d4d4d; font-family: "FB Miller Display Bold"; font-size: 20px; line-height: 30px; background: url(/images/tsone/arw_heading_01.png) 14px 50% no-repeat; } body.users_terms #box_users_terms #box_terms iframe { margin: 11px 20px 41px 34px; width: 664px; height: 757px; border: none; } body.users_terms #box_users_terms #box_terms .box_agreement { padding: 0 0 41px 267px; font-family: "ClearTone SG Medium"; font-size: 13px; line-height: 17px; } body.users_terms #box_users_terms #box_terms .box_agreement input { margin-right: 10px; } body.users_terms #box_users_terms #box_btns { padding: 60px 210px 0; width: 300px; } body.users_terms #box_users_terms #box_btns input.btn_back { display: block; float: left; } body.users_terms #box_users_terms #box_btns input.btn_next { display: block; float: right; } /* ------------------------------ Privacy Rule */ body.privacy_rule #box_privacy_rule > header { margin-top: 40px; padding-left: 12px; } body.privacy_rule #box_privacy_rule > header h1 { margin: 0; font-family: "FB Miller Display Bold"; font-size: 28px; line-height: 36px; color: #000000; } body.privacy_rule #box_privacy_rule #box_terms { margin-top: 46px; width: 718px; border: solid 1px #ebebeb; -webkit-border-radius: 6px 6px; -moz-border-radius: 6px / 6px; border-radius: 6px / 6px; behavior: url(/css/PIE); background-color: #fafafa; } body.privacy_rule #box_privacy_rule #box_terms iframe { margin: 11px 20px 0 34px; width: 664px; height: 757px; border: none; } body.privacy_rule #box_privacy_rule #box_terms header { width: 718px; -webkit-border-radius: 6px 6px; -moz-border-radius: 6px / 6px; border-radius: 6px / 6px; behavior: url(/css/PIE); background-color: #fafafa; } body.privacy_rule #box_privacy_rule #box_terms header h1 { float: left; margin: 0; padding: 14px 0 14px 27px; color: #4d4d4d; font-family: "FB Miller Display Bold"; font-size: 20px; line-height: 30px; background: url(/images/tsone/arw_heading_01.png) 14px 50% no-repeat; } body.privacy_rule #box_privacy_rule #box_terms .link_privacy { float: right; width: 154px; } body.privacy_rule #box_privacy_rule #box_terms .btn_show_hide { text-align: right; padding-top:18px; padding-bottom: 18px; padding-right: 42px; } body.privacy_rule #box_privacy_rule #box_terms .btn_show_hide a { padding: 4px 0 4px 29px; color: #ff4c97; font-size: 12px; font-family: "ClearTone SG Medium"; text-decoration: none; } body.privacy_rule #box_privacy_rule #box_terms .link_privacy .btn_show_hide a.btn_show { background: url(/images/tsone/arw_btn_show_hide.png) no-repeat 0 50%; } body.privacy_rule #box_privacy_rule #box_terms .link_privacy .btn_show_hide a.btn_hide { background: url(/images/tsone/arw_btn_show_hide.png) no-repeat -800px 50%; } /* ------------------------------ Terms Kiyaku(Contents) */ body.terms_kiyaku { padding: 28px 25px 0; background-image: none; background-color: #ffffff; } body.terms_kiyaku section { margin-top: 34px; } body.terms_kiyaku h1, body.terms_kiyaku p { font-family: "ClearTone SG Light"; font-size: 13px; line-height: 17px; } body.terms_kiyaku h1 { padding: 0 10px 6px; border-bottom: solid 1px #ebebeb; } body.terms_kiyaku p { margin: 1em 0; padding: 0 10px; } body.terms_kiyaku p.top { margin: 0; } body.terms_kiyaku p.bottom { margin: 0; padding: 28px 10px; } body.terms_kiyaku a { color: #0095ff; text-decoration: none; } body.terms_kiyaku a:hover { text-decoration: underline; } /* ------------------------------ Terms Desktop(Contents) */ body.terms_desktop { padding: 28px 25px 0; background-image: none; background-color: #ffffff; } body.terms_desktop section { margin-top: 34px; } body.terms_desktop h1, body.terms_desktop p { font-family: "ClearTone SG Light"; font-size: 13px; line-height: 17px; } body.terms_desktop h1 { padding: 0 10px 6px; border-bottom: solid 1px #ebebeb; } body.terms_desktop p { margin: 1em 0; padding: 0 10px; } body.terms_desktop p.top { margin: 0; } body.terms_desktop p.bottom { margin: 0; padding: 28px 10px; } body.terms_desktop a { color: #0095ff; text-decoration: none; } body.terms_desktop a:hover { text-decoration: underline; } /* ------------------------------ Support Policy */ body.support_policy #box_support_policy { margin-top: 40px; } body.support_policy #box_support_policy header { padding-left: 12px; } body.support_policy #box_support_policy header h1 { margin: 0; color: #000000; font-family: "FB Miller Display Bold"; font-size: 28px; line-height: 36px; } body.support_policy #box_support_policy .header { padding-top: 18px; width: 720px; color: #333333; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 21px; } body.support_policy #box_support_policy .lead { margin-top: 46px; padding-top: 18px; padding-left: 10px; width: 720px; color: #333333; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 21px; border-top: 1px solid #ebebeb; } body.support_policy #box_support_policy .policyBox { margin-top: 22px; padding-left: 10px; width: 720px; color: #333333; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 21px; } body.support_policy #box_support_policy .link_question { padding-top: 22px; padding-left: 10px; } body.support_policy #box_support_policy .link_question a { color: #333333; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 21px; text-decoration: none; } body.support_policy #box_support_policy .link_question a:hover { text-decoration: underline; } /* ------------------------------ Privacy */ body.privacy #box_privacy > header { padding-left: 12px; } body.privacy #box_privacy > header h1, body.privacy #box_privacy > header h2 { color: #000000; font-family: "FB Miller Display Bold"; } body.privacy #box_privacy > header h1 { margin-top: 40px; font-size: 28px; line-height: 36px; } body.privacy #box_privacy #box_privacy_detail { margin-top: 46px; width: 720px; } body.privacy #box_privacy #box_privacy_detail header { width: 718px; border: solid 1px #ebebeb; -webkit-border-radius: 6px 6px; -moz-border-radius: 6px / 6px; border-radius: 6px / 6px; behavior: url(/css/PIE); background-color: #fafafa; } body.privacy #box_privacy #box_privacy_detail header h1 { margin: 0; padding: 14px 0 14px 31px; color: #4d4d4d; font-family: "FB Miller Display Bold"; font-size: 20px; line-height: 30px; background: url(/images/tsone/arw_heading_01.png) 14px 50% no-repeat; } body.privacy #box_privacy #box_privacy_detail section { margin-top: 30px; padding: 0 10px; width: 700px; } body.privacy #box_privacy #box_privacy_detail section h1, body.privacy #box_privacy #box_privacy_detail section h2, body.privacy #box_privacy #box_privacy_detail section ul, body.privacy #box_privacy #box_privacy_detail section p { font-family: "ClearTone SG Light"; font-size: 13px; color: #333333; } body.privacy #box_privacy #box_privacy_detail section h1 { margin: 0 0 10px; padding-bottom: 6px; line-height: 21px; text-align: center; font-size: 20px; color: red; font-family: "ClearTone SG Medium";} body.privacy #box_privacy #box_privacy_detail section h2 { margin: 33px 0 21px; line-height: 21px; font-size: 18px; color: red; font-family: "ClearTone SG Medium";} body.privacy #box_privacy #box_privacy_detail section h3 { margin: 15px 0 21px; line-height: 21px; font-size: 16px;} body.privacy #box_privacy #box_privacy_detail section ul, body.privacy #box_privacy #box_privacy_detail section p { line-height: 17px; } body.privacy #box_privacy #box_privacy_detail section#box_privacy_detail_1 { margin-top: 16px; } body.privacy #box_privacy #box_privacy_detail section .signature { margin-top: 16px; text-align: right; } body.privacy #box_privacy #box_privacy_detail section#box_privacy_detail_3 ul { margin: 16px 0; } body.privacy p.box_agreement { font-family: "ClearTone SG Medium"; font-size: 13px;} /* ------------------------------ Privacy Trade */ body.privacy_trade #box_privacy_trade { margin-top: 40px; } body.privacy_trade #box_privacy_trade header { padding-left: 14px; } body.privacy_trade #box_privacy_trade header h1 { margin: 0; font-family: "FB Miller Display Bold"; font-size: 28px; line-height: 36px; color: #000000; } body.privacy_trade #box_privacy_trade dl { margin: 46px 0 0; width: 720px; color: #333333; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 21px; } body.privacy_trade #box_privacy_trade dl dt, body.privacy_trade #box_privacy_trade dl dd { display: block; border-bottom: 1px solid #ebebeb; background-color: #ffffff; } body.privacy_trade #box_privacy_trade dl dt { float: left; width: 230px; } body.privacy_trade #box_privacy_trade dl dt .inner { padding: 9px 0 9px 15px; background-color: #ffffff; } body.privacy_trade #box_privacy_trade dl dt.top { padding-top: 3px; background: url(/images/tsone/line_dots_bold.png) repeat-x 0 0; } body.privacy_trade #box_privacy_trade dl dt.bottom { padding-bottom: 3px; border-bottom: none; background: url(/images/tsone/line_dots_bold.png) repeat-x 0 bottom; } body.privacy_trade #box_privacy_trade dl dt input { margin: 0 8px 0 12px; } body.privacy_trade #box_privacy_trade dl dd { float: right; margin-left: 0; width: 470px; background-color: #fafafa; } body.privacy_trade #box_privacy_trade dl dd a { color: #333333; text-decoration: none; } body.privacy_trade #box_privacy_trade dl dd a:hover { text-decoration: underline; } body.privacy_trade #box_privacy_trade dl dd .inner { padding: 9px 0 9px 20px; background-color: #fafafa; } body.privacy_trade #box_privacy_trade dl dd.top { padding-top: 3px; background: #fafafa url(/images/tsone/line_dots_bold.png) repeat-x 0 0; } body.privacy_trade #box_privacy_trade dl dd.bottom { padding-bottom: 3px; border-bottom: none; background: #fafafa url(/images/tsone/line_dots_bold.png) repeat-x 0 bottom; } body.privacy_trade #box_privacy_trade dl .inner { border-top: 1px solid white; border-bottom: 1px solid white; } /* ------------------------------ Withdraw */ body.withdraw #box_withdraw { margin-top: 42px; } body.withdraw #box_withdraw header { padding-left: 14px; } body.withdraw #box_withdraw header h1, body.withdraw #box_withdraw header h2 { color: #000000; font-family: "FB Miller Display Bold"; } body.withdraw #box_withdraw header h2 { margin: 44px 0 0; font-size: 14px; line-height: 22px; } body.withdraw #box_withdraw header h1 { margin: 0; font-size: 28px; line-height: 36px; } body.withdraw #box_withdraw .notice { margin: 42px 0 0; padding-left: 15px; width: 720px; color: #4c4c4c; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 21px; } body.withdraw #box_withdraw .lead { margin: 16px 0 0; padding: 36px 59px 48px; width: 600px; color: #333333; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 21px; border: solid 1px #ebebeb; -webkit-border-radius: 6px 6px; -moz-border-radius: 6px / 6px; border-radius: 6px / 6px; behavior: url(/css/PIE); background-color: #fafafa; } body.withdraw #box_withdraw #box_btns { padding: 60px 0 0; width: 720px; text-align: center; } /* ------------------------------ Withdraw Input */ body.withdraw_input #box_withdraw_input { margin-top: 42px; } body.withdraw_input #box_withdraw_input header { padding-left: 14px; } body.withdraw_input #box_withdraw_input header h1, body.withdraw_input #box_withdraw_input header h2 { color: #000000; font-family: "FB Miller Display Bold"; } body.withdraw_input #box_withdraw_input header h2 { margin: 44px 0 0; font-size: 14px; line-height: 22px; } body.withdraw_input #box_withdraw_input header h1 { margin: 0; font-size: 28px; line-height: 36px; } body.withdraw_input #box_withdraw_input .notice { margin: 42px 0 0; padding: 0 25px 0 0; width: 695px; color: #4c4c4c; font-family: "ClearTone SG Medium"; font-size: 12px; line-height: 20px; text-align: right; } body.withdraw_input #box_withdraw_input .notice span { color: #ff0000; margin-right: 0.5em; } body.withdraw_input #box_withdraw_input table { margin: 6px 0 0; width: 720px; color: #333333; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 21px; } body.withdraw_input #box_withdraw_input table th, body.withdraw_input #box_withdraw_input table td { padding: 0; vertical-align: top; border-bottom: 1px solid #ebebeb; background-color: #ffffff; } body.withdraw_input #box_withdraw_input table th { width: 230px; text-align: left; border-right: solid 20px white; } body.withdraw_input #box_withdraw_input table th .inner { padding: 10px 0 10px 33px; } body.withdraw_input #box_withdraw_input table th.indispensable .inner { text-indent: -33px; } body.withdraw_input #box_withdraw_input table th.indispensable .inner span { display: inline-block; width: 33px; color: #ff0000; text-align: center; text-indent: 0; } body.withdraw_input #box_withdraw_input table th.top { padding-top: 3px; background: url(/images/tsone/line_dots_top_bottom.png) repeat-x 0 0; } body.withdraw_input #box_withdraw_input table th.bottom { padding-bottom: 3px; border-bottom: none; background: url(/images/tsone/line_dots_top_bottom.png) repeat-x 0 bottom; } body.withdraw_input #box_withdraw_input table td { width: 470px; background-color: #fafafa; } body.withdraw_input #box_withdraw_input table td .inner { padding: 14px 0 14px 15px; } body.withdraw_input #box_withdraw_input table td textarea { width: 410px; min-height: 187px; } body.withdraw_input #box_withdraw_input table td.top { padding-top: 3px; background: #fafafa url(/images/tsone/line_dots_top_bottom.png) repeat-x 0 0; } body.withdraw_input #box_withdraw_input table td.top .inner { padding-bottom: 27px; } body.withdraw_input #box_withdraw_input table td.bottom { padding-bottom: 3px; border-bottom: none; background: #fafafa url(/images/tsone/line_dots_top_bottom.png) repeat-x 0 bottom; } body.withdraw_input #box_withdraw_input table .inner { border-top: 1px solid white; border-bottom: 1px solid white; } body.withdraw_input #box_withdraw_input #box_btns { padding: 60px 210px 0; width: 300px; } body.withdraw_input #box_withdraw_input #box_btns input.btn_back { display: block; float: left; } body.withdraw_input #box_withdraw_input #box_btns input.btn_next { display: block; float: right; } /* ------------------------------ Withdraw Confirm */ body.withdraw_confirm #box_withdraw_confirm { margin-top: 42px; } body.withdraw_confirm #box_withdraw_confirm header { padding-left: 14px; } body.withdraw_confirm #box_withdraw_confirm header h1, body.withdraw_confirm #box_withdraw_confirm header h2 { color: #000000; font-family: "FB Miller Display Bold"; } body.withdraw_confirm #box_withdraw_confirm header h2 { margin: 44px 0 0; font-size: 14px; line-height: 22px; } body.withdraw_confirm #box_withdraw_confirm header h1 { margin: 0; font-size: 28px; line-height: 36px; } body.withdraw_confirm #box_withdraw_confirm .lead { margin: 42px 0 0; padding-left: 15px; width: 690px; color: #ff0000; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 21px; } body.withdraw_confirm #box_withdraw_confirm .notice { margin: 6px 0 0; padding-top: 24px; width: 720px; height: 52px; color: #ff0000; font-family: "ClearTone SG Medium"; font-size: 13px; line-height: 21px; text-align: center; background: url(/images/tsone/bg_notice.png) no-repeat 0 0; } body.withdraw_confirm #box_withdraw_confirm .notice input { margin-right: 0.5em; } body.withdraw_confirm #box_withdraw_confirm table { margin: 14px 0 0; width: 720px; color: #333333; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 21px; } body.withdraw_confirm #box_withdraw_confirm table th, body.withdraw_confirm #box_withdraw_confirm table td { padding: 0; vertical-align: top; border-bottom: 1px solid #ebebeb; background-color: #ffffff; } body.withdraw_confirm #box_withdraw_confirm table th { width: 230px; text-align: left; border-right: solid 20px white; } body.withdraw_confirm #box_withdraw_confirm table th .inner { padding: 10px 0 10px 33px; } body.withdraw_confirm #box_withdraw_confirm table th.top { padding-top: 3px; background: url(/images/tsone/line_dots_top_bottom.png) repeat-x 0 0; } body.withdraw_confirm #box_withdraw_confirm table th.bottom { padding-bottom: 3px; border-bottom: none; background: url(/images/tsone/line_dots_top_bottom.png) repeat-x 0 bottom; } body.withdraw_confirm #box_withdraw_confirm table td { width: 470px; background-color: #fafafa; } body.withdraw_confirm #box_withdraw_confirm table td .inner { padding: 10px 0 10px 15px; } body.withdraw_confirm #box_withdraw_confirm table td.top { padding-top: 3px; background: #fafafa url(/images/tsone/line_dots_top_bottom.png) repeat-x 0 0; } body.withdraw_confirm #box_withdraw_confirm table td.top .inner { padding-bottom: 31px; } body.withdraw_confirm #box_withdraw_confirm table td.bottom { padding-bottom: 3px; border-bottom: none; background: #fafafa url(/images/tsone/line_dots_top_bottom.png) repeat-x 0 bottom; } body.withdraw_confirm #box_withdraw_confirm table td.bottom .inner { padding-bottom: 52px; } body.withdraw_confirm #box_withdraw_confirm table .inner { border-top: 1px solid white; border-bottom: 1px solid white; } body.withdraw_confirm #box_withdraw_confirm #box_btns { padding: 60px 230px 0; width: 260px; } body.withdraw_confirm #box_withdraw_confirm #box_btns input.btn_back { display: block; float: left; padding-top: 5px; } body.withdraw_confirm #box_withdraw_confirm #box_btns input.btn_withdraw { display: block; float: right; } /* ------------------------------ Withdraw Complete */ body.withdraw_complete #box_withdraw_complete { margin-top: 40px; } body.withdraw_complete #box_withdraw_complete header { padding-left: 12px; } body.withdraw_complete #box_withdraw_complete header h1, body.withdraw_complete #box_withdraw_complete header h2 { color: #000000; font-family: "FB Miller Display Bold"; } body.withdraw_complete #box_withdraw_complete header h2 { margin: 40px 0 0; font-size: 14px; line-height: 22px; } body.withdraw_complete #box_withdraw_complete header h1 { margin: 0; font-size: 28px; line-height: 36px; } body.withdraw_complete #box_withdraw_complete .lead { margin: 46px 0 0; padding: 36px 59px 48px; width: 600px; color: #333333; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 21px; border: solid 1px #ebebeb; -webkit-border-radius: 6px 6px; -moz-border-radius: 6px / 6px; border-radius: 6px / 6px; behavior: url(/css/PIE); background-color: #fafafa; } body.withdraw_complete #box_withdraw_complete #btn_back { margin: 60px 0 0 270px; width: 180px; height: 40px; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #adadad), color-stop(100%, #7a7a7a)); background-image: -webkit-linear-gradient(#adadad, #7a7a7a); background-image: -moz-linear-gradient(#adadad, #7a7a7a); background-image: -o-linear-gradient(#adadad, #7a7a7a); background-image: linear-gradient(#adadad, #7a7a7a); -pie-background: linear-gradient(#adadad, #7a7a7a); -webkit-border-radius: 4px 4px; -moz-border-radius: 4px / 4px; border-radius: 4px / 4px; behavior: url(/css/PIE); } body.withdraw_complete #box_withdraw_complete #btn_back:hover { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4d4d4d), color-stop(100%, #4d4d4d)); background-image: -webkit-linear-gradient(#4d4d4d, #4d4d4d); background-image: -moz-linear-gradient(#4d4d4d, #4d4d4d); background-image: -o-linear-gradient(#4d4d4d, #4d4d4d); background-image: linear-gradient(#4d4d4d, #4d4d4d); -pie-background: linear-gradient(#4d4d4d, #4d4d4d); } body.withdraw_complete #box_withdraw_complete #btn_back a { display: block; padding: 1px 0 0 48px; color: #ffffff; font-family: "ClearTone SG Medium"; font-size: 13px; text-decoration: none; line-height: 39px; background: url(/images/tsone/arw_btn_03.png) 19px 50% no-repeat; } /* ------------------------------ Question */ body.question #box_question { margin-top: 42px; } body.question #box_question header { padding-left: 14px; } body.question #box_question header h1, body.question #box_question header h2 { color: #000000; font-family: "FB Miller Display Bold"; } body.question #box_question header h2 { margin: 44px 0 0; font-size: 14px; line-height: 22px; } body.question #box_question header h1 { margin: 0; font-size: 28px; line-height: 36px; } body.question #box_question .lead { margin: 42px 0 0; padding-left: 15px; width: 720px; color: #666666; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 21px; } body.question #box_question .lead a { color: #ff4c97; text-decoration: none; } body.question #box_question .lead a:hover { text-decoration: underline; } body.question #box_question .btn_detail { margin: 16px 0 0; padding-left: 10px; width: 240px; height: 44px; } body.question #box_question .btn_detail a { display: block; padding-left: 41px; color: #4c4c4c; font-family: "ClearTone SG Medium"; font-size: 12px; line-height: 44px; text-decoration: none; background: #edfaff url(/images/tsone/arw_btn_02.png) 12px 50% no-repeat; -webkit-border-radius: 4px 4px; -moz-border-radius: 4px / 4px; border-radius: 4px / 4px; behavior: url(/css/PIE); } body.question #box_question .btn_detail a:hover { color: #333333; background: #d9f4ff url(/images/tsone/arw_btn_02_on.png) 12px 50% no-repeat; } body.question #box_question .notice { margin: 25px 0 0; padding: 0 25px 0 0; width: 695px; color: #4c4c4c; font-family: "ClearTone SG Medium"; font-size: 12px; line-height: 20px; text-align: right; } body.question #box_question .notice span { color: #ff0000; margin-right: 0.5em; } body.question #box_question table { margin: 6px 0 0; width: 720px; color: #333333; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 21px; } body.question #box_question table th, body.question #box_question table td { padding: 0; vertical-align: top; border-bottom: 1px solid #ebebeb; background-color: #ffffff; } body.question #box_question table th { width: 230px; text-align: left; border-right: solid 20px white; } body.question #box_question table th .inner { padding: 10px 0 10px 33px; } body.question #box_question table th.indispensable .inner { text-indent: -33px; } body.question #box_question table th.indispensable .inner span { display: inline-block; width: 33px; color: #ff0000; text-align: center; text-indent: 0; } body.question #box_question table th.indispensable .inner span.required:before { content:"*"; } body.question #box_question table th.top { padding-top: 3px; background: url(/images/tsone/line_dots_top_bottom.png) repeat-x 0 0; } body.question #box_question table th.bottom { padding-bottom: 3px; border-bottom: none; background: url(/images/tsone/line_dots_top_bottom.png) repeat-x 0 bottom; } body.question #box_question table td { width: 470px; background-color: #fafafa; } body.question #box_question table td .inner { padding: 14px 0 14px 15px; } body.question #box_question table td textarea { width: 410px; min-height: 187px; } body.question #box_question table td input { width: 410px; } body.question #box_question table td.top { padding-top: 3px; background: #fafafa url(/images/tsone/line_dots_top_bottom.png) repeat-x 0 0; } body.question #box_question table td.top .inner { padding-bottom: 27px; } body.question #box_question table td.bottom { padding-bottom: 3px; border-bottom: none; background: #fafafa url(/images/tsone/line_dots_top_bottom.png) repeat-x 0 bottom; } body.question #box_question table .inner { border-top: 1px solid white; border-bottom: 1px solid white; } body.question #box_question #box_btns { padding: 60px 280px 0; width: 160px; } body.question #box_question #box_btns input.btn_back { display: block; text-align: center; } /* ------------------------------ Question Confirm */ body.question_confirm #box_question_confirm { margin-top: 42px; } body.question_confirm #box_question_confirm header { padding-left: 14px; } body.question_confirm #box_question_confirm header h1, body.question_confirm #box_question_confirm header h2 { color: #000000; font-family: "FB Miller Display Bold"; } body.question_confirm #box_question_confirm header h2 { margin: 44px 0 0; font-size: 14px; line-height: 22px; } body.question_confirm #box_question_confirm header h1 { margin: 0; font-size: 28px; line-height: 36px; } body.question_confirm #box_question_confirm .notice { margin: 46px 0 0; padding-top: 24px; width: 720px; height: 52px; color: #ff0000; font-family: "ClearTone SG Medium"; font-size: 13px; line-height: 21px; text-align: center; background: url(/images/tsone/bg_notice.png) no-repeat 0 0; } body.question_confirm #box_question_confirm .notice input { margin-right: 0.5em; } body.question_confirm #box_question_confirm table { margin: 14px 0 0; width: 720px; color: #333333; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 21px; } body.question_confirm #box_question_confirm table th, body.question_confirm #box_question_confirm table td { padding: 0; vertical-align: top; border-bottom: 1px solid #ebebeb; background-color: #ffffff; } body.question_confirm #box_question_confirm table th { width: 230px; text-align: left; border-right: solid 20px white; } body.question_confirm #box_question_confirm table th .inner { padding: 10px 0 10px 33px; } body.question_confirm #box_question_confirm table th.top { padding-top: 3px; background: url(/images/tsone/line_dots_top_bottom.png) repeat-x 0 0; } body.question_confirm #box_question_confirm table th.bottom { padding-bottom: 3px; border-bottom: none; background: url(/images/tsone/line_dots_top_bottom.png) repeat-x 0 bottom; } body.question_confirm #box_question_confirm table td { width: 470px; background-color: #fafafa; } body.question_confirm #box_question_confirm table td .inner { padding: 10px 0 10px 15px; } body.question_confirm #box_question_confirm table td.top { padding-top: 3px; background: #fafafa url(/images/tsone/line_dots_top_bottom.png) repeat-x 0 0; } body.question_confirm #box_question_confirm table td.bottom { padding-bottom: 3px; border-bottom: none; background: #fafafa url(/images/tsone/line_dots_top_bottom.png) repeat-x 0 bottom; } body.question_confirm #box_question_confirm table .inner { border-top: 1px solid white; border-bottom: 1px solid white; } body.question_confirm #box_question_confirm #box_btns { padding: 60px 210px 0; width: 300px; } body.question_confirm #box_question_confirm #box_btns input.btn_back { display: block; float: left; padding-top: 5px; } body.question_confirm #box_question_confirm #box_btns input.btn_send { display: block; float: right; } /* ------------------------------ Question Complete */ body.question_complete #box_question_complete { margin-top: 40px; } body.question_complete #box_question_complete header { padding-left: 12px; } body.question_complete #box_question_complete header h1, body.question_complete #box_question_complete header h2 { color: #000000; font-family: "FB Miller Display Bold"; } body.question_complete #box_question_complete header h2 { margin: 40px 0 0; font-size: 14px; line-height: 22px; } body.question_complete #box_question_complete header h1 { margin: 0; font-size: 28px; line-height: 36px; } body.question_complete #box_question_complete .lead { margin: 46px 0 0; padding: 36px 59px 36px; width: 600px; color: #333333; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 21px; border: solid 1px #ebebeb; -webkit-border-radius: 6px 6px; -moz-border-radius: 6px / 6px; border-radius: 6px / 6px; behavior: url(/css/PIE); background-color: #fafafa; } body.question_complete #box_question_complete #btn_back { margin: 60px 0 0 270px; width: 180px; height: 40px; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #adadad), color-stop(100%, #7a7a7a)); background-image: -webkit-linear-gradient(#adadad, #7a7a7a); background-image: -moz-linear-gradient(#adadad, #7a7a7a); background-image: -o-linear-gradient(#adadad, #7a7a7a); background-image: linear-gradient(#adadad, #7a7a7a); -pie-background: linear-gradient(#adadad, #7a7a7a); -webkit-border-radius: 4px 4px; -moz-border-radius: 4px / 4px; border-radius: 4px / 4px; behavior: url(/css/PIE); } body.question_complete #box_question_complete #btn_back:hover { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4d4d4d), color-stop(100%, #4d4d4d)); background-image: -webkit-linear-gradient(#4d4d4d, #4d4d4d); background-image: -moz-linear-gradient(#4d4d4d, #4d4d4d); background-image: -o-linear-gradient(#4d4d4d, #4d4d4d); background-image: linear-gradient(#4d4d4d, #4d4d4d); -pie-background: linear-gradient(#4d4d4d, #4d4d4d); } body.question_complete #box_question_complete #btn_back a { display: block; padding: 1px 0 0 48px; color: #ffffff; font-family: "ClearTone SG Medium"; font-size: 13px; text-decoration: none; line-height: 39px; background: url(/images/tsone/arw_btn_03.png) 19px 50% no-repeat; } /* ------------------------------ License */ body.license #box_license { margin-top: 42px; } body.license #box_license>header { padding-left: 14px; } body.license #box_license>header h1, body.license #box_license header h2 { color: #000000; font-family: "FB Miller Display Bold"; } body.license #box_license>header h2 { margin: 44px 0 0; font-size: 14px; line-height: 22px; } body.license #box_license>header h1 { margin: 0; font-size: 28px; line-height: 36px; } body.license #box_license .lead { width: 705px; padding: 38px 0 0 15px; font-family: "ClearTone SG Light"; color: #666666; font-size: 13px; line-height: 22px; } body.license #box_license #box_site_list { width: 720px; } body.license #box_license #box_site_list #indication_container { margin: 41px 0 10px; color: #666666; font-family: "ClearTone SG Light"; font-size: 12px; line-height: 29px; } body.license #box_license #box_site_list #indication_container #indicator { width: 250px; float: left; padding-left: 15px; } body.license #box_license #box_site_list #indication_container #link_indicate { width: 329px; float: right; } body.license #box_license #box_site_list #indication_container #link_indicate li { display: block; float: left; padding: 0 7px 0 6px; background: url(/images/tsone/line_link_indicate.png) no-repeat right center; } body.license #box_license #box_site_list #indication_container #link_indicate li a { display: block; width: 70px; color: #666666; text-decoration: none; text-align: center; } body.license #box_license #box_site_list #indication_container #link_indicate li a:hover { text-decoration: underline; } body.license #box_license #box_site_list #indication_container #link_indicate li:first-child { padding-left: 0; } body.license #box_license #box_site_list #indication_container #link_indicate li:last-child { background: none; } body.license #box_license #box_site_list #indication_container #link_indicate li.current a { color: #0095ff; -webkit-border-radius: 3px 3px; -moz-border-radius: 3px / 3px; border-radius: 3px / 3px; behavior: url(/css/PIE); background-color: #edfaff; } body.license #box_license #box_site_list table { width: 100%; } body.license #box_license #box_site_list table th { vertical-align: top; border-bottom: 1px solid white; border-left: 2px solid white; background: url(/images/tsone/bg_table.png) repeat 0 0; padding: 3px 0 0; text-align: center; } body.license #box_license #box_site_list table th .inner { border-top: 1px solid white; background-color: #f2f2f2; padding: 5px 0; height: 30px; } /* body.license #box_license #box_site_list table th.col_status { width: 130px; border-left: none; } */ body.license #box_license #box_site_list table th.col_numsettlement { width: 180px; border-left: none; } body.license #box_license #box_site_list table th.col_status { width: 128px; } body.license #box_license #box_site_list table th.col_purchasedate { width: 118px; } body.license #box_license #box_site_list table th.col_purchaseprice { width: 118px; } body.license #box_license #box_site_list table th.col_btn { width: 118px; } body.license #box_license #box_site_list table th.col_purchasedetails_btn { width: 118px; } body.license #box_license #box_site_list table td { vertical-align: top; border-left: 2px solid white; padding: 0; font-family: "ClearTone SG Light"; font-size: 13px; } body.license #box_license #box_site_list table td .inner { padding: 8px 10px; border-top: 1px solid #ebebeb; vertical-align: middle; text-align: center; } body.license #box_license #box_site_list table td .inner a { display: block; } body.license #box_license #box_site_list table td .inner .receipt_btn { margin-top: 5px; } body.license #box_license #box_site_list table td.col_numsettlement .inner, body.license #box_license #box_site_list table td.col_purchasedate .inner { padding: 10px 15px 5px; text-align: center; } body.license #box_license #box_site_list table td.col_purchaseprice .inner { padding: 10px 10px 5px; text-align: right; } body.license #box_license #box_site_list table td.bottom { background: url(/images/tsone/bg_table.png) repeat 0 100%; } body.license #box_license #box_site_list table td.bottom .inner { padding-bottom: 11px; border-top: 1px solid #ebebeb; } /* ------------------------------ License Input Receipt */ body.input_receipt { margin: 0; padding: 0; height: 362px; background: none; } body.input_receipt #input_receipt_container { margin: 30px 0 0 34px; width: 631px; font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color: #000000; border: solid 1px #cccccc; } body.input_receipt #input_receipt_container h1 { margin: 30px 0 0 31px; padding-top: 4px; width: 568px; font-weight: bold; font-size: 24px; line-height: 54px; text-align: center; border: solid 1px #d9d9d9; -webkit-border-radius: 6px 6px; -moz-border-radius: 6px / 6px; border-radius: 6px / 6px; behavior: url(/css/PIE); background-color: #f2f2f2; } body.input_receipt #input_receipt_container .lead { margin-top: 27px; font-size: 14px; line-height: 22px; text-align: center; } body.input_receipt #input_receipt_container .info { margin-top: 27px; margin-right: 50px; margin-left: 50px; font-size: 10px; line-height: 22px; } body.input_receipt #input_receipt_container #box_input { margin-top: 28px; } body.input_receipt #input_receipt_container #box_input input { margin: 0 0 0 148px; width: 306px; height: 21px; font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 12px; } body.input_receipt #input_receipt_container #box_input span { font-size: 14px; line-height: 22px; margin-left: 13px; } body.input_receipt #input_receipt_container input { margin: 30px 0 40px 255px; } /* ------------------------------ License Publish Receipt */ body.publish_receipt { margin: 0; padding: 0; height: 402px; background: none; } body.publish_receipt #publish_receipt_container { margin: 30px 0 0 34px; padding-bottom: 21px; width: 631px; font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color: #000000; border: solid 1px #cccccc; } body.publish_receipt #publish_receipt_container h1 { margin: 30px 0 0 31px; padding-top: 4px; width: 568px; font-weight: bold; font-size: 24px; line-height: 54px; text-align: center; border: solid 1px #d9d9d9; -webkit-border-radius: 6px 6px; -moz-border-radius: 6px / 6px; border-radius: 6px / 6px; behavior: url(/css/PIE); background-color: #f2f2f2; } body.publish_receipt #publish_receipt_container .name { margin-top: 24px; padding-left: 34px; font-size: 18px; font-weight: bold; line-height: 26px; } body.publish_receipt #publish_receipt_container .name span { margin-left: 1em; } body.publish_receipt #publish_receipt_container .price { margin-top: 12px; margin-left: 34px; padding-bottom: 2px; width: 564px; font-size: 24px; font-weight: bold; line-height: 32px; text-align: center; } body.publish_receipt #publish_receipt_container .lead { margin-top: 17px; margin-left: 34px; font-size: 14px; line-height: 22px; text-align: left; } body.publish_receipt #publish_receipt_container .maintable { margin-top: 12px; margin-left: 34px; margin-bottom:12px; padding-bottom: 2px; width: 564px; } body.publish_receipt #publish_receipt_container .maincontains { margin-top: 17px; font-size: 14px; line-height: 22px; text-align: left; } body.publish_receipt #publish_receipt_container .signature { margin-top: 29px; padding-right: 35px; font-size: 12px; line-height: 20px; text-align: right; } body.publish_receipt #btn_print_receipt { margin: 30px 0 0 290px; } /* ------------------------------ License View */ body.license_view #box_license_view { margin-top: 42px; } body.license_view #box_license_view header { padding-left: 14px; } body.license_view #box_license_view header.font_type_web { background: url(/images/tsone/arw_heading_14.png) no-repeat 14px 3px; } body.license_view #box_license_view header.font_type_download { background: url(/images/tsone/arw_heading_15.png) no-repeat 14px 3px; } body.license_view #box_license_view header h1, body.license_view #box_license_view header h2 { color: #000000; font-family: "FB Miller Display Bold"; } body.license_view #box_license_view header h2 { margin: 44px 0 0; font-size: 14px; line-height: 22px; } body.license_view #box_license_view header h1 { margin: 0; font-size: 28px; line-height: 36px; } body.license_view #box_license_view header h1 span { font-size: 16px; color: #0095ff; } body.license_view #box_license_view dl { margin: 46px 0 0; width: 720px; color: #333333; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 39px; } body.license_view #box_license_view dl dt, body.license_view #box_license_view dl dd { display: block; border-bottom: 1px solid #ebebeb; background-color: #ffffff; } body.license_view #box_license_view dl dt { float: left; width: 230px; } body.license_view #box_license_view dl dt .inner { padding-left: 15px; background-color: #ffffff; } body.license_view #box_license_view dl dt.top { padding-top: 3px; background: url(/images/tsone/line_dots_bold.png) repeat-x 0 0; } body.license_view #box_license_view dl dt.bottom { padding-bottom: 3px; border-bottom: none; background: url(/images/tsone/line_dots_bold.png) repeat-x 0 bottom; } body.license_view #box_license_view dl dt input { margin: 0 8px 0 12px; } body.license_view #box_license_view dl dd { float: right; margin-left: 0; width: 470px; background-color: #fafafa; } body.license_view #box_license_view dl dd .inner { padding-left: 20px; background-color: #fafafa; } body.license_view #box_license_view dl dd.top { padding-top: 3px; background: #fafafa url(/images/tsone/line_dots_bold.png) repeat-x 0 0; } body.license_view #box_license_view dl dd.bottom { padding-bottom: 3px; border-bottom: none; background: #fafafa url(/images/tsone/line_dots_bold.png) repeat-x 0 bottom; } body.license_view #box_license_view dl .inner { border-top: 1px solid white; border-bottom: 1px solid white; } body.license_view #box_license_view #box_apply_list { margin-top: 40px; width: 720px; } body.license_view #box_license_view #box_apply_list table { width: 100%; } body.license_view #box_license_view #box_apply_list table th { padding: 3px 0 0; font-family: "ClearTone SG Regular"; font-size: 13px; line-height: 29px; text-align: left; border-bottom: 1px solid white; border-left: 2px solid white; background: url(/images/tsone/bg_table.png) repeat 0 0; } body.license_view #box_license_view #box_apply_list table th .inner { padding: 0 15px; border-top: 1px solid white; background-color: #f2f2f2; } body.license_view #box_license_view #box_apply_list table th.col_day { width: 150px; border-left: none; } body.license_view #box_license_view #box_apply_list table th.col_num { width: 150px; } body.license_view #box_license_view #box_apply_list table th.col_plan { width: 295px; } body.license_view #box_license_view #box_apply_list table th.col_price { width: 125px; } body.license_view #box_license_view #box_apply_list table td { border-left: 2px solid white; vertical-align: top; padding: 0; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 39px; } body.license_view #box_license_view #box_apply_list table td .inner { padding: 0 15px; border-top: 1px solid #ebebeb; } body.license_view #box_license_view #box_apply_list table td.col_day { border-left: none; } body.license_view #box_license_view #box_apply_list table td.col_price { text-align: right; } body.license_view #box_license_view #box_apply_list table td.col_price .inner { padding-right: 34px; } body.license_view #box_license_view #box_apply_list table td.bottom { background: url(/images/tsone/bg_table.png) repeat 0 100%; } body.license_view #box_license_view #box_apply_list table td.bottom .inner { padding-bottom: 3px; border-top: 1px solid #ebebeb; } body.license_view #box_license_view #btn_receipt_wrapper { padding: 20px 10px 0; text-align: right; width: 700px; } body.license_view #box_license_view #box_btns { padding: 60px 0 0; text-align: center; } /* ------------------------------ License Cancel */ body.license_cancel #box_license_cancel { margin-top: 42px; } body.license_cancel #box_license_cancel header { padding-left: 14px; } body.license_cancel #box_license_cancel header h1, body.license_cancel #box_license_cancel header h2 { color: #000000; font-family: "FB Miller Display Bold"; } body.license_cancel #box_license_cancel header h2 { margin: 44px 0 0; font-size: 14px; line-height: 22px; } body.license_cancel #box_license_cancel header h1 { margin: 0; font-size: 28px; line-height: 36px; } body.license_cancel #box_license_cancel .notice { margin: 46px 0 0; padding-top: 24px; width: 720px; height: 52px; color: #ff0000; font-family: "ClearTone SG Medium"; font-size: 13px; line-height: 21px; text-align: center; background: url(/images/tsone/bg_notice.png) no-repeat 0 0; } body.license_cancel #box_license_cancel dl { margin: 14px 0 0; width: 720px; color: #333333; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 39px; } body.license_cancel #box_license_cancel dl dt, body.license_cancel #box_license_cancel dl dd { display: block; border-bottom: 1px solid #ebebeb; background-color: #ffffff; } body.license_cancel #box_license_cancel dl dt { float: left; width: 230px; } body.license_cancel #box_license_cancel dl dt .inner { padding-left: 15px; background-color: #ffffff; } body.license_cancel #box_license_cancel dl dt.top { padding-top: 3px; background: url(/images/tsone/line_dots_bold.png) repeat-x 0 0; } body.license_cancel #box_license_cancel dl dt.bottom { padding-bottom: 3px; border-bottom: none; background: url(/images/tsone/line_dots_bold.png) repeat-x 0 bottom; } body.license_cancel #box_license_cancel dl dt input { margin: 0 8px 0 12px; } body.license_cancel #box_license_cancel dl dd { float: right; margin-left: 0; width: 470px; background-color: #fafafa; } body.license_cancel #box_license_cancel dl dd .inner { padding-left: 20px; background-color: #fafafa; } body.license_cancel #box_license_cancel dl dd.top { padding-top: 3px; background: #fafafa url(/images/tsone/line_dots_bold.png) repeat-x 0 0; } body.license_cancel #box_license_cancel dl dd.bottom { padding-bottom: 3px; border-bottom: none; background: #fafafa url(/images/tsone/line_dots_bold.png) repeat-x 0 bottom; } body.license_cancel #box_license_cancel dl .inner { border-top: 1px solid white; border-bottom: 1px solid white; } body.license_cancel #box_license_cancel #box_apply_list { margin-top: 40px; width: 720px; } body.license_cancel #box_license_cancel #box_apply_list table { width: 100%; } body.license_cancel #box_license_cancel #box_apply_list table th { padding: 3px 0 0; font-family: "ClearTone SG Regular"; font-size: 13px; line-height: 29px; text-align: left; border-bottom: 1px solid white; border-left: 2px solid white; background: url(/images/tsone/bg_table.png) repeat 0 0; } body.license_cancel #box_license_cancel #box_apply_list table th .inner { padding: 0 15px; border-top: 1px solid white; background-color: #f2f2f2; } body.license_cancel #box_license_cancel #box_apply_list table th.col_num { width: 207px; border-left: none; } body.license_cancel #box_license_cancel #box_apply_list table th.col_plan { width: 330px; } body.license_cancel #box_license_cancel #box_apply_list table th.col_price { width: 179px; } body.license_cancel #box_license_cancel #box_apply_list table td { border-left: 2px solid white; vertical-align: top; padding: 0; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 39px; } body.license_cancel #box_license_cancel #box_apply_list table td .inner { padding: 0 15px; border-top: 1px solid #ebebeb; } body.license_cancel #box_license_cancel #box_apply_list table td.col_num { border-left: none; } body.license_cancel #box_license_cancel #box_apply_list table td.col_price { text-align: right; } body.license_cancel #box_license_cancel #box_apply_list table td.col_price .inner { padding-right: 34px; } body.license_cancel #box_license_cancel #box_apply_list table td.bottom { background: url(/images/tsone/bg_table.png) repeat 0 100%; } body.license_cancel #box_license_cancel #box_apply_list table td.bottom .inner { padding-bottom: 3px; border-top: 1px solid #ebebeb; } body.license_cancel #box_license_cancel #box_btns { padding: 60px 200px 0; width: 320px; } body.license_cancel #box_license_cancel #box_btns input.btn_back { display: block; float: left; padding-top: 5px; } body.license_cancel #box_license_cancel #box_btns input.btn_applycancel { display: block; float: right; } /* ------------------------------ Service */ body.service #box_service { margin-top: 29px; } body.service #box_service header h1 { margin: 0; font-family: "FB Miller Display Bold"; font-size: 36px; line-height: 58px; color: #000000; } body.service #box_service .lead { margin-top: 27px; color: #666666; font-family: "ClearTone SG Medium"; font-size: 14px; line-height: 22px; } body.service #box_service #btn_application { margin-top: 16px; width: 220px; height: 40px; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ff9bc2), color-stop(100%, #ff64a0)); background-image: -webkit-linear-gradient(#ff9bc2, #ff64a0); background-image: -moz-linear-gradient(#ff9bc2, #ff64a0); background-image: -o-linear-gradient(#ff9bc2, #ff64a0); background-image: linear-gradient(#ff9bc2, #ff64a0); -pie-background: linear-gradient(#ff9bc2, #ff64a0); -webkit-border-radius: 4px 4px; -moz-border-radius: 4px / 4px; border-radius: 4px / 4px; behavior: url(/css/PIE); } body.service #box_service #btn_application:hover { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ff64a0), color-stop(100%, #ff64a0)); background-image: -webkit-linear-gradient(#ff64a0, #ff64a0); background-image: -moz-linear-gradient(#ff64a0, #ff64a0); background-image: -o-linear-gradient(#ff64a0, #ff64a0); background-image: linear-gradient(#ff64a0, #ff64a0); -pie-background: linear-gradient(#ff64a0, #ff64a0); } body.service #box_service #btn_application a { display: block; padding: 1px 0 0 43px; color: #ffffff; font-family: "ClearTone SG Medium"; font-size: 13px; text-decoration: none; line-height: 39px; background: url(/images/tsone/arw_btn_01.png) 12px 50% no-repeat; } body.service #box_service #btn_application a:hover { background: url(/images/tsone/arw_btn_01_on.png) 12px 50% no-repeat; } body.service #box_service #box_detail_container { margin-top: 40px; width: 720px; } body.service #box_service #box_detail_container li { margin-top: 60px; width: 710px; } body.service #box_service #box_detail_container li .visual { float: left; width: 288px; border: solid 1px #ebebeb; -webkit-border-radius: 6px 6px; -moz-border-radius: 6px / 6px; border-radius: 6px / 6px; behavior: url(/css/PIE); } body.service #box_service #box_detail_container li .box_detail { float: right; width: 380px; } body.service #box_service #box_detail_container li .box_detail h1 { margin: -4px 0 0; font-family: "FB Miller Display Bold", "Jun 34"; font-size: 24px; line-height: 31px; color: #0095ff; } body.service #box_service #box_detail_container li .box_detail .txt_detail { margin-top: 17px; font-family: "ClearTone SG Light"; font-size: 14px; line-height: 25px; color: #666666; } body.service #box_service #box_detail_container li .box_detail .btn_detail { margin: 24px 0 0; } body.service #box_service #box_detail_container li .box_detail .btn_detail a { display: block; padding-left: 41px; width: 339px; height: 44px; color: #4c4c4c; font-family: "ClearTone SG Medium"; font-size: 12px; line-height: 44px; text-decoration: none; background: #edfaff url(/images/tsone/arw_btn_02.png) 12px 50% no-repeat; -webkit-border-radius: 4px 4px; -moz-border-radius: 4px / 4px; border-radius: 4px / 4px; behavior: url(/css/PIE); } body.service #box_service #box_detail_container li .box_detail .btn_detail a:hover { color: #333333; background: #d9f4ff url(/images/tsone/arw_btn_02_on.png) 12px 50% no-repeat; } body.service #box_service #box_detail_container li .box_detail .btn_detail_2 { margin-top: 10px; } body.service #box_service #box_detail_container li#box_demo .visual { padding: 46px 0; } body.service #box_service #box_detail_container li#box_demo .visual #slideshow p { width: 288px; font-size: 160px; color: #000000; text-align: center; } body.service #box_service #box_detail_container li#box_demo .visual #slideshow p.font_01 { font-family: "Kocho"; } body.service #box_service #box_detail_container li#box_demo .visual #slideshow p.font_02 { font-family: "Ryumin Medium KL"; } body.service #box_service #box_detail_container li#box_demo .visual #slideshow p.font_03 { font-family: "Kumoyaji"; } body.service #box_service #box_detail_container li#box_demo .visual #slideshow p.font_04 { font-family: "Jun 34"; } body.service #box_service #box_detail_container li#box_demo .visual #slideshow p.font_05 { font-family: "Kakushin Gyousho Light"; } body.service #box_service #box_detail_container li#box_fontlist .visual { padding-left: 30px; width: 258px; background: url(/images/en/tsone/bg_home_sec_ts.png) 34px 59px no-repeat; } body.service #box_service #box_detail_container li#box_fontlist .visual p { margin: 187px 0 48px; color: #000000; font-family: "Ryumin Medium KL"; font-size: 78px; line-height: 1.4; } body.service #box_service #box_detail_container li#box_example .visual { padding-bottom: 30px; } body.service #box_service #box_detail_container li#box_example .visual .font_menu { padding: 29px 0 0 38px; font-family: "Gothic MB101 DemiBold"; font-size: 12px; line-height: 1.3; color: #000000; } body.service #box_service #box_detail_container li#box_example .visual .font_menu span { font-family: "Gothic MB101 Bold"; font-size: 20px; } body.service #box_service #box_detail_container li#box_example .visual .font_h1 { padding-left: 163px; font-family: "Ryumin Heavy KL"; font-size: 12px; line-height: 1.3; color: #000000; } body.service #box_service #box_detail_container li#box_example .visual .font_h1 span { font-size: 20px; } body.service #box_service #box_detail_container li#box_entry .visual p { padding: 0 26px 0 6px; } body.service #box_service #box_detail_container li#box_entry .visual p span { margin: 0; padding-left: 20px; font-size: 44px; line-height: 84px; color: #000000; } body.service #box_service #box_detail_container li#box_entry .visual p span.font_01 { font-family: "FB Miller Display Bold"; } body.service #box_service #box_detail_container li#box_entry .visual p span.font_02 { font-family: "A1 Mincho"; } body.service #box_service #box_detail_container li#box_entry .visual p span.font_03 { font-family: "Kocho"; } body.service #box_service #box_detail_container li#box_entry .visual p span.font_04 { font-family: "Reimin Medium"; } body.service #box_service #box_detail_container li#box_entry .visual p span.font_05 { font-family: "Futo Go B101"; } body.service #box_service #box_detail_container li#box_entry .visual p span.font_06 { font-family: "Gothic MB101 Bold"; } body.service #box_service #box_detail_container li#box_entry .visual p span.font_07 { font-family: "Shin Go Emboss"; } body.service #box_service #box_detail_container li#box_entry .visual p span.font_08 { font-family: "Jun 501"; } body.service #box_service #box_detail_container li#box_entry .visual p span.font_09 { font-family: "Kumoyaji"; } body.service #box_service #box_detail_container li#box_entry .visual p span.font_10 { font-family: "Haruhi Gakuen"; } body.service #box_service #box_detail_container li#box_entry .visual p span.font_11 { font-family: "Pretty Momo"; } body.service #box_service #box_detail_container li#box_entry .visual p span.font_12 { font-family: "Kakushin Gyousho Light"; } /* ------------------------------ Service Plan */ body.plan #box_plan { margin-top: 42px; } body.plan #box_plan a { color: #0095ff; text-decoration: none; } body.plan #box_plan a:hover { text-decoration: underline; } body.plan #box_plan > header { padding-left: 12px; } body.plan #box_plan > header h1 { margin: 0; font-family: "FB Miller Display Bold"; font-size: 28px; line-height: 36px; color: #000000; } body.plan #box_plan #sec_lead { width: 720px; } body.plan #box_plan #sec_lead .lead { margin-top: 38px; padding-left: 15px; color: #666666; font-family: "ClearTone SG Medium"; font-size: 13px; line-height: 22px; } body.plan #box_plan #sec_lead .lead b { font-weight: normal; color: #ff63a0; display: block; margin-top: 10px; font-family: "Reimin Y20 Bold"; } body.plan #box_plan #sec_lead .ban_lead_side { margin-top: 38px; float: right; width: 145px; padding: 0 21px 0 30px; border-left: 1px dotted #ccc; } body.plan #box_plan #link_internal { margin-top: 40px; font-family: "FB PoynterSerif RE Regular"; } body.plan #box_plan #link_internal li { float: left; border-left: 1px dotted #ccc; height: 31px; } body.plan #box_plan #link_internal li:first-child { border-left: none; } body.plan #box_plan #link_internal a { display: block; background: url(/images/tsone/arw_link_internal.png) no-repeat 50% 23px; padding-top: 2px; text-align: center; text-decoration: none; color: #333333; font-size: 12px; height: 29px; } body.plan #box_plan #link_internal a:hover { color: #0095ff; background-position: 50% -73px; } body.plan #box_plan #link_internal #link_internal_01 { width: 248px; } body.plan #box_plan #link_internal #link_internal_02 { width: 248px; } body.plan #box_plan #link_internal #link_internal_03 { width: 248px; } body.plan #box_plan .box_price { margin-top: 56px; width: 720px; } body.plan #box_plan #link_internal+.box_price { margin-top: 45px; } body.plan #box_plan .box_price header { width: 718px; border: solid 1px #ffcbe1; -webkit-border-radius: 6px 6px; -moz-border-radius: 6px / 6px; border-radius: 6px / 6px; behavior: url(/css/PIE); background-color: #fff7fa; } body.plan #box_plan .box_price header h1 { margin: 0; padding: 14px 0 14px 31px; color: #4d4d4d; font-family: "FB Miller Display Bold"; font-size: 20px; line-height: 30px; background: url(/images/tsone/arw_heading_01.png) 14px 50% no-repeat; } body.plan #box_plan .box_price .lead { padding: 26px 35px 0; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 21px; } body.plan #box_plan .box_price .note { padding: 17px 35px 0; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 21px; } body.plan #box_plan .box_price ul.note { list-style: disc; margin-left: 18px; } body.plan #box_plan .box_price p.note { padding-top: 1em; } body.plan #box_plan .table_caution { width: 700px; text-align: right; margin: 14px 0 0 10px; font-family: "ClearTone SG Medium"; font-size: 11px; } body.plan #box_plan table { margin-top: 8px; margin-left: 10px; width: 700px; } body.plan #box_plan colgroup.col_item { } body.plan #box_plan colgroup.col_free { background-color: #fffcf2; } body.plan #box_plan colgroup.col_s { background-color: #f2fbff; } body.plan #box_plan colgroup.col_m { background-color: #f2fbff; } body.plan #box_plan colgroup.col_l { background-color: #f5f5f5; } body.plan #box_plan .box_price table th { text-align: center; font-family: "ClearTone SG Medium"; font-size: 15px; border-left: 2px solid white; padding: 3px 0 0; vertical-align: top; } body.plan #box_plan .box_price table td { text-align: right; } body.plan #box_plan .box_price table th.col_item { color: #0095ff; background: url(/images/tsone/bg_table_th.png) no-repeat 0 0; } body.plan #box_plan .box_price table .col_item { text-align: left; width: 172px; } body.plan #box_plan .box_price table .col_item .inner { padding-left: 20px; } body.plan #box_plan .box_price table th.col_free { color: #ff4c97; background: url(/images/tsone/bg_table_th.png) no-repeat -1000px 0; } body.plan #box_plan .box_price table th.col_s, body.plan #box_plan .box_price table th.col_m, body.plan #box_plan .box_price table th.col_l { color: #ff4c97; background: url(/images/tsone/bg_table_th.png) no-repeat -2000px 0; } body.plan #box_plan .box_price table .col_free { width: 109px; } body.plan #box_plan .box_price table .col_s, body.plan #box_plan .box_price table .col_m, body.plan #box_plan .box_price table .col_l { width: 137px; } body.plan #box_plan .box_price table th .inner { padding: 9px 0 8px; } body.plan #box_plan .box_price table th:first-child { border-left: none; } body.plan #box_plan .box_price table td { border-left: 2px solid white; vertical-align: top; padding: 0; font-family: "ClearTone SG Light"; font-size: 13px; } body.plan #box_plan .box_price table td .inner { padding: 12px 17px 8px; background: url(/images/tsone/bg_table_td.png) repeat-x 0 0; } body.plan #box_plan .box_price table td:first-child { border-left: none; font-family: "ClearTone SG Medium"; } body.plan #box_plan .box_price table td:first-child .inner { padding: 12px 15px 8px 20px; } body.plan #box_plan .box_price table td.bottom { background: url(/images/tsone/bg_table_bottom.png) repeat-x 0 100%; } body.plan #box_plan .box_price table td.bottom .inner { padding-bottom: 12px; } body.plan #box_plan .box_price table td.col_l .inner { font-size: 11px; text-align: left; line-height: 18px; } body.plan #box_plan .box_price table td.col_l_top .inner { background: url(/images/tsone/bg_table_th.png) no-repeat -5000px 0; padding: 50px 10px 0 15px; } body.plan #box_plan .box_price table b { font-family: "ClearTone SG Medium"; } body.plan #box_plan .box_price table .follow { font-size: 11px; display: block; margin-top: 4px; line-height: 18px; } body.plan #box_plan .box_price table .text_c { text-align: center; color: #dbdbdb; } body.plan #box_plan h3 { font-family: "ClearTone SG Medium"; font-size: 13px; margin: 10px 0 0 30px; color: #0095ff; } body.plan #box_plan .box_price table .contract_pv th, body.plan #box_plan .box_price table .contract_pv td { background-color: #ffeff5; } body.plan #box_plan #sec_plan_advanced .box_price table .col_item { width: 172px; } body.plan #box_plan #sec_plan_advanced .box_price table .col_s, body.plan #box_plan #sec_plan_advanced .box_price table .col_m, body.plan #box_plan #sec_plan_advanced .box_price table .col_l { width: 174px; } body.plan #box_plan #sec_plan_advanced dl { padding: 22px 35px 0; margin: 0; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 21px; } body.plan #box_plan #sec_plan_advanced dt { color: #0095ff; font-family: "ClearTone SG Medium"; } body.plan #box_plan #sec_plan_advanced dd { padding: 0; margin: 0; } body.plan #box_plan #sec_plan_advanced p { padding-top: 22px; } body.plan #box_plan #sec_plan_advanced b { font-family: "ClearTone SG Medium"; } body.plan #box_plan #sec_plan_passport header { border-color: #bfecff; background-color: #f2fbff; } body.plan #box_plan #sec_plan_passport h2 { margin: 21px 35px 0; color: #ff4c97; font-family: "ClearTone SG Medium"; font-size: 13px; line-height: 22px; font-weight: normal; } body.plan #box_plan #sec_plan_passport ul { margin: 0 35px 0 53px; color: #333; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 22px; list-style: disc; } body.plan #box_plan #sec_plan_passport dl { margin: 21px 35px 0; color: #333; font-family: "ClearTone SG Light"; font-size: 11px; line-height: 18px; } body.plan #box_plan #sec_plan_passport dt { font-family: "ClearTone SG Medium"; } body.plan #box_plan #sec_plan_passport dd { margin: 0; } body.plan #box_plan #sec_plan_passport .dive_link { margin-top: 10px; } body.plan #box_plan #sec_plan_passport dl+p { margin: 21px 35px 0; color: #333; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 22px; } body.plan #box_plan #sec_plan_passport ul.note { margin: 25px 0 0 33px; padding: 0; list-style: none; } body.plan #box_plan #sec_plan_passport ul.note li { padding-left: 1em; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 24px; color: #666666; text-indent: -1em; } body.plan #box_plan #box_qa { margin-top: 55px; padding-top: 30px; width: 720px; border-top: solid 1px #ebebeb; } body.plan #box_plan #box_qa h2 { margin: 0; padding: 1px 0 0 32px; color: #ff4c97; font-family: "ClearTone SG Medium"; font-size: 15px; line-height: 15px; background: url(/images/tsone/arw_heading_03.png) 14px 50% no-repeat; } body.plan #box_plan #box_qa ul.qa { margin: 40px 0 0; padding: 0 10px 0; background-color: #fff; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 1.6; } body.plan #box_plan #box_qa ul.qa li { background: url(/images/tsone/arw_box_faq.png) no-repeat 0 0; padding-left: 38px; margin-top: 20px; } body.plan #box_plan #box_qa ul.qa li a { color: #666; text-decoration: none; } body.plan #box_plan #box_qa ul.qa li a:hover { text-decoration: underline; } body.plan #box_plan #box_qa ul.note { margin-top: 25px; margin-left: 33px; } body.plan #box_plan #box_qa ul.note li { padding-left: 1em; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 24px; color: #666666; text-indent: -1em; } /* ------------------------------ Example */ body.example #box_example { margin-top: 42px; } body.example #box_example header { padding-left: 14px; } body.example #box_example header h1 { margin: 0; font-family: "FB Miller Display Bold"; font-size: 28px; line-height: 36px; color: #000000; } body.example #box_example ul#box_detail_container { margin-top: 42px; padding-left: 10px; width: 710px; } body.example #box_example ul#box_detail_container li { margin-top: 60px; width: 710px; } body.example #box_example ul#box_detail_container li:first-child { margin-top: 0; } body.example #box_example ul#box_detail_container li a { display: block; float: left; } body.example #box_example ul#box_detail_container li a img { border: solid 1px #ebebeb; } body.example #box_example ul#box_detail_container li .box_detail { float: right; width: 405px; } body.example #box_example ul#box_detail_container li .box_detail h1 { margin-top: -4px; padding-bottom: 6px; color: #4c4c4c; font-family: "ClearTone SG Medium"; font-size: 15px; line-height: 23px; border-bottom: solid 1px #ebebeb; } body.example #box_example ul#box_detail_container li .box_detail dl { margin: 8px 0 0; } body.example #box_example ul#box_detail_container li .box_detail dl dt { float: left; color: #0095ff; font-family: "ClearTone SG Medium"; font-size: 13px; line-height: 21px; } body.example #box_example ul#box_detail_container li .box_detail dl dd { float: left; margin-left: 0; color: #666666; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 21px; } body.example #box_example ul#box_detail_container li .box_detail .btn_detail { margin: 36px 0 0; } body.example #box_example ul#box_detail_container li .box_detail .btn_detail a { display: block; padding-left: 41px; width: 139px; height: 44px; color: #4c4c4c; font-family: "ClearTone SG Medium"; font-size: 12px; line-height: 44px; text-decoration: none; background: #edfaff url(/images/tsone/arw_btn_02.png) 12px 50% no-repeat; -webkit-border-radius: 4px 4px; -moz-border-radius: 4px / 4px; border-radius: 4px / 4px; behavior: url(/css/PIE); } body.example #box_example ul#box_detail_container li .box_detail .btn_detail a:hover { color: #333333; background: #d9f4ff url(/images/tsone/arw_btn_02_on.png) 12px 50% no-repeat; } body.example #box_example ul.pager { display: table; vertical-align: top; margin: 106px 0 0; text-align: center; width: 720px; height: 23px; line-height: 23px; } body.example #box_example ul.pager li { display: inline-table; vertical-align: top; margin-right: 20px; font-family: "ClearTone SG Medium"; font-size: 13px; } body.example #box_example ul.pager li:last-child { margin-right: 0; } body.example #box_example ul.pager li a { display: block; font-family: "ClearTone SG Medium"; font-size: 13px; line-height: 23px; text-decoration: none; color: #999999; } body.example #box_example ul.pager li a:hover { text-decoration: underline; } body.example #box_example ul.pager li.prev { background: url(/images/tsone/line_dots_vertical.png) repeat-y right top; } body.example #box_example ul.pager li.prev a { padding: 0 15px 0 26px; color: #000000; background: url(/images/tsone/arw_pager.png) no-repeat 0 -97px; } body.example #box_example ul.pager li.prev a:hover { color: #999999; background-position: 0 -147px; text-decoration: none; } body.example #box_example ul.pager li.next { background: url(/images/tsone/line_dots_vertical.png) repeat-y left top; } body.example #box_example ul.pager li.next a { padding: 0 45px 0 15px; color: #000000; background: url(/images/tsone/arw_pager.png) no-repeat 100% 3px; } body.example #box_example ul.pager li.next a:hover { color: #999999; background-position: 100% -47px; text-decoration: none; } body.example #box_example ul.pager li.current a { color: #000000; } /* ------------------------------ Fontlist */ body.fontlist #box_fontlist { position: relative; } body.fontlist #box_fontlist > header { padding-left: 12px; } body.fontlist #box_fontlist>header h1, body.fontlist #box_fontlist>header h2 { margin: 0; color: #000000; font-family: "FB Miller Display Bold"; } body.fontlist #box_fontlist>header h2 { margin: 44px 0 0; font-size: 14px; line-height: 22px; } body.fontlist #box_fontlist > header .btn_cart { width: 695px; text-align: right; margin-top: -54px; padding-bottom: 5px; } body.fontlist #box_fontlist > header .btn_cart a { color: #fff; text-decoration: none; } body.fontlist #box_fontlist #box_search { margin-top: 45px; padding: 5px 0; width: 720px; background: url(/images/tsone/line_dots_bold.png) repeat 0 0; } body.fontlist #box_fontlist #box_search > li { padding-bottom: 1px; background: url(/images/tsone/line_dots.png) repeat-x left bottom; } body.fontlist #box_fontlist #box_search > li:last-child { background: none; } body.fontlist #box_fontlist #box_search .li_inner { border-top: solid 1px white; border-bottom: solid 1px white; } body.fontlist #box_fontlist #box_search .li_inner .area_ttl { background-color: #ffffff; } body.fontlist #box_fontlist #box_search .li_inner .area_ttl h1 { float: left; margin: 0; width: 290px; } body.fontlist #box_fontlist #box_search .li_inner .area_ttl h1 a { display: block; padding: 2px 0 0 45px; color: #333333; font-family: "FB PoynterSerif RE Regular"; font-size: 13px; line-height: 30px; text-decoration: none; background: url(/images/tsone/arw_box_search_close.png) no-repeat 21px center; } body.fontlist #box_fontlist #box_search .li_inner .area_ttl h1 a:hover { color: #0095ff; background: url(/images/tsone/arw_box_search_on.png) no-repeat 21px center; } body.fontlist #box_fontlist #box_search .li_inner .area_ttl div { float: right; width: 430px; font-family: "ClearTone SG Light"; font-size: 12px; line-height: 32px; } body.fontlist #box_fontlist #box_search .li_inner .area_ttl div .note { display: none; color: #0095ff; } body.fontlist #box_fontlist #box_search .li_inner .area_ttl div .result { color: #cc3333; } body.fontlist #box_fontlist #box_search .li_inner .area_ttl div .result.default { color: #666666; } body.fontlist #box_fontlist #box_search .li_inner .area_body { display: none; background-color: #fcfaf2; } body.fontlist #box_fontlist #box_search li.open .li_inner .area_ttl { background-color: #fcfaf2; } body.fontlist #box_fontlist #box_search li.open .li_inner .area_ttl h1 a { color: #cc3333; background: url(/images/tsone/arw_box_search_open.png) no-repeat 14px center; } body.fontlist #box_fontlist #box_search li.open .li_inner .area_ttl div .note { display: block; } body.fontlist #box_fontlist #box_search li.open .li_inner .area_ttl div .result { display: none; } body.fontlist #box_fontlist #box_search li.open .li_inner .area_body { display: block; } body.fontlist #box_fontlist #box_search #box_classification .li_inner .area_body { padding: 12px 0 21px 19px; } body.fontlist #box_fontlist #box_search #box_classification .li_inner .area_body li { display: block; float: left; margin: 0 8px 8px 0; width: 126px; height:100px; border: 2px solid #F2EDD9; background-color: #FFFFFF; cursor: pointer;} body.fontlist #box_fontlist #box_search #box_classification .li_inner .area_body li:hover { background-position: 0 -100px; background-color: #F5F2E4;} body.fontlist #box_fontlist #box_search #box_classification .li_inner .area_body li.selected { background-position: 0 -100px; background-color: #F2FBFF; border-color: #D9F4FF;} body.fontlist #box_fontlist #box_search #box_classification .li_inner .area_body li.selected .sample, body.fontlist #box_fontlist #box_search #box_classification .li_inner .area_body li.selected .name { color: #0095ff; } body.fontlist #box_fontlist #box_search #box_classification .li_inner .area_body li label { display: block; cursor: pointer; padding: 7px 0 11px; } body.fontlist #box_fontlist #box_search #box_classification .li_inner .area_body li input { display: none; cursor: pointer; } body.fontlist #box_fontlist #box_search #box_classification .li_inner .area_body li .sample { color: #4d4d4d; font-size: 32px; line-height: 40px; text-align: center; } body.fontlist #box_fontlist #box_search #box_classification .li_inner .area_body li .name { margin-top: 4px; color: #333333; font-family: "ClearTone SG Regular"; font-size: 12px; line-height: 16px; text-align: center; } body.fontlist #box_fontlist #box_search #box_classification .li_inner .area_body li .sample { margin-top: 8px;} body.fontlist #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_01 .sample { font-family: "Ryumin Medium KL"; } body.fontlist #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_01 .sub-characters {text-align: center; font-family: "Ryumin Medium KL"} body.fontlist #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_01.selected .sub-characters {text-align: center; font-family: "Ryumin Medium KL"; color: #0095FF;} body.fontlist #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_02 .sample { font-family: "Gothic Medium BBB"; } body.fontlist #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_02 .sub-characters {text-align: center; font-family: "Gothic Medium BBB"} body.fontlist #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_02.selected .sub-characters {text-align: center; font-family: "Gothic Medium BBB"; color: #0095FF;} body.fontlist #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_03 .sample { font-family: "Shin Maru Go Medium"; } body.fontlist #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_03 .sub-characters {text-align: center; font-family: "Shin Maru Go Medium"} body.fontlist #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_03.selected .sub-characters {text-align: center; font-family: "Shin Maru Go Medium"; color: #0095FF;} body.fontlist #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_04 .sample { font-family: "Pretty Momo"; } body.fontlist #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_04 .sub-characters {text-align: center; font-family: "Pretty Momo"} body.fontlist #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_04.selected .sub-characters {text-align: center; font-family: "Pretty Momo"; color: #0095FF;} body.fontlist #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_05 .sample { font-family: "Shin Go Futoline"; } body.fontlist #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_05 .sub-characters {text-align: center; font-family: "Shin Go Futoline"} body.fontlist #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_05.selected .sub-characters {text-align: center; font-family: "Shin Go Futoline"; color: #0095FF;} body.fontlist #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_06 .sample { font-family: "Sei Kaisho CB1"; } body.fontlist #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_06 .sub-characters {text-align: center; font-family: "Sei Kaisho CB1"} body.fontlist #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_06.selected .sub-characters {text-align: center; font-family: "Sei Kaisho CB1"; color: #0095FF;} body.fontlist #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_07 .sample { font-family: "UD Shin Go Medium"; } body.fontlist #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_07 .sub-characters {text-align: center; font-family: "UD Shin Go Medium"} body.fontlist #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_07.selected .sub-characters {text-align: center; font-family: "UD Shin Go Medium"; color: #0095FF;} body.fontlist #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_08 .sample { font-family: "GJ Kyoukasho ICA Medium"; } body.fontlist #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_08 .sub-characters {text-align: center; font-family: "GJ Kyoukasho ICA Medium"} body.fontlist #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_08.selected .sub-characters {text-align: center; font-family: "GJ Kyoukasho ICA Medium"; color: #0095FF;} body.fontlist #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_09 .sample { font-family: "FB Miller Display Roman"; } body.fontlist #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_09 .sub-characters {text-align: center; font-family: "FB Miller Display Roman"} body.fontlist #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_09.selected .sub-characters {text-align: center; font-family: "FB Miller Display Roman"; color: #0095FF;} body.fontlist #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_10 .sample { font-family: "AR Shulinhei GB Medium"; } body.fontlist #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_10 .sub-characters {text-align: center; font-family: "AR Shulinhei GB Medium"} body.fontlist #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_10.selected .sub-characters {text-align: center; font-family: "AR Shulinhei GB Medium"; color: #0095FF;} body.fontlist #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_11 .sample { font-family: "AR Mingti B5 Bold"; } body.fontlist #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_11 .sub-characters {text-align: center; font-family: "AR Mingti B5 Bold"} body.fontlist #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_11.selected .sub-characters {text-align: center; font-family: "AR Mingti B5 Bold"; color: #0095FF;} body.fontlist #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_12 .sample { font-family: "Sandoll Myeongjo 03 Bold"; } body.fontlist #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_12 .sub-characters {text-align: center; font-family: "Sandoll Myeongjo 03 Bold"} body.fontlist #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_12.selected .sub-characters {text-align: center; font-family: "Sandoll Myeongjo 03 Bold"; color: #0095FF;} body.fontlist #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_13 .sample { font-family: "shuuei3 Medium"; } body.fontlist #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_13 .sub-characters {text-align: center; font-family: "shuuei3 Medium"} body.fontlist #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_13.selected .sub-characters {text-align: center; font-family: "shuuei3 Medium"; color: #0095FF;} body.fontlist #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_void { height: 100px; background-position: 0 -300px; background-color: #FCFAF2; border-color: #F2EDD9;} body.fontlist #box_fontlist #box_search #box_service .li_inner .area_body, body.fontlist #box_fontlist #box_search #box_use .li_inner .area_body, body.fontlist #box_fontlist #box_search #box_weight .li_inner .area_body, body.fontlist #box_fontlist #box_search #box_maker .li_inner .area_body { padding: 3px 47px 17px; } body.fontlist #box_fontlist #box_search #box_service .li_inner .area_body li, body.fontlist #box_fontlist #box_search #box_use .li_inner .area_body li, body.fontlist #box_fontlist #box_search #box_weight .li_inner .area_body li, body.fontlist #box_fontlist #box_search #box_maker .li_inner .area_body li { display: block; float: left; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 26px; } body.fontlist #box_fontlist #box_search #box_service .li_inner .area_body li span, body.fontlist #box_fontlist #box_search #box_use .li_inner .area_body li span, body.fontlist #box_fontlist #box_search #box_weight .li_inner .area_body li span, body.fontlist #box_fontlist #box_search #box_maker .li_inner .area_body li span { padding: 0 34px 0 5px; } body.fontlist #box_fontlist #box_search #box_imageword .li_inner .area_body, body.fontlist #box_fontlist #box_search #box_use .li_inner .area_body, body.fontlist #box_fontlist #box_search #box_weight .li_inner .area_body, body.fontlist #box_fontlist #box_search #box_maker .li_inner .area_body { padding: 3px 47px 17px; } body.fontlist #box_fontlist #box_search #box_imageword .li_inner .area_body li, body.fontlist #box_fontlist #box_search #box_use .li_inner .area_body li, body.fontlist #box_fontlist #box_search #box_weight .li_inner .area_body li, body.fontlist #box_fontlist #box_search #box_maker .li_inner .area_body li { display: block; float: left; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 26px; } body.fontlist #box_fontlist #box_search #box_imageword .li_inner .area_body li span, body.fontlist #box_fontlist #box_search #box_use .li_inner .area_body li span, body.fontlist #box_fontlist #box_search #box_weight .li_inner .area_body li span, body.fontlist #box_fontlist #box_search #box_maker .li_inner .area_body li span { padding: 0 34px 0 5px; } body.fontlist #box_fontlist #box_search #box_fontfamily .li_inner .area_ttl h1, body.fontlist #box_fontlist #box_search #box_language .li_inner .area_ttl h1 { padding: 2px 0 0 45px; width: 245px; color: #333333; font-family: "FB PoynterSerif RE Regular"; font-size: 13px; line-height: 30px; background: url(/images/tsone/arw_box_search_steady.png) no-repeat 21px center; } body.fontlist #box_fontlist #box_search #fontstyleid_img1 label,body.fontlist #box_fontlist #box_search #fontstyleid_use label{ display: inline-block; width: 130px; white-space:nowrap;} body.fontlist #box_fontlist #box_result { width: 720px; } body.fontlist #box_fontlist #box_result #indication_container { margin: 41px 0 20px; color: #666666; font-family: "ClearTone SG Light"; font-size: 12px; line-height: 29px; } body.fontlist #box_fontlist #box_result #indication_container #indicator { width: 250px; float: left; } body.fontlist #box_fontlist #box_result #indication_container #link_indicate { width: 329px; float: right; } body.fontlist #box_fontlist #box_result #indication_container #link_indicate li { display: block; float: left; padding: 0 7px 0 6px; background: url(/images/tsone/line_link_indicate.png) no-repeat right center; } body.fontlist #box_fontlist #box_result #indication_container #link_indicate li a { display: block; width: 70px; color: #666666; text-decoration: none; text-align: center; } body.fontlist #box_fontlist #box_result #indication_container #link_indicate li a:hover { text-decoration: underline; } body.fontlist #box_fontlist #box_result #indication_container #link_indicate li:first-child { padding-left: 0; } body.fontlist #box_fontlist #box_result #indication_container #link_indicate li:last-child { background: none; } body.fontlist #box_fontlist #box_result #indication_container #link_indicate li.current a { color: #0095ff; -webkit-border-radius: 3px 3px; -moz-border-radius: 3px / 3px; border-radius: 3px / 3px; behavior: url(/css/PIE); background-color: #edfaff; } body.fontlist #box_fontlist #box_result #font_sample_container li section header { width: 718px; border: solid 1px #ebebeb; -webkit-border-radius: 6px 6px; -moz-border-radius: 6px / 6px; border-radius: 6px / 6px; behavior: url(/css/PIE); background-color: #fafafa; } body.fontlist #box_fontlist #box_result #font_sample_container li section header h1 { float: left; margin: 0; padding: 1px 0 0 32px; width: 380px; color: #4d4d4d; font-family: "ClearTone SG Medium"; font-size: 15px; line-height: 37px; background: url(/images/tsone/arw_heading_03.png) 14px 50% no-repeat; } body.fontlist #box_fontlist #box_result #font_sample_container li section header .link_all { display: none; float: right; width: 151px; border-left: solid 1px #ebebeb; } body.fontlist #box_fontlist #box_result #font_sample_container li section header .link_all a { display: block; margin: 0; padding-left: 47px; color: #4c4c4c; font-family: "ClearTone SG Medium"; font-size: 12px; line-height: 38px; text-decoration: none; background: url(/images/tsone/arw_link_modal.png) 19px 50% no-repeat; } body.fontlist #box_fontlist #box_result #font_sample_container li section header a.download_btn { color: #0095FF; font-family: "ClearTone SG Medium"; font-size: 12px; line-height: 38px; text-decoration: none; } body.fontlist #box_fontlist #box_result #font_sample_container li section header .link_all a:hover { opacity: 0.7; } body.fontlist #box_fontlist #box_result #font_sample_container li section .font_format { margin: 0; padding: 0; text-align: right; font-size: 1px; vertical-align: top; line-height: 1; padding: 0 11px 11px 0; margin-top: -29px; } body.fontlist #box_fontlist #box_result #font_sample_container li section .font_format li { display: inline; margin-left: 2px; } body.fontlist #box_fontlist #box_result #font_sample_container li section .font_format li img { vertical-align: top; } body.fontlist #box_fontlist #box_result #font_sample_container li section .meta { margin: 0; border-right: solid 1px #ebebeb; float: right; margin-left: 38%; width: 60%; margin-right: 2%; } body.fontlist #box_fontlist #box_result #font_sample_container li section .meta dt { display: block; float: left; padding: 0 0 0 15px; color: #333333; font-family: "ClearTone SG Medium"; font-size: 12px; font-weight: normal; line-height: 30px; border-left: solid 1px #ebebeb; } body.fontlist #box_fontlist #box_result #font_sample_container li section .meta dd { display: block; float: left; margin-left: 0; width: 90px; color: #333333; font-family: "ClearTone SG Light"; font-size: 12px; line-height: 30px; } body.fontlist #box_fontlist #box_result #font_sample_container li section .meta dd.language { padding: 6px; line-height: 19px; } body.fontlist #box_fontlist #box_result #font_sample_container li section .meta dd+dt+dd { width: 130px; } body.fontlist #box_fontlist #box_result #font_sample_container li section .font_contents { padding-left: 30px; } body.fontlist #box_fontlist #box_result #font_sample_container li section .font_contents .font_jp { font-size: 56px; line-height: 78px; } body.fontlist #box_fontlist #box_result #font_sample_container li section .font_contents .font_jp span { display: block; font-size: 32px; line-height: 1; } body.fontlist #box_fontlist #box_result #font_sample_container li section .font_contents .font_en { font-size: 13px; line-height: 21px; } body.fontlist #box_fontlist #box_result #font_sample_container .btn_weight_example { margin-top: 20px; padding-left: 30px; padding-bottom: 32px; } body.fontlist #box_fontlist #box_result #font_sample_container .btn_show_all_weight { float: left; margin-right: 20px; padding-bottom: 12px; } body.fontlist #box_fontlist #box_result #font_sample_container .btn_show_all_weight .link_all { float: left; } body.fontlist #box_fontlist #box_result #font_sample_container li section .example_css { float: left; margin: 0; font-size: 13px; line-height: 15px; } body.fontlist #box_fontlist #box_result #font_sample_container li section .btn_show_all_weight+.example_css { width: 528px; } body.fontlist #box_fontlist #box_result #font_sample_container li section .example_css dt { padding: 8px 0 0 16px; min-height: 20px; font-family: "ClearTone SG Regular"; display: block; float: left; color: #ff4c97; background: url(/images/tsone/bg_example_css.png) no-repeat 0 0; } body.fontlist #box_fontlist #box_result #font_sample_container li section .example_css dd { padding: 8px 16px 0 3px; min-height: 20px; font-family: "ClearTone SG Light"; display: block; float: left; margin-left: 0; color: #0095ff; background: url(/images/tsone/bg_example_css.png) no-repeat 100% 0; } body.fontlist #box_fontlist #box_result #font_sample_container li section .price_add_to_cart { vertical-align: middle; display: table; width: 680px; padding: 30px 10px 0 30px; } body.fontlist #box_fontlist #box_result #font_sample_container li section .price_add_to_cart dl { margin: 0; padding: 0 0 3px; display: table-cell; vertical-align: middle; background: url(/images/tsone/bg_price_add_to_cart.png) no-repeat 0 50%; } body.fontlist #box_fontlist #box_result #font_sample_container li section .price_add_to_cart dt, body.fontlist #box_fontlist #box_result #font_sample_container li section .price_add_to_cart dd { vertical-align: middle; display: inline; font-size: 12px; font-family: "ClearTone SG Light"; padding: 0 15px 0 0; margin: 0; } body.fontlist #box_fontlist #box_result #font_sample_container li section .price_add_to_cart dt { border-right: 1px solid #cccccc; padding-left: 15px; margin-right: 15px; font-family: "ClearTone SG Medium"; } body.fontlist #box_fontlist #box_result #font_sample_container li section .price_add_to_cart dd em { font-style: normal; color: #ff4c97; font-family: "ClearTone SG Medium"; } body.fontlist #box_fontlist #box_result #font_sample_container li section .price_add_to_cart .btn_add_to_cart { width: 142px; display: table-cell; vertical-align: middle; } body.fontlist #box_fontlist #box_result #font_sample_container li section .font_downloaded_together { font-family: "ClearTone SG Medium"; text-align: right; padding-right: 10px; margin-top: 13px; } body.fontlist #box_fontlist #box_result #font_sample_container li section .font_downloaded_together a { text-decoration: none; color: #00b4ff; font-size: 11px; } body.fontlist #box_fontlist #box_result #font_sample_container li section .font_downloaded_together a:hover { text-decoration: underline; } body.fontlist #box_fontlist #box_result ul.pager { display: table; vertical-align: top; margin: 50px 0 0; text-align: center; width: 720px; height: 23px; line-height: 23px; } body.fontlist #box_fontlist #box_result ul.pager li { display: inline-table; vertical-align: top; margin-right: 20px; font-family: "ClearTone SG Medium"; font-size: 13px; } body.fontlist #box_fontlist #box_result ul.pager li:last-child { margin-right: 0; } body.fontlist #box_fontlist #box_result ul.pager li a { display: block; font-family: "ClearTone SG Medium"; font-size: 13px; line-height: 23px; text-decoration: none; color: #999999; } body.fontlist #box_fontlist #box_result ul.pager li a:hover { text-decoration: underline; } body.fontlist #box_fontlist #box_result ul.pager li.prev { background: url(/images/tsone/line_dots_vertical.png) repeat-y right top; } body.fontlist #box_fontlist #box_result ul.pager li.prev a { padding: 0 15px 0 26px; color: #000000; background: url(/images/tsone/arw_pager.png) no-repeat 0 -97px; } body.fontlist #box_fontlist #box_result ul.pager li.prev a:hover { color: #999999; background-position: 0 -147px; text-decoration: none; } body.fontlist #box_fontlist #box_result ul.pager li.disabled { display: none; } body.fontlist #box_fontlist #box_result ul.pager li.next { background: url(/images/tsone/line_dots_vertical.png) repeat-y left top; } body.fontlist #box_fontlist #box_result ul.pager li.next a { padding: 0 45px 0 15px; color: #000000; background: url(/images/tsone/arw_pager.png) no-repeat 100% 3px; } body.fontlist #box_fontlist #box_result ul.pager li.next a:hover { color: #999999; background-position: 100% -47px; text-decoration: none; } body.fontlist #box_fontlist #box_result ul.pager li.current a { color: #000000; } body.fontlist.member #box_fontlist #box_result #font_sample_container li section .example_css { display: block; } body.fontlist #box_fontlist #box_result #font_sample_container li section header .link_all { display: block; } body.fontlist #box_fontlist #box_result span.no_font { margin: 0; width: 720px; color: #333333; font-family: "ClearTone SG Light"; font-size: 18px; line-height: 1.6; } /* All fontlist modal window */ #fontlist_all { padding: 24px 40px 0 20px; max-height: 664px; border-bottom: solid 10px white; } #fontlist_all #num_list { margin-bottom: 24px; color: #666666; font-family: "ClearTone SG Light"; font-size: 12px; line-height: 20px; } #fontlist_all #font_sample_container li { padding-bottom: 56px; } #fontlist_all #font_sample_container li section header { width: 718px; border: solid 1px #ebebeb; -webkit-border-radius: 6px 6px; -moz-border-radius: 6px / 6px; border-radius: 6px / 6px; behavior: url(/css/PIE); background-color: #fafafa; } #fontlist_all #font_sample_container li section header h1 { float: left; margin: 0; padding: 0 0 0 32px; width: 250px; color: #4d4d4d; font-family: "ClearTone SG Medium"; font-size: 15px; line-height: 38px; background: url(/images/tsone/arw_heading_03.png) 14px 50% no-repeat; } #fontlist_all #font_sample_container li section .meta { margin: 0 32px 0 0; padding: 0 0 0 300px; border-right: solid 1px #ebebeb; } #fontlist_all #font_sample_container li section .meta dt { display: block; float: left; padding: 0 0 0 15px; color: #333333; font-family: "ClearTone SG Medium"; font-size: 12px; font-weight: normal; line-height: 30px; border-left: solid 1px #ebebeb; } #fontlist_all #font_sample_container li section .meta dd { display: block; float: left; margin-left: 0; width: 80px; color: #333333; font-family: "ClearTone SG Light"; font-size: 12px; line-height: 30px; } #fontlist_all #font_sample_container li section .meta dd.language { padding: 6px; line-height: 19px; } #fontlist_all #font_sample_container li section .meta dd:nth-child(4) { width: auto; } #fontlist_all #font_sample_container li section .font_contents { padding-left: 30px; } #fontlist_all #font_sample_container li section .font_contents .font_jp { font-size: 56px; line-height: 78px; } #fontlist_all #font_sample_container li section .font_contents .font_jp span { display: block; font-size: 32px; line-height: 1; } #fontlist_all #font_sample_container li section .font_contents .font_en { font-size: 13px; line-height: 21px; } #fontlist_all #font_sample_container li section .example_css { display: block; margin: 20px 0 0; padding-left: 30px; font-family: "ClearTone SG Medium"; font-size: 11px; line-height: 15px; } #fontlist_all #font_sample_container li section .example_css dt { padding: 8px 0 0 16px; min-height: 20px; font-family: "ClearTone SG Regular"; display: block; float: left; color: #ff4c97; background: url(/images/tsone/bg_example_css.png) no-repeat 0 0; } #fontlist_all #font_sample_container li section .example_css dd { padding: 8px 16px 0 3px; min-height: 20px; font-family: "ClearTone SG Light"; display: block; float: left; margin-left: 0; color: #0095ff; background: url(/images/tsone/bg_example_css.png) no-repeat 100% 0; } /* ------------------------------ Alicense */ body.alicense #box_alicense { margin-top: 42px; } body.alicense #box_alicense header { padding-left: 12px; } body.alicense #box_alicense header h1, body.alicense #box_alicense header h2 { color: #000000; font-family: "FB Miller Display Bold"; } body.alicense #box_alicense header h2 { margin: 44px 0 0; font-size: 14px; line-height: 22px; } body.alicense #box_alicense header h1 { margin: 0; font-size: 28px; line-height: 36px; } body.alicense #box_alicense #box_btns { padding: 50px 15px 0; } body.alicense #box_alicense #box_site_list { width: 720px; } body.alicense #box_alicense #box_site_list #indication_container { margin: 41px 0 10px; color: #666666; font-family: "ClearTone SG Light"; font-size: 12px; line-height: 29px; } body.alicense #box_alicense #box_site_list #indication_container #indicator { width: 250px; float: left; padding-left: 15px; } body.alicense #box_alicense #box_site_list #indication_container #link_indicate { width: 329px; float: right; } body.alicense #box_alicense #box_site_list #indication_container #link_indicate li { display: block; float: left; padding: 0 7px 0 6px; background: url(/images/tsone/line_link_indicate.png) no-repeat right center; } body.alicense #box_alicense #box_site_list #indication_container #link_indicate li a { display: block; width: 70px; color: #666666; text-decoration: none; text-align: center; } body.alicense #box_alicense #box_site_list #indication_container #link_indicate li a:hover { text-decoration: underline; } body.alicense #box_alicense #box_site_list #indication_container #link_indicate li:first-child { padding-left: 0; } body.alicense #box_alicense #box_site_list #indication_container #link_indicate li:last-child { background: none; } body.alicense #box_alicense #box_site_list #indication_container #link_indicate li.current a { color: #0095ff; -webkit-border-radius: 3px 3px; -moz-border-radius: 3px / 3px; border-radius: 3px / 3px; behavior: url(/css/PIE); background-color: #edfaff; } body.alicense #box_alicense #box_site_list table { width: 100%; } body.alicense #box_alicense #box_site_list table th { border-bottom: 1px solid white; border-left: 2px solid white; background: url(/images/tsone/bg_table.png) repeat 0 0; padding: 3px 0 0; text-align: left; vertical-align: top; } body.alicense #box_alicense #box_site_list table th .inner { border-top: 1px solid white; background-color: #f2f2f2; padding: 5px 0; height: 30px; } body.alicense #box_alicense #box_site_list table th:first-child { border-left: none; padding: 3px 0 0; } body.alicense #box_alicense #box_site_list table th:first-child img { margin-left: 15px; } body.alicense #box_alicense #box_site_list table th.col_siteurl { width: 532px; } body.alicense #box_alicense #box_site_list table th.col_graph_btn, body.alicense #box_alicense #box_site_list table th.col_delete_btn { width: 34px; } body.alicense #box_alicense #box_site_list table td { border-left: 2px solid white; vertical-align: top; padding: 0; font-family: "ClearTone SG Light"; font-size: 13px; } body.alicense #box_alicense #box_site_list table td .inner { padding: 5px 20px; border-top: 1px solid #ebebeb; } body.alicense #box_alicense #box_site_list table td:first-child { border-left: none; } body.alicense #box_alicense #box_site_list table td:first-child .inner { padding: 10px 15px 5px; } body.alicense #box_alicense #box_site_list table td.bottom { background: url(/images/tsone/bg_table.png) repeat 0 100%; } body.alicense #box_alicense #box_site_list table td.bottom .inner { padding-bottom: 8px; border-top: 1px solid #ebebeb; } body.alicense #box_alicense #box_site_list table td a { color: #0095ff; text-decoration: none; } body.alicense #box_alicense #box_site_list table td a:hover { text-decoration: underline; } body.alicense #box_alicense #pv_indicate { margin: 40px 15px 0; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 21px; } body.alicense #box_alicense #pv_indicate span { font-family: "ClearTone SG Medium"; font-style: normal; } body.alicense #box_alicense #box_graph { margin: 10px 0 0 10px; width: 698px; height: 358px; border: 1px solid #ebebeb; position: relative; } body.alicense #box_alicense #box_graph .empty_data { display: block; width: 100%; position: absolute; top: 50%; text-align: center; font-size: 13px; line-height: 21px; font-family: "ClearTone SG Light"; } body.alicense #box_alicense .caution { margin-top: 10px; padding-right: 10px; font-family: "ClearTone SG Light"; color: #ff0000; text-align: right; font-size: 13px; line-height: 21px; } body.alicense #box_alicense #btn_alicense_top { margin-top: 33px; padding-left: 270px; } body.alicense #box_alicense #btn_alicense_top a { display: block; width: 196px; height: 40px; background: url(/images/tsone/btn_alicense_top.png) no-repeat 0 0; } /* ------------------------------ Alicense Input */ body.alicense_input #box_alicense_input header { padding-left: 14px; } body.alicense_input #box_alicense_input header h1, body.alicense_input #box_alicense_input header h2 { color: #000000; font-family: "FB Miller Display Bold"; } body.alicense_input #box_alicense_input header h2 { margin: 44px 0 0; font-size: 14px; line-height: 22px; } body.alicense_input #box_alicense_input header h1 { margin: 0; font-size: 28px; line-height: 36px; } body.alicense_input #box_alicense_input #box_site_url { margin-top: 46px; } body.alicense_input #box_alicense_input #box_site_url table { width: 720px; color: #333333; font-family: "ClearTone SG Light"; font-size: 13px; } body.alicense_input #box_alicense_input #box_site_url table th { padding: 0; padding-left: 15px; width: 160px; text-align: left; border-top: solid 1px #ebebeb; border-bottom: solid 1px #ebebeb; border-right: solid 20px white; } body.alicense_input #box_alicense_input #box_site_url table td { margin-left: 0; padding: 0; width: 530px; border-top: solid 1px #ebebeb; border-bottom: solid 1px #ebebeb; } body.alicense_input #box_alicense_input #box_site_url table td .td_inner { padding: 10px 30px 10px 20px; border-top: solid 1px white; border-bottom: solid 1px white; background-color: #fafafa; } body.alicense_input #box_alicense_input #box_site_url table td .note { font-size: 11px; margin-top: 5px; } body.alicense_input #box_alicense_input #box_site_url table td input[type="text"] { width: 484px; } body.alicense_input #box_alicense_input #box_btns { padding: 60px 200px 0; width: 320px; } body.alicense_input #box_alicense_input #box_btns input.btn_back { display: block; float: left; } body.alicense_input #box_alicense_input #box_btns input.btn_next { display: block; float: right; } /* ------------------------------ Alicense Confirm */ body.alicense_confirm #box_alicense_confirm header { padding-left: 12px; } body.alicense_confirm #box_alicense_confirm header h1, body.alicense_confirm #box_alicense_confirm header h2 { color: #000000; font-family: "FB Miller Display Bold"; } body.alicense_confirm #box_alicense_confirm header h2 { margin: 44px 0 0; font-size: 14px; line-height: 22px; } body.alicense_confirm #box_alicense_confirm header h1 { margin: 0; font-size: 28px; line-height: 36px; } body.alicense_confirm #box_alicense_confirm .notice { margin: 46px 0 0; padding-top: 24px; width: 720px; height: 52px; color: #ff0000; font-family: "ClearTone SG Medium"; font-size: 13px; line-height: 21px; text-align: center; background: url(/images/tsone/bg_notice.png) no-repeat 0 0; } body.alicense_confirm #box_alicense_confirm #box_site_url { margin-top: 14px; } body.alicense_confirm #box_alicense_confirm #box_site_url table { width: 720px; color: #333333; font-family: "ClearTone SG Light"; font-size: 13px; } body.alicense_confirm #box_alicense_confirm #box_site_url table th { padding: 0; padding-left: 15px; width: 160px; text-align: left; border-top: solid 1px #ebebeb; border-bottom: solid 1px #ebebeb; border-right: solid 20px white; } body.alicense_confirm #box_alicense_confirm #box_site_url table td { margin-left: 0; padding: 0; width: 530px; border-top: solid 1px #ebebeb; border-bottom: solid 1px #ebebeb; } body.alicense_confirm #box_alicense_confirm #box_site_url table td.last { border-bottom: solid 1px #ebebeb; } body.alicense_confirm #box_alicense_confirm #box_site_url table td .td_inner { padding: 10px 30px 10px 20px; border-top: solid 1px white; border-bottom: solid 1px white; background-color: #fafafa; } body.alicense_confirm #box_alicense_confirm #box_site_url table td .td_inner a { color: #0095ff; text-decoration: none; } body.alicense_confirm #box_alicense_confirm #box_site_url table td .td_inner a:hover { text-decoration: underline; } body.alicense_confirm #box_alicense_confirm #box_btns { padding: 60px 210px 0; width: 300px; } body.alicense_confirm #box_alicense_confirm #box_btns input.btn_back { display: block; float: left; padding-top: 5px; } body.alicense_confirm #box_alicense_confirm #box_btns input.btn_next { display: block; float: right; } /* ------------------------------ Alicense View */ body.alicense_view #box_alicense_view header { padding-left: 14px; } body.alicense_view #box_alicense_view header h1, body.alicense_view #box_alicense_view header h2 { color: #000000; font-family: "FB Miller Display Bold"; } body.alicense_view #box_alicense_view header h2 { margin: 44px 0 0; font-size: 14px; line-height: 22px; } body.alicense_view #box_alicense_view header h1 { margin: 0; font-size: 28px; line-height: 36px; } body.alicense_view #box_alicense_view .notice { margin: 42px 0 0; padding-left: 15px; width: 720px; color: #4c4c4c; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 21px; } body.alicense_view #box_alicense_view #box_site_url { margin-top: 16px; } body.alicense_view #box_alicense_view #box_site_url table { width: 720px; color: #333333; font-family: "ClearTone SG Light"; font-size: 13px; } body.alicense_view #box_alicense_view #box_site_url table th { padding: 0 0 0 15px; width: 160px; text-align: left; border-top: solid 1px #ebebeb; border-bottom: solid 1px #ebebeb; border-right: solid 20px white; } body.alicense_view #box_alicense_view #box_site_url table td { margin-left: 0; padding: 0; width: 530px; border-top: solid 1px #ebebeb; border-bottom: solid 1px #ebebeb; } body.alicense_view #box_alicense_view #box_site_url table td.last { border-bottom: solid 1px #ebebeb; } body.alicense_view #box_alicense_view #box_site_url table td .td_inner { padding: 10px 30px 10px 20px; border-top: solid 1px white; border-bottom: solid 1px white; } body.alicense_view #box_alicense_view #box_site_url table td .td_inner a { color: #0095ff; text-decoration: none; } body.alicense_view #box_alicense_view #box_site_url table td .td_inner a:hover { text-decoration: underline; } body.alicense_view #box_alicense_view #box_btns { padding: 60px 230px 0; width: 260px; } body.alicense_view #box_alicense_view #box_btns input.btn_back { display: block; float: left; } body.alicense_view #box_alicense_view #box_btns input.btn_delete { display: block; float: right; } /* ------------------------------ Alicense Delconfirm */ body.alicense_delconfirm #box_alicense_delconfirm header { padding-left: 14px; } body.alicense_delconfirm #box_alicense_delconfirm header h1, body.alicense_delconfirm #box_alicense_delconfirm header h2 { color: #000000; font-family: "FB Miller Display Bold"; } body.alicense_delconfirm #box_alicense_delconfirm header h2 { margin: 44px 0 0; font-size: 14px; line-height: 22px; } body.alicense_delconfirm #box_alicense_delconfirm header h1 { margin: 0; font-size: 28px; line-height: 36px; } body.alicense_delconfirm #box_alicense_delconfirm .notice { margin: 42px 0 0; padding-left: 15px; width: 720px; color: #ff0000; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 21px; } body.alicense_delconfirm #box_alicense_delconfirm #box_site_url { margin-top: 16px; } body.alicense_delconfirm #box_alicense_delconfirm #box_site_url table { width: 720px; color: #333333; font-family: "ClearTone SG Light"; font-size: 13px; } body.alicense_delconfirm #box_alicense_delconfirm #box_site_url table th { padding: 0 0 0 15px; width: 160px; text-align: left; border-top: solid 1px #ebebeb; border-bottom: solid 1px #ebebeb; border-right: solid 20px white; } body.alicense_delconfirm #box_alicense_delconfirm #box_site_url table td { margin-left: 0; padding: 0; width: 530px; border-top: solid 1px #ebebeb; border-bottom: solid 1px #ebebeb; } body.alicense_delconfirm #box_alicense_delconfirm #box_site_url table td.last { border-bottom: solid 1px #ebebeb; } body.alicense_delconfirm #box_alicense_delconfirm #box_site_url table td .td_inner { padding: 10px 30px 10px 20px; border-top: solid 1px white; border-bottom: solid 1px white; } body.alicense_delconfirm #box_alicense_delconfirm #box_site_url table td .td_inner a { color: #0095ff; text-decoration: none; } body.alicense_delconfirm #box_alicense_delconfirm #box_site_url table td .td_inner a:hover { text-decoration: underline; } body.alicense_delconfirm #box_alicense_delconfirm #box_btns { padding: 60px 230px 0; width: 260px; } body.alicense_delconfirm #box_alicense_delconfirm #box_btns input.btn_back { display: block; float: left; /* padding-top: 5px; */ } body.alicense_delconfirm #box_alicense_delconfirm #box_btns input.btn_delete { display: block; float: right; } /* ------------------------------ Alicense Script */ body.alicense_script #box_alicense_script { margin-top: 42px; } body.alicense_script #box_alicense_script header { padding-left: 14px; } body.alicense_script #box_alicense_script header h1, body.alicense_script #box_alicense_script header h2 { color: #000000; font-family: "FB Miller Display Bold"; } body.alicense_script #box_alicense_script header h2 { margin: 44px 0 0; font-size: 14px; line-height: 22px; } body.alicense_script #box_alicense_script header h1 { margin: 0; font-size: 28px; line-height: 36px; } body.alicense_script #box_alicense_script>header+p { margin: 42px 0 0; padding-left: 15px; width: 720px; color: #666666; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 21px; } body.alicense_script #box_alicense_script>header+p+h2 { font-family: "FB Miller Display Bold"; color: #0095ff; font-weight: normal; line-height: 1; margin: 50px 0 15px 15px; font-size: 20px; } /* box_tabs */ body.alicense_script #box_tabs { width: 720px; margin-top: 15px; } body.alicense_script #box_tabs #box_tabs_ul { height: 90px; background: url(/images/tsone/bg_box_tabs_ul.png) no-repeat 0 0; padding-left: 110px; } body.alicense_script #box_tabs #box_tabs_ul li, body.alicense_script #box_tabs #box_tabs_ul a { display: inline-block; color: #fff; font-family: "ClearTone SG Medium"; text-decoration: none; width: 250px; text-align: center; outline: none; } body.alicense_script #box_tabs #box_tabs_ul a { padding-top: 8px; line-height: 50px; font-size: 14px; } body.alicense_script #box_tabs_inner { padding: 0 30px 52px; margin-top:40px; } body.alicense_script #box_tabs #box_tabs_ul_plan_standard a { background: url(/images/tsone/bg_box_tabs_ul.png) no-repeat -110px -90px; } body.alicense_script #box_tabs #box_tabs_ul_plan_selfhosting a { background: url(/images/tsone/bg_box_tabs_ul.png) no-repeat -360px -90px; } body.alicense_script #box_tabs #box_tabs_ul_plan_standard a:hover { background-position: -110px -90px; } body.alicense_script #box_tabs #box_tabs_ul_plan_selfhosting a:hover { background-position: -360px -90px; } body.alicense_script #box_tabs #box_tabs_ul_plan_standard.ui-tabs-active a { background-position: -110px -180px; color: #cc3333; } body.alicense_script #box_tabs #box_tabs_ul_plan_selfhosting.ui-tabs-active a { background-position: -360px -180px; color: #cc3333; } body.alicense_script #box_tabs #box_tabs_ul_plan_standard span { padding-left: 25px; } body.alicense_script #box_tabs #box_tabs_ul_plan_selfhosting span { padding-left: 30px; } /* box_tabs contents */ body.alicense_script #box_alicense_script .box_step { padding-bottom: 53px; margin-bottom: 28px; background: url(/images/tsone/bg_box_step.png) no-repeat 0 100%; } body.alicense_script #box_alicense_script .box_step h3 { font-weight: normal; font-family: "Ryumin Heavy KL"; font-size: 16px; line-height: 1; float: left; width: 80px; margin: 0; } body.alicense_script #box_alicense_script .box_step h3 span { font-family: "Ryumin Medium KL"; font-size: 64px; margin-left: 8px; vertical-align: middle; } body.alicense_script #box_alicense_script .box_step h4 { font-weight: normal; font-family: "FB Miller Display Bold"; font-size: 20px; line-height: 36px; margin: 0 0 5px; } body.alicense_script #box_alicense_script .box_step .inner { float: right; width: 500px; border-left: 1px solid #ebebeb; padding-left: 45px; } body.alicense_script #box_alicense_script .box_step p { font-family: "ClearTone SG Light"; font-size: 13px; line-height: 1.6; margin-bottom: 13px; } body.alicense_script #box_alicense_script .box_step p.note { font-size: 11px; line-height: 18px; margin-top: 20px; color: #666666; } body.alicense_script #box_alicense_script .box_step p.note b { color: #cc3333; } body.alicense_script #box_alicense_script .box_step p b { font-family: "ClearTone SG Medium"; font-weight: normal; } body.alicense_script #box_alicense_script .box_step p a { color: #0095ff; text-decoration: none; } body.alicense_script #box_alicense_script .box_step p a:hover { text-decoration: underline; } body.alicense_script #box_alicense_script .box_step th, body.alicense_script #box_alicense_script .box_step td { vertical-align: top; padding-bottom: 37px; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 1.6; } body.alicense_script #box_alicense_script .box_step th { width: 40px; color: #cc3333; font-family: "ClearTone SG Medium"; } body.alicense_script #box_alicense_script .box_step td { width: 460px; } body.alicense_script #box_alicense_script .box_step td p { margin: 10px 0 0; } body.alicense_script #box_alicense_script .box_step table tr:last-child th, body.alicense_script #box_alicense_script .box_step table tr:last-child td { padding-bottom: 9px; } body.alicense_script #box_alicense_script .box_step #external_text, body.alicense_script #box_alicense_script .box_step #external_text_self { margin-top: 10px; } body.alicense_script #box_alicense_script .box_step #external_text #external_text_inner textarea, body.alicense_script #box_alicense_script .box_step #external_text_self #external_text_inner_self textarea { width: 450px; font-family: "sans-serif"; font-size: 13px; line-height: 1.6; } body.alicense_script #box_alicense_script .box_step #external_text #external_text_inner .btn_copy, body.alicense_script #box_alicense_script .box_step #external_text_self #external_text_inner_self .btn_copy { margin-top: 10px; height:26px;} body.alicense_script #box_alicense_script .box_step .btn_detail { margin: 11px 0 0 auto; width: 130px; height: 44px; } body.alicense_script #box_alicense_script .box_step .btn_detail a { display: block; padding-left: 41px; color: #4c4c4c; font-family: "ClearTone SG Medium"; font-size: 12px; line-height: 44px; text-decoration: none; background: #edfaff url(/images/tsone/arw_btn_02.png) 12px 50% no-repeat; -webkit-border-radius: 4px 4px; -moz-border-radius: 4px / 4px; border-radius: 4px / 4px; behavior: url(/css/PIE); } body.alicense_script #box_alicense_script .box_step .btn_detail a:hover { color: #333333; background: #d9f4ff url(/images/tsone/arw_btn_02_on.png) 12px 50% no-repeat; } body.alicense_script #box_alicense_script .box_plan_bottom_txt { font-weight: normal; font-family: "ClearTone SG Medium"; font-size: 20px; line-height: 36px; margin: 0 0 0 156px; color: #ff4c97;} body.alicense_script #box_alicense_script #box_step_bottom { border-top: 1px solid #ebebeb; margin-top: 42px; padding-top: 40px; padding-bottom: 0; margin-bottom: 0; background: none; } body.alicense_script #box_alicense_script #box_step_bottom .inner { border-left: none; padding-left: 0; } body.alicense_script #box_alicense_script .box_step .z-clip-wrap { position: relative; display: inline-block; width:145px;height:26px; } body.alicense_script #box_alicense_script .box_step .z-clip-wrap a {display: block; width:145px;height:26px;background:url('/images/btn_copy_clipboard.png') no-repeat; } body.alicense_script #box_alicense_script .box_step .z-clip-wrap a:hover,body.alicense_script #box_alicense_script .box_step .z-clip-wrap a.hover {background:url('/images/btn_copy_clipboard_on.png');} body.alicense_script #box_alicense_script .box_step #external_text #external_text_inner .btn_copy span, body.alicense_script #box_alicense_script .box_step #external_text_self #external_text_inner_self .btn_copy span { vertical-align:text-bottom;} body.alicense_script #box_alicense_script .box_step #external_text #external_text_inner .btn_copy span#copy-done, body.alicense_script #box_alicense_script .box_step #external_text_self #external_text_inner_self .btn_copy span#copy-done-self { margin-left:1em;} /* ------------------------------ Help Index */ body.help_index { background: none; } body.help_index #wrapper { border-top: #00b4ff solid 5px; } body.help_index #help_index_container { margin: 0 auto; padding: 0 0 60px; width: 640px; } body.help_index #help_index_container #ttl_container h1 { float: left; width: 139px; margin: 0; font-family: "FB Miller Display Bold"; font-size: 28px; line-height: 88px; border-right: #ebebeb solid 1px; } body.help_index #help_index_container #ttl_container p { float: right; width: 470px; padding-left: 30px; font-family: "Ryumin Medium KL"; font-size: 64px; line-height: 88px; } body.help_index #help_index_container #ttl_container p span { display: block; float: left; margin-right: 12px; font-family: "Ryumin Heavy KL"; font-size: 16px; line-height: 88px; } body.help_index #help_index_container h2 { margin: 0; padding-left: 30px; color: #0095ff; font-family: "FB Miller Display Bold"; font-size: 20px; line-height: 60px; background: url(/images/tsone/line_dots_help_heading.png) repeat-x 0 0; } body.help_index #help_index_container .lead { padding: 26px 30px; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 21px; } body.help_index #help_index_container #btn_prev { margin-top: 30px; margin-left: 260px; width: 120px; height: 40px; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #adadad), color-stop(100%, #7a7a7a)); background-image: -webkit-linear-gradient(#adadad, #7a7a7a); background-image: -moz-linear-gradient(#adadad, #7a7a7a); background-image: -o-linear-gradient(#adadad, #7a7a7a); background-image: linear-gradient(#adadad, #7a7a7a); -pie-background: linear-gradient(#adadad, #7a7a7a); -webkit-border-radius: 4px 4px; -moz-border-radius: 4px / 4px; border-radius: 4px / 4px; behavior: url(/css/PIE); } body.help_index #help_index_container #btn_prev:hover { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #7a7a7a), color-stop(100%, #7a7a7a)); background-image: -webkit-linear-gradient(#7a7a7a, #7a7a7a); background-image: -moz-linear-gradient(#7a7a7a, #7a7a7a); background-image: -o-linear-gradient(#7a7a7a, #7a7a7a); background-image: linear-gradient(#7a7a7a, #7a7a7a); -pie-background: linear-gradient(#7a7a7a, #7a7a7a); } body.help_index #help_index_container #btn_prev a { display: block; padding: 1px 0 0 44px; color: #ffffff; font-family: "ClearTone SG Medium"; font-size: 13px; text-decoration: none; line-height: 39px; background: url(/images/tsone/arw_btn_03.png) 12px 50% no-repeat; } body.help_index #help_index_container #btn_next { margin-top: 30px; margin-left: 240px; width: 160px; height: 40px; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ff9bc2), color-stop(100%, #ff64a0)); background-image: -webkit-linear-gradient(#ff9bc2, #ff64a0); background-image: -moz-linear-gradient(#ff9bc2, #ff64a0); background-image: -o-linear-gradient(#ff9bc2, #ff64a0); background-image: linear-gradient(#ff9bc2, #ff64a0); -pie-background: linear-gradient(#ff9bc2, #ff64a0); -webkit-border-radius: 4px 4px; -moz-border-radius: 4px / 4px; border-radius: 4px / 4px; behavior: url(/css/PIE); } body.help_index #help_index_container #btn_next:hover { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ff64a0), color-stop(100%, #ff64a0)); background-image: -webkit-linear-gradient(#ff64a0, #ff64a0); background-image: -moz-linear-gradient(#ff64a0, #ff64a0); background-image: -o-linear-gradient(#ff64a0, #ff64a0); background-image: linear-gradient(#ff64a0, #ff64a0); -pie-background: linear-gradient(#ff64a0, #ff64a0); } body.help_index #help_index_container #btn_next a { display: block; padding: 1px 0 0 44px; color: #ffffff; font-family: "ClearTone SG Medium"; font-size: 13px; text-decoration: none; line-height: 39px; background: url(/images/tsone/arw_btn_05.png) 113px 50% no-repeat; } body.help_index #help_index_container #btn_next a:hover { background: url(/images/tsone/arw_btn_05_on.png) 113px 50% no-repeat; } body.help_index #help_index_container #btn_container { margin-top: 60px; margin-left: 170px; width: 300px; } body.help_index #help_index_container #btn_container #btn_prev { float: left; margin-top: 0; margin-left: 0; width: 120px; height: 40px; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #adadad), color-stop(100%, #7a7a7a)); background-image: -webkit-linear-gradient(#adadad, #7a7a7a); background-image: -moz-linear-gradient(#adadad, #7a7a7a); background-image: -o-linear-gradient(#adadad, #7a7a7a); background-image: linear-gradient(#adadad, #7a7a7a); -pie-background: linear-gradient(#adadad, #7a7a7a); -webkit-border-radius: 4px 4px; -moz-border-radius: 4px / 4px; border-radius: 4px / 4px; behavior: url(/css/PIE); } body.help_index #help_index_container #btn_container #btn_prev:hover { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #7a7a7a), color-stop(100%, #7a7a7a)); background-image: -webkit-linear-gradient(#7a7a7a, #7a7a7a); background-image: -moz-linear-gradient(#7a7a7a, #7a7a7a); background-image: -o-linear-gradient(#7a7a7a, #7a7a7a); background-image: linear-gradient(#7a7a7a, #7a7a7a); -pie-background: linear-gradient(#7a7a7a, #7a7a7a); } body.help_index #help_index_container #btn_container #btn_prev a { display: block; padding: 1px 0 0 44px; color: #ffffff; font-family: "ClearTone SG Medium"; font-size: 13px; text-decoration: none; line-height: 39px; background: url(/images/tsone/arw_btn_03.png) 12px 50% no-repeat; } body.help_index #help_index_container #btn_container #btn_next { float: right; margin-top: 0; margin-left: 0; width: 160px; height: 40px; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ff9bc2), color-stop(100%, #ff64a0)); background-image: -webkit-linear-gradient(#ff9bc2, #ff64a0); background-image: -moz-linear-gradient(#ff9bc2, #ff64a0); background-image: -o-linear-gradient(#ff9bc2, #ff64a0); background-image: linear-gradient(#ff9bc2, #ff64a0); -pie-background: linear-gradient(#ff9bc2, #ff64a0); -webkit-border-radius: 4px 4px; -moz-border-radius: 4px / 4px; border-radius: 4px / 4px; behavior: url(/css/PIE); } body.help_index #help_index_container #btn_container #btn_next:hover { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ff64a0), color-stop(100%, #ff64a0)); background-image: -webkit-linear-gradient(#ff64a0, #ff64a0); background-image: -moz-linear-gradient(#ff64a0, #ff64a0); background-image: -o-linear-gradient(#ff64a0, #ff64a0); background-image: linear-gradient(#ff64a0, #ff64a0); -pie-background: linear-gradient(#ff64a0, #ff64a0); } body.help_index #help_index_container #btn_container #btn_next a { display: block; padding: 1px 0 0 44px; color: #ffffff; font-family: "ClearTone SG Medium"; font-size: 13px; text-decoration: none; line-height: 39px; background: url(/images/tsone/arw_btn_05.png) 113px 50% no-repeat; } body.help_index #help_index_container #btn_container #btn_next a:hover { background: url(/images/tsone/arw_btn_05_on.png) 113px 50% no-repeat; } /* ------------------------------ Fontbuy */ body.fontbuy #box_fontbuy { margin-top: 42px; } body.fontbuy #box_fontbuy header { padding-left: 14px; } body.fontbuy #box_fontbuy header h1,body.fontbuy #box_fontbuy header h2 { color: #000000; font-family: "FB Miller Display Bold"; } body.fontbuy #box_fontbuy header h2 { margin: 44px 0 0; font-size: 14px; line-height: 22px; } body.fontbuy #box_fontbuy header h1 { margin: 0; font-size: 28px; line-height: 36px; } /* body.fontbuy #box_fontbuy dl { margin: 46px 0 0; width: 720px; color: #333333; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 39px; } body.fontbuy #box_fontbuy dl dt, body.fontbuy #box_fontbuy dl dd { display: block; border-bottom: 1px solid #ebebeb; background-color: #ffffff; } body.fontbuy #box_fontbuy dl dt { float: left; width: 470px; } body.fontbuy #box_fontbuy dl dt.top { padding-top: 3px; background: url(/images/tsone/line_dots_top_bottom.png) repeat-x 0 0; } body.fontbuy #box_fontbuy dl dt.bottom { padding: 20px 0 13px; min-height: 60px; border-bottom: none; background: url(/images/tsone/line_dots_top_bottom.png) repeat-x 0 bottom; } body.fontbuy #box_fontbuy dl dt.bottom span { display: block; font-size: 11px; line-height: 1.4; margin-left: 10px; } body.fontbuy #box_fontbuy dl dt.bottom input { line-height: 1.4; width: 280px; } body.fontbuy #box_fontbuy dl dt input { margin: 0 8px 0 12px; } body.fontbuy #box_fontbuy dl dd { float: right; margin-left: 0; width: 230px; text-align: right; background-color: #fafafa; } body.fontbuy #box_fontbuy dl dd .inner { padding-right: 34px; } body.fontbuy #box_fontbuy dl dd.top { padding-top: 3px; background: #fafafa url(/images/tsone/line_dots_top_bottom.png) repeat-x 0 0; } body.fontbuy #box_fontbuy dl dd.bottom { padding: 20px 0 13px; min-height: 60px; border-bottom: none; background: url(/images/tsone/line_dots_top_bottom.png) repeat-x 0 bottom; } body.fontbuy #box_fontbuy dl .inner { border-top: 1px solid white; border-bottom: 1px solid white; } body.fontbuy #box_fontbuy dl.sum { margin-top: 0; font-family: "ClearTone SG Medium"; } body.fontbuy #box_fontbuy dl.sum dt { margin-left: 390px; width: 80px; text-align: center; } body.fontbuy #box_fontbuy dl.sum dd { color: #0095ff; background-color: #ffffff; } */ body.fontbuy #box_fontbuy #box_btns { padding: 60px 210px 0; width: 300px; } body.fontbuy #box_fontbuy #box_btns input.btn_back { display: block; float: left; } body.fontbuy #box_fontbuy #box_btns input.btn_next { display: block; float: right; } body.fontbuy #box_fontbuy .box_price { width: 720px; } body.fontbuy #box_fontbuy .box_price header { margin-top: 45px; width: 718px; border: solid 1px #ffcbe1; -webkit-border-radius: 6px 6px; -moz-border-radius: 6px / 6px; border-radius: 6px / 6px; behavior: url(/css/PIE); background-color: #fff7fa; padding-left: 0; } body.fontbuy #box_fontbuy .box_price header h1 { margin: 0; padding: 14px 0 14px 31px; color: #4d4d4d; font-family: "FB Miller Display Bold"; font-size: 19px; line-height: 30px; background: url(/images/tsone/arw_heading_01.png) 14px 50% no-repeat; } body.fontbuy #box_fontbuy .box_price table { margin-top: 30px; width: 700px; } body.fontbuy #box_fontbuy .box_price table th { text-align: center; font-family: "ClearTone SG Medium"; font-size: 13px; border-left: 2px solid white; padding: 3px 0 0; vertical-align: top; } body.fontbuy #box_fontbuy .box_price table td { text-align: right; } body.fontbuy #box_fontbuy .box_price table th.col_item { color: #0095ff; background: url(/images/tsone/bg_table_th.png) no-repeat 0 0; } body.fontbuy #box_fontbuy .box_price table .col_item { text-align: left; width: 154px; } body.fontbuy #box_fontbuy .box_price table .col_item .inner { padding-left: 20px; } body.fontbuy #box_fontbuy .box_price table th.col_s, body.fontbuy #box_fontbuy .box_price table th.col_m, body.fontbuy #box_fontbuy .box_price table th.col_l { color: #ff4c97; background: url(/images/tsone/bg_table_th.png) no-repeat -3000px 0; } body.fontbuy #box_fontbuy .box_price table .col_s, body.fontbuy #box_fontbuy .box_price table .col_m, body.fontbuy #box_fontbuy .box_price table .col_l { width: 174px; } body.fontbuy #box_fontbuy .box_price table th .inner { padding: 7px 0 6px; } body.fontbuy #box_fontbuy .box_price table th:first-child { border-left: none; border-right: 20px solid #fff; } body.fontbuy #box_fontbuy .box_price table td { border-left: 2px solid white; vertical-align: top; padding: 0; font-family: "ClearTone SG Light"; font-size: 13px; } body.fontbuy #box_fontbuy .box_price table td .inner { padding: 12px 18px 8px; background: url(/images/tsone/bg_table_td.png) repeat-x 0 0; } body.fontbuy #box_fontbuy .box_price table td:first-child { border-left: none; font-family: "ClearTone SG Light"; border-right: 20px solid #fff; } body.fontbuy #box_fontbuy .box_price table td:first-child .inner { padding: 12px 15px 8px 20px; } body.fontbuy #box_fontbuy .box_price table td.bottom { background: url(/images/tsone/bg_table_bottom.png) repeat-x 0 100%; } body.fontbuy #box_fontbuy .box_price table td.bottom .inner { padding-bottom: 12px; } body.fontbuy #box_fontbuy .box_price table label { font-family: "ClearTone SG Medium"; } body.fontbuy #box_fontbuy .box_price table input { float: left; } body.fontbuy #box_fontbuy .box_price table .follow { font-size: 11px; display: block; margin-top: 4px; line-height: 18px; } body.fontbuy #box_fontbuy .box_price table .text_c { text-align: center; color: #dbdbdb; } body.fontbuy #box_fontbuy #sec_plan_selfhosting header { margin-top: 60px; } /* ------------------------------ Fontbuy select option */ body.fontbuy_selectoption #box_fontbuy { margin-top: 42px; } body.fontbuy_selectoption #box_fontbuy header { padding-left: 14px; } body.fontbuy_selectoption #box_fontbuy header h1, body.fontbuy #box_fontbuy header h2 { color: #000000; font-family: "FB Miller Display Bold"; } body.fontbuy_selectoption #box_fontbuy header h2 { margin: 44px 0 0; font-size: 14px; line-height: 22px; } body.fontbuy_selectoption #box_fontbuy header h1 { margin: 0; font-size: 28px; line-height: 36px; } body.fontbuy_selectoption #box_fontbuy #box_btns { padding: 60px 210px 0; width: 300px; } body.fontbuy_selectoption #box_fontbuy #box_btns input.btn_back { display: block; float: left; } body.fontbuy_selectoption #box_fontbuy #box_btns input.btn_next { display: block; float: right; } body.fontbuy_selectoption #box_fontbuy .box_option { width: 720px; } body.fontbuy_selectoption #box_fontbuy .box_option header { margin-top: 45px; width: 718px; border: solid 1px #ffcbe1; -webkit-border-radius: 6px 6px; -moz-border-radius: 6px / 6px; border-radius: 6px / 6px; behavior: url(/css/PIE); background-color: #fff7fa; padding-left: 0; } body.fontbuy_selectoption #box_fontbuy .box_option header h1 { margin: 0; padding: 14px 0 14px 31px; color: #4d4d4d; font-family: "FB Miller Display Bold"; font-size: 20px; line-height: 30px; background: url(/images/tsone/arw_heading_01.png) 14px 50% no-repeat; } body.fontbuy_selectoption #box_fontbuy .box_option table { margin-top: 30px; width: 700px; } body.fontbuy_selectoption #box_fontbuy .box_option colgroup.col_price { background-color: #fafafa; } body.fontbuy_selectoption #box_fontbuy .box_option table tr:first-child td { font-size: 13px; border-left: 2px solid white; padding: 3px 0 0; vertical-align: top; background: url(/images/tsone/bg_table_th.png) no-repeat 0 0; } body.fontbuy_selectoption #box_fontbuy .box_option table tr:first-child td .inner { background: no-repeat; } body.fontbuy_selectoption #box_fontbuy .box_option table tr:first-child td.col_price { background-position: -2000px 0; } body.fontbuy_selectoption #box_fontbuy .box_option table td { font-family: "ClearTone SG Light"; } body.fontbuy_selectoption #box_fontbuy .box_option table td:nth-child(2) { text-align: right; } body.fontbuy_selectoption #box_fontbuy .box_option table .col_item { text-align: left; width: 478px; } body.fontbuy_selectoption #box_fontbuy .box_option table .col_item .inner { padding-left: 20px; } body.fontbuy_selectoption #box_fontbuy .box_option table .col_price { width: 200px; } body.fontbuy_selectoption #box_fontbuy .box_option table th .inner { padding: 7px 0 6px; } body.fontbuy_selectoption #box_fontbuy .box_option table th:first-child { border-left: none; border-right: 20px solid #fff; } body.fontbuy_selectoption #box_fontbuy .box_option table td { border-left: 2px solid white; vertical-align: top; padding: 0; font-family: "ClearTone SG Light"; font-size: 13px; } body.fontbuy_selectoption #box_fontbuy .box_option table td .inner { padding: 12px 18px 8px; background: url(/images/tsone/bg_table_td.png) repeat-x 0 0; } body.fontbuy_selectoption #box_fontbuy .box_option table td:first-child { border-left: none; border-right: 20px solid #fff; } body.fontbuy_selectoption #box_fontbuy .box_option table td:first-child .inner { padding: 12px 15px 8px 20px; } body.fontbuy_selectoption #box_fontbuy .box_option table td.bottom { background: url(/images/tsone/bg_table_bottom.png) repeat-x 0 100%; } body.fontbuy_selectoption #box_fontbuy .box_option table td.bottom .inner { padding-bottom: 12px; } body.fontbuy_selectoption #box_fontbuy .box_option table label { font-family: "ClearTone SG Light"; } body.fontbuy_selectoption #box_fontbuy .box_option table input { float: left; margin-right: 8px; } body.fontbuy_selectoption #box_fontbuy .box_option table select { margin-left: 30px; } body.fontbuy_selectoption #box_fontbuy .box_option table .col_price.sum { background-color: #fff; } body.fontbuy_selectoption #box_fontbuy .box_option table .col_item.sum .inner { width: 80px; padding-left: 0; padding-right: 0; margin-left: auto; border-bottom: 1px solid #eaeaea; font-family: "ClearTone SG Medium"; text-align: center; background: none; } body.fontbuy_selectoption #box_fontbuy .box_option table .col_price.sum .inner { margin-left: auto; border-bottom: 1px solid #eaeaea; color: #0095ff; padding-right: 34px; font-family: "ClearTone SG Medium"; background: none; } body.fontbuy_selectoption #box_fontbuy #sec_option p { padding: 26px 35px 0; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 21px; } body.fontbuy_selectoption #box_fontbuy #sec_option_coupon header { margin-top: 60px; } body.fontbuy_selectoption #box_fontbuy #sec_option_coupon p { padding: 26px 35px 0; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 21px; } body.fontbuy_selectoption #box_fontbuy #sec_option_coupon .lead+input { line-height: 1.4; width: 280px; margin-top: 5px; margin-left: 35px; } body.fontbuy_selectoption #box_fontbuy #sec_option_coupon input+p { padding-top: 10px; } /* ------------------------------ fontbuy Select Confirm */ body.fontbuy_selectconfirm #box_fontbuy_selectconfirm { margin-top: 42px; } body.fontbuy_selectconfirm #box_fontbuy_selectconfirm>header { padding-left: 14px; } body.fontbuy_selectconfirm #box_fontbuy_selectconfirm>header h1, body.fontbuy_selectconfirm #box_fontbuy_selectconfirm header h2 { color: #000000; font-family: "FB Miller Display Bold"; } body.fontbuy_selectconfirm #box_fontbuy_selectconfirm>header h2 { margin: 44px 0 0; font-size: 14px; line-height: 22px; } body.fontbuy_selectconfirm #box_fontbuy_selectconfirm>header h1 { margin: 0; font-size: 28px; line-height: 36px; } body.fontbuy_selectconfirm #box_fontbuy_selectconfirm .notice { margin: 46px 0 0; padding-top: 24px; width: 720px; height: 52px; color: #ff0000; font-family: "ClearTone SG Medium"; font-size: 13px; line-height: 21px; text-align: center; background: url(/images/tsone/bg_notice.png) no-repeat 0 0; } body.fontbuy_selectconfirm #box_fontbuy_selectconfirm>section { width: 720px; } body.fontbuy_selectconfirm #box_fontbuy_selectconfirm>section>header { margin-top: 45px; margin-bottom: 20px; width: 718px; border: solid 1px #ebebeb; -webkit-border-radius: 6px 6px; -moz-border-radius: 6px / 6px; border-radius: 6px / 6px; behavior: url(/css/PIE); background-color: #fafafa; padding-left: 0; } body.fontbuy_selectconfirm #box_fontbuy_selectconfirm .notice+section>header { margin-top: 14px; } body.fontbuy_selectconfirm #box_fontbuy_selectconfirm>section>header h1 { margin: 0; padding: 14px 0 14px 31px; color: #4d4d4d; font-family: "FB Miller Display Bold"; font-size: 20px; line-height: 30px; background: url(/images/tsone/arw_heading_01.png) 14px 50% no-repeat; } body.fontbuy_selectconfirm #box_fontbuy_selectconfirm dl { margin: 46px 0 0; width: 720px; color: #333333; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 39px; } body.fontbuy_selectconfirm #box_fontbuy_selectconfirm dl dt, body.fontbuy_selectconfirm #box_fontbuy_selectconfirm dl dd { display: block; border-bottom: 1px solid #ebebeb; background-color: #ffffff; } body.fontbuy_selectconfirm #box_fontbuy_selectconfirm dl dt { float: left; width: 470px; } body.fontbuy_selectconfirm #box_fontbuy_selectconfirm dl dt .inner { padding: 0 20px 0 15px; } body.fontbuy_selectconfirm #box_fontbuy_selectconfirm dl dt .inner span { float: left; } body.fontbuy_selectconfirm #box_fontbuy_selectconfirm dl dt .inner span.coupon_code { float: right; } body.fontbuy_selectconfirm #box_fontbuy_selectconfirm dl dt.top { padding-top: 3px; background: url(/images/tsone/line_dots_top_bottom.png) repeat-x 0 0; } body.fontbuy_selectconfirm #box_fontbuy_selectconfirm dl dt.bottom { padding-bottom: 3px; border-bottom: none; background: url(/images/tsone/line_dots_top_bottom.png) repeat-x 0 bottom; } body.fontbuy_selectconfirm #box_fontbuy_selectconfirm dl dt input { margin: 0 8px 0 12px; } body.fontbuy_selectconfirm #box_fontbuy_selectconfirm dl dd { float: right; margin-left: 0; width: 230px; text-align: right; background-color: #fafafa; } body.fontbuy_selectconfirm #box_fontbuy_selectconfirm dl dd .inner { padding-right: 34px; } body.fontbuy_selectconfirm #box_fontbuy_selectconfirm dl dd.top { padding-top: 3px; background: #fafafa url(/images/tsone/line_dots_top_bottom.png) repeat-x 0 0; } body.fontbuy_selectconfirm #box_fontbuy_selectconfirm dl dd.bottom { padding-bottom: 3px; border-bottom: none; background: #fafafa url(/images/tsone/line_dots_top_bottom.png) repeat-x 0 bottom; } body.fontbuy_selectconfirm #box_fontbuy_selectconfirm dl .inner { border-top: 1px solid white; border-bottom: 1px solid white; } body.fontbuy_selectconfirm #box_fontbuy_selectconfirm dl.sum { margin-top: 0; font-family: "ClearTone SG Medium"; } body.fontbuy_selectconfirm #box_fontbuy_selectconfirm dl.sum dt { margin-left: 390px; width: 80px; text-align: center; } body.fontbuy_selectconfirm #box_fontbuy_selectconfirm dl.sum dd { color: #0095ff; background-color: #ffffff; } body.fontbuy_selectconfirm #box_fontbuy_selectconfirm #box_btns { padding: 60px 210px 0; width: 300px; } body.fontbuy_selectconfirm #box_fontbuy_selectconfirm #box_btns input.btn_back { display: block; float: left; padding-top: 5px; } body.fontbuy_selectconfirm #box_fontbuy_selectconfirm #box_btns input.btn_next { display: block; float: right; } body.fontbuy_selectconfirm #box_fontbuy_selectconfirm .normal_notice { margin: 39px 0 0; padding-top: 15px; width: 720px; height: 52px; color: #ff0000; font-family: "ClearTone SG Medium"; font-size: 13px; line-height: 21px; text-align: center; border: solid 1px #ff0000; } body.fontbuy_selectconfirm #box_fontbuy_selectconfirm .lead { margin: 30px 15px 0; font-family: "ClearTone SG Light"; font-size: 13px; } /* ------------------------------ Fontbuy Settlement */ body.fontbuy_settlement #box_fontbuy_settlement { margin-top: 42px; } body.fontbuy_settlement #box_fontbuy_settlement header { padding-left: 12px; } body.fontbuy_settlement #box_fontbuy_settlement header h1, body.fontbuy_settlement #box_fontbuy_settlement header h2 { color: #000000; font-family: "FB Miller Display Bold"; } body.fontbuy_settlement #box_fontbuy_settlement header h2 { margin: 44px 0 0; font-size: 14px; line-height: 22px; } body.fontbuy_settlement #box_fontbuy_settlement header h1 { margin: 0; font-size: 28px; line-height: 36px; } body.fontbuy_settlement #box_fontbuy_settlement .lead { margin: 50px 15px 0; font-family: "ClearTone SG Light"; font-size: 13px; } body.fontbuy_settlement #box_fontbuy_settlement ul { margin: 20px 0 0; width: 720px; color: #333333; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 39px; } body.fontbuy_settlement #box_fontbuy_settlement ul li { display: block; border-bottom: 1px solid #ebebeb; background-color: #ffffff; } body.fontbuy_settlement #box_fontbuy_settlement ul li .inner { padding: 0 20px 0 15px; border-top: 1px solid white; border-bottom: 1px solid white; } body.fontbuy_settlement #box_fontbuy_settlement ul li.top { padding-top: 3px; background: url(/images/tsone/line_dots_top_bottom.png) repeat-x 0 0; } body.fontbuy_settlement #box_fontbuy_settlement ul li.bottom { padding-bottom: 3px; border-bottom: none; background: url(/images/tsone/line_dots_top_bottom.png) repeat-x 0 bottom; } body.fontbuy_settlement #box_fontbuy_settlement ul li input { margin: 0 8px 0 0; } body.fontbuy_settlement #box_fontbuy_settlement #box_btns { padding: 60px 210px 0; width: 300px; } body.fontbuy_settlement #box_fontbuy_settlement #box_btns input.btn_back { display: block; float: left; } body.fontbuy_settlement #box_fontbuy_settlement #box_btns input.btn_next { display: block; float: right; } /* ------------------------------ Fontbuy Complete */ body.fontbuy_complete #box_fontbuy_complete { margin-top: 42px; } body.fontbuy_complete #box_fontbuy_complete header { padding-left: 14px; } body.fontbuy_complete #box_fontbuy_complete header h1, body.fontbuy_complete #box_fontbuy_complete header h2 { color: #000000; font-family: "FB Miller Display Bold"; } body.fontbuy_complete #box_fontbuy_complete header h2 { margin: 44px 0 0; font-size: 14px; line-height: 22px; } body.fontbuy_complete #box_fontbuy_complete header h1 { margin: 0; font-size: 28px; line-height: 36px; } body.fontbuy_complete #box_fontbuy_complete .lead { margin: 46px 0 0; padding: 36px 59px 48px; width: 600px; color: #333333; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 21px; border: solid 1px #ebebeb; -webkit-border-radius: 6px 6px; -moz-border-radius: 6px / 6px; border-radius: 6px / 6px; behavior: url(/css/PIE); background-color: #fafafa; } body.fontbuy_complete #box_fontbuy_complete #btn_back { margin: 60px 0 0 270px; width: 180px; height: 40px; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #adadad), color-stop(100%, #7a7a7a)); background-image: -webkit-linear-gradient(#adadad, #7a7a7a); background-image: -moz-linear-gradient(#adadad, #7a7a7a); background-image: -o-linear-gradient(#adadad, #7a7a7a); background-image: linear-gradient(#adadad, #7a7a7a); -pie-background: linear-gradient(#adadad, #7a7a7a); -webkit-border-radius: 4px 4px; -moz-border-radius: 4px / 4px; border-radius: 4px / 4px; behavior: url(/css/PIE); } body.fontbuy_complete #box_fontbuy_complete #btn_back:hover { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4d4d4d), color-stop(100%, #4d4d4d)); background-image: -webkit-linear-gradient(#4d4d4d, #4d4d4d); background-image: -moz-linear-gradient(#4d4d4d, #4d4d4d); background-image: -o-linear-gradient(#4d4d4d, #4d4d4d); background-image: linear-gradient(#4d4d4d, #4d4d4d); -pie-background: linear-gradient(#4d4d4d, #4d4d4d); } body.fontbuy_complete #box_fontbuy_complete #btn_back a { display: block; padding: 1px 0 0 48px; color: #ffffff; font-family: "ClearTone SG Medium"; font-size: 13px; text-decoration: none; line-height: 39px; background: url(/images/tsone/arw_btn_03.png) 19px 50% no-repeat; } /* ------------------------------ Announcement */ body.announcement #box_announcement header { padding-left: 12px; } body.announcement #box_announcement header h1, body.announcement #box_announcement header h2 { color: #000000; font-family: "FB Miller Display Bold"; } body.announcement #box_announcement header h1 { margin-top: 42px; font-size: 28px; line-height: 36px; } body.announcement #box_announcement #box_announcement_list { margin-top: 46px; width: 720px; } body.announcement #box_announcement #box_announcement_list dl { margin: 0; width: 720px; color: #333333; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 1.6; } body.announcement #box_announcement #box_announcement_list dl dt, body.announcement #box_announcement #box_announcement_list dl dd { vertical-align: middle; display: table-cell; border-top: 1px solid #ebebeb; background-color: #ffffff; } body.announcement #box_announcement #box_announcement_list dl dt { width: 212px; } body.announcement #box_announcement #box_announcement_list dl dt .inner { padding: 11px 0 9px 10px; color: #0095ff; } body.announcement #box_announcement #box_announcement_list dl dt .icon_font_type { margin-left: 10px; } body.announcement #box_announcement #box_announcement_list dl dt.top { padding-top: 3px; border-top: none; background: url(/images/tsone/line_dots_top_bottom.png) repeat-x 0 0; } body.announcement #box_announcement #box_announcement_list dl dt.bottom { padding-bottom: 3px; background: url(/images/tsone/line_dots_top_bottom.png) repeat-x 0 bottom; } body.announcement #box_announcement #box_announcement_list dl dd { margin-left: 0; width: 514px; text-align: left; } body.announcement #box_announcement #box_announcement_list dl dd a { color: #666666; text-decoration: none; } body.announcement #box_announcement #box_announcement_list dl dd a:hover { text-decoration: underline; } body.announcement #box_announcement #box_announcement_list dl dd .inner { padding: 11px 33px 9px 10px; } body.announcement #box_announcement #box_announcement_list dl dd.top { padding-top: 3px; border-top: none; background: url(/images/tsone/line_dots_top_bottom.png) repeat-x 0 0; } body.announcement #box_announcement #box_announcement_list dl dd.bottom { padding-bottom: 3px; background: url(/images/tsone/line_dots_top_bottom.png) repeat-x 0 bottom; } body.announcement #box_announcement #box_announcement_list ul.pager { display: table; vertical-align: top; margin: 50px 0 0; text-align: center; width: 720px; height: 23px; line-height: 23px; } body.announcement #box_announcement #box_announcement_list ul.pager li { display: inline-table; vertical-align: top; margin-right: 20px; font-family: "ClearTone SG Medium"; font-size: 13px; } body.announcement #box_announcement #box_announcement_list ul.pager li:last-child { margin-right: 0; } body.announcement #box_announcement #box_announcement_list ul.pager li a { display: block; font-family: "ClearTone SG Medium"; font-size: 13px; line-height: 23px; text-decoration: none; color: #999999; } body.announcement #box_announcement #box_announcement_list ul.pager li a:hover { text-decoration: underline; } body.announcement #box_announcement #box_announcement_list ul.pager li:first-child { background: url(/images/tsone/line_dots_vertical.png) repeat-y right top; } body.announcement #box_announcement #box_announcement_list ul.pager li:first-child a { padding: 0 15px 0 26px; color: #000000; background: url(/images/tsone/arw_pager.png) no-repeat 0 -97px; } body.announcement #box_announcement #box_announcement_list ul.pager li.prev a:hover { color: #999999; background-position: 0 -147px; text-decoration: none; } body.announcement #box_announcement #box_announcement_list ul.pager li:last-child { background: url(/images/tsone/line_dots_vertical.png) repeat-y left top; } body.announcement #box_announcement #box_announcement_list ul.pager li:last-child a { padding: 0 45px 0 15px; color: #000000; background: url(/images/tsone/arw_pager.png) no-repeat 100% 3px; } body.announcement #box_announcement #box_announcement_list ul.pager li.next a:hover { color: #999999; background-position: 100% -47px; text-decoration: none; } body.announcement #box_announcement #box_announcement_list ul.pager li.current a { color: #000000; } /* ------------------------------ Announcement View */ body.announcement_view #box_announcement_view > header { padding-left: 12px; } body.announcement_view #box_announcement_view > header h1, body.announcement_view #box_announcement_view > header h2 { color: #000000; font-family: "FB Miller Display Bold"; } body.announcement_view #box_announcement_view > header h1 { margin-top: 42px; font-size: 28px; line-height: 36px; } body.announcement_view #box_announcement_view #box_announcement_view_detail { margin-top: 46px; width: 720px; } body.announcement_view #box_announcement_view #box_announcement_view_detail header { width: 718px; border: solid 1px #ebebeb; -webkit-border-radius: 6px 6px; -moz-border-radius: 6px / 6px; border-radius: 6px / 6px; behavior: url(/css/PIE); background-color: #fafafa; } body.announcement_view #box_announcement_view #box_announcement_view_detail header .icon_font_type { margin-right: 14px; display: inline-block; } body.announcement_view #box_announcement_view #box_announcement_view_detail header h1 { margin: 0; padding: 14px; color: #4d4d4d; font-family: "ClearTone SG Medium"; font-size: 15px; line-height: 1.6; } body.announcement_view #box_announcement_view #box_announcement_view_detail header h1 span { display: block; padding-bottom: 3px; background: url(/images/tsone/arw_heading_04.png) -5px 100% no-repeat; } body.announcement_view #box_announcement_view #box_announcement_view_detail header h1 span span { vertical-align: middle; display: block; padding: 3px 0 0 17px; background: url(/images/tsone/arw_heading_04.png) 0 0 no-repeat; } body.announcement_view #box_announcement_view #box_announcement_view_detail header h1>span>span>span { padding: 0; background: none; display: inline-block; } body.announcement_view #box_announcement_view #box_announcement_view_detail header.has_font_type { padding-left: 0; background-color: #f2fbff; border-color: #d9f4ff; } body.announcement_view #box_announcement_view #box_announcement_view_detail header.has_font_type h1>span { background: none; padding: 0; } body.announcement_view #box_announcement_view #box_announcement_view_detail header.has_font_type h1>span>span { background: none; padding: 0; } body.announcement_view #box_announcement_view #box_announcement_view_detail header.has_font_type h1>span>span>span { width: 570px; } body.announcement_view #box_announcement_view #box_announcement_view_detail .pubdate { margin: 0 10px 20px auto; width: 115px; text-align: center; padding: 10px 0 5px; border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb; font-family: "ClearTone SG Light"; font-size: 13px; color: #0095ff; } body.announcement_view #box_announcement_view #box_announcement_view_detail h2, body.announcement_view #box_announcement_view #box_announcement_view_detail h3, body.announcement_view #box_announcement_view #box_announcement_view_detail h4, body.announcement_view #box_announcement_view #box_announcement_view_detail h5, body.announcement_view #box_announcement_view #box_announcement_view_detail h6 { font-family: "ClearTone SG Medium"; font-size: 13px; line-height: 2.5; color: #666; padding: 30px 30px 7px; margin: 0; } body.announcement_view #box_announcement_view #box_announcement_view_detail h2.top, body.announcement_view #box_announcement_view #box_announcement_view_detail h3.top, body.announcement_view #box_announcement_view #box_announcement_view_detail h4.top, body.announcement_view #box_announcement_view #box_announcement_view_detail h5.top, body.announcement_view #box_announcement_view #box_announcement_view_detail h6.top { padding-top: 0; } body.announcement_view #box_announcement_view #box_announcement_view_detail h2.attention, body.announcement_view #box_announcement_view #box_announcement_view_detail h3.attention, body.announcement_view #box_announcement_view #box_announcement_view_detail h4.attention, body.announcement_view #box_announcement_view #box_announcement_view_detail h5.attention, body.announcement_view #box_announcement_view #box_announcement_view_detail h6.attention { color: #ff4c97; } body.announcement_view #box_announcement_view #box_announcement_view_detail h3 { color: #0095ff; } body.announcement_view #box_announcement_view #box_announcement_view_detail h4 { font-family: "ClearTone SG Regular"; } body.announcement_view #box_announcement_view #box_announcement_view_detail h5, body.announcement_view #box_announcement_view #box_announcement_view_detail h6 { font-family: "ClearTone SG Light"; } body.announcement_view #box_announcement_view #box_announcement_view_detail h6 { font-size: 12px; } body.announcement_view #box_announcement_view #box_announcement_view_detail ul, body.announcement_view #box_announcement_view #box_announcement_view_detail ol { margin: 0; padding: 0 30px 15px; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 1.6; list-style-position: inside; } body.announcement_view #box_announcement_view #box_announcement_view_detail ul li, body.announcement_view #box_announcement_view #box_announcement_view_detail ol li { padding-left: 1em; text-indent: -1em; } body.announcement_view #box_announcement_view #box_announcement_view_detail ul { list-style-type: disc; } body.announcement_view #box_announcement_view #box_announcement_view_detail p { font-family: "ClearTone SG Light"; font-size: 13px; line-height: 1.6; padding: 0 30px 15px; } body.announcement_view #box_announcement_view #box_announcement_view_detail p.img_wrapper { text-align: center; } body.announcement_view #box_announcement_view #box_announcement_view_detail p.img_wrapper img { border: 1px solid #ebebeb; } body.announcement_view #box_announcement_view #box_announcement_view_detail p.notes { font-size: 12px; color: #999; } body.announcement_view #box_announcement_view #box_announcement_view_detail .notice { color: #ff0000; } body.announcement_view #box_announcement_view #box_announcement_view_detail pre, body.announcement_view #box_announcement_view #box_announcement_view_detail address { font-family: "ClearTone SG Light"; font-size: 13px; line-height: 1.6; padding: 0 30px 15px; } body.announcement_view #box_announcement_view #box_announcement_view_detail a { color: #666666; text-decoration: none; } body.announcement_view #box_announcement_view #box_announcement_view_detail a:hover { text-decoration: underline; } body.announcement_view #box_announcement_view #box_btns { padding: 60px 0 0; text-align: center; } body.announcement_view #box_announcement_view #box_announcement_view_detail #box_btns p { padding-left: 35px; line-height: 40px; } /* ------------------------------ Users View */ body.users_view #box_users_view { margin-top: 42px; } body.users_view #box_users_view header { padding-left: 14px; } body.users_view #box_users_view header h1, body.users_view #box_users_view header h2 { color: #000000; font-family: "FB Miller Display Bold"; } body.users_view #box_users_view header h2 { margin: 44px 0 0; font-size: 14px; line-height: 22px; } body.users_view #box_users_view header h1 { margin: 0; font-size: 28px; line-height: 36px; } body.users_view #box_users_view #box_btns { padding: 50px 15px 0; } body.users_view #box_users_view #box_site_list { width: 720px; } body.users_view #box_users_view #box_site_list #indication_container { margin: 41px 0 10px; color: #666666; font-family: "ClearTone SG Light"; font-size: 12px; line-height: 29px; } body.users_view #box_users_view #box_site_list #indication_container #indicator { width: 250px; float: left; padding-left: 15px; } body.users_view #box_users_view #box_site_list #indication_container #link_indicate { width: 329px; float: right; } body.users_view #box_users_view #box_site_list #indication_container #link_indicate li { display: block; float: left; padding: 0 7px 0 6px; background: url(/images/tsone/line_link_indicate.png) no-repeat right center; } body.users_view #box_users_view #box_site_list #indication_container #link_indicate li a { display: block; width: 70px; color: #666666; text-decoration: none; text-align: center; } body.users_view #box_users_view #box_site_list #indication_container #link_indicate li a:hover { text-decoration: underline; } body.users_view #box_users_view #box_site_list #indication_container #link_indicate li:first-child { padding-left: 0; } body.users_view #box_users_view #box_site_list #indication_container #link_indicate li:last-child { background: none; } body.users_view #box_users_view #box_site_list #indication_container #link_indicate li.current a { color: #0095ff; -webkit-border-radius: 3px 3px; -moz-border-radius: 3px / 3px; border-radius: 3px / 3px; behavior: url(/css/PIE); background-color: #edfaff; } body.users_view #box_users_view #box_site_list table { width: 100%; } body.users_view #box_users_view #box_site_list table th { border-bottom: 1px solid white; border-left: 2px solid white; background: url(/images/tsone/bg_table.png) repeat 0 0; padding: 3px 0 0; text-align: center; } body.users_view #box_users_view #box_site_list table th .inner { border-top: 1px solid white; background-color: #f2f2f2; padding: 5px 0; height: 30px; } body.users_view #box_users_view #box_site_list table th:first-child { border-left: none; padding: 3px 0 0; } body.users_view #box_users_view #box_site_list table th.col_classification { width: 125px; } body.users_view #box_users_view #box_site_list table th.col_name { width: 216px; } body.users_view #box_users_view #box_site_list table th.col_purchase { width: 135px; } body.users_view #box_users_view #box_site_list table th.col_upd_del_btn, body.users_view #box_users_view #box_site_list table th.col_mail_btn { width: 118px; } body.users_view #box_users_view #box_site_list table td { border-left: 2px solid white; vertical-align: top; padding: 0; font-family: "ClearTone SG Light"; font-size: 13px; } body.users_view #box_users_view #box_site_list table td .inner { padding: 5px 10px; border-top: 1px solid #ebebeb; } body.users_view #box_users_view #box_site_list table td:first-child { border-left: none; } body.users_view #box_users_view #box_site_list table td:first-child .inner { padding: 10px 15px 5px; } body.users_view #box_users_view #box_site_list table td.col_name .inner { padding: 10px 15px 5px; } body.users_view #box_users_view #box_site_list table td.col_purchase .inner { padding: 10px 0 5px; text-align: center; } body.users_view #box_users_view #box_site_list table td.bottom { background: url(/images/tsone/bg_table.png) repeat 0 100%; } body.users_view #box_users_view #box_site_list table td.bottom .inner { padding-bottom: 8px; border-top: 1px solid #ebebeb; } /* ------------------------------ Users Memberback */ body.users_memberback #box_users_memberback>header { padding-left: 14px; } body.users_memberback #box_users_memberback>header h1, body.users_memberback #box_users_memberback header h2 { color: #000000; font-family: "FB Miller Display Bold"; } body.users_memberback #box_users_memberback>header h2 { margin: 44px 0 0; font-size: 14px; line-height: 22px; } body.users_memberback #box_users_memberback>header h1 { margin: 0; font-size: 28px; line-height: 36px; } body.users_memberback #box_users_memberback #box_user, body.users_memberback #box_users_memberback #box_user_password, body.users_memberback #box_users_memberback #box_classification_comfirmation, body.users_memberback #box_users_memberback #box_permission { margin-top: 46px; } body.users_memberback #box_users_memberback #box_user header, body.users_memberback #box_users_memberback #box_user_password header, body.users_memberback #box_users_memberback #box_classification_comfirmation header { margin-bottom: 20px; width: 718px; border: solid 1px #ebebeb; -webkit-border-radius: 6px 6px; -moz-border-radius: 6px / 6px; border-radius: 6px / 6px; behavior: url(/css/PIE); background-color: #fafafa; } body.users_memberback #box_users_memberback #box_user header h1, body.users_memberback #box_users_memberback #box_user_password header h1, body.users_memberback #box_users_memberback #box_classification_comfirmation header h1 { float: left; margin: 0; padding: 14px 0 14px 31px; width: 300px; color: #4d4d4d; font-family: "FB Miller Display Bold"; font-size: 20px; line-height: 30px; background: url(/images/tsone/arw_heading_01.png) 14px 50% no-repeat; } body.users_memberback #box_users_memberback .header_inSection+p { width: 705px; margin: 38px 0 40px 15px; font-family: "ClearTone SG Light"; color: #666666; font-size: 13px; line-height: 22px; } body.users_memberback #box_users_memberback #box_user header .note, body.users_memberback #box_users_memberback #box_user_password header .note, body.users_memberback #box_users_memberback #box_classification_comfirmation header .note, body.users_memberback #box_users_memberback #box_permission header .note { float: right; padding-right: 24px; width: 150px; color: #4c4c4c; font-family: "ClearTone SG Medium"; font-size: 12px; line-height: 58px; text-align: right; } body.users_memberback #box_users_memberback #box_user header .note span, body.users_memberback #box_users_memberback #box_user_password header .note span, body.users_memberback #box_users_memberback #box_classification_comfirmation header .note span, body.users_memberback #box_users_memberback #box_permission header .note span { color: #ff0000; margin-right: 0.5em; } body.users_memberback #box_users_memberback #box_user .lead, body.users_memberback #box_users_memberback #box_user_password .lead, body.users_memberback #box_users_memberback #box_classification_comfirmation .lead, body.users_memberback #box_users_memberback #box_permission .lead, body.users_memberback #box_users_memberback #box_set_plan .lead { margin-left: 10px; padding-bottom: 10px; color: #0095ff; font-family: "ClearTone SG Light"; font-size: 13px; } body.users_memberback #box_users_memberback #box_user table, body.users_memberback #box_users_memberback #box_user_password table, body.users_memberback #box_users_memberback #box_classification_comfirmation table, body.users_memberback #box_users_memberback #box_permission table, body.users_memberback #box_users_memberback #box_set_plan table { width: 720px; color: #333333; font-family: "ClearTone SG Light"; font-size: 13px; } body.users_memberback #box_users_memberback #box_user table th, body.users_memberback #box_users_memberback #box_user_password table th, body.users_memberback #box_users_memberback #box_classification_comfirmation table th, body.users_memberback #box_users_memberback #box_permission table th { padding: 0; padding-left: 33px; width: 197px; text-align: left; border-top: solid 1px #ebebeb; border-bottom: solid 1px #ebebeb; border-right: solid 20px white; } body.users_memberback #box_users_memberback #box_user table th.indispensable, body.users_memberback #box_users_memberback #box_user_password table th.indispensable, body.users_memberback #box_users_memberback #box_classification_comfirmation table th.indispensable, body.users_memberback #box_users_memberback #box_permission table th.indispensable { padding-left: 0; width: 230px; } body.users_memberback #box_users_memberback #box_user table th.indispensable span, body.users_memberback #box_users_memberback #box_user_password table th.indispensable span, body.users_memberback #box_users_memberback #box_classification_comfirmation table th.indispensable span, body.users_memberback #box_users_memberback #box_permission table th.indispensable span { display: inline-block; width: 33px; color: #ff0000; text-align: center; } body.users_memberback #box_users_memberback #box_user table .top th, body.users_memberback #box_users_memberback #box_user_password table .top th, body.users_memberback #box_users_memberback #box_classification_comfirmation table .top th, body.users_memberback #box_users_memberback #box_permission table .top th { border-top: none; } body.users_memberback #box_users_memberback #box_user table td, body.users_memberback #box_users_memberback #box_user_password table td, body.users_memberback #box_users_memberback #box_classification_comfirmation table td, body.users_memberback #box_users_memberback #box_permission table td { margin-left: 0; padding: 0; width: 470px; border-top: solid 1px #ebebeb; border-bottom: solid 1px #ebebeb; } body.users_memberback #box_users_memberback #box_user table td.last, body.users_memberback #box_users_memberback #box_user_password table td.last, body.users_memberback #box_users_memberback #box_classification_comfirmation table td.last, body.users_memberback #box_users_memberback #box_permission table td.last { border-bottom: solid 1px #ebebeb; } body.users_memberback #box_users_memberback #box_user table td .td_inner, body.users_memberback #box_users_memberback #box_user_password table td .td_inner, body.users_memberback #box_users_memberback #box_classification_comfirmation table td .td_inner, body.users_memberback #box_users_memberback #box_permission table td .td_inner, body.users_memberback #box_users_memberback #box_set_plan table td .td_inner { padding: 10px 30px 10px 20px; border-top: solid 1px white; border-bottom: solid 1px white; background-color: #fafafa; } body.users_memberback #box_users_memberback #box_user table td .note, body.users_memberback #box_users_memberback #box_user_password table td .note, body.users_memberback #box_users_memberback #box_classification_comfirmation table td .note, body.users_memberback #box_users_memberback #box_permission table td .note { font-size: 11px; margin-top: 5px; } body.users_memberback #box_users_memberback #box_user table td input[type="text"], body.users_memberback #box_users_memberback #box_user table td input[type="password"], body.users_memberback #box_users_memberback #box_user_password table td input[type="text"], body.users_memberback #box_users_memberback #box_user_password table td input[type="password"], body.users_memberback #box_users_memberback #box_classification_comfirmation table td input[type="text"], body.users_memberback #box_users_memberback #box_classification_comfirmation table td input[type="password"], body.users_memberback #box_users_memberback #box_permission table td input[type="text"], body.users_memberback #box_users_memberback #box_permission table td input[type="password"] { width: 330px; } body.users_memberback #box_users_memberback #box_user table td .zip_container, body.users_memberback #box_users_memberback #box_user_password table td .zip_container, body.users_memberback #box_users_memberback #box_classification_comfirmation table td .zip_container, body.users_memberback #box_users_memberback #box_permission table td .zip_container { float: left; } body.users_memberback #box_users_memberback #box_user table td input[type="image"].input_btn, body.users_memberback #box_users_memberback #box_user_password table td input[type="image"].input_btn, body.users_memberback #box_users_memberback #box_classification_comfirmation table td input[type="image"].input_btn, body.users_memberback #box_users_memberback #box_permission table td input[type="image"].input_btn { float: left; padding-left: 15px; } body.users_memberback #box_users_memberback #box_user table td .input_allow, body.users_memberback #box_users_memberback #box_user_password table td .input_allow, body.users_memberback #box_users_memberback #box_classification_comfirmation table td .input_allow, body.users_memberback #box_users_memberback #box_permission table td .input_allow { margin-right: 0.5em; } body.users_memberback #box_users_memberback #box_user table td .input_disallow, body.users_memberback #box_users_memberback #box_user_password table td .input_disallow, body.users_memberback #box_users_memberback #box_classification_comfirmation table td .input_disallow, body.users_memberback #box_users_memberback #box_permission table td .input_disallow { margin: 0 0.5em 0 40px; } body.users_memberback #box_users_memberback #box_user table td input.input_familyname, body.users_memberback #box_users_memberback #box_user_password table td input.input_familyname, body.users_memberback #box_users_memberback #box_classification_comfirmation table td input.input_familyname, body.users_memberback #box_users_memberback #box_permission table td input.input_familyname { width: 152px; margin: 0 20px 0 0; } body.users_memberback #box_users_memberback #box_user table td input.input_firstname, body.users_memberback #box_users_memberback #box_user_password table td input.input_firstname, body.users_memberback #box_users_memberback #box_classification_comfirmation table td input.input_firstname, body.users_memberback #box_users_memberback #box_permission table td input.input_firstname { width: 152px; margin: 0; } body.users_memberback #box_users_memberback #box_user table td input.input_zip3, body.users_memberback #box_users_memberback #box_user_password table td input.input_zip3, body.users_memberback #box_users_memberback #box_classification_comfirmation table td input.input_zip3, body.users_memberback #box_users_memberback #box_permission table td input.input_zip3 { width: 58px; margin-right: 5px; } body.users_memberback #box_users_memberback #box_user table td input.input_zip4, body.users_memberback #box_users_memberback #box_user_password table td input.input_zip4, body.users_memberback #box_users_memberback #box_classification_comfirmation table td input.input_zip4, body.users_memberback #box_users_memberback #box_permission table td input.input_zip4 { width: 98px; margin-left: 5px; } body.users_memberback #box_users_memberback #box_user table .top td, body.users_memberback #box_users_memberback #box_user_password table .top td, body.users_memberback #box_users_memberback #box_classification_comfirmation table .top td, body.users_memberback #box_users_memberback #box_permission table .top td { border-top: none; } body.users_memberback #box_users_memberback #box_user_password { margin-top: 35px; } body.users_memberback #box_users_memberback #box_permission { margin-top: 60px; } body.users_memberback #box_users_memberback #box_btns { padding-top: 60px; padding-left:165px; padding-bottom:0; width: 500px; } body.users_memberback #box_users_memberback #box_btns input.btn_back { display: block; float: left; } body.users_memberback #box_users_memberback #box_btns input.btn_next { display: block; float: right; } body.users_memberback #box_users_memberback #box_set_plan { margin-top: 30px; } body.users_memberback #box_users_memberback #box_set_plan table th { padding: 0; padding-left: 33px; text-align: left; border-top: solid 1px #ebebeb; border-bottom: solid 1px #ebebeb; border-right: solid 20px white; } body.users_memberback #box_users_memberback #box_set_plan table th.indispensable { padding-left: 0; width: 470px; } body.users_memberback #box_users_memberback #box_set_plan table th.indispensable span { display: inline-block; width: 33px; color: #ff0000; text-align: center; } body.users_memberback #box_users_memberback #box_set_plan table td { margin-left: 0; padding: 0; border-top: solid 1px #ebebeb; border-bottom: solid 1px #ebebeb; } /* ------------------------------ Users Memberconfirm */ body.users_memberconfirm #box_users_memberconfirm>header { padding-left: 14px; } body.users_memberconfirm #box_users_memberconfirm>header h1, body.users_memberconfirm #box_users_memberconfirm header h2 { color: #000000; font-family: "FB Miller Display Bold"; } body.users_memberconfirm #box_users_memberconfirm>header h2 { margin: 44px 0 0; font-size: 14px; line-height: 22px; } body.users_memberconfirm #box_users_memberconfirm>header h1 { margin: 0; font-size: 28px; line-height: 36px; } body.users_memberconfirm #box_users_memberconfirm .notice { margin: 46px 0 0; padding-top: 24px; width: 720px; height: 52px; color: #ff0000; font-family: "ClearTone SG Medium"; font-size: 13px; line-height: 21px; text-align: center; background: url(/images/tsone/bg_notice.png) no-repeat 0 0; } body.users_memberconfirm #box_users_memberconfirm #box_user, body.users_memberconfirm #box_users_memberconfirm #box_permission { margin-top: 14px; } body.users_memberconfirm #box_users_memberconfirm #box_user header { margin-bottom: 20px; width: 718px; border: solid 1px #ebebeb; -webkit-border-radius: 6px 6px; -moz-border-radius: 6px / 6px; border-radius: 6px / 6px; behavior: url(/css/PIE); background-color: #fafafa; } body.users_memberconfirm #box_users_memberconfirm #box_user header h1 { margin: 0; padding: 14px 0 14px 31px; width: 300px; color: #4d4d4d; font-family: "FB Miller Display Bold"; font-size: 20px; line-height: 30px; background: url(/images/tsone/arw_heading_01.png) 14px 50% no-repeat; } /*body.users_memberconfirm #box_users_memberconfirm #box_user #box_corporate, body.users_memberconfirm #box_users_memberconfirm #box_permission #box_corporate { display: none; }*/ body.users_memberconfirm #box_users_memberconfirm #box_user table, body.users_memberconfirm #box_users_memberconfirm #box_permission table, body.users_memberconfirm #box_users_memberconfirm #box_permission p { width: 720px; color: #333333; font-family: "ClearTone SG Light"; font-size: 13px; } body.users_memberconfirm #box_users_memberconfirm #box_user table th, body.users_memberconfirm #box_users_memberconfirm #box_permission table th { padding: 0; padding-left: 33px; width: 197px; text-align: left; border-top: solid 1px #ebebeb; border-bottom: solid 1px #ebebeb; border-right: solid 20px white; } body.users_memberconfirm #box_users_memberconfirm #box_user table .top th, body.users_memberconfirm #box_users_memberconfirm #box_permission table .top th { border-top: none; } body.users_memberconfirm #box_users_memberconfirm #box_user table td, body.users_memberconfirm #box_users_memberconfirm #box_permission table td { margin-left: 0; padding: 0; width: 470px; border-top: solid 1px #ebebeb; border-bottom: solid 1px #ebebeb; } body.users_memberconfirm #box_users_memberconfirm #box_user table td.last, body.users_memberconfirm #box_users_memberconfirm #box_permission table td.last { border-bottom: solid 1px #ebebeb; } body.users_memberconfirm #box_users_memberconfirm #box_user table td .td_inner, body.users_memberconfirm #box_users_memberconfirm #box_permission table td .td_inner { padding: 10px 30px 10px 20px; border-top: solid 1px white; border-bottom: solid 1px white; background-color: #fafafa; } body.users_memberconfirm #box_users_memberconfirm #box_user table td .zip_container, body.users_memberconfirm #box_users_memberconfirm #box_permission table td .zip_container { float: left; } body.users_memberconfirm #box_users_memberconfirm #box_user table td .input_corporate, body.users_memberconfirm #box_users_memberconfirm #box_permission table td .input_corporate { margin-right: 0.5em; } body.users_memberconfirm #box_users_memberconfirm #box_user table td .input_private, body.users_memberconfirm #box_users_memberconfirm #box_permission table td .input_private { margin: 0 0.5em 0 40px; } body.users_memberconfirm #box_users_memberconfirm #box_user table .top td, body.users_memberconfirm #box_users_memberconfirm #box_permission table .top td { border-top: none; } body.users_memberconfirm #box_users_memberconfirm #box_permission { margin-top: 60px; } body.users_memberconfirm #box_users_memberconfirm #box_btns { padding: 60px 210px 0; width: 300px; } body.users_memberconfirm #box_users_memberconfirm #box_btns input.btn_back { display: block; float: left; padding-top: 5px; } body.users_memberconfirm #box_users_memberconfirm #box_btns input.btn_next { display: block; float: right; } /* ------------------------------ Users Memberauth */ body.users_memberauth #box_users_completereceipt { margin-top: 42px; } body.users_memberauth #box_users_completereceipt header { padding-left: 14px; } body.users_memberauth #box_users_completereceipt header h1, body.users_memberauth #box_users_completereceipt header h2 { color: #000000; font-family: "FB Miller Display Bold"; } body.users_memberauth #box_users_completereceipt header h2 { margin: 44px 0 0; font-size: 14px; line-height: 22px; } body.users_memberauth #box_users_completereceipt header h1 { margin: 0; font-size: 28px; line-height: 36px; } body.users_memberauth #box_users_completereceipt .lead { margin: 46px 0 0; padding: 36px 59px; width: 600px; color: #333333; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 21px; border: solid 1px #ebebeb; -webkit-border-radius: 6px 6px; -moz-border-radius: 6px / 6px; border-radius: 6px / 6px; behavior: url(/css/PIE); background-color: #fafafa; } body.users_memberauth #box_users_completereceipt #btn_back { margin: 60px 0 0 270px; width: 180px; height: 40px; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #adadad), color-stop(100%, #7a7a7a)); background-image: -webkit-linear-gradient(#adadad, #7a7a7a); background-image: -moz-linear-gradient(#adadad, #7a7a7a); background-image: -o-linear-gradient(#adadad, #7a7a7a); background-image: linear-gradient(#adadad, #7a7a7a); -pie-background: linear-gradient(#adadad, #7a7a7a); -webkit-border-radius: 4px 4px; -moz-border-radius: 4px / 4px; border-radius: 4px / 4px; behavior: url(/css/PIE); } body.users_memberauth #box_users_completereceipt #btn_back:hover { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4d4d4d), color-stop(100%, #4d4d4d)); background-image: -webkit-linear-gradient(#4d4d4d, #4d4d4d); background-image: -moz-linear-gradient(#4d4d4d, #4d4d4d); background-image: -o-linear-gradient(#4d4d4d, #4d4d4d); background-image: linear-gradient(#4d4d4d, #4d4d4d); -pie-background: linear-gradient(#4d4d4d, #4d4d4d); } body.users_memberauth #box_users_completereceipt #btn_back a { display: block; padding: 1px 0 0 48px; color: #ffffff; font-family: "ClearTone SG Medium"; font-size: 13px; text-decoration: none; line-height: 39px; background: url(/images/tsone/arw_btn_03.png) 19px 50% no-repeat; } /* ------------------------------ Users Mail */ body.users_mail #box_users_mail { margin-top: 42px; } body.users_mail #box_users_mail header { padding-left: 14px; } body.users_mail #box_users_mail header h1, body.users_mail #box_users_mail header h2 { color: #000000; font-family: "FB Miller Display Bold"; } body.users_mail #box_users_mail header h2 { margin: 44px 0 0; font-size: 14px; line-height: 22px; } body.users_mail #box_users_mail header h1 { margin: 0; font-size: 28px; line-height: 36px; } body.users_mail #box_users_mail dl { margin: 46px 0 0; width: 720px; color: #333333; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 39px; } body.users_mail #box_users_mail dl dt, body.users_mail #box_users_mail dl dd { display: block; border-bottom: 1px solid #ebebeb; background-color: #ffffff; } body.users_mail #box_users_mail dl dt { float: left; width: 230px; } body.users_mail #box_users_mail dl dt .inner { padding-left: 15px; } body.users_mail #box_users_mail dl dt.top { padding-top: 3px; background: url(/images/tsone/line_dots_top_bottom.png) repeat-x 0 0; } body.users_mail #box_users_mail dl dt.bottom { padding-bottom: 3px; border-bottom: none; background: url(/images/tsone/line_dots_top_bottom.png) repeat-x 0 bottom; } body.users_mail #box_users_mail dl dd { float: right; margin-left: 0; width: 470px; background-color: #fafafa; } body.users_mail #box_users_mail dl dd .input_allow { margin-right: 0.5em; } body.users_mail #box_users_mail dl dd .input_disallow { margin: 0 0.5em 0 40px; } body.users_mail #box_users_mail dl dd .inner { padding-left: 15px; } body.users_mail #box_users_mail dl dd.top { padding-top: 3px; background: #fafafa url(/images/tsone/line_dots_top_bottom.png) repeat-x 0 0; } body.users_mail #box_users_mail dl dd.bottom { padding-bottom: 3px; border-bottom: none; background: #fafafa url(/images/tsone/line_dots_top_bottom.png) repeat-x 0 bottom; } body.users_mail #box_users_mail dl .inner { border-top: 1px solid white; border-bottom: 1px solid white; } body.users_mail #box_users_mail #box_btns { padding: 60px 210px 0; width: 300px; } body.users_mail #box_users_mail #box_btns input.btn_back { display: block; float: left; } body.users_mail #box_users_mail #box_btns input.btn_next { display: block; float: right; } /* ------------------------------ Users Mail Confirm */ body.users_mailconfirm #box_users_mailconfirm { margin-top: 42px; } body.users_mailconfirm #box_users_mailconfirm header { padding-left: 14px; } body.users_mailconfirm #box_users_mailconfirm header h1, body.users_mailconfirm #box_users_mailconfirm header h2 { color: #000000; font-family: "FB Miller Display Bold"; } body.users_mailconfirm #box_users_mailconfirm header h2 { margin: 44px 0 0; font-size: 14px; line-height: 22px; } body.users_mailconfirm #box_users_mailconfirm header h1 { margin: 0; font-size: 28px; line-height: 36px; } body.users_mailconfirm #box_users_mailconfirm .notice { margin: 46px 0 0; padding-top: 24px; width: 720px; height: 52px; color: #ff0000; font-family: "ClearTone SG Medium"; font-size: 13px; line-height: 21px; text-align: center; background: url(/images/tsone/bg_notice.png) no-repeat 0 0; } body.users_mailconfirm #box_users_mailconfirm dl { margin: 20px 0 0; width: 720px; color: #333333; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 39px; } body.users_mailconfirm #box_users_mailconfirm dl dt, body.users_mailconfirm #box_users_mailconfirm dl dd { display: block; border-bottom: 1px solid #ebebeb; background-color: #ffffff; } body.users_mailconfirm #box_users_mailconfirm dl dt { float: left; width: 230px; } body.users_mailconfirm #box_users_mailconfirm dl dt .inner { padding-left: 15px; } body.users_mailconfirm #box_users_mailconfirm dl dt.top { padding-top: 3px; background: url(/images/tsone/line_dots_top_bottom.png) repeat-x 0 0; } body.users_mailconfirm #box_users_mailconfirm dl dt.bottom { padding-bottom: 3px; border-bottom: none; background: url(/images/tsone/line_dots_top_bottom.png) repeat-x 0 bottom; } body.users_mailconfirm #box_users_mailconfirm dl dd { float: right; margin-left: 0; width: 470px; background-color: #fafafa; } body.users_mailconfirm #box_users_mailconfirm dl dd .input_allow { margin-right: 0.5em; } body.users_mailconfirm #box_users_mailconfirm dl dd .input_disallow { margin: 0 0.5em 0 40px; } body.users_mailconfirm #box_users_mailconfirm dl dd .inner { padding-left: 15px; } body.users_mailconfirm #box_users_mailconfirm dl dd.top { padding-top: 3px; background: #fafafa url(/images/tsone/line_dots_top_bottom.png) repeat-x 0 0; } body.users_mailconfirm #box_users_mailconfirm dl dd.bottom { padding-bottom: 3px; border-bottom: none; background: #fafafa url(/images/tsone/line_dots_top_bottom.png) repeat-x 0 bottom; } body.users_mailconfirm #box_users_mailconfirm dl .inner { border-top: 1px solid white; border-bottom: 1px solid white; } body.users_mailconfirm #box_users_mailconfirm #box_btns { padding: 60px 210px 0; width: 300px; } body.users_mailconfirm #box_users_mailconfirm #box_btns input.btn_back { display: block; float: left; padding-top: 5px; } body.users_mailconfirm #box_users_mailconfirm #box_btns input.btn_next { display: block; float: right; } /* ------------------------------ Users Edit */ body.users_edit #box_users_edit header { padding-left: 14px; } body.users_edit #box_users_edit header h1, body.users_edit #box_users_edit header h2 { color: #000000; font-family: "FB Miller Display Bold"; } body.users_edit #box_users_edit header h2 { margin: 44px 0 0; font-size: 14px; line-height: 22px; } body.users_edit #box_users_edit header h1 { margin: 0; font-size: 28px; line-height: 36px; } body.users_edit #box_users_edit #box_contractor { margin-top: 46px; } body.users_edit #box_users_edit #box_contractor header { margin-bottom: 20px; width: 718px; border: solid 1px #ebebeb; -webkit-border-radius: 6px 6px; -moz-border-radius: 6px / 6px; border-radius: 6px / 6px; behavior: url(/css/PIE); background-color: #fafafa; } body.users_edit #box_users_edit #box_contractor header h1 { float: left; margin: 0; padding: 14px 0 14px 31px; width: 300px; color: #4d4d4d; font-family: "FB Miller Display Bold"; font-size: 20px; line-height: 30px; background: url(/images/tsone/arw_heading_01.png) 14px 50% no-repeat; } body.users_edit #box_users_edit #box_contractor header .note { float: right; padding-right: 24px; width: 150px; color: #4c4c4c; font-family: "ClearTone SG Medium"; font-size: 12px; line-height: 58px; text-align: right; } body.users_edit #box_users_edit #box_contractor header .note span { color: #ff0000; margin-right: 0.5em; } /*body.users_edit #box_users_edit #box_contractor #box_corporate { display: none; }*/ body.users_edit #box_users_edit #box_contractor table { width: 720px; color: #333333; font-family: "ClearTone SG Light"; font-size: 13px; } body.users_edit #box_users_edit #box_contractor table th { padding: 0; padding-left: 33px; width: 197px; text-align: left; border-top: solid 1px #ebebeb; border-bottom: solid 1px #ebebeb; border-right: solid 20px white; } body.users_edit #box_users_edit #box_contractor table th.indispensable { padding-left: 0; width: 230px; } body.users_edit #box_users_edit #box_contractor table th.indispensable span { display: inline-block; width: 33px; color: #ff0000; text-align: center; } body.users_edit #box_users_edit #box_contractor table .top th { border-top: none; } body.users_edit #box_users_edit #box_contractor table td { margin-left: 0; padding: 0; width: 470px; border-top: solid 1px #ebebeb; border-bottom: solid 1px #ebebeb; } body.users_edit #box_users_edit #box_contractor table td.last { border-bottom: solid 1px #ebebeb; } body.users_edit #box_users_edit #box_contractor table td .td_inner { padding: 10px 30px 10px 20px; border-top: solid 1px white; border-bottom: solid 1px white; background-color: #fafafa; } body.users_edit #box_users_edit #box_contractor table td .note { font-size: 11px; margin-top: 5px; } body.users_edit #box_users_edit #box_contractor table td input[type="text"] { width: 410px; } body.users_edit #box_users_edit #box_contractor table td .zip_container { float: left; } body.users_edit #box_users_edit #box_contractor table td input[type="image"].input_btn { float: left; padding-left: 15px; } body.users_edit #box_users_edit #box_contractor table td .input_corporate { margin-right: 0.5em; } body.users_edit #box_users_edit #box_contractor table td .input_private { margin: 0 0.5em 0 40px; } body.users_edit #box_users_edit #box_contractor table td input.input_familyname { width: 145px; margin: 0 32px 0 9px; } body.users_edit #box_users_edit #box_contractor table td input.input_firstname { width: 145px; margin: 0 0 0 9px; } body.users_edit #box_users_edit #box_contractor table td input.input_zip3 { width: 58px; margin-right: 5px; } body.users_edit #box_users_edit #box_contractor table td input.input_zip4 { width: 98px; margin-left: 5px; } body.users_edit #box_users_edit #box_contractor table .top td { border-top: none; } body.users_edit #box_users_edit #box_user, body.users_edit #box_users_edit #box_user_password { margin-top: 60px; } body.users_edit #box_users_edit #box_user header, body.users_edit #box_users_edit #box_user_password header { position: relative; margin-bottom: 20px; width: 718px; border: solid 1px #ebebeb; -webkit-border-radius: 6px 6px; -moz-border-radius: 6px / 6px; border-radius: 6px / 6px; behavior: url(/css/PIE); background-color: #fafafa; } body.users_edit #box_users_edit #box_user header h1, body.users_edit #box_users_edit #box_user_password header h1 { float: left; margin: 0; padding: 14px 0 14px 31px; width: 300px; color: #4d4d4d; font-family: "FB Miller Display Bold"; font-size: 20px; line-height: 30px; background: url(/images/tsone/arw_heading_01.png) 14px 50% no-repeat; } body.users_edit #box_users_edit #box_user header .note, body.users_edit #box_users_edit #box_user_password header .note { float: right; padding-right: 24px; width: 150px; color: #4c4c4c; font-family: "ClearTone SG Medium"; font-size: 12px; line-height: 58px; text-align: right; } body.users_edit #box_users_edit #box_user header .note span, body.users_edit #box_users_edit #box_user_password header .note span { color: #ff0000; margin-right: 0.5em; } body.users_edit #box_users_edit #box_user header input, body.users_edit #box_users_edit #box_user_password header input { position: absolute; top: 18px; left: 150px; } body.users_edit #box_users_edit #box_user .lead, body.users_edit #box_users_edit #box_user_password .lead { margin-left: 10px; padding-bottom: 10px; color: #0095ff; font-family: "ClearTone SG Light"; font-size: 13px; } body.users_edit #box_users_edit #box_user table, body.users_edit #box_users_edit #box_user_password table { width: 720px; color: #333333; font-family: "ClearTone SG Light"; font-size: 13px; } body.users_edit #box_users_edit #box_user table th, body.users_edit #box_users_edit #box_user_password table th { padding: 0; padding-left: 33px; width: 197px; text-align: left; border-top: solid 1px #ebebeb; border-bottom: solid 1px #ebebeb; border-right: solid 20px white; } body.users_edit #box_users_edit #box_user table th.indispensable, body.users_edit #box_users_edit #box_user_password table th.indispensable { padding-left: 0; width: 230px; } body.users_edit #box_users_edit #box_user table th.indispensable span, body.users_edit #box_users_edit #box_user_password table th.indispensable span { display: inline-block; width: 33px; color: #ff0000; text-align: center; } body.users_edit #box_users_edit #box_user table .top th, body.users_edit #box_users_edit #box_user_password table .top th { border-top: none; } body.users_edit #box_users_edit #box_user table td, body.users_edit #box_users_edit #box_user_password table td { margin-left: 0; padding: 0; width: 470px; border-top: solid 1px #ebebeb; border-bottom: solid 1px #ebebeb; } body.users_edit #box_users_edit #box_user table td.last, body.users_edit #box_users_edit #box_user_password table td.last { border-bottom: solid 1px #ebebeb; } body.users_edit #box_users_edit #box_user table td .td_inner, body.users_edit #box_users_edit #box_user_password table td .td_inner { padding: 10px 30px 10px 20px; border-top: solid 1px white; border-bottom: solid 1px white; background-color: #fafafa; } body.users_edit #box_users_edit #box_user table td .note, body.users_edit #box_users_edit #box_user_password table td .note { font-size: 11px; margin-top: 5px; } body.users_edit #box_users_edit #box_user table td input[type="text"], body.users_edit #box_users_edit #box_user_password table td input[type="text"] { width: 410px; } body.users_edit #box_users_edit #box_user table td input[type="checkbox"], body.users_edit #box_users_edit #box_user_password table td input[type="checkbox"] { margin-right: 10px; } body.users_edit #box_users_edit #box_user table td input.input_familyname, body.users_edit #box_users_edit #box_user_password table td input.input_familyname { width: 145px; margin: 0 32px 0 9px; } body.users_edit #box_users_edit #box_user table td input.input_firstname, body.users_edit #box_users_edit #box_user_password table td input.input_firstname { width: 145px; margin: 0 0 0 9px; } body.users_edit #box_users_edit #box_user_password { margin-top: 35px; } body.users_edit #box_users_edit #box_btns { padding: 60px 210px 0; width: 300px; } /* ------------------------------ Users Edit Confirm */ body.users_edit_confirm #box_users_edit_confirm header { padding-left: 14px; } body.users_edit_confirm #box_users_edit_confirm header h1, body.users_edit_confirm #box_users_edit_confirm header h2 { color: #000000; font-family: "FB Miller Display Bold"; } body.users_edit_confirm #box_users_edit_confirm header h2 { margin: 44px 0 0; font-size: 14px; line-height: 22px; } body.users_edit_confirm #box_users_edit_confirm header h1 { margin: 0; font-size: 28px; line-height: 36px; } body.users_edit_confirm #box_users_edit_confirm .notice { margin: 46px 0 0; padding-top: 24px; width: 720px; height: 52px; color: #ff0000; font-family: "ClearTone SG Medium"; font-size: 13px; line-height: 21px; text-align: center; background: url(/images/tsone/bg_notice.png) no-repeat 0 0; } body.users_edit_confirm #box_users_edit_confirm #box_contractor { margin-top: 14px; } body.users_edit_confirm #box_users_edit_confirm #box_contractor header { margin-bottom: 20px; width: 718px; border: solid 1px #ebebeb; -webkit-border-radius: 6px 6px; -moz-border-radius: 6px / 6px; border-radius: 6px / 6px; behavior: url(/css/PIE); background-color: #fafafa; } body.users_edit_confirm #box_users_edit_confirm #box_contractor header h1 { margin: 0; padding: 14px 0 14px 31px; width: 300px; color: #4d4d4d; font-family: "FB Miller Display Bold"; font-size: 20px; line-height: 30px; background: url(/images/tsone/arw_heading_01.png) 14px 50% no-repeat; } /*body.users_edit_confirm #box_users_edit_confirm #box_contractor #box_corporate { display: none; }*/ body.users_edit_confirm #box_users_edit_confirm #box_contractor table { width: 720px; color: #333333; font-family: "ClearTone SG Light"; font-size: 13px; } body.users_edit_confirm #box_users_edit_confirm #box_contractor table th { padding: 0; padding-left: 33px; width: 197px; text-align: left; border-top: none; border-bottom: solid 1px #ebebeb; border-right: solid 20px white; } body.users_edit_confirm #box_users_edit_confirm #box_contractor table .top th { border-top: none; } body.users_edit_confirm #box_users_edit_confirm #box_contractor table td { margin-left: 0; padding: 0; width: 470px; border-top: none; border-bottom: solid 1px #ebebeb; } body.users_edit_confirm #box_users_edit_confirm #box_contractor table td.last { border-bottom: solid 1px #ebebeb; } body.users_edit_confirm #box_users_edit_confirm #box_contractor table td .td_inner { padding: 10px 30px 10px 20px; border-top: solid 1px white; border-bottom: solid 1px white; background-color: #fafafa; } body.users_edit_confirm #box_users_edit_confirm #box_contractor table td .zip_container { float: left; } body.users_edit_confirm #box_users_edit_confirm #box_contractor table td .input_corporate { margin-right: 0.5em; } body.users_edit_confirm #box_users_edit_confirm #box_contractor table td .input_private { margin: 0 0.5em 0 40px; } body.users_edit_confirm #box_users_edit_confirm #box_contractor table .top td { border-top: none; } body.users_edit_confirm #box_users_edit_confirm #box_user { margin-top: 60px; } body.users_edit_confirm #box_users_edit_confirm #box_user header { position: relative; margin-bottom: 20px; width: 718px; border: solid 1px #ebebeb; -webkit-border-radius: 6px 6px; -moz-border-radius: 6px / 6px; border-radius: 6px / 6px; behavior: url(/css/PIE); background-color: #fafafa; } body.users_edit_confirm #box_users_edit_confirm #box_user header h1 { margin: 0; padding: 14px 0 14px 31px; width: 300px; color: #4d4d4d; font-family: "FB Miller Display Bold"; font-size: 20px; line-height: 30px; background: url(/images/tsone/arw_heading_01.png) 14px 50% no-repeat; } body.users_edit_confirm #box_users_edit_confirm #box_user table { width: 720px; color: #333333; font-family: "ClearTone SG Light"; font-size: 13px; } body.users_edit_confirm #box_users_edit_confirm #box_user table th { padding: 0; padding-left: 33px; width: 197px; text-align: left; border-top: solid 1px #ebebeb; border-bottom: solid 1px #ebebeb; border-right: solid 20px white; } body.users_edit_confirm #box_users_edit_confirm #box_user table .top th { border-top: none; } body.users_edit_confirm #box_users_edit_confirm #box_user table td { margin-left: 0; padding: 0; width: 470px; border-top: solid 1px #ebebeb; border-bottom: solid 1px #ebebeb; } body.users_edit_confirm #box_users_edit_confirm #box_user table td.last { border-bottom: solid 1px #ebebeb; } body.users_edit_confirm #box_users_edit_confirm #box_user table td .td_inner { padding: 10px 30px 10px 20px; border-top: solid 1px white; border-bottom: solid 1px white; background-color: #fafafa; } body.users_edit_confirm #box_users_edit_confirm #box_btns { padding: 60px 210px 0; width: 300px; } body.users_edit_confirm #box_users_edit_confirm #box_btns input.btn_back { display: block; float: left; padding-top: 5px; } body.users_edit_confirm #box_users_edit_confirm #box_btns input.btn_next { display: block; float: right; } /* ------------------------------ FAQ */ body.faq #box_faq { margin-top: 42px; width: 720px; } body.faq #box_faq header { padding-left: 12px; } body.faq #box_faq header h1, body.faq #box_faq header h2 { color: #000000; font-family: "FB Miller Display Bold"; } body.faq #box_faq header h2 { margin: 44px 0 0; font-size: 14px; line-height: 22px; } body.faq #box_faq header h1 { margin: 0; font-size: 28px; line-height: 36px; } body.faq #box_faq .lead { font-family: "ClearTone SG Light"; color: #666; font-size: 13px; line-height: 1.6; margin: 46px 0 0 15px; } body.faq #box_faq #box_faq_search { margin-top: 20px; padding: 4px 0 0; background: url(/images/tsone/line_dots_top_bottom.png) repeat-x 0 0 #fcfaf2; } body.faq #box_faq #box_faq_search h2 { margin: 10px 15px 0; color: #c33; font-family: "FB Miller Display Bold"; font-size: 15px; line-height: 1; background: url(/images/tsone/arw_heading_05.png) no-repeat 0 50%; padding-left: 18px; } body.faq #box_faq #box_faq_search dl { margin: 5px 0 0; padding-bottom: 20px; font-family: "ClearTone SG Regular"; font-size: 12px; border-bottom: 1px solid white; } body.faq #box_faq #box_faq_search dl dt { margin-left: 34px; padding-top: 16px; float: left; clear: both; } body.faq #box_faq #box_faq_search dl dd { padding-top: 14px; margin-left: 120px; } body.faq #box_faq #box_faq_search dl dd input { width: 329px; } body.faq #box_faq #box_faq_search .btn_submit { border-top: 1px solid #e8e6df; margin: 0; background: url(/images/tsone/line_dots_top_bottom.png) repeat-x 0 100%; text-align: center; } body.faq #box_faq #box_faq_search .btn_submit .btn_submit_inner { padding: 16px 0; border-top: 1px solid white; } body.faq #box_faq #box_faq_pickup { padding: 11px 14px 40px; width: 690px; border: solid 1px #ebebeb; -webkit-border-radius: 6px 6px; -moz-border-radius: 6px / 6px; border-radius: 6px / 6px; behavior: url(/css/PIE); background-color: #fafafa; margin-top: 20px; } body.faq #box_faq #box_faq_pickup h2 { font-family: "ClearTone SG Medium"; background: url(/images/tsone/arw_heading_03.png) no-repeat 0 50%; font-size: 15px; line-height: 1; color: #4d4d4d; padding-left: 17px; margin: 0; } body.faq #box_faq #box_faq_pickup ul { margin: 13px 0 0; padding: 4px 17px 24px; background-color: #fff; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 1.6; } body.faq #box_faq #box_faq_pickup ul li { background: url(/images/tsone/arw_box_faq.png) no-repeat 0 0; padding-left: 38px; margin-top: 20px; } body.faq #box_faq #box_faq_pickup ul li a { color: #666; text-decoration: none; } body.faq #box_faq #box_faq_pickup ul li a:hover { text-decoration: underline; } body.faq #box_faq #indication_container { margin: 41px 0 10px; color: #666666; font-family: "ClearTone SG Light"; font-size: 12px; line-height: 29px; } body.faq #box_faq #indication_container #indicator { width: 250px; float: left; padding-left: 15px; } body.faq #box_faq #indication_container #link_indicate { width: 329px; float: right; } body.faq #box_faq #indication_container #link_indicate li { display: block; float: left; padding: 0 7px 0 6px; background: url(/images/tsone/line_link_indicate.png) no-repeat right center; } body.faq #box_faq #indication_container #link_indicate li a { display: block; width: 70px; color: #666666; text-decoration: none; text-align: center; } body.faq #box_faq #indication_container #link_indicate li a:hover { text-decoration: underline; } body.faq #box_faq #indication_container #link_indicate li:first-child { padding-left: 0; } body.faq #box_faq #indication_container #link_indicate li:last-child { background: none; } body.faq #box_faq #indication_container #link_indicate li.current a { color: #0095ff; -webkit-border-radius: 3px 3px; -moz-border-radius: 3px / 3px; border-radius: 3px / 3px; behavior: url(/css/PIE); background-color: #edfaff; } body.faq #box_faq table { margin-top: 10px; width: 100%; font-size: 13px; line-height: 1.6; font-family: "ClearTone SG Regular"; } body.faq #box_faq table th, body.faq #box_faq table td { padding: 0; border-top: 1px solid white; vertical-align: top; } body.faq #box_faq table th .inner, body.faq #box_faq table td .inner { padding: 11px 15px 10px; border-top: 1px solid #ebebeb; background: url(/images/tsone/line_dots_top_bottom.png) repeat 0 -3px; } body.faq #box_faq table th.top, body.faq #box_faq table td.top { background: url(/images/tsone/line_dots_top_bottom.png) repeat 0 0; padding-top: 3px; text-align: left; border-top: none; font-size: 13px; } body.faq #box_faq table th.top .inner, body.faq #box_faq table td.top .inner { border-top: none; padding-top: 7px; padding-bottom: 6px; background: none; padding-left: 15px; } body.faq #box_faq table th.bottom, body.faq #box_faq table td.bottom { background: url(/images/tsone/line_dots_top_bottom.png) repeat 0 100%; } body.faq #box_faq table th.bottom .inner, body.faq #box_faq table td.bottom .inner { padding-bottom: 13px; } body.faq #box_faq table th { width: 548px; text-align: left; vertical-align: top; font-weight: normal; border-right: 2px solid white; } body.faq #box_faq table th a { color: #666; text-decoration: none; } body.faq #box_faq table th a:hover { text-decoration: underline; } body.faq #box_faq table th.top { color: #0095ff; background-color: #edfaff; } body.faq #box_faq table th .inner { background: url(/images/tsone/arw_box_faq.png) no-repeat 16px 45%; padding: 10px 15px 10px 54px; } body.faq #box_faq table td { font-size: 11px; width: 170px; color: #ff4c97; } body.faq #box_faq table td.top { background-color: #ffeff5; } body.faq #box_faq table td .inner { padding: 10px 15px; } body.faq #box_faq ul.pager { display: table; vertical-align: top; margin: 50px 0 0; text-align: center; width: 720px; height: 23px; line-height: 23px; } body.faq #box_faq ul.pager li { display: inline-table; vertical-align: top; margin-right: 20px; font-family: "ClearTone SG Medium"; font-size: 13px; } body.faq #box_faq ul.pager li:last-child { margin-right: 0; } body.faq #box_faq ul.pager li a { display: block; font-family: "ClearTone SG Medium"; font-size: 13px; line-height: 23px; text-decoration: none; color: #999999; } body.faq #box_faq ul.pager li a:hover { text-decoration: underline; } body.faq #box_faq ul.pager li.prev { background: url(/images/tsone/line_dots_vertical.png) repeat-y right top; } body.faq #box_faq ul.pager li.prev a { padding: 0 15px 0 26px; color: #000000; background: url(/images/tsone/arw_pager.png) no-repeat 0 -97px; } body.faq #box_faq ul.pager li.prev a:hover { color: #999999; background-position: 0 -147px; text-decoration: none; } body.faq #box_faq ul.pager li.next { background: url(/images/tsone/line_dots_vertical.png) repeat-y left top; } body.faq #box_faq ul.pager li.next a { padding: 0 45px 0 15px; color: #000000; background: url(/images/tsone/arw_pager.png) no-repeat 100% 3px; } body.faq #box_faq ul.pager li.next a:hover { color: #999999; background-position: 100% -47px; text-decoration: none; } body.faq #box_faq ul.pager li.current a { color: #000000; } /* ------------------------------ FAQ View */ body.faq_view #box_faq_view { margin-top: 42px; width: 720px; } body.faq_view #box_faq_view header { padding-left: 12px; } body.faq_view #box_faq_view header h1, body.faq_view #box_faq_view header h2 { color: #000000; font-family: "FB Miller Display Bold"; } body.faq_view #box_faq_view header h2 { margin: 44px 0 0; font-size: 14px; line-height: 22px; } body.faq_view #box_faq_view header h1 { margin: 0; font-size: 28px; line-height: 36px; } body.faq_view #box_faq_view table { margin-top: 46px; width: 100%; font-size: 13px; line-height: 1.6; } body.faq_view #box_faq_view table th, body.faq_view #box_faq_view table td { padding: 0; border-top: 1px solid white; } body.faq_view #box_faq_view table th .inner, body.faq_view #box_faq_view table td .inner { padding: 11px 20px 10px; border-top: 1px solid #ebebeb; background: url(/images/tsone/line_dots_middle.png) repeat-x 0 -3px; } body.faq_view #box_faq_view table th.top, body.faq_view #box_faq_view table td.top { background: url(/images/tsone/line_dots_middle.png) repeat-x 0 0; padding-top: 3px; text-align: left; border-top: none; } body.faq_view #box_faq_view table th.top .inner, body.faq_view #box_faq_view table td.top .inner { border-top: none; } body.faq_view #box_faq_view table th.bottom, body.faq_view #box_faq_view table td.bottom { background: url(/images/tsone/line_dots_middle.png) repeat-x 0 100%; } body.faq_view #box_faq_view table th.bottom .inner, body.faq_view #box_faq_view table td.bottom .inner { padding-bottom: 13px; } body.faq_view #box_faq_view table th { width: 110px; text-align: left; vertical-align: top; font-weight: normal; border-right: 20px solid white; font-family: "ClearTone SG Regular"; } body.faq_view #box_faq_view table th .inner { padding: 10px 15px; } body.faq_view #box_faq_view table th.category { background-color: #ffeff5; color: #ff4c97; } body.faq_view #box_faq_view table th.question { background-color: #edfaff; color: #0095ff; } body.faq_view #box_faq_view table th.answer { color: #4d4d4d; } body.faq_view #box_faq_view table td { font-family: "ClearTone SG Light"; } body.faq_view #box_faq_view table td .inner { padding: 10px 20px; } body.faq_view #box_faq_view table td.category { font-size: 11px; color: #ff4c97; font-family: "ClearTone SG Regular"; } body.faq_view #box_faq_view table td.question { background-color: #edfaff; } body.faq_view #box_faq_view table td a { color: #0095ff; text-decoration: none; } body.faq_view #box_faq_view table td a:hover { text-decoration: underline; } body.faq_view #box_faq_view #btn_back { margin: 60px 0 0 270px; padding: 0; width: 200px; height: 40px; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #adadad), color-stop(100%, #7a7a7a)); background-image: -webkit-linear-gradient(#adadad, #7a7a7a); background-image: -moz-linear-gradient(#adadad, #7a7a7a); background-image: -o-linear-gradient(#adadad, #7a7a7a); background-image: linear-gradient(#adadad, #7a7a7a); -pie-background: linear-gradient(#adadad, #7a7a7a); -webkit-border-radius: 4px 4px; -moz-border-radius: 4px / 4px; border-radius: 4px / 4px; behavior: url(/css/PIE); } body.faq_view #box_faq_view #btn_back:hover { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4d4d4d), color-stop(100%, #4d4d4d)); background-image: -webkit-linear-gradient(#4d4d4d, #4d4d4d); background-image: -moz-linear-gradient(#4d4d4d, #4d4d4d); background-image: -o-linear-gradient(#4d4d4d, #4d4d4d); background-image: linear-gradient(#4d4d4d, #4d4d4d); -pie-background: linear-gradient(#4d4d4d, #4d4d4d); } body.faq_view #box_faq_view #btn_back a { display: block; padding: 1px 0 0 48px; color: #ffffff; font-family: "ClearTone SG Medium"; font-size: 13px; text-decoration: none; line-height: 39px; background: url(/images/tsone/arw_btn_03.png) 19px 50% no-repeat; } body.faq_view #box_faq_view h2, body.faq_view #box_faq_view h3, body.faq_view #box_faq_view h4, body.faq_view #box_faq_view h5, body.faq_view #box_faq_view h6 { font-family: "ClearTone SG Medium"; font-size: 13px; line-height: 2.5; color: #666; padding: 30px 30px 7px; margin: 0; } body.faq_view #box_faq_view h2.top, body.faq_view #box_faq_view h3.top, body.faq_view #box_faq_view h4.top, body.faq_view #box_faq_view h5.top, body.faq_view #box_faq_view h6.top { padding-top: 0; } body.faq_view #box_faq_view h2.attention, body.faq_view #box_faq_view h3.attention, body.faq_view #box_faq_view h4.attention, body.faq_view #box_faq_view h5.attention, body.faq_view #box_faq_view h6.attention { color: #ff4c97; } body.faq_view #box_faq_view h3 { color: #0095ff; } body.faq_view #box_faq_view h4 { font-family: "ClearTone SG Regular"; } body.faq_view #box_faq_view h5, body.faq_view #box_faq_view h6 { font-family: "ClearTone SG Light"; } body.faq_view #box_faq_view h6 { font-size: 12px; } body.faq_view #box_faq_view ul, body.faq_view #box_faq_view ol { margin: 0; padding: 0 30px 15px; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 1.6; list-style-position: inside; } body.faq_view #box_faq_view ul li, body.faq_view #box_faq_view ol li { padding-left: 1em; text-indent: -1em; } body.faq_view #box_faq_view ul { list-style-type: disc; } body.faq_view #box_faq_view p { font-family: "ClearTone SG Light"; font-size: 13px; line-height: 1.6; padding: 0 30px 15px; } body.faq_view #box_faq_view p.img_wrapper { text-align: center; } body.faq_view #box_faq_view p.img_wrapper img { border: 1px solid #ebebeb; } body.faq_view #box_faq_view p.notes { font-size: 12px; color: #999; } body.faq_view #box_faq_view .notice { color: #ff0000; } body.faq_view #box_faq_view pre, body.faq_view #box_faq_view address { font-family: "ClearTone SG Light"; font-size: 13px; line-height: 1.6; padding: 0 30px 15px; } /* ------------------------------ News */ body.news #box_news header { padding-left: 14px; } body.news #box_news header h1, body.news #box_news header h2 { color: #000000; font-family: "FB Miller Display Bold"; } body.news #box_news header h1 { margin: 42px 0 0; font-size: 28px; line-height: 36px; } body.news #box_news #box_news_list { margin-top: 17px; width: 720px; font-family: "ClearTone SG Light";} body.news #box_news #box_news_list .btn_rss { margin: 20px 10px 0 auto; width: 25px; padding: 0 15px 4px; border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb; } body.news #box_news #box_news_list dl { margin: 0; width: 720px; color: #333333; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 2; } body.news #box_news #box_news_list dl dt, body.news #box_news #box_news_list dl dd { display: table-cell; border-top: 1px solid #ebebeb; background-color: #ffffff; vertical-align: middle; } body.news #box_news #box_news_list dl dt { width: 260px; } body.news #box_news #box_news_list dl dt .inner { padding: 11px 0 9px 15px; color: #0095ff; } body.news #box_news #box_news_list dl dt.top { padding-top: 3px; border-top: none; background: url(/images/tsone/line_dots_top_bottom.png) repeat-x 0 0; } body.news #box_news #box_news_list dl dt.bottom { padding-bottom: 3px; background: url(/images/tsone/line_dots_top_bottom.png) repeat-x 0 bottom; } body.news #box_news #box_news_list dl dd { margin-left: 0; width: 514px; text-align: left; } body.news #box_news #box_news_list dl dd a { color: #666666; text-decoration: none; } body.news #box_news #box_news_list dl dd a:hover { text-decoration: underline; } body.news #box_news #box_news_list dl dd .inner { padding: 11px 40px 9px 10px; } body.news #box_news #box_news_list dl dd.top { padding-top: 3px; border-top: none; background: url(/images/tsone/line_dots_top_bottom.png) repeat-x 0 0; } body.news #box_news #box_news_list dl dd.bottom { padding-bottom: 3px; background: url(/images/tsone/line_dots_top_bottom.png) repeat-x 0 bottom; } body.news #box_news #box_news_list ul.pager { display: table; vertical-align: top; margin: 50px 0 0; text-align: center; width: 720px; height: 23px; line-height: 23px; } body.news #box_news #box_news_list ul.pager li { display: inline-table; vertical-align: top; margin-right: 20px; font-family: "ClearTone SG Medium"; font-size: 13px; } body.news #box_news #box_news_list ul.pager li:last-child { margin-right: 0; } body.news #box_news #box_news_list ul.pager li a { display: block; font-family: "ClearTone SG Medium"; font-size: 13px; line-height: 23px; text-decoration: none; color: #999999; } body.news #box_news #box_news_list ul.pager li a:hover { text-decoration: underline; } body.news #box_news #box_news_list ul.pager li:first-child { background: url(/images/tsone/line_dots_vertical.png) repeat-y right top; } body.news #box_news #box_news_list ul.pager li:first-child a { padding: 0 15px 0 26px; color: #000000; background: url(/images/tsone/arw_pager.png) no-repeat 0 -97px; } body.news #box_news #box_news_list ul.pager li:first-child a:hover { color: #999999; background-position: 0 -147px; text-decoration: none; } body.news #box_news #box_news_list ul.pager li:last-child { background: url(/images/tsone/line_dots_vertical.png) repeat-y left top; } body.news #box_news #box_news_list ul.pager li:last-child a { padding: 0 45px 0 15px; color: #000000; background: url(/images/tsone/arw_pager.png) no-repeat 100% 3px; } body.news #box_news #box_news_list ul.pager li:last-child a:hover { color: #999999; background-position: 100% -47px; text-decoration: none; } body.news #box_news #box_news_list ul.pager li.current a { color: #000000; } #box_news span.no_news { margin: 0; width: 720px; color: #333333; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 1.6; } /* ------------------------------ News View */ body.news_view #box_news_view header { padding-left: 14px; } body.news_view #box_news_view header h1, body.news_view #box_news_view header h2 { color: #000000; font-family: "FB Miller Display Bold"; } body.news_view #box_news_view header h1 { margin-top: 42px; font-size: 28px; line-height: 36px; } body.news_view #box_news_view #box_news_view_detail { margin-top: 46px; width: 720px; } body.news_view #box_news_view #box_news_view_detail header { width: 718px; border: solid 1px #ebebeb; -webkit-border-radius: 6px 6px; -moz-border-radius: 6px / 6px; border-radius: 6px / 6px; behavior: url(/css/PIE); background-color: #fafafa; } body.news_view #box_news_view #box_news_view_detail header .icon_font_type { margin-right: 14px; display: inline-block; } body.news_view #box_news_view #box_news_view_detail header h1 { margin: 0; padding: 14px; color: #4d4d4d; font-family: "ClearTone SG Medium"; font-size: 15px; line-height: 1.6; } body.news_view #box_news_view #box_news_view_detail header h1 span { display: block; padding-bottom: 3px; background: url(/images/tsone/arw_heading_04.png) -5px 100% no-repeat; } body.news_view #box_news_view #box_news_view_detail header h1 span span { vertical-align: middle; display: block; padding: 3px 0 0 17px; background: url(/images/tsone/arw_heading_04.png) 0 0 no-repeat; } body.news_view #box_news_view #box_news_view_detail header h1>span>span>span { padding: 0; background: none; display: inline-block; } body.news_view #box_news_view #box_news_view_detail header.has_font_type { padding-left: 0; background-color: #f2fbff; border-color: #d9f4ff; } body.news_view #box_news_view #box_news_view_detail header.has_font_type h1>span { background: none; padding: 0; } body.news_view #box_news_view #box_news_view_detail header.has_font_type h1>span>span { background: none; padding: 0; } body.news_view #box_news_view #box_news_view_detail header.has_font_type h1>span>span>span { width: 570px; margin-top:10px;} body.news_view #box_news_view #box_news_view_detail .pubdate { margin: 0 10px 20px auto; width: 115px; text-align: center; padding: 10px 0 5px; border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb; font-family: "ClearTone SG Light"; font-size: 13px; color: #0095ff; } body.news_view #box_news_view #box_news_view_detail h2, body.news_view #box_news_view #box_news_view_detail h3, body.news_view #box_news_view #box_news_view_detail h4, body.news_view #box_news_view #box_news_view_detail h5, body.news_view #box_news_view #box_news_view_detail h6 { font-family: "ClearTone SG Medium"; font-size: 13px; line-height: 2.5; color: #666; padding: 30px 30px 7px; margin: 0; } body.news_view #box_news_view #box_news_view_detail h2.top, body.news_view #box_news_view #box_news_view_detail h3.top, body.news_view #box_news_view #box_news_view_detail h4.top, body.news_view #box_news_view #box_news_view_detail h5.top, body.news_view #box_news_view #box_news_view_detail h6.top { padding-top: 0; } body.news_view #box_news_view #box_news_view_detail h2.attention, body.news_view #box_news_view #box_news_view_detail h3.attention, body.news_view #box_news_view #box_news_view_detail h4.attention, body.news_view #box_news_view #box_news_view_detail h5.attention, body.news_view #box_news_view #box_news_view_detail h6.attention { color: #ff4c97; } body.news_view #box_news_view #box_news_view_detail h3 { color: #0095ff; } body.news_view #box_news_view #box_news_view_detail h4 { font-family: "ClearTone SG Regular"; } body.news_view #box_news_view #box_news_view_detail h5, body.news_view #box_news_view #box_news_view_detail h6 { font-family: "ClearTone SG Light"; } body.news_view #box_news_view #box_news_view_detail h6 { font-size: 12px; } body.news_view #box_news_view #box_news_view_detail ul, body.news_view #box_news_view #box_news_view_detail ol { margin: 0; padding: 0 30px 15px; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 1.6; list-style-position: inside; } body.news_view #box_news_view #box_news_view_detail ul li, body.news_view #box_news_view #box_news_view_detail ol li { padding-left: 1em; text-indent: -1em; } body.news_view #box_news_view #box_news_view_detail ul { list-style-type: disc; } body.news_view #box_news_view #box_news_view_detail p { font-family: "ClearTone SG Light"; font-size: 13px; line-height: 1.6; padding: 0 30px 15px; } body.news_view #box_news_view #box_news_view_detail p.img_wrapper { text-align: center; } body.news_view #box_news_view #box_news_view_detail p.img_wrapper img { border: 1px solid #ebebeb; } body.news_view #box_news_view #box_news_view_detail p.notes { font-size: 12px; color: #999; } body.news_view #box_news_view #box_news_view_detail .notice { color: #ff0000; } body.news_view #box_news_view #box_news_view_detail pre, body.news_view #box_news_view #box_news_view_detail address { font-family: "ClearTone SG Light"; font-size: 13px; line-height: 1.6; padding: 0 30px 15px; } body.news_view #box_news_view #box_news_view_detail a { color: #666666; text-decoration: none; } body.news_view #box_news_view #box_news_view_detail a:hover { text-decoration: underline; } body.news_view #box_news_view #box_news_view_detail ul { margin-bottom:13px; } body.news_view #box_news_view #box_news_view_detail ol { margin-top:0px; } body.news_view #box_news_view #box_btns { padding: 60px 0 0; text-align: center; } body.news_view #box_news_view #box_news_view_detail #box_btns p { line-height: 40px; padding-left: 35px;} body.news_view #box_news_view #box_news_view_detail #btn_social { margin-bottom: 20px; padding-bottom: 0; margin-top: -45px; text-align: right; padding-right: 130px; } /* ------------------------------ User / Fontbuy Settlement */ body.users_settlement #box_users_settlement { margin-top: 42px; } body.users_settlement #box_users_settlement header { padding-left: 12px; } body.users_settlement #box_users_settlement header h1, body.users_settlement #box_users_settlement header h2 { color: #000000; font-family: "FB Miller Display Bold"; } body.users_settlement #box_users_settlement header h2 { margin: 44px 0 0; font-size: 14px; line-height: 22px; } body.users_settlement #box_users_settlement header h1 { margin: 0; font-size: 28px; line-height: 36px; } body.users_settlement #box_users_settlement .lead { margin: 50px 15px 0; font-family: "ClearTone SG Light"; font-size: 13px; } body.users_settlement #box_users_settlement ul { margin: 20px 0 0; width: 720px; color: #333333; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 39px; } body.users_settlement #box_users_settlement ul li { display: block; border-bottom: 1px solid #ebebeb; background-color: #ffffff; } body.users_settlement #box_users_settlement ul li .inner { padding: 0 20px 0 15px; border-top: 1px solid white; border-bottom: 1px solid white; } body.users_settlement #box_users_settlement ul li.top { padding-top: 3px; background: url(/images/tsone/line_dots_top_bottom.png) repeat-x 0 0; } body.users_settlement #box_users_settlement ul li.bottom { padding-bottom: 3px; border-bottom: none; background: url(/images/tsone/line_dots_top_bottom.png) repeat-x 0 bottom; } body.users_settlement #box_users_settlement ul li input { margin: 0 8px 0 0; } body.users_settlement #box_users_settlement #box_btns { padding: 60px 210px 0; width: 300px; } body.users_settlement #box_users_settlement #box_btns input.btn_back { display: block; float: left; } body.users_settlement #box_users_settlement #box_btns input.btn_next { display: block; float: right; } /* ------------------------------ User Completesettlement */ body.users_completesettlement #box_users_completesettlement { margin-top: 40px; } body.users_completesettlement #box_users_completesettlement header { padding-left: 12px; } body.users_completesettlement #box_users_completesettlement header h1, body.users_completesettlement #box_users_completesettlement header h2 { color: #000000; font-family: "FB Miller Display Bold"; } body.users_completesettlement #box_users_completesettlement header h2 { margin: 40px 0 0; font-size: 14px; line-height: 22px; } body.users_completesettlement #box_users_completesettlement header h1 { margin: 0; font-size: 28px; line-height: 36px; } body.users_completesettlement #box_users_completesettlement .lead { margin: 46px 0 0; padding: 36px 59px 48px; width: 600px; color: #333333; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 21px; border: solid 1px #ebebeb; -webkit-border-radius: 6px 6px; -moz-border-radius: 6px / 6px; border-radius: 6px / 6px; behavior: url(/css/PIE); background-color: #fafafa; } body.users_completesettlement #box_users_completesettlement #btn_back { margin: 60px 0 0 270px; width: 180px; height: 40px; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #adadad), color-stop(100%, #7a7a7a)); background-image: -webkit-linear-gradient(#adadad, #7a7a7a); background-image: -moz-linear-gradient(#adadad, #7a7a7a); background-image: -o-linear-gradient(#adadad, #7a7a7a); background-image: linear-gradient(#adadad, #7a7a7a); -pie-background: linear-gradient(#adadad, #7a7a7a); -webkit-border-radius: 4px 4px; -moz-border-radius: 4px / 4px; border-radius: 4px / 4px; behavior: url(/css/PIE); } body.users_completesettlement #box_users_completesettlement #btn_back:hover { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4d4d4d), color-stop(100%, #4d4d4d)); background-image: -webkit-linear-gradient(#4d4d4d, #4d4d4d); background-image: -moz-linear-gradient(#4d4d4d, #4d4d4d); background-image: -o-linear-gradient(#4d4d4d, #4d4d4d); background-image: linear-gradient(#4d4d4d, #4d4d4d); -pie-background: linear-gradient(#4d4d4d, #4d4d4d); } body.users_completesettlement #box_users_completesettlement #btn_back a { display: block; padding: 1px 0 0 48px; color: #ffffff; font-family: "ClearTone SG Medium"; font-size: 13px; text-decoration: none; line-height: 39px; background: url(/images/tsone/arw_btn_03.png) 19px 50% no-repeat; } body.users_confirm #box_users_confirm #box_paymethod { margin-top: 60px; } body.users_confirm #box_users_confirm #box_paymethod header { position: relative; margin-bottom: 20px; width: 718px; border: solid 1px #ebebeb; -webkit-border-radius: 6px 6px; -moz-border-radius: 6px / 6px; border-radius: 6px / 6px; behavior: url(/css/PIE); background-color: #fafafa; } body.users_confirm #box_users_confirm #box_paymethod header h1 { margin: 0; padding: 14px 0 14px 31px; width: 300px; color: #4d4d4d; font-family: "FB Miller Display Bold"; font-size: 20px; line-height: 30px; background: url(/images/tsone/arw_heading_01.png) 14px 50% no-repeat; } body.users_confirm #box_users_confirm #box_paymethod table { width: 720px; color: #333333; font-family: "ClearTone SG Light"; font-size: 13px; } body.users_confirm #box_users_confirm #box_paymethod table th { padding-left: 33px; width: 197px; text-align: left; border-top: solid 1px #ebebeb; border-bottom: solid 1px #ebebeb; border-right: solid 20px white; } body.users_confirm #box_users_confirm #box_paymethod table .top th { border-top: none; } body.users_confirm #box_users_confirm #box_paymethod table td { margin-left: 0; width: 470px; border-top: solid 1px #ebebeb; border-bottom: solid 1px #ebebeb; } body.users_confirm #box_users_confirm #box_paymethod table td.last { border-bottom: solid 1px #ebebeb; } body.users_confirm #box_users_confirm #box_paymethod table td .td_inner { padding: 10px 30px 10px 20px; border-bottom: solid 1px white; background-color: #fafafa; } /* ------------------------------ Users_CompletePassremind */ body.users_completePassremind #box_users_completePassremind { margin-top: 40px; } body.users_completePassremind #box_users_completePassremind header { padding-left: 12px; } body.users_completePassremind #box_users_completePassremind header h1, body.users_completePassremind #box_users_completePassremind header h2 { color: #000000; font-family: "FB Miller Display Bold"; } body.users_completePassremind #box_users_completePassremind header h2 { margin: 40px 0 0; font-size: 14px; line-height: 22px; } body.users_completePassremind #box_users_completePassremind header h1 { margin: 0; font-size: 28px; line-height: 36px; } body.users_completePassremind #box_users_completePassremind .lead { margin: 46px 0 0; padding: 36px 59px 48px; width: 600px; color: #333333; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 21px; border: solid 1px #ebebeb; -webkit-border-radius: 6px 6px; -moz-border-radius: 6px / 6px; border-radius: 6px / 6px; behavior: url(/css/PIE); background-color: #fafafa; } body.users_completePassremind #box_users_completePassremind #btn_back { margin: 60px 0 0 270px; width: 180px; height: 40px; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #adadad), color-stop(100%, #7a7a7a)); background-image: -webkit-linear-gradient(#adadad, #7a7a7a); background-image: -moz-linear-gradient(#adadad, #7a7a7a); background-image: -o-linear-gradient(#adadad, #7a7a7a); background-image: linear-gradient(#adadad, #7a7a7a); -pie-background: linear-gradient(#adadad, #7a7a7a); -webkit-border-radius: 4px 4px; -moz-border-radius: 4px / 4px; border-radius: 4px / 4px; behavior: url(/css/PIE); } body.users_completePassremind #box_users_completePassremind #btn_back:hover { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4d4d4d), color-stop(100%, #4d4d4d)); background-image: -webkit-linear-gradient(#4d4d4d, #4d4d4d); background-image: -moz-linear-gradient(#4d4d4d, #4d4d4d); background-image: -o-linear-gradient(#4d4d4d, #4d4d4d); background-image: linear-gradient(#4d4d4d, #4d4d4d); -pie-background: linear-gradient(#4d4d4d, #4d4d4d); } body.users_completePassremind #box_users_completePassremind #btn_back a { display: block; padding: 1px 0 0 48px; color: #ffffff; font-family: "ClearTone SG Medium"; font-size: 13px; text-decoration: none; line-height: 39px; background: url(/images/tsone/arw_btn_04.png) 19px 50% no-repeat; } /* ------------------------------ Alicense Completereceipt */ body.alicense_delcomplete #box_users_completereceipt { margin-top: 40px; } body.alicense_delcomplete #box_users_completereceipt header h1, body.alicense_delcomplete #box_users_completereceipt header h2 { color: #000000; font-family: "FB Miller Display Bold"; } body.alicense_delcomplete #box_users_completereceipt header h2 { margin: 40px 0 0; font-size: 14px; line-height: 22px; } body.alicense_delcomplete #box_users_completereceipt header h1 { margin: 0; font-size: 28px; line-height: 36px; } body.alicense_delcomplete #box_users_completereceipt .lead { margin: 46px 0 0; padding: 36px 59px 48px; width: 600px; color: #333333; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 21px; border: solid 1px #ebebeb; -webkit-border-radius: 6px 6px; -moz-border-radius: 6px / 6px; border-radius: 6px / 6px; behavior: url(/css/PIE); background-color: #fafafa; } body.alicense_delcomplete #box_users_completereceipt #btn_back { margin: 60px 0 0 270px; width: 180px; height: 40px; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #adadad), color-stop(100%, #7a7a7a)); background-image: -webkit-linear-gradient(#adadad, #7a7a7a); background-image: -moz-linear-gradient(#adadad, #7a7a7a); background-image: -o-linear-gradient(#adadad, #7a7a7a); background-image: linear-gradient(#adadad, #7a7a7a); -pie-background: linear-gradient(#adadad, #7a7a7a); -webkit-border-radius: 4px 4px; -moz-border-radius: 4px / 4px; border-radius: 4px / 4px; behavior: url(/css/PIE); } body.alicense_delcomplete #box_users_completereceipt #btn_back:hover { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4d4d4d), color-stop(100%, #4d4d4d)); background-image: -webkit-linear-gradient(#4d4d4d, #4d4d4d); background-image: -moz-linear-gradient(#4d4d4d, #4d4d4d); background-image: -o-linear-gradient(#4d4d4d, #4d4d4d); background-image: linear-gradient(#4d4d4d, #4d4d4d); -pie-background: linear-gradient(#4d4d4d, #4d4d4d); } body.alicense_delcomplete #box_users_completereceipt #btn_back a { display: block; padding: 1px 0 0 48px; color: #ffffff; font-family: "ClearTone SG Medium"; font-size: 13px; text-decoration: none; line-height: 39px; background: url(/images/tsone/arw_btn_03.png) 19px 50% no-repeat; } /* ------------------------------ Withdraw Exclusion */ body.withdraw_exclusion #box_withdraw_exclusion { margin-top: 40px; } body.withdraw_exclusion #box_withdraw_exclusion header h1, body.withdraw_exclusion #box_withdraw_exclusion header h2 { color: #000000; font-family: "FB Miller Display Bold"; } body.withdraw_exclusion #box_withdraw_exclusion header h2 { margin: 40px 0 0; font-size: 14px; line-height: 22px; } body.withdraw_exclusion #box_withdraw_exclusion header h1 { margin: 0; font-size: 28px; line-height: 36px; } body.withdraw_exclusion #box_withdraw_exclusion .lead { margin: 46px 0 0; padding: 36px 59px 48px; width: 600px; color: #333333; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 21px; border: solid 1px #ebebeb; -webkit-border-radius: 6px 6px; -moz-border-radius: 6px / 6px; border-radius: 6px / 6px; behavior: url(/css/PIE); background-color: #fafafa; } body.withdraw_exclusion #box_withdraw_exclusion #btn_back { margin: 60px 0 0 270px; width: 180px; height: 40px; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #adadad), color-stop(100%, #7a7a7a)); background-image: -webkit-linear-gradient(#adadad, #7a7a7a); background-image: -moz-linear-gradient(#adadad, #7a7a7a); background-image: -o-linear-gradient(#adadad, #7a7a7a); background-image: linear-gradient(#adadad, #7a7a7a); -pie-background: linear-gradient(#adadad, #7a7a7a); -webkit-border-radius: 4px 4px; -moz-border-radius: 4px / 4px; border-radius: 4px / 4px; behavior: url(/css/PIE); } body.withdraw_exclusion #box_withdraw_exclusion #btn_back:hover { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4d4d4d), color-stop(100%, #4d4d4d)); background-image: -webkit-linear-gradient(#4d4d4d, #4d4d4d); background-image: -moz-linear-gradient(#4d4d4d, #4d4d4d); background-image: -o-linear-gradient(#4d4d4d, #4d4d4d); background-image: linear-gradient(#4d4d4d, #4d4d4d); -pie-background: linear-gradient(#4d4d4d, #4d4d4d); } body.withdraw_exclusion #box_withdraw_exclusion #btn_back a { display: block; padding: 1px 0 0 48px; color: #ffffff; font-family: "ClearTone SG Medium"; font-size: 13px; text-decoration: none; line-height: 39px; background: url(/images/tsone/arw_btn_03.png) 19px 50% no-repeat; } /* ------------------------------ License Pager */ body.license #box_license #box_site_list ul.pager { display: table; vertical-align: top; margin: 50px 0 0; text-align: center; width: 100%; height: 23px; line-height: 23px; } body.license #box_license #box_site_list ul.pager li { display: inline-table; vertical-align: top; margin-right: 20px; font-family: "ClearTone SG Medium"; font-size: 13px; } body.license #box_license #box_site_list ul.pager li:last-child { margin-right: 0; } body.license #box_license #box_site_list ul.pager li a { display: block; font-family: "ClearTone SG Medium"; font-size: 13px; line-height: 23px; text-decoration: none; color: #999999; } body.license #box_license #box_site_list ul.pager li a:hover { text-decoration: underline; } body.license #box_license #box_site_list ul.pager li:first-child { background: url(/images/tsone/line_dots_vertical.png) repeat-y right top; } body.license #box_license #box_site_list ul.pager li.prev a { padding: 0 15px 0 26px; color: #000000; background: url(/images/tsone/arw_pager.png) no-repeat 0 -97px; } body.license #box_license #box_site_list ul.pager li.prev a:hover { color: #999999; background-position: 0 -147px; text-decoration: none; } body.license #box_license #box_site_list ul.pager li:last-child { background: url(/images/tsone/line_dots_vertical.png) repeat-y left top; } body.license #box_license #box_site_list ul.pager li.next a { padding: 0 45px 0 15px; color: #000000; background: url(/images/tsone/arw_pager.png) no-repeat 100% 3px; } body.license #box_license #box_site_list ul.pager li.next a:hover { color: #999999; background-position: 100% -47px; text-decoration: none; } body.license #box_license #box_site_list ul.pager li.current a { color: #000000; } /* ------------------------------ Alicense Pager */ body.alicense #box_alicense #box_site_list ul.pager { display: table; vertical-align: top; margin: 50px 0 0; text-align: center; width: 100%; height: 23px; line-height: 23px; } body.alicense #box_alicense #box_site_list ul.pager li { display: inline-table; vertical-align: top; margin-right: 20px; font-family: "ClearTone SG Medium"; font-size: 13px; } body.alicense #box_alicense #box_site_list ul.pager li:last-child { margin-right: 0; } body.alicense #box_alicense #box_site_list ul.pager li a { display: block; font-family: "ClearTone SG Medium"; font-size: 13px; line-height: 23px; text-decoration: none; color: #999999; } body.alicense #box_alicense #box_site_list ul.pager li a:hover { text-decoration: underline; } body.alicense #box_alicense #box_site_list ul.pager li:first-child { background: url(/images/tsone/line_dots_vertical.png) repeat-y right top; } body.alicense #box_alicense #box_site_list ul.pager li.prev a { padding: 0 15px 0 26px; color: #000000; background: url(/images/tsone/arw_pager.png) no-repeat 0 -97px; } body.alicense #box_alicense #box_site_list ul.pager li.prev a:hover { color: #999999; background-position: 0 -147px; text-decoration: none; } body.alicense #box_alicense #box_site_list ul.pager li:last-child { background: url(/images/tsone/line_dots_vertical.png) repeat-y left top; } body.alicense #box_alicense #box_site_list ul.pager li.next a { padding: 0 45px 0 15px; color: #000000; background: url(/images/tsone/arw_pager.png) no-repeat 100% 3px; } body.alicense #box_alicense #box_site_list ul.pager li.next a:hover { color: #999999; background-position: 100% -47px; text-decoration: none; } body.alicense #box_alicense #box_site_list ul.pager li.current a { color: #000000; } /* ------------------------------ Alicense Graph */ body.alicense_graph #box_alicense_graph { margin-top: 42px; } body.alicense_graph #box_alicense_graph header h1, body.alicense_graph #box_alicense_graph header h2 { color: #000000; font-family: "FB Miller Display Bold"; } body.alicense_graph #box_alicense_graph header h2 { margin: 44px 0 0; font-size: 14px; line-height: 22px; } body.alicense_graph #box_alicense_graph header h1 { margin: 0; font-size: 28px; line-height: 36px; } body.alicense_graph #box_alicense_graph #box_btns { padding: 50px 10px 0; } body.alicense_graph #box_alicense_graph #box_site_list { width: 720px; } body.alicense_graph #box_alicense_graph #box_site_list #indication_container { margin: 41px 0 10px; color: #666666; font-family: "ClearTone SG Light"; font-size: 12px; line-height: 29px; } body.alicense_graph #box_alicense_graph #box_site_list #indication_container #indicator { width: 250px; float: left; padding-left: 10px; } body.alicense_graph #box_alicense_graph #box_site_list #indication_container #link_indicate { width: 329px; float: right; } body.alicense_graph #box_alicense_graph #box_site_list #indication_container #link_indicate li { display: block; float: left; padding: 0 7px 0 6px; background: url(/images/tsone/line_link_indicate.png) no-repeat right center; } body.alicense_graph #box_alicense_graph #box_site_list #indication_container #link_indicate li a { display: block; width: 70px; color: #666666; text-decoration: none; text-align: center; } body.alicense_graph #box_alicense_graph #box_site_list #indication_container #link_indicate li a:hover { text-decoration: underline; } body.alicense_graph #box_alicense_graph #box_site_list #indication_container #link_indicate li:first-child { padding-left: 0; } body.alicense_graph #box_alicense_graph #box_site_list #indication_container #link_indicate li:last-child { background: none; } body.alicense_graph #box_alicense_graph #box_site_list #indication_container #link_indicate li.current a { color: #0095ff; -webkit-border-radius: 3px 3px; -moz-border-radius: 3px / 3px; border-radius: 3px / 3px; behavior: url(/css/PIE); background-color: #edfaff; } body.alicense_graph #box_alicense_graph #box_site_list ul.pager { display: table; vertical-align: top; margin: 50px 0 0; text-align: center; width: 100%; height: 23px; line-height: 23px; } body.alicense_graph #box_alicense_graph #box_site_list ul.pager li { display: inline-table; vertical-align: top; margin-right: 20px; font-family: "ClearTone SG Medium"; font-size: 13px; } body.alicense_graph #box_alicense_graph #box_site_list ul.pager li:last-child { margin-right: 0; } body.alicense_graph #box_alicense_graph #box_site_list ul.pager li a { display: block; font-family: "ClearTone SG Medium"; font-size: 13px; line-height: 23px; text-decoration: none; color: #999999; } body.alicense_graph #box_alicense_graph #box_site_list ul.pager li a:hover { text-decoration: underline; } body.alicense_graph #box_alicense_graph #box_site_list ul.pager li:first-child { background: url(/images/tsone/line_dots_vertical.png) repeat-y right top; } body.alicense_graph #box_alicense_graph #box_site_list ul.pager li.prev a { padding: 0 15px 0 26px; color: #000000; background: url(/images/tsone/arw_pager.png) no-repeat 0 -97px; } body.alicense_graph #box_alicense_graph #box_site_list ul.pager li.prev a:hover { color: #999999; background-position: 0 -147px; text-decoration: none; } body.alicense_graph #box_alicense_graph #box_site_list ul.pager li:last-child { background: url(/images/tsone/line_dots_vertical.png) repeat-y left top; } body.alicense_graph #box_alicense_graph #box_site_list ul.pager li.next a { padding: 0 45px 0 15px; color: #000000; background: url(/images/tsone/arw_pager.png) no-repeat 100% 3px; } body.alicense_graph #box_alicense_graph #box_site_list ul.pager li.next a:hover { color: #999999; background-position: 100% -47px; text-decoration: none; } body.alicense_graph #box_alicense_graph #box_site_list ul.pager li.current a { color: #000000; } body.alicense_graph #box_alicense_graph .notice { margin: 42px 0 0; padding-left: 15px; width: 720px; color: #ff0000; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 21px; } body.alicense_graph #box_alicense_graph #box_site_url { margin-top: 16px; } body.alicense_graph #box_alicense_graph #box_site_url table { width: 720px; color: #333333; font-family: "ClearTone SG Light"; font-size: 13px; } body.alicense_graph #box_alicense_graph #box_site_url table th { padding: 0 0 0 15px; width: 160px; text-align: left; border-top: solid 1px #ebebeb; border-bottom: solid 1px #ebebeb; border-right: solid 20px white; } body.alicense_graph #box_alicense_graph #box_site_url table td { margin-left: 0; padding: 0; width: 530px; border-top: solid 1px #ebebeb; border-bottom: solid 1px #ebebeb; } body.alicense_graph #box_alicense_graph #box_site_url table td.last { border-bottom: solid 1px #ebebeb; } body.alicense_graph #box_alicense_graph #box_site_url table td .td_inner { padding: 10px 30px 10px 20px; border-top: solid 1px white; border-bottom: solid 1px white; } body.alicense_graph #box_alicense_graph #box_site_url table td .td_inner a { color: #0095ff; text-decoration: none; } body.alicense_graph #box_alicense_graph #box_site_url table td .td_inner a:hover { text-decoration: underline; } body.alicense_graph #box_alicense_graph .pv_indicate { margin: 40px 15px 0; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 21px; } body.alicense_graph #box_alicense_graph .pv_indicate span { font-family: "ClearTone SG Medium"; font-style: normal; } body.alicense_graph #box_alicense_graph .radio01 { padding: 10px 150px 10px 20px; border-top: solid 1px white; border-bottom: solid 1px white; /* background-color: #fafafa; */ text-align: right;} body.alicense_graph #box_alicense_graph .radio01 span {padding-left: 5px; font-family: "ClearTone SG Light"; font-size: 13px;} span.no_graph_data {font-family: "ClearTone SG Light"; font-size: 18px; } body.alicense_graph #box_alicense_graph #box_btns { padding-left: 250px;} /* ------------------------------ Users View Pager */ body.users_view #box_users_view ul.pager { display: table; vertical-align: top; margin: 50px 0 0; text-align: center; width: 100%; height: 23px; line-height: 23px; } body.users_view #box_users_view ul.pager li { display: inline-table; vertical-align: top; margin-right: 20px; font-family: "ClearTone SG Medium"; font-size: 13px; } body.users_view #box_users_view ul.pager li:last-child { margin-right: 0; } body.users_view #box_users_view ul.pager li a { display: block; font-family: "ClearTone SG Medium"; font-size: 13px; line-height: 23px; text-decoration: none; color: #999999; } body.users_view #box_users_view ul.pager li a:hover { text-decoration: underline; } body.users_view #box_users_view ul.pager li:first-child { background: url(/images/tsone/line_dots_vertical.png) repeat-y right top; } body.users_view #box_users_view ul.pager li:first-child a { padding: 0 15px 0 26px; color: #000000; background: url(/images/tsone/arw_pager.png) no-repeat 0 -97px; } body.users_view #box_users_view ul.pager li.prev a:hover { color: #999999; background-position: 0 -147px; text-decoration: none; } body.users_view #box_users_view ul.pager li:last-child { background: url(/images/tsone/line_dots_vertical.png) repeat-y left top; } body.users_view #box_users_view ul.pager li:last-child a { padding: 0 45px 0 15px; color: #000000; background: url(/images/tsone/arw_pager.png) no-repeat 100% 3px; } body.users_view #box_users_view ul.pager li.next a:hover { color: #999999; background-position: 100% -47px; text-decoration: none; } body.users_view #box_users_view ul.pager li.current a { color: #000000; } /* ------------------------------ Users Gmo */ body.gmo #box_payment_gmo header { padding-left: 12px; } body.gmo #box_payment_gmo header h1, body.gmo #box_payment_gmo header h2 { color: #000000; font-family: "FB Miller Display Bold"; } body.gmo #box_payment_gmo header h2 { margin: 40px 0 0; font-size: 14px; line-height: 22px; } body.gmo #box_payment_gmo header h1 { margin: 0; font-size: 28px; line-height: 36px; } body.gmo #box_payment_gmo #box_gmo { margin-top: 46px; width: 718px; -webkit-border-radius: 6px 6px; -moz-border-radius: 6px / 6px; border-radius: 6px / 6px; behavior: url(/css/PIE); } body.gmo #box_payment_gmo #box_btns { padding: 60px 130px 0; width: 300px; } body.gmo #box_payment_gmo #box_btns input.btn_back { display: block; float: left; } body.gmo #box_payment_gmo #box_btns input.btn_next { display: block; float: right; } body.gmo #box_payment_gmo .notice { margin: 46px 0 0; padding-top: 24px; width: 720px; height: 52px; color: #ff0000; font-family: "ClearTone SG Medium"; font-size: 13px; line-height: 21px; text-align: center; background: url(/images/tsone/bg_notice.png) no-repeat 0 0; } /* ------------------------------ Simulator */ body.simulator #container #contents #btn_social { margin-top: 0; margin-left: 15px; margin-bottom: 0; } /* ------------------------------ planoption */ body.planoption #box_planoption { margin-top: 42px; } body.planoption #box_planoption header { padding-left: 14px; } body.planoption #box_planoption header h1, body.planoption #box_planoption header h2 { color: #000000; font-family: "FB Miller Display Bold"; } body.planoption #box_planoption header h2 { margin: 44px 0 0; font-size: 14px; line-height: 22px; } body.planoption #box_planoption header h1 { margin: 0; font-size: 28px; line-height: 36px; } body.planoption #box_planoption .lead { width: 705px; padding: 38px 0 0 15px; font-family: "ClearTone SG Medium"; color: #666666; font-size: 13px; line-height: 22px; } body.planoption #box_planoption #box_contract_plan_list { width: 720px; } body.planoption #box_planoption #box_contract_plan_list header { margin-top: 45px; margin-bottom: 20px; width: 718px; border: solid 1px #ebebeb; -webkit-border-radius: 6px 6px; -moz-border-radius: 6px / 6px; border-radius: 6px / 6px; behavior: url(/css/PIE); background-color: #fafafa; padding-left: 0; } body.planoption #box_planoption #box_contract_plan_list header h1 { margin: 0; padding: 14px 0 14px 31px; color: #4d4d4d; font-family: "FB Miller Display Bold"; font-size: 20px; line-height: 30px; background: url(/images/tsone/arw_heading_01.png) 14px 50% no-repeat; } body.planoption #box_planoption #box_contract_plan_list table { width: 700px; margin-left: 10px; } body.planoption #box_planoption #box_contract_plan_list table th { font-family: "ClearTone SG Medium"; font-size: 13px; border-bottom: 1px solid white; border-left: 2px solid white; background: url(/images/tsone/bg_table.png) repeat 0 0; padding: 3px 0 0; text-align: center; } body.planoption #box_planoption #box_contract_plan_list table th .inner { border-top: 1px solid white; background-color: #f2f2f2; padding: 9px 0 8px; } body.planoption #box_planoption #box_contract_plan_list table td { vertical-align: top; border-left: 2px solid white; padding: 0; font-family: "ClearTone SG Light"; font-size: 13px; } body.planoption #box_planoption #box_contract_plan_list table td .inner { padding: 5px 10px; border-top: 1px solid #ebebeb; vertical-align: middle; line-height: 24px; } body.planoption #box_planoption #box_contract_plan_list table .col_planname { width: 339px; } body.planoption #box_planoption #box_contract_plan_list table .col_stopdate { width: 135px; } body.planoption #box_planoption #box_contract_plan_list table .col_stopdate .inner { text-align: center; } body.planoption #box_planoption #box_contract_plan_list table .col_btns { width: 120px; } body.planoption #box_planoption #box_contract_plan_list table .col_btns .inner { text-align: center; } body.planoption #box_planoption #box_contract_plan_list table td.bottom { background: url(/images/tsone/bg_table.png) repeat 0 100%; } body.planoption #box_planoption #box_contract_plan_list table td.bottom .inner { padding-bottom: 8px; border-top: 1px solid #ebebeb; } .small_caution { color: #ff0000; font-family: "ClearTone SG Light"; font-size: 10px; } /* ------------------------------ planoption_detail */ body.planoption_detail #box_planoption { margin-top: 42px; } body.planoption_detail #box_planoption>header { padding-left: 14px; } body.planoption_detail #box_planoption>header h1, body.planoption_detail #box_planoption>header h2 { color: #000000; font-family: "FB Miller Display Bold"; } body.planoption_detail #box_planoption>header h2 { margin: 44px 0 0; font-size: 14px; line-height: 22px; } body.planoption_detail #box_planoption>header h1 { margin: 0; font-size: 28px; line-height: 36px; } body.planoption_detail #box_planoption .lead { width: 705px; padding: 38px 0 0 15px; font-family: "ClearTone SG Light", "ClearTone SG Regular"; color: #666666; font-size: 13px; line-height: 22px; } body.planoption_detail #box_planoption>section { width: 720px; } body.planoption_detail #box_planoption>section>header { margin-top: 45px; margin-bottom: 20px; width: 718px; border: solid 1px #ebebeb; -webkit-border-radius: 6px 6px; -moz-border-radius: 6px / 6px; border-radius: 6px / 6px; behavior: url(/css/PIE); background-color: #fafafa; padding-left: 0; } body.planoption_detail #box_planoption>section>header>h1 { margin: 0; padding: 14px 0 14px 31px; color: #4d4d4d; font-family: "FB Miller Display Bold"; font-size: 20px; line-height: 30px; background: url(/images/tsone/arw_heading_01.png) 14px 50% no-repeat; } body.planoption_detail #box_planoption>section>section { width: 720px; } body.planoption_detail #box_planoption>section section>header { margin-top: 60px; margin-bottom: 10px; } body.planoption_detail #box_planoption>section section>header>h1 { margin: 0; padding: 0 0 0 33px; color: #ff4c97; font-family: "FB Miller Display Bold"; font-size: 16px; background: url(/images/tsone/arw_heading_06.png) 15px 50% no-repeat; } body.planoption_detail #box_planoption #pv_indicate { margin: 20px 15px 0; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 21px; } body.planoption_detail #box_planoption #pv_indicate span { font-family: "ClearTone SG Medium"; font-style: normal; } body.planoption_detail #box_planoption #box_graph { margin: 10px 0 0 10px; width: 698px; height: 358px; border: 1px solid #ebebeb; position: relative; } body.planoption_detail #box_planoption #box_graph .empty_data { display: block; width: 100%; position: absolute; top: 50%; text-align: center; font-size: 13px; line-height: 21px; font-family: "ClearTone SG Light"; } body.planoption_detail #box_planoption .caution { margin-top: 10px; padding-right: 10px; font-family: "ClearTone SG Light"; color: #ff0000; text-align: right; font-size: 13px; line-height: 21px; } body.planoption_detail #box_planoption #box_btns { padding: 20px 210px 0; width: 300px; } body.planoption_detail #box_planoption #box_btns input.btn_back { display: block; float: left; } body.planoption_detail #box_planoption #box_btns input.btn_next { display: block; float: right; } body.planoption_detail #box_planoption .box_btns2 { padding: 20px 210px 0; width: 320px; } body.planoption_detail #box_planoption .box_btns2 input.btn_back { display: block; float: left; } body.planoption_detail #box_planoption .box_btns2 input.btn_next { display: block; float: right; } body.planoption_detail #box_planoption .box_btns3 { padding: 30px 0px 0; text-align: center; } body.planoption_detail #box_planoption .box_btns3 input.btn_next { display: block; float: right; } body.planoption_detail #box_planoption .btn_show_hide { text-align: right; padding-bottom: 18px; padding-right: 42px; margin-top: -60px; } body.planoption_detail #box_planoption .btn_show_hide a { padding: 4px 0 4px 29px; color: #ff4c97; font-size: 12px; font-family: "ClearTone SG Medium"; text-decoration: none; } body.planoption_detail #box_planoption .btn_show_hide a.btn_show { background: url(/images/tsone/arw_btn_show_hide.png) no-repeat 0 50%; } body.planoption_detail #box_planoption .btn_show_hide a.btn_hide { background: url(/images/tsone/arw_btn_show_hide.png) no-repeat -800px 50%; } body.planoption_detail #box_planoption .btns { margin: 30px 0 0 15px; } body.planoption_detail #box_planoption .btns .btn_follow { margin-left: 20px; } body.planoption_detail #box_planoption .font_name { font-size: 15px; font-family: "ClearTone SG Medium"; margin-left: 21px; } body.planoption_detail #box_planoption .example_css { margin: 7px 0 0; text-align: right; } body.planoption_detail #box_planoption .example_css dt { padding: 5px 0 0 16px; min-height: 23px; font-family: "ClearTone SG Regular"; display: inline-block; background: url(/images/tsone/bg_example_css.png) no-repeat 0 0 transparent; } body.planoption_detail #box_planoption .example_css dd { padding: 5px 16px 0 3px; min-height: 23px; font-family: "ClearTone SG Light"; display: inline-block; margin-left: 0; background: url(/images/tsone/bg_example_css.png) no-repeat 100% 0 transparent; } body.planoption_detail #box_planoption .col_font { width: 592px; } body.planoption_detail #box_planoption .col_btns { width: 118px; } body.planoption_detail #box_planoption .btn_1 { margin-right: 10px; float: left; } body.planoption_detail #box_planoption .btn_2 { float: left; } body.planoption_detail #box_planoption .btn_4 { text-align: right; } body.planoption_detail #box_planoption .add_line td { background-color: #ffeff5; } body.planoption_detail #box_planoption .add_line_del td { background-color: gray; } body.planoption_detail #box_planoption .del_line td { background-color: gray; } body.planoption_detail #box_planoption .col_url a { color: #0095ff; text-decoration: none; } body.planoption_detail #box_planoption .col_url a:hover { text-decoration: underline; } body.planoption_detail #box_planoption .btn_copy { margin-top: 10px; } body.planoption_detail #box_planoption #external_text textarea { width: 409px; } body.planoption_detail #box_planoption .btn_detail { vertical-align: middle; margin-left: 20px; } body.planoption_detail #box_planoption .btn_detail a { text-decoration: none; color: #0095ff; } body.planoption_detail #box_planoption .btn_detail a:hover { text-decoration: underline; } body.planoption_detail #box_planoption #box_plan .border_table_02, body.planoption_detail #box_planoption #box_contract .border_table_02 { margin-top: 19px; } body.planoption_detail #box_planoption #box_plan .border_table_02 td { text-align: center; } body.planoption_detail #box_planoption .additional .btn_detail { font-family: "ClearTone SG Light"; margin-top:10px; margin-bottom:40px; font-size: 13px; } body.planoption_detail #box_fontlist_01 .border_table_03 tr:first-child td { background-position: -5000px 0; } body.planoption_detail #box_fontlist_02 .border_table_03 tr:first-child td { background-position: -5000px 0; } body.planoption_detail #support_browser_modal p.annotation { font-size: 12px; font-family: "ClearTone SG Light"; padding-top:20px; } body.planoption_detail #support_browser_modal table tbody tr td p.note { font-size: 11px; } body.planoption_detail #support_browser_modal h3 { font-size: 14px; } body.planoption_detail #support_browser_modal h3.secondary { font-size: 14px; margin-top: 20px; } body.planoption_detail #box_planoption .urloptioninner:first-child { font-family: "ClearTone SG Regular"; } /* ------------------------------ planoption_detail_confirm */ body.planoption_detail_confirm #box_planoption { margin-top: 42px; } body.planoption_detail_confirm #box_planoption>header { padding-left: 14px; } body.planoption_detail_confirm #box_planoption>header h1, body.planoption_detail_confirm #box_planoption>header h2 { color: #000000; font-family: "FB Miller Display Bold"; } body.planoption_detail_confirm #box_planoption>header h2 { margin: 44px 0 0; font-size: 14px; line-height: 22px; } body.planoption_detail_confirm #box_planoption>header h1 { margin: 0; font-size: 28px; line-height: 36px; } body.planoption_detail_confirm #box_planoption .notice { margin: 46px 0 0; padding-top: 24px; width: 720px; height: 52px; color: #ff0000; font-family: "ClearTone SG Medium"; font-size: 13px; line-height: 21px; text-align: center; background: url(/images/tsone/bg_notice.png) no-repeat 0 0; } body.planoption_detail_confirm #box_planoption .lead { width: 705px; padding: 0 0 0 15px; font-family: "ClearTone SG Light"; color: #666666; font-size: 13px; line-height: 22px; } body.planoption_detail_confirm #box_planoption>section { width: 720px; } body.planoption_detail_confirm #box_planoption #box_plan>header { margin-top: 14px; } body.planoption_detail_confirm #box_planoption>section>header { margin-top: 45px; margin-bottom: 20px; width: 718px; border: solid 1px #ebebeb; -webkit-border-radius: 6px 6px; -moz-border-radius: 6px / 6px; border-radius: 6px / 6px; behavior: url(/css/PIE); background-color: #fafafa; padding-left: 0; } body.planoption_detail_confirm #box_planoption>section>header>h1 { margin: 0; padding: 14px 0 14px 31px; color: #4d4d4d; font-family: "FB Miller Display Bold"; font-size: 20px; line-height: 30px; background: url(/images/tsone/arw_heading_01.png) 14px 50% no-repeat; } body.planoption_detail_confirm #box_planoption #box_fontlist .border_table_01 .col_content, body.planoption_detail_confirm #box_planoption #box_sitelist .border_table_01 .col_content { width: auto; } body.planoption_detail_confirm #box_planoption #box_btns { padding: 60px 210px 0; width: 300px; } body.planoption_detail_confirm #box_planoption #box_btns input.btn_back { display: block; float: left; padding-top: 5px; } body.planoption_detail_confirm #box_planoption #box_btns input.btn_next { display: block; float: right; } /* ------------------------------ planoption_renew_input */ body.planoption_renew_input #box_planoption { margin-top: 42px; } body.planoption_renew_input #box_planoption>header { padding-left: 14px; } body.planoption_renew_input #box_planoption>header h1, body.planoption_renew_input #box_planoption>header h2 { color: #000000; font-family: "FB Miller Display Bold"; } body.planoption_renew_input #box_planoption>header h2 { margin: 44px 0 0; font-size: 14px; line-height: 22px; } body.planoption_renew_input #box_planoption>header h1 { margin: 0; font-size: 28px; line-height: 36px; } body.planoption_renew_input #box_planoption .lead { width: 705px; padding: 38px 0 0 15px; font-family: "ClearTone SG Light"; color: #666666; font-size: 13px; line-height: 22px; } body.planoption_renew_input #box_planoption #box_btns { padding: 60px 0 0; text-align: center; } body.planoption_renew_input #box_planoption .box_price { width: 720px; } body.planoption_renew_input #box_planoption .box_price header { margin-top: 45px; width: 718px; border: solid 1px #ebebeb; -webkit-border-radius: 6px 6px; -moz-border-radius: 6px / 6px; border-radius: 6px / 6px; behavior: url(/css/PIE); background-color: #fafafa; padding-left: 0; } body.planoption_renew_input #box_planoption .box_price header h1 { margin: 0; padding: 14px 0 14px 31px; color: #4d4d4d; font-family: "FB Miller Display Bold"; font-size: 20px; line-height: 30px; background: url(/images/tsone/arw_heading_01.png) 14px 50% no-repeat; } body.planoption_renew_input #box_planoption .box_price table { margin-top: 30px; width: 700px; } body.planoption_renew_input #box_planoption .box_price table th { text-align: center; font-family: "ClearTone SG Medium"; font-size: 13px; border-left: 2px solid white; padding: 3px 0 0; vertical-align: top; } body.planoption_renew_input #box_planoption .box_price table td { text-align: right; } body.planoption_renew_input #box_planoption .box_price table th.col_item { color: #0095ff; background: url(/images/tsone/bg_table_th.png) no-repeat 0 0; } body.planoption_renew_input #box_planoption .box_price table .col_item { text-align: left; width: 154px; } body.planoption_renew_input #box_planoption .box_price table .col_item .inner { padding-left: 20px; } body.planoption_renew_input #box_planoption .box_price table th.col_s, body.planoption_renew_input #box_planoption .box_price table th.col_m, body.planoption_renew_input #box_planoption .box_price table th.col_l { color: #ff4c97; background: url(/images/tsone/bg_table_th.png) no-repeat -3000px 0; } body.planoption_renew_input #box_planoption .box_price table .col_s, body.planoption_renew_input #box_planoption .box_price table .col_m, body.planoption_renew_input #box_planoption .box_price table .col_l { width: 174px; } body.planoption_renew_input #box_planoption .box_price table th .inner { padding: 7px 0 6px; } body.planoption_renew_input #box_planoption .box_price table th:first-child { border-left: none; border-right: 20px solid #fff; } body.planoption_renew_input #box_planoption .box_price table td { border-left: 2px solid white; vertical-align: top; padding: 0; font-family: "ClearTone SG Light"; font-size: 13px; } body.planoption_renew_input #box_planoption .box_price table td .inner { padding: 12px 18px 8px; background: url(/images/tsone/bg_table_td.png) repeat-x 0 0; } body.planoption_renew_input #box_planoption .box_price table td:first-child { border-left: none; font-family: "ClearTone SG Light"; border-right: 20px solid #fff; } body.planoption_renew_input #box_planoption .box_price table td:first-child .inner { padding: 12px 15px 8px 20px; } body.planoption_renew_input #box_planoption .box_price table td.bottom { background: url(/images/tsone/bg_table_bottom.png) repeat-x 0 100%; } body.planoption_renew_input #box_planoption .box_price table td.bottom .inner { padding-bottom: 12px; } body.planoption_renew_input #box_planoption .box_price table label { font-family: "ClearTone SG Medium"; } body.planoption_renew_input #box_planoption .box_price table input { float: left; } body.planoption_renew_input #box_planoption .box_price table .follow { font-size: 11px; display: block; margin-top: 4px; line-height: 18px; } body.planoption_renew_input #box_planoption .box_price table .text_c { text-align: center; color: #dbdbdb; } body.planoption_renew_input #box_planoption #sec_plan_selfhosting header { margin-top: 60px; } body.planoption_renew_input #box_planoption a { color: #0095ff; text-decoration: none; } body.planoption_renew_input #box_planoption a:hover { text-decoration: underline; } body.planoption_renew_input #box_planoption .garyout { color: #999999; } /* ------------------------------ planoption_renew_options*/ body.planoption_renew_options #box_planoption { margin-top: 42px; } body.planoption_renew_options #box_planoption header { padding-left: 14px; } body.planoption_renew_options #box_planoption header h1, body.planoption_renew_options #box_planoption header h2 { color: #000000; font-family: "FB Miller Display Bold"; } body.planoption_renew_options #box_planoption header h2 { margin: 44px 0 0; font-size: 14px; line-height: 22px; } body.planoption_renew_options #box_planoption header h1 { margin: 0; font-size: 28px; line-height: 36px; } body.planoption_renew_options #box_planoption #box_btns { padding: 60px 210px 0; width: 300px; } body.planoption_renew_options #box_planoption #box_btns input.btn_back { display: block; float: left; } body.planoption_renew_options #box_planoption #box_btns input.btn_next { display: block; float: right; } body.planoption_renew_options #box_planoption .box_option { width: 720px; } body.planoption_renew_options #box_planoption .box_option header { margin-top: 45px; width: 718px; border: solid 1px #ffcbe1; -webkit-border-radius: 6px 6px; -moz-border-radius: 6px / 6px; border-radius: 6px / 6px; behavior: url(/css/PIE); background-color: #fff7fa; padding-left: 0; } body.planoption_renew_options #box_planoption .box_option header h1 { margin: 0; padding: 14px 0 14px 31px; color: #4d4d4d; font-family: "FB Miller Display Bold"; font-size: 20px; line-height: 30px; background: url(/images/tsone/arw_heading_01.png) 14px 50% no-repeat; } body.planoption_renew_options #box_planoption .box_option table { margin-top: 30px; width: 700px; } body.planoption_renew_options #box_planoption .box_option colgroup.col_price { background-color: #fafafa; } body.planoption_renew_options #box_planoption .box_option table tr:first-child td { font-size: 13px; border-left: 2px solid white; padding: 3px 0 0; vertical-align: top; background: url(/images/tsone/bg_table_th.png) no-repeat 0 0; } body.planoption_renew_options #box_planoption .box_option table tr:first-child td .inner { background: no-repeat; } body.planoption_renew_options #box_planoption .box_option table tr:first-child td.col_price { background-position: -2000px 0; } body.planoption_renew_options #box_planoption .box_option table td { font-family: "ClearTone SG Light"; } body.planoption_renew_options #box_planoption .box_option table td:nth-child(2) { text-align: right; } body.planoption_renew_options #box_planoption .box_option table .col_item { text-align: left; width: 478px; } body.planoption_renew_options #box_planoption .box_option table .col_item .inner { padding-left: 20px; } body.planoption_renew_options #box_planoption .box_option table .col_price { width: 200px; } body.planoption_renew_options #box_planoption .box_option table th .inner { padding: 7px 0 6px; } body.planoption_renew_options #box_planoption .box_option table th:first-child { border-left: none; border-right: 20px solid #fff; } body.planoption_renew_options #box_planoption .box_option table td { border-left: 2px solid white; vertical-align: top; padding: 0; font-family: "ClearTone SG Light"; font-size: 13px; } body.planoption_renew_options #box_planoption .box_option table td .inner { padding: 12px 18px 8px; background: url(/images/tsone/bg_table_td.png) repeat-x 0 0; } body.planoption_renew_options #box_planoption .box_option table td:first-child { border-left: none; border-right: 20px solid #fff; } body.planoption_renew_options #box_planoption .box_option table td:first-child .inner { padding: 12px 15px 8px 20px; } body.planoption_renew_options #box_planoption .box_option table td.bottom { background: url(/images/tsone/bg_table_bottom.png) repeat-x 0 100%; } body.planoption_renew_options #box_planoption .box_option table td.bottom .inner { padding-bottom: 12px; } body.planoption_renew_options #box_planoption .box_option table label { font-family: "ClearTone SG Light"; } body.planoption_renew_options #box_planoption .box_option table input { float: left; margin-right: 8px; } body.planoption_renew_options #box_planoption .box_option table select { margin-left: 30px; } body.planoption_renew_options #box_planoption .box_option table .col_price.sum { background-color: #fff; } body.planoption_renew_options #box_planoption .box_option table .col_item.sum .inner { width: 80px; padding-left: 0; padding-right: 0; margin-left: auto; border-bottom: 1px solid #eaeaea; font-family: "ClearTone SG Medium"; text-align: center; background: none; } body.planoption_renew_options #box_planoption .box_option table .col_price.sum .inner { margin-left: auto; border-bottom: 1px solid #eaeaea; color: #0095ff; padding-right: 34px; font-family: "ClearTone SG Medium"; background: none; } body.planoption_renew_options #box_planoption #sec_option p { padding: 26px 35px 0; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 21px; } body.planoption_renew_options #box_planoption #sec_option_coupon header { margin-top: 60px; } body.planoption_renew_options #box_planoption #sec_option_coupon p { padding: 26px 35px 0; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 21px; } body.planoption_renew_options #box_planoption #sec_option_coupon .lead+input { line-height: 1.4; width: 280px; margin-top: 5px; margin-left: 35px; } body.planoption_renew_options #box_planoption #sec_option_coupon input+p { padding-top: 10px; } /* ------------------------------ planoption_renew */ body.planoption_renew #box_planoption { margin-top: 42px; } body.planoption_renew #box_planoption>header { padding-left: 14px; } body.planoption_renew #box_planoption>header h1, body.planoption_renew #box_planoption>header h2 { color: #000000; font-family: "FB Miller Display Bold"; } body.planoption_renew #box_planoption>header h2 { margin: 44px 0 0; font-size: 14px; line-height: 22px; } body.planoption_renew #box_planoption>header h1 { margin: 0; font-size: 28px; line-height: 36px; } body.planoption_renew #box_planoption .lead { width: 705px; padding: 38px 0 0 15px; font-family: "ClearTone SG Light"; color: #666666; font-size: 13px; line-height: 22px; } body.planoption_renew #box_planoption>section>header { margin-top: 45px; margin-bottom: 20px; width: 718px; border: solid 1px #ebebeb; -webkit-border-radius: 6px 6px; -moz-border-radius: 6px / 6px; border-radius: 6px / 6px; behavior: url(/css/PIE); background-color: #fafafa; padding-left: 0; } body.planoption_renew #box_planoption>section>header>h1 { margin: 0; padding: 14px 0 14px 31px; color: #4d4d4d; font-family: "FB Miller Display Bold"; font-size: 20px; line-height: 30px; background: url(/images/tsone/arw_heading_01.png) 14px 50% no-repeat; } body.planoption_renew #box_planoption .col_item { width: 597px; } body.planoption_renew #box_planoption .col_btn { width: 120px; text-align: center; } body.planoption_renew #box_planoption tr:first-child td { background: url(/images/tsone/bg_table_th.png) no-repeat 0 0; padding-top: 3px; } body.planoption_renew #box_planoption tr:first-child .inner { background: none; padding-top: 5px; } body.planoption_renew #box_planoption #box_btns { padding: 60px 0 0; text-align: center; } /* ------------------------------ planoption_finish_confirm */ body.planoption_finish_confirm #box_planoption { margin-top: 42px; } body.planoption_finish_confirm #box_planoption>header { padding-left: 14px; } body.planoption_finish_confirm #box_planoption>header h1, body.planoption_finish_confirm #box_planoption>header h2 { color: #000000; font-family: "FB Miller Display Bold"; } body.planoption_finish_confirm #box_planoption>header h2 { margin: 44px 0 0; font-size: 14px; line-height: 22px; } body.planoption_finish_confirm #box_planoption>header h1 { margin: 0; font-size: 28px; line-height: 36px; } body.planoption_finish_confirm #box_planoption .lead { width: 705px; padding: 38px 0 0 15px; font-family: "ClearTone SG Light"; color: #666666; font-size: 13px; line-height: 22px; } body.planoption_finish_confirm #box_planoption .text_finish { margin: 46px 0 0; padding: 36px 59px; width: 600px; color: #333333; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 21px; border: solid 1px #ebebeb; -webkit-border-radius: 6px 6px; -moz-border-radius: 6px / 6px; border-radius: 6px / 6px; behavior: url(/css/PIE); background-color: #fafafa; } body.planoption_finish_confirm #box_planoption .text_finish em { font-family: "Shin Go Regular"; color: #ff4c97; font-size: 20px; font-style: normal; line-height: 40px; } body.planoption_finish_confirm #box_planoption .text_finish span { font-family: "ClearTone SG Medium"; font-size: 15px; } body.planoption_finish_confirm #box_planoption #box_btns { padding: 60px 210px 0; width: 320px; } body.planoption_finish_confirm #box_planoption #box_btns input.btn_back { display: block; float: left; padding-top: 5px; } body.planoption_finish_confirm #box_planoption #box_btns input.btn_next { display: block; float: right; } /* ------------------------------ planoption_renew_payment */ body.planoption_renew_payment #box_planoption { margin-top: 42px; } body.planoption_renew_payment #box_planoption>header { padding-left: 14px; } body.planoption_renew_payment #box_planoption>header h1, body.planoption_renew_payment #box_planoption>header h2 { color: #000000; font-family: "FB Miller Display Bold"; } body.planoption_renew_payment #box_planoption>header h2 { margin: 44px 0 0; font-size: 14px; line-height: 22px; } body.planoption_renew_payment #box_planoption>header h1 { margin: 0; font-size: 28px; line-height: 36px; } body.planoption_renew_payment #box_planoption .lead { width: 705px; padding: 38px 0 0 15px; font-family: "ClearTone SG Light"; color: #666666; font-size: 13px; line-height: 22px; } body.planoption_renew_payment #box_planoption .border_table_03_outer { margin-top: 43px; } body.planoption_renew_payment #box_planoption .border_table_03_outer input { margin: 0 8px 0 2px; } body.planoption_renew_payment #box_planoption #box_btns { padding: 60px 210px 0; width: 320px; } body.planoption_renew_payment #box_planoption #box_btns input.btn_back { display: block; float: left; } body.planoption_renew_payment #box_planoption #box_btns input.btn_next { display: block; float: right; } /* ------------------------------ planoption_renew_confirm */ body.planoption_renew_confirm #box_planoption { margin-top: 42px; } body.planoption_renew_confirm #box_planoption>header { padding-left: 14px; } body.planoption_renew_confirm #box_planoption>header h1, body.planoption_renew_confirm #box_planoption>header h2 { color: #000000; font-family: "FB Miller Display Bold"; } body.planoption_renew_confirm #box_planoption>header h2 { margin: 44px 0 0; font-size: 14px; line-height: 22px; } body.planoption_renew_confirm #box_planoption>header h1 { margin: 0; font-size: 28px; line-height: 36px; } body.planoption_renew_confirm #box_planoption .notice { margin: 46px 0 0; padding-top: 24px; width: 720px; height: 52px; color: #ff0000; font-family: "ClearTone SG Medium"; font-size: 13px; line-height: 21px; text-align: center; background: url(/images/tsone/bg_notice.png) no-repeat 0 0; } body.planoption_renew_confirm #box_planoption .lead { width: 705px; padding: 0 0 0 15px; font-family: "ClearTone SG Light"; color: #666666; font-size: 13px; line-height: 22px; } body.planoption_renew_confirm #box_planoption>section { width: 720px; } body.planoption_renew_confirm #box_planoption #box_plan>header { margin-top: 14px; } body.planoption_renew_confirm #box_planoption>section>header { margin-top: 45px; margin-bottom: 20px; width: 718px; border: solid 1px #ebebeb; -webkit-border-radius: 6px 6px; -moz-border-radius: 6px / 6px; border-radius: 6px / 6px; behavior: url(/css/PIE); background-color: #fafafa; padding-left: 0; } body.planoption_renew_confirm #box_planoption>section>header>h1 { margin: 0; padding: 14px 0 14px 31px; color: #4d4d4d; font-family: "FB Miller Display Bold"; font-size: 20px; line-height: 30px; background: url(/images/tsone/arw_heading_01.png) 14px 50% no-repeat; } body.planoption_renew_confirm #box_planoption #box_fontlist .border_table_01 .col_content, body.planoption_renew_confirm #box_planoption #box_sitelist .border_table_01 .col_content { width: auto; } body.planoption_renew_confirm #box_planoption #box_btns { padding: 60px 210px 0; width: 300px; } body.planoption_renew_confirm #box_planoption #box_btns input.btn_back { display: block; float: left; padding-top: 5px; } body.planoption_renew_confirm #box_planoption #box_btns input.btn_next { display: block; float: right; } /* ------------------------------ planoption_renew_configure */ body.planoption_renew_configure #box_planoption { margin-top: 42px; } body.planoption_renew_configure #box_planoption>header { padding-left: 14px; } body.planoption_renew_configure #box_planoption>header h1, body.planoption_renew_configure #box_planoption>header h2 { color: #000000; font-family: "FB Miller Display Bold"; } body.planoption_renew_configure #box_planoption>header h2 { margin: 44px 0 0; font-size: 14px; line-height: 22px; } body.planoption_renew_configure #box_planoption>header h1 { margin: 0; font-size: 28px; line-height: 36px; } body.planoption_renew_configure #box_planoption .lead { width: 705px; padding: 38px 0 0 15px; font-family: "ClearTone SG Light"; color: #666666; font-size: 13px; line-height: 22px; } body.planoption_renew_configure #box_planoption section .lead { padding-top: 26px; } body.planoption_renew_configure #box_planoption section header+.lead { padding-top: 0; } body.planoption_renew_configure #box_planoption>section { width: 720px; } body.planoption_renew_configure #box_planoption>section>header { margin-top: 45px; margin-bottom: 20px; width: 718px; border: solid 1px #ebebeb; -webkit-border-radius: 6px 6px; -moz-border-radius: 6px / 6px; border-radius: 6px / 6px; behavior: url(/css/PIE); background-color: #fafafa; padding-left: 0; } body.planoption_renew_configure #box_planoption>section>header>h1 { margin: 0; padding: 14px 0 14px 31px; color: #4d4d4d; font-family: "FB Miller Display Bold"; font-size: 20px; line-height: 30px; background: url(/images/tsone/arw_heading_01.png) 14px 50% no-repeat; } body.planoption_renew_configure #box_planoption>section>section { width: 720px; } body.planoption_renew_configure #box_planoption>section section>header { margin-top: 60px; margin-bottom: 10px; } body.planoption_renew_configure #box_planoption>section section>header>h1 { margin: 0; padding: 0 0 0 33px; color: #ff4c97; font-family: "FB Miller Display Bold"; font-size: 16px; background: url(/images/tsone/arw_heading_06.png) 15px 50% no-repeat; } body.planoption_renew_configure #box_planoption #pv_indicate { margin: 20px 15px 0; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 21px; } body.planoption_renew_configure #box_planoption #pv_indicate span { font-family: "ClearTone SG Medium"; font-style: normal; } body.planoption_renew_configure #box_planoption #box_graph { margin: 10px 0 0 10px; width: 698px; height: 358px; border: 1px solid #ebebeb; position: relative; } body.planoption_renew_configure #box_planoption #box_graph .empty_data { display: block; width: 100%; position: absolute; top: 50%; text-align: center; font-size: 13px; line-height: 21px; font-family: "ClearTone SG Light"; } body.planoption_renew_configure #box_planoption .caution { margin-top: 10px; padding-right: 10px; font-family: "ClearTone SG Light"; color: #ff0000; text-align: right; font-size: 13px; line-height: 21px; } body.planoption_renew_configure #box_planoption #box_btns { padding: 20px 210px 0; width: 300px; } body.planoption_renew_configure #box_planoption #box_btns input.btn_back { display: block; float: left; } body.planoption_renew_configure #box_planoption #box_btns input.btn_next { display: block; float: right; } body.planoption_renew_configure #box_planoption .box_btns2 { padding: 20px 210px 0; width: 320px; } body.planoption_renew_configure #box_planoption .box_btns2 input.btn_back { display: block; float: left; } body.planoption_renew_configure #box_planoption .box_btns2 input.btn_next { display: block; float: right; } body.planoption_renew_configure #box_planoption .btn_show_hide { text-align: right; padding-bottom: 18px; padding-right: 42px; margin-top: -60px; } body.planoption_renew_configure #box_planoption .btn_show_hide a { padding: 4px 0 4px 29px; color: #ff4c97; font-size: 12px; font-family: "ClearTone SG Medium"; text-decoration: none; } body.planoption_renew_configure #box_planoption .btn_show_hide a.btn_show { background: url(/images/tsone/arw_btn_show_hide.png) no-repeat 0 50%; } body.planoption_renew_configure #box_planoption .btn_show_hide a.btn_hide { background: url(/images/tsone/arw_btn_show_hide.png) no-repeat -800px 50%; } body.planoption_renew_configure #box_planoption .btns { margin: 30px 0 0 15px; } body.planoption_renew_configure #box_planoption .btns .btn_follow { margin-left: 20px; } body.planoption_renew_configure #box_planoption .font_name { font-size: 15px; font-family: "ClearTone SG Medium"; margin-left: 21px; } body.planoption_renew_configure #box_planoption .example_css { margin: 7px 0 0; text-align: right; } body.planoption_renew_configure #box_planoption .example_css dt { padding: 5px 0 0 16px; min-height: 23px; font-family: "ClearTone SG Regular"; display: inline-block; background: url(/images/tsone/bg_example_css.png) no-repeat 0 0 transparent; } body.planoption_renew_configure #box_planoption .example_css dd { padding: 5px 16px 0 3px; min-height: 23px; font-family: "ClearTone SG Light"; display: inline-block; margin-left: 0; background: url(/images/tsone/bg_example_css.png) no-repeat 100% 0 transparent; } body.planoption_renew_configure #box_planoption .col_font { width: 592px; } body.planoption_renew_configure #box_planoption .col_btns { width: 118px; } body.planoption_renew_configure #box_planoption .btn_1 { margin-right: 10px; float: left; } body.planoption_renew_configure #box_planoption .btn_2 { float: left; } body.planoption_renew_configure #box_planoption .btn_4 { text-align: right; } body.planoption_renew_configure #box_planoption .add_line td { background-color: #ffeff5; } body.planoption_renew_configure #box_planoption .add_line_del td { background-color: gray; } body.planoption_renew_configure #box_planoption .del_line td { background-color: gray; } body.planoption_renew_configure #box_planoption .col_url a { color: #0095ff; text-decoration: none; } body.planoption_renew_configure #box_planoption .col_url a:hover { text-decoration: underline; } body.planoption_renew_configure #box_planoption #sec_option_coupon header { margin-top: 60px; } body.planoption_renew_configure #box_planoption #sec_option_coupon .lead { padding: 0 35px 0; } body.planoption_renew_configure #box_planoption #sec_option_coupon p { padding: 26px 35px 0; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 21px; } body.planoption_renew_configure #box_planoption #sec_option_coupon .lead+input { line-height: 1.4; width: 280px; margin-top: 5px; margin-left: 35px; } body.planoption_renew_configure #box_planoption #sec_option_coupon input+p { padding-top: 10px; } body.planoption_renew_configure #box_planoption #sec_option .border_table_02 .col_option { width: 598px; } body.planoption_renew_configure #box_planoption #box_plan .border_table_02, body.planoption_renew_configure #box_planoption #box_contract .border_table_02 { margin-top: 19px; } body.planoption_renew_configure #box_planoption #box_plan .border_table_02 td { text-align: center; } body.planoption_renew_configure #box_fontlist_01 .border_table_03 tr:first-child td { background-position: -5000px 0; } body.planoption_renew_configure #box_fontlist_02 .border_table_03 tr:first-child td { background-position: -5000px 0; } /* ------------------------------ planoption_renew_detail */ body.planoption_renew_detail #box_planoption { margin-top: 42px; } body.planoption_renew_detail #box_planoption>header { padding-left: 14px; } body.planoption_renew_detail #box_planoption>header h1, body.planoption_renew_detail #box_planoption>header h2 { color: #000000; font-family: "FB Miller Display Bold"; } body.planoption_renew_detail #box_planoption>header h2 { margin: 44px 0 0; font-size: 14px; line-height: 22px; } body.planoption_renew_detail #box_planoption>header h1 { margin: 0; font-size: 28px; line-height: 36px; } body.planoption_renew_detail #box_planoption>section { width: 720px; } body.planoption_renew_detail #box_planoption>section>header { margin-top: 45px; margin-bottom: 20px; width: 718px; border: solid 1px #ebebeb; -webkit-border-radius: 6px 6px; -moz-border-radius: 6px / 6px; border-radius: 6px / 6px; behavior: url(/css/PIE); background-color: #fafafa; padding-left: 0; } body.planoption_renew_detail #box_planoption>section>header>h1 { margin: 0; padding: 14px 0 14px 31px; color: #4d4d4d; font-family: "FB Miller Display Bold"; font-size: 20px; line-height: 30px; background: url(/images/tsone/arw_heading_01.png) 14px 50% no-repeat; } body.planoption_renew_detail #box_planoption #box_fontlist .border_table_01 .col_content, body.planoption_renew_detail #box_planoption #box_sitelist .border_table_01 .col_content { width: auto; } body.planoption_renew_detail #box_planoption #box_btns { padding: 60px 0 0; text-align: center; } /* ------------------------------ planoption_renew_cancel */ body.planoption_renew_cancel #box_planoption { margin-top: 42px; } body.planoption_renew_cancel #box_planoption>header { padding-left: 14px; } body.planoption_renew_cancel #box_planoption>header h1, body.planoption_renew_cancel #box_planoption>header h2 { color: #000000; font-family: "FB Miller Display Bold"; } body.planoption_renew_cancel #box_planoption>header h2 { margin: 44px 0 0; font-size: 14px; line-height: 22px; } body.planoption_renew_cancel #box_planoption>header h1 { margin: 0; font-size: 28px; line-height: 36px; } body.planoption_renew_cancel #box_planoption>section { width: 720px; } body.planoption_renew_cancel #box_planoption .notice { margin: 46px 0 0; padding-top: 24px; width: 720px; height: 52px; color: #ff0000; font-family: "ClearTone SG Medium"; font-size: 13px; line-height: 21px; text-align: center; background: url(/images/tsone/bg_notice.png) no-repeat 0 0; } body.planoption_renew_cancel #box_planoption #box_plan>header { margin-top: 14px; } body.planoption_renew_cancel #box_planoption>section>header { margin-top: 45px; margin-bottom: 20px; width: 718px; border: solid 1px #ebebeb; -webkit-border-radius: 6px 6px; -moz-border-radius: 6px / 6px; border-radius: 6px / 6px; behavior: url(/css/PIE); background-color: #fafafa; padding-left: 0; } body.planoption_renew_cancel #box_planoption>section>header>h1 { margin: 0; padding: 14px 0 14px 31px; color: #4d4d4d; font-family: "FB Miller Display Bold"; font-size: 20px; line-height: 30px; background: url(/images/tsone/arw_heading_01.png) 14px 50% no-repeat; } body.planoption_renew_cancel #box_planoption #box_fontlist .border_table_01 .col_content, body.planoption_renew_cancel #box_planoption #box_sitelist .border_table_01 .col_content { width: auto; } body.planoption_renew_cancel #box_planoption #box_btns { padding: 60px 210px 0; width: 320px; } body.planoption_renew_cancel #box_planoption #box_btns input.btn_back { display: block; float: left; padding-top: 5px; } body.planoption_renew_cancel #box_planoption #box_btns input.btn_next { display: block; float: right; } /* ------------------------------ planoption_selfdata */ body.planoption_selfdata #box_planoption { margin-top: 42px; } body.planoption_selfdata #box_planoption>header { padding-left: 14px; } body.planoption_selfdata #box_planoption>header h1, body.planoption_selfdata #box_planoption>header h2 { color: #000000; font-family: "FB Miller Display Bold"; } body.planoption_selfdata #box_planoption>header h2 { margin: 44px 0 0; font-size: 14px; line-height: 22px; } body.planoption_selfdata #box_planoption>header h1 { margin: 0; font-size: 28px; line-height: 36px; } body.planoption_selfdata #box_planoption>section { width: 720px; } body.planoption_selfdata #box_planoption>section>header { margin-top: 45px; margin-bottom: 20px; width: 718px; border: solid 1px #ebebeb; -webkit-border-radius: 6px 6px; -moz-border-radius: 6px / 6px; border-radius: 6px / 6px; behavior: url(/css/PIE); background-color: #fafafa; padding-left: 0; } body.planoption_selfdata #box_planoption>section>header>h1 { margin: 0; padding: 14px 0 14px 31px; color: #4d4d4d; font-family: "FB Miller Display Bold"; font-size: 20px; line-height: 30px; background: url(/images/tsone/arw_heading_01.png) 14px 50% no-repeat; } body.planoption_selfdata #box_planoption #box_new_data header { margin-bottom: 20px; width: 718px; border: solid 1px #ebebeb; -webkit-border-radius: 6px 6px; -moz-border-radius: 6px / 6px; border-radius: 6px / 6px; behavior: url(/css/PIE); background-color: #fafafa; } body.planoption_selfdata #box_planoption #box_new_data header h1 { float: left; margin: 0; padding: 14px 0 14px 31px; width: 300px; color: #4d4d4d; font-family: "FB Miller Display Bold"; font-size: 20px; line-height: 30px; background: url(/images/tsone/arw_heading_01.png) 14px 50% no-repeat; } body.planoption_selfdata #box_planoption #box_new_data header .note { float: right; padding-right: 24px; width: 150px; color: #4c4c4c; font-family: "ClearTone SG Medium"; font-size: 12px; line-height: 58px; text-align: right; } body.planoption_selfdata #box_planoption #box_new_data header .note span { color: #ff0000; margin-right: 0.5em; } body.planoption_selfdata #box_planoption #box_new_data table .indispensable span { display: inline-block; width: 33px; color: #ff0000; text-align: center; } body.planoption_selfdata #box_planoption .col_contentsname { width: 385px; text-align: left; } body.planoption_selfdata #box_planoption .col_term { width: 135px; text-align: center; } body.planoption_selfdata #box_planoption .col_download { width: 120px; } body.planoption_selfdata #box_planoption .col_contentsname .inner { padding-left: 15px; padding-right: 15px; } body.planoption_selfdata #box_planoption>section>.lead { margin: 27px 15px 0; font-family: "ClearTone SG Light"; font-size: 13px; } body.planoption_selfdata #box_planoption>section>.follow { margin: 48px 15px 0; font-family: "ClearTone SG Light"; font-size: 13px; } body.planoption_selfdata #box_planoption #box_new_data .col_item .inner { padding-top: 14px; } body.planoption_selfdata #box_planoption #box_new_data tr:first-child .col_item .inner { padding-top: 17px; } body.planoption_selfdata #box_planoption #box_new_data .col_content input { float: left; } body.planoption_selfdata #box_planoption #box_new_data .col_content input+a { float: right; } body.planoption_selfdata #box_planoption #box_new_data .border_table_01 td .inner { padding-right: 20px; } body.planoption_selfdata #box_planoption .form_contentname { width: 330px; } body.planoption_selfdata #box_planoption #box_new_data .follow+table .col_item .inner { padding-top: 20px; } body.planoption_selfdata #box_planoption #box_new_data .follow+table tr:first-child .col_item .inner { padding-top: 23px; } body.planoption_selfdata #box_planoption b { font-family: "ClearTone SG Medium"; display: block; margin-top: 3px; } body.planoption_selfdata #box_planoption .form_textarea { width: 330px; height: 55px; } body.planoption_selfdata #box_planoption #box_btns { padding: 60px 210px 0; width: 300px; } body.planoption_selfdata #box_planoption #box_btns input.btn_back { display: block; float: left; } body.planoption_selfdata #box_planoption #box_btns input.btn_next { display: block; float: right; } body.planoption_selfdata #box_planoption a { color: #0095ff; text-decoration: none; } body.planoption_selfdata #box_planoption a:hover { text-decoration: underline; } /* ------------------------------ planoption_selfdata_confirm */ body.planoption_selfdata_confirm #box_planoption { margin-top: 42px; } body.planoption_selfdata_confirm #box_planoption>header { padding-left: 14px; } body.planoption_selfdata_confirm #box_planoption>header h1, body.planoption_selfdata_confirm #box_planoption>header h2 { color: #000000; font-family: "FB Miller Display Bold"; } body.planoption_selfdata_confirm #box_planoption>header h2 { margin: 44px 0 0; font-size: 14px; line-height: 22px; } body.planoption_selfdata_confirm #box_planoption>header h1 { margin: 0; font-size: 28px; line-height: 36px; } body.planoption_selfdata_confirm #box_planoption .notice { margin: 46px 0 0; padding-top: 24px; width: 720px; height: 52px; color: #ff0000; font-family: "ClearTone SG Medium"; font-size: 13px; line-height: 21px; text-align: center; background: url(/images/tsone/bg_notice.png) no-repeat 0 0; } body.planoption_selfdata_confirm #box_planoption b { font-family: "ClearTone SG Medium"; display: block; margin-top: 3px; } body.planoption_selfdata_confirm #box_planoption #box_btns { padding: 60px 210px 0; width: 300px; } body.planoption_selfdata_confirm #box_planoption #box_btns input.btn_back { display: block; float: left; padding-top: 5px; } body.planoption_selfdata_confirm #box_planoption #box_btns input.btn_next { display: block; float: right; } body.planoption_selfdata_confirm #box_planoption a { color: #0095ff; text-decoration: none; } body.planoption_selfdata_confirm #box_planoption a:hover { text-decoration: underline; } /* ------------------------------ savecard */ body.savecard #box_savecard { margin-top: 42px; } body.savecard #box_savecard>header { padding-left: 14px; } body.savecard #box_savecard>header h1, body.savecard #box_savecard>header h2 { color: #000000; font-family: "FB Miller Display Bold"; } body.savecard #box_savecard>header h2 { margin: 44px 0 0; font-size: 14px; line-height: 22px; } body.savecard #box_savecard>header h1 { margin: 0; font-size: 28px; line-height: 36px; } body.savecard #box_savecard>section { width: 720px; } body.savecard #box_savecard>section>header { margin-top: 45px; margin-bottom: 0; width: 718px; border: solid 1px #ebebeb; -webkit-border-radius: 6px 6px; -moz-border-radius: 6px / 6px; border-radius: 6px / 6px; behavior: url(/css/PIE); background-color: #fafafa; padding-left: 0; } body.savecard #box_savecard>section>header>h1 { float: left; margin: 0; padding: 14px 0 14px 31px; color: #4d4d4d; font-family: "FB Miller Display Bold"; font-size: 20px; line-height: 30px; background: url(/images/tsone/arw_heading_01.png) 14px 50% no-repeat; } body.savecard #box_savecard>section>header.lead { width: 705px; padding: 38px 0 0 15px; font-family: "ClearTone SG Light"; color: #666666; font-size: 13px; line-height: 22px; } body.savecard #box_savecard>section .img-cards { width: 705px; margin: 10px 0 30px 15px; height: 38px; background: url(/images/img-cards.gif) no-repeat center left; } body.savecard #box_savecard>section .img-cards li { display: none; } body.savecard #box_savecard>section .note { float: right; padding-right: 24px; width: 150px; color: #4c4c4c; font-family: "ClearTone SG Medium"; font-size: 12px; line-height: 58px; text-align: right; } body.savecard #box_savecard>section .note span { color: #ff0000; margin-right: 0.5em; } body.savecard #box_savecard .border_table_01 tr:first-child td:first-child .inner { padding-top: 17px; } body.savecard #box_savecard .indispensable .inner { padding-left: 0; } body.savecard #box_savecard .indispensable span { display: inline-block; width: 33px; color: #ff0000; text-align: center; } body.savecard #box_savecard .form_text { width: 288px; } body.savecard #box_savecard #box_btns { padding: 60px 210px 0; width: 300px; } body.savecard #box_savecard #box_btns input.btn_back { display: block; float: left; } body.savecard #box_savecard #box_btns input.btn_next { display: block; float: right; } body.savecard #box_savecard .lead { width: 705px; padding: 38px 0 0 15px; font-family: "ClearTone SG Light"; color: #666666; font-size: 13px; line-height: 22px; } body.savecard #box_savecard .border_table_03_outer { margin-top: 43px; } body.savecard #box_savecard .border_table_03_outer input { margin: 0 8px 0 2px; } /* ------------------------------ savecard_confirm */ body.savecard_confirm #box_savecard { margin-top: 42px; } body.savecard_confirm #box_savecard>header { padding-left: 14px; } body.savecard_confirm #box_savecard>header h1, body.savecard_confirm #box_savecard>header h2 { color: #000000; font-family: "FB Miller Display Bold"; } body.savecard_confirm #box_savecard>header h2 { margin: 44px 0 0; font-size: 14px; line-height: 22px; } body.savecard_confirm #box_savecard>header h1 { margin: 0; font-size: 28px; line-height: 36px; } body.savecard_confirm #box_savecard .notice { margin: 46px 0 0; padding-top: 24px; width: 720px; height: 52px; color: #ff0000; font-family: "ClearTone SG Medium"; font-size: 13px; line-height: 21px; text-align: center; background: url(/images/tsone/bg_notice.png) no-repeat 0 0; } body.savecard_confirm #box_savecard>section .note { float: right; padding-right: 24px; width: 150px; color: #4c4c4c; font-family: "ClearTone SG Medium"; font-size: 12px; line-height: 58px; text-align: right; } body.savecard_confirm #box_savecard>section .note span { color: #ff0000; margin-right: 0.5em; } body.savecard_confirm #box_savecard #box_btns { padding: 60px 210px 0; width: 300px; } body.savecard_confirm #box_savecard #box_btns input.btn_back { display: block; float: left; } body.savecard_confirm #box_savecard #box_btns input.btn_next { display: block; float: right; } /* ------------------------------ savecard_finish */ body.savecard_finish #box_savecard { margin-top: 42px; } body.savecard_finish #box_savecard>header { padding-left: 14px; } body.savecard_finish #box_savecard>header h1, body.savecard_finish #box_savecard>header h2 { color: #000000; font-family: "FB Miller Display Bold"; } body.savecard_finish #box_savecard>header h2 { margin: 44px 0 0; font-size: 14px; line-height: 22px; } body.savecard_finish #box_savecard>header h1 { margin: 0; font-size: 28px; line-height: 36px; } body.savecard_finish #box_savecard #box_btns { padding: 60px 0 0; text-align: center; } body.savecard_finish #box_savecard .lead { margin: 46px 0 0; padding: 36px 59px 48px; width: 600px; color: #333333; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 21px; border: solid 1px #ebebeb; -webkit-border-radius: 6px 6px; -moz-border-radius: 6px / 6px; border-radius: 6px / 6px; behavior: url(/css/PIE); background-color: #fafafa; } body.savecard_finish #box_savecard #btn_back { margin: 60px 0 0 270px; width: 180px; height: 40px; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #adadad), color-stop(100%, #7a7a7a)); background-image: -webkit-linear-gradient(#adadad, #7a7a7a); background-image: -moz-linear-gradient(#adadad, #7a7a7a); background-image: -o-linear-gradient(#adadad, #7a7a7a); background-image: linear-gradient(#adadad, #7a7a7a); -pie-background: linear-gradient(#adadad, #7a7a7a); -webkit-border-radius: 4px 4px; -moz-border-radius: 4px / 4px; border-radius: 4px / 4px; behavior: url(/css/PIE); } body.savecard_finish #box_savecard #btn_back:hover { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4d4d4d), color-stop(100%, #4d4d4d)); background-image: -webkit-linear-gradient(#4d4d4d, #4d4d4d); background-image: -moz-linear-gradient(#4d4d4d, #4d4d4d); background-image: -o-linear-gradient(#4d4d4d, #4d4d4d); background-image: linear-gradient(#4d4d4d, #4d4d4d); -pie-background: linear-gradient(#4d4d4d, #4d4d4d); } body.savecard_finish #box_savecard #btn_back a { display: block; padding: 1px 0 0 48px; color: #ffffff; font-family: "ClearTone SG Medium"; font-size: 13px; text-decoration: none; line-height: 39px; background: url(/images/tsone/arw_btn_03.png) 19px 50% no-repeat; } /* ------------------------------ savecard_error */ body.savecard_error #box_savecard { margin-top: 42px; } body.savecard_error #box_savecard>header { padding-left: 14px; } body.savecard_error #box_savecard>header h1, body.savecard_error #box_savecard>header h2 { color: #000000; font-family: "FB Miller Display Bold"; } body.savecard_error #box_savecard>header h2 { margin: 44px 0 0; font-size: 14px; line-height: 22px; } body.savecard_error #box_savecard>header h1 { margin: 0; font-size: 28px; line-height: 36px; } body.savecard_error #box_savecard .notice { margin: 46px 0 0; padding-top: 24px; width: 720px; height: 52px; color: #ff0000; font-family: "ClearTone SG Medium"; font-size: 13px; line-height: 21px; text-align: center; background: url(/images/tsone/bg_notice.png) no-repeat 0 0; } body.savecard_error #box_savecard .lead { width: 705px; padding: 38px 0 0 15px; font-family: "ClearTone SG Light"; color: #666666; font-size: 13px; line-height: 22px; } body.savecard_error #box_savecard #box_btns { padding: 60px 0 0; text-align: center; } /* ------------------------------ savecard */ body.dlbuys #box_savecard { margin-top: 42px; } body.dlbuys #box_savecard>header { padding-left: 14px; } body.dlbuys #box_savecard>header h1, body.dlbuys #box_savecard>header h2 { color: #000000; font-family: "FB Miller Display Bold"; } body.dlbuys #box_savecard>header h2 { margin: 44px 0 0; font-size: 14px; line-height: 22px; } body.dlbuys #box_savecard>header h1 { margin: 0; font-size: 28px; line-height: 36px; } body.dlbuys #box_savecard>section { width: 720px; } body.dlbuys #box_savecard>section>header { margin-top: 45px; margin-bottom: 0; width: 718px; border: solid 1px #ebebeb; -webkit-border-radius: 6px 6px; -moz-border-radius: 6px / 6px; border-radius: 6px / 6px; behavior: url(/css/PIE); background-color: #fafafa; padding-left: 0; } body.dlbuys #box_savecard>section>header>h1 { float: left; margin: 0; padding: 14px 0 14px 31px; color: #4d4d4d; font-family: "FB Miller Display Bold"; font-size: 20px; line-height: 30px; background: url(/images/tsone/arw_heading_01.png) 14px 50% no-repeat; } body.dlbuys #box_savecard>section>header.lead { width: 705px; padding: 38px 0 0 15px; font-family: "ClearTone SG Light"; color: #666666; font-size: 13px; line-height: 22px; } body.dlbuys #box_savecard>section .img-cards { width: 705px; margin: 10px 0 30px 15px; height: 38px; background: url(/images/img-cards.gif) no-repeat center left; } body.dlbuys #box_savecard>section .img-cards li { display: none; } esbody.dlbuys #box_savecard>section .note { float: right; padding-right: 24px; width: 150px; color: #4c4c4c; font-family: "ClearTone SG Medium"; font-size: 12px; line-height: 58px; text-align: right; } body.dlbuys #box_savecard>section .note span { color: #ff0000; margin-right: 0.5em; } body.dlbuys #box_savecard .border_table_01 tr:first-child td:first-child .inner { padding-top: 17px; } body.dlbuys #box_savecard .indispensable .inner { padding-left: 0; } body.dlbuys #box_savecard .indispensable span { display: inline-block; width: 33px; color: #ff0000; text-align: center; } body.dlbuys #box_savecard .form_text { width: 288px; } body.dlbuys #box_savecard #box_btns { padding: 60px 210px 0; width: 300px; } body.dlbuys #box_savecard #box_btns input.btn_back { display: block; float: left; } body.dlbuys #box_savecard #box_btns input.btn_next { display: block; float: right; } body.dlbuys #box_savecard .lead { width: 705px; padding: 38px 0 0 15px; font-family: "ClearTone SG Light"; color: #666666; font-size: 13px; line-height: 22px; } body.dlbuys #box_savecard .border_table_03_outer { margin-top: 43px; } body.dlbuys #box_savecard .border_table_03_outer input { margin: 0 8px 0 2px; } /* ------------------------------ savecard_confirm */ body.dlbuys #box_savecard { margin-top: 42px; } body.dlbuys #box_savecard>header { padding-left: 14px; } body.dlbuys #box_savecard>header h1, body.dlbuys #box_savecard>header h2 { color: #000000; font-family: "FB Miller Display Bold"; } body.dlbuys #box_savecard>header h2 { margin: 44px 0 0; font-size: 14px; line-height: 22px; } body.dlbuys #box_savecard>header h1 { margin: 0; font-size: 28px; line-height: 36px; } body.dlbuys #box_savecard .notice { margin: 46px 0 0; padding-top: 24px; width: 720px; height: 52px; color: #ff0000; font-family: "ClearTone SG Medium"; font-size: 13px; line-height: 21px; text-align: center; background: url(/images/tsone/bg_notice.png) no-repeat 0 0; } body.dlbuys #box_savecard>section .note { float: right; padding-right: 24px; width: 150px; color: #4c4c4c; font-family: "ClearTone SG Medium"; font-size: 12px; line-height: 58px; text-align: right; } body.dlbuys #box_savecard>section .note span { color: #ff0000; margin-right: 0.5em; } body.dlbuys #box_savecard #box_btns { padding: 60px 210px 0; width: 300px; } body.dlbuys #box_savecard #box_btns input.btn_back { display: block; float: left; } body.dlbuys #box_savecard #box_btns input.btn_next { display: block; float: right; } /* ------------------------------ savecard_finish */ body.dlbuys #box_savecard { margin-top: 42px; } body.dlbuys #box_savecard>header { padding-left: 14px; } body.dlbuys #box_savecard>header h1, body.dlbuys #box_savecard>header h2 { color: #000000; font-family: "FB Miller Display Bold"; } body.dlbuys #box_savecard>header h2 { margin: 44px 0 0; font-size: 14px; line-height: 22px; } body.dlbuys #box_savecard>header h1 { margin: 0; font-size: 28px; line-height: 36px; } body.dlbuys #box_savecard #box_btns { padding: 60px 0 0; text-align: center; } body.dlbuys #box_savecard .lead { margin: 46px 0 0; padding: 36px 59px 48px; width: 600px; color: #333333; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 21px; border: solid 1px #ebebeb; -webkit-border-radius: 6px 6px; -moz-border-radius: 6px / 6px; border-radius: 6px / 6px; behavior: url(/css/PIE); background-color: #fafafa; } body.dlbuys #box_savecard #btn_back { margin: 60px 0 0 270px; width: 180px; height: 40px; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #adadad), color-stop(100%, #7a7a7a)); background-image: -webkit-linear-gradient(#adadad, #7a7a7a); background-image: -moz-linear-gradient(#adadad, #7a7a7a); background-image: -o-linear-gradient(#adadad, #7a7a7a); background-image: linear-gradient(#adadad, #7a7a7a); -pie-background: linear-gradient(#adadad, #7a7a7a); -webkit-border-radius: 4px 4px; -moz-border-radius: 4px / 4px; border-radius: 4px / 4px; behavior: url(/css/PIE); } body.dlbuys #box_savecard #btn_back:hover { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4d4d4d), color-stop(100%, #4d4d4d)); background-image: -webkit-linear-gradient(#4d4d4d, #4d4d4d); background-image: -moz-linear-gradient(#4d4d4d, #4d4d4d); background-image: -o-linear-gradient(#4d4d4d, #4d4d4d); background-image: linear-gradient(#4d4d4d, #4d4d4d); -pie-background: linear-gradient(#4d4d4d, #4d4d4d); } body.dlbuys #box_savecard #btn_back a { display: block; padding: 1px 0 0 48px; color: #ffffff; font-family: "ClearTone SG Medium"; font-size: 13px; text-decoration: none; line-height: 39px; background: url(/images/tsone/arw_btn_03.png) 19px 50% no-repeat; } /* ------------------------------ savecard_error */ body.dlbuys #box_savecard { margin-top: 42px; } body.dlbuys #box_savecard>header { padding-left: 14px; } body.dlbuys #box_savecard>header h1, body.dlbuys #box_savecard>header h2 { color: #000000; font-family: "FB Miller Display Bold"; } body.dlbuys #box_savecard>header h2 { margin: 44px 0 0; font-size: 14px; line-height: 22px; } body.dlbuys #box_savecard>header h1 { margin: 0; font-size: 28px; line-height: 36px; } body.dlbuys #box_savecard .notice { margin: 46px 0 0; padding-top: 24px; width: 720px; height: 52px; color: #ff0000; font-family: "ClearTone SG Medium"; font-size: 13px; line-height: 21px; text-align: center; background: url(/images/tsone/bg_notice.png) no-repeat 0 0; } body.dlbuys #box_savecard .lead { width: 705px; padding: 38px 0 0 15px; font-family: "ClearTone SG Light"; color: #666666; font-size: 13px; line-height: 22px; } body.dlbuys #box_savecard #box_btns { padding: 60px 0 0; text-align: center; } /* ------------------------------ popup_workflow */ body.popup_workflow { background: none #fafafa; } body.popup_workflow #wrapper { border-top: #00b4ff solid 5px; } body.popup_workflow #popup_workflow_container { margin: 0 auto; padding: 0 0 120px; width: 798px; } /* header_popup_workflow */ body.popup_workflow #header_popup_workflow { background: url(/images/tsone/bg_help_header.png) repeat-x 0 0; } body.popup_workflow #header_popup_workflow h1 { float: left; margin: 0; font-family: "Ryumin Medium KL"; font-size: 16px; color: #fff; line-height: 88px; padding-left: 22px; font-weight: normal; } body.popup_workflow #header_popup_workflow div { float: right; padding: 0 20px 0 28px; font-family: "ClearTone SG Medium"; font-size: 20px; color: #ff7fb2; line-height: 88px; background: url(/images/tsone/bg_header_popup_workflow.png) no-repeat 0 0; } /* nav_popup_workflow */ body.popup_workflow #nav_popup_workflow { height: 54px; position: relative; border-top: 1px solid #fffeff; border-bottom: 1px solid #e1e1e1; } body.popup_workflow #nav_popup_workflow.self_hosting_5 { background-color: #ffeff5; } body.popup_workflow #nav_popup_workflow a { line-height: 1.4; position: absolute; top: 0; display: block; background: url(/images/tsone/bg_nav_popup_workflow.png) no-repeat 100% 50%; color: #4e4e4e; text-decoration: none; font-size: 13px; padding: 11px 44px 0 47px; height: 43px; } body.popup_workflow #nav_popup_workflow a:hover { color: #0095ff; } body.popup_workflow #nav_popup_workflow.self_hosting a { padding-left: 28px; padding-right: 26px; } body.popup_workflow #nav_popup_workflow a b { font-weight: normal; color: #0095ff; font-family: "Ryumin Heavy KL"; } body.popup_workflow #nav_popup_workflow a strong { font-weight: normal; font-family: "ClearTone SG Light"; } body.popup_workflow #nav_popup_workflow a.active { color: #fb4d95; font-weight: normal; background-image: url(/images/tsone/bg_nav_popup_workflow_ac.png); } body.popup_workflow #nav_popup_workflow a.active b { color: #fb4d95; font-weight: normal; } body.popup_workflow #nav_popup_workflow a.active:hover { color: #fb4d95; } body.popup_workflow #nav_popup_workflow #nav_popup_workflow_s_01 a { padding-left: 20px; left: 0; z-index: 100; } body.popup_workflow #nav_popup_workflow #nav_popup_workflow_s_02 a { left: 115px; z-index: 90; } body.popup_workflow #nav_popup_workflow #nav_popup_workflow_s_03 a { left: 250px; z-index: 80; } body.popup_workflow #nav_popup_workflow #nav_popup_workflow_s_04 a { left: 475px; z-index: 70; } body.popup_workflow #nav_popup_workflow.self_hosting #nav_popup_workflow_sh_01 a { padding-left: 20px; left: 0; z-index: 100; } body.popup_workflow #nav_popup_workflow.self_hosting #nav_popup_workflow_sh_02 a { left: 100px; z-index: 90; } body.popup_workflow #nav_popup_workflow.self_hosting #nav_popup_workflow_sh_03 a { left: 295px; z-index: 80; } body.popup_workflow #nav_popup_workflow.self_hosting #nav_popup_workflow_sh_04 a { left: 425px; z-index: 70; } body.popup_workflow #nav_popup_workflow.self_hosting #nav_popup_workflow_sh_05 a { left: 640px; z-index: 60; padding-right: 0; background-image: none; } body.popup_workflow #nav_popup_workflow.self_hosting #nav_popup_workflow_sh_05 a.active { background-color: #ffeff5; } /* article */ body.popup_workflow #popup_workflow_container article header { border-bottom: 1px dotted #d4d4d4; padding: 30px 40px 10px; margin: 0 20px; } body.popup_workflow #popup_workflow_container article header div { font-size: 16px; display: inline-block; vertical-align: middle; font-family: "FB Miller Display Bold"; } body.popup_workflow #popup_workflow_container article header div b { font-weight: normal; font-size: 64px; vertical-align: middle; margin-left: 11px; font-family: "Ryumin Light KL"; } body.popup_workflow #popup_workflow_container article header h1 { font-weight: normal; font-size: 28px; display: inline-block; vertical-align: middle; margin-left: 56px; font-family: "FB Miller Display Bold"; } body.popup_workflow.self_hosting_se #popup_workflow_container article h1 { margin-left: 0; } body.popup_workflow #popup_workflow_container article header h1 strong { font-weight: normal; } body.popup_workflow #popup_workflow_container article p { padding: 76px 55px 0; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 24px; } body.popup_workflow #popup_workflow_container article header+p { padding: 26px 55px 0; } body.popup_workflow #popup_workflow_container article p.fig { padding: 26px 39px 0; } body.popup_workflow #popup_workflow_container article p.note { font-size: 11px; padding: 15px 55px 0; color: #666666; } body.popup_workflow #popup_workflow_container article p.note b { color: #cc3333; } body.popup_workflow #popup_workflow_container article p.font_exmaple { font-family: "ClearTone SG Medium"; padding: 12px 55px 0; } /* #btn_prev,#btn_next */ body.popup_workflow #btn_prev { margin-top: 100px; margin-left: 340px; width: 120px; height: 40px; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #adadad), color-stop(100%, #7a7a7a)); background-image: -webkit-linear-gradient(#adadad, #7a7a7a); background-image: -moz-linear-gradient(#adadad, #7a7a7a); background-image: -o-linear-gradient(#adadad, #7a7a7a); background-image: linear-gradient(#adadad, #7a7a7a); -pie-background: linear-gradient(#adadad, #7a7a7a); -webkit-border-radius: 4px 4px; -moz-border-radius: 4px / 4px; border-radius: 4px / 4px; behavior: url(/css/PIE); } body.popup_workflow #btn_prev:hover { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #7a7a7a), color-stop(100%, #7a7a7a)); background-image: -webkit-linear-gradient(#7a7a7a, #7a7a7a); background-image: -moz-linear-gradient(#7a7a7a, #7a7a7a); background-image: -o-linear-gradient(#7a7a7a, #7a7a7a); background-image: linear-gradient(#7a7a7a, #7a7a7a); -pie-background: linear-gradient(#7a7a7a, #7a7a7a); } body.popup_workflow #btn_prev a { display: block; padding: 1px 0 0 44px; color: #ffffff; font-family: "ClearTone SG Medium"; font-size: 13px; text-decoration: none; line-height: 39px; background: url(/images/tsone/arw_btn_03.png) 12px 50% no-repeat; } body.popup_workflow #btn_next { margin-top: 100px; margin-left: 320px; width: 160px; height: 40px; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ff9bc2), color-stop(100%, #ff64a0)); background-image: -webkit-linear-gradient(#ff9bc2, #ff64a0); background-image: -moz-linear-gradient(#ff9bc2, #ff64a0); background-image: -o-linear-gradient(#ff9bc2, #ff64a0); background-image: linear-gradient(#ff9bc2, #ff64a0); -pie-background: linear-gradient(#ff9bc2, #ff64a0); -webkit-border-radius: 4px 4px; -moz-border-radius: 4px / 4px; border-radius: 4px / 4px; behavior: url(/css/PIE); } body.popup_workflow #btn_next:hover { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ff64a0), color-stop(100%, #ff64a0)); background-image: -webkit-linear-gradient(#ff64a0, #ff64a0); background-image: -moz-linear-gradient(#ff64a0, #ff64a0); background-image: -o-linear-gradient(#ff64a0, #ff64a0); background-image: linear-gradient(#ff64a0, #ff64a0); -pie-background: linear-gradient(#ff64a0, #ff64a0); } body.popup_workflow #btn_next a { display: block; padding: 1px 0 0 44px; color: #ffffff; font-family: "ClearTone SG Medium"; font-size: 13px; text-decoration: none; line-height: 39px; background: url(/images/tsone/arw_btn_05.png) 113px 50% no-repeat; } body.popup_workflow #btn_next a:hover { background: url(/images/tsone/arw_btn_05_on.png) 113px 50% no-repeat; } body.popup_workflow #btn_container { margin-top: 100px; margin-left: 250px; width: 300px; } body.popup_workflow #btn_container #btn_prev { float: left; margin-top: 0; margin-left: 0; width: 120px; height: 40px; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #adadad), color-stop(100%, #7a7a7a)); background-image: -webkit-linear-gradient(#adadad, #7a7a7a); background-image: -moz-linear-gradient(#adadad, #7a7a7a); background-image: -o-linear-gradient(#adadad, #7a7a7a); background-image: linear-gradient(#adadad, #7a7a7a); -pie-background: linear-gradient(#adadad, #7a7a7a); -webkit-border-radius: 4px 4px; -moz-border-radius: 4px / 4px; border-radius: 4px / 4px; behavior: url(/css/PIE); } body.popup_workflow #btn_container #btn_prev:hover { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #7a7a7a), color-stop(100%, #7a7a7a)); background-image: -webkit-linear-gradient(#7a7a7a, #7a7a7a); background-image: -moz-linear-gradient(#7a7a7a, #7a7a7a); background-image: -o-linear-gradient(#7a7a7a, #7a7a7a); background-image: linear-gradient(#7a7a7a, #7a7a7a); -pie-background: linear-gradient(#7a7a7a, #7a7a7a); } body.popup_workflow #btn_container #btn_prev a { display: block; padding: 1px 0 0 44px; color: #ffffff; font-family: "ClearTone SG Medium"; font-size: 13px; text-decoration: none; line-height: 39px; background: url(/images/tsone/arw_btn_03.png) 12px 50% no-repeat; } body.popup_workflow #btn_container #btn_next { float: right; margin-top: 0; margin-left: 0; width: 160px; height: 40px; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ff9bc2), color-stop(100%, #ff64a0)); background-image: -webkit-linear-gradient(#ff9bc2, #ff64a0); background-image: -moz-linear-gradient(#ff9bc2, #ff64a0); background-image: -o-linear-gradient(#ff9bc2, #ff64a0); background-image: linear-gradient(#ff9bc2, #ff64a0); -pie-background: linear-gradient(#ff9bc2, #ff64a0); -webkit-border-radius: 4px 4px; -moz-border-radius: 4px / 4px; border-radius: 4px / 4px; behavior: url(/css/PIE); } body.popup_workflow #btn_container #btn_next:hover { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ff64a0), color-stop(100%, #ff64a0)); background-image: -webkit-linear-gradient(#ff64a0, #ff64a0); background-image: -moz-linear-gradient(#ff64a0, #ff64a0); background-image: -o-linear-gradient(#ff64a0, #ff64a0); background-image: linear-gradient(#ff64a0, #ff64a0); -pie-background: linear-gradient(#ff64a0, #ff64a0); } body.popup_workflow #btn_container #btn_next a { display: block; padding: 1px 0 0 44px; color: #ffffff; font-family: "ClearTone SG Medium"; font-size: 13px; text-decoration: none; line-height: 39px; background: url(/images/tsone/arw_btn_05.png) 113px 50% no-repeat; } body.popup_workflow #btn_container #btn_next a:hover { background: url(/images/tsone/arw_btn_05_on.png) 113px 50% no-repeat; } body.popup_workflow #btn_container #btn_close { float: right; margin-top: 0; margin-left: 0; width: 160px; height: 40px; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ff9bc2), color-stop(100%, #ff64a0)); background-image: -webkit-linear-gradient(#ff9bc2, #ff64a0); background-image: -moz-linear-gradient(#ff9bc2, #ff64a0); background-image: -o-linear-gradient(#ff9bc2, #ff64a0); background-image: linear-gradient(#ff9bc2, #ff64a0); -pie-background: linear-gradient(#ff9bc2, #ff64a0); -webkit-border-radius: 4px 4px; -moz-border-radius: 4px / 4px; border-radius: 4px / 4px; behavior: url(/css/PIE); } body.popup_workflow #btn_container #btn_close:hover { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ff64a0), color-stop(100%, #ff64a0)); background-image: -webkit-linear-gradient(#ff64a0, #ff64a0); background-image: -moz-linear-gradient(#ff64a0, #ff64a0); background-image: -o-linear-gradient(#ff64a0, #ff64a0); background-image: linear-gradient(#ff64a0, #ff64a0); -pie-background: linear-gradient(#ff64a0, #ff64a0); } body.popup_workflow #btn_container #btn_close a { display: block; padding: 1px 0 0 44px; color: #ffffff; font-family: "ClearTone SG Medium"; font-size: 13px; text-decoration: none; line-height: 39px; } /* ------------------------------ api_reference */ body.api_reference #box_api_reference { width: 720px; } /* nav */ body.api_reference #box_api_reference #nav_local ul { list-style: disc; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 2; padding: 0 30px 15px; margin-left: 35px; } body.api_reference #box_api_reference a { color: #0095ff; text-decoration: none; } body.api_reference #box_api_reference a:hover { text-decoration: underline; } /* heading */ body.api_reference #box_api_reference header { padding-left: 14px; } body.api_reference #box_api_reference header h1 { color: #000000; font-family: "FB Miller Display Bold"; } body.api_reference #box_api_reference header h1 { margin-top: 42px; font-size: 28px; line-height: 36px; } body.api_reference #box_api_reference>#nav_local, body.api_reference #box_api_reference>section { margin-top: 46px; width: 720px; } body.api_reference #box_api_reference>#nav_local>header, body.api_reference #box_api_reference>section>header { width: 718px; border: solid 1px #ebebeb; -webkit-border-radius: 6px 6px; -moz-border-radius: 6px / 6px; border-radius: 6px / 6px; behavior: url(/css/PIE); background-color: #fafafa; padding-left: 0; } body.api_reference #box_api_reference>#nav_local>header h1, body.api_reference #box_api_reference>section>header h1 { margin: 0; padding: 14px; color: #4d4d4d; font-family: "ClearTone SG Medium"; font-size: 15px; line-height: 1.6; } body.api_reference #box_api_reference>#nav_local>header h1 span, body.api_reference #box_api_reference>section>header h1 span { display: block; padding-bottom: 3px; background: url(/images/tsone/arw_heading_04.png) -5px 100% no-repeat; } body.api_reference #box_api_reference>#nav_local>header h1 span span, body.api_reference #box_api_reference>section>header h1 span span { display: block; padding: 3px 0 0 17px; background: url(/images/tsone/arw_heading_04.png) 0 0 no-repeat; } body.api_reference #box_api_reference>#nav_local>header h1 span, body.api_reference #box_api_reference>#nav_local>header h1 span span { background-image: url(/images/tsone/arw_heading_07.png); } body.api_reference #box_api_reference .data_item { width: 150px; font-family: "ClearTone SG Regular"; } body.api_reference #box_api_reference>#nav_local section>header, body.api_reference #box_api_reference>section section>header { margin-top: 20px; margin-bottom: 10px; } body.api_reference #box_api_reference>#nav_local section>header>h1, body.api_reference #box_api_reference>section section>header>h1 { margin: 0; padding: 0 0 0 33px; color: #ff4c97; font-family: "FB Miller Display Bold"; font-size: 16px; background: url(/images/tsone/arw_heading_06.png) 15px 50% no-repeat; } body.api_reference #box_api_reference h2 { margin: 21px 30px 0; color: #ff4c97; font-family: "ClearTone SG Medium"; font-size: 13px; line-height: 22px; font-weight: normal; } body.api_reference #box_api_reference h3 { margin: 21px 30px 0; font-family: "ClearTone SG Medium"; font-size: 13px; line-height: 22px; font-weight: normal; } body.api_reference #box_api_reference .note+h3 { margin-top: 0; } body.api_reference #box_api_reference #bt_iframe_3-1 { cursor: pointer; } body.api_reference #box_api_reference #bt_iframe_3-2pre { cursor: pointer; } body.api_reference #box_api_reference #bt_iframe_3-3post { cursor: pointer; } /* paragraph */ body.api_reference #box_api_reference p { font-family: "ClearTone SG Light"; font-size: 13px; line-height: 1.6; padding: 0 30px 15px; } body.api_reference #box_api_reference p strong { font-family: "ClearTone SG Medium"; font-weight: bold; } body.api_reference #box_api_reference .note { font-size: 11px; } body.api_reference #box_api_reference blockquote+.note { margin-top: -15px; } body.api_reference #txt_terms { text-align: right; } /* table */ body.api_reference #box_api_reference .border_table_03_outer { margin-left: 10px; width: 700px; } body.api_reference #box_api_reference .border_table_03 { width: 700px; } /* code */ body.api_reference #box_api_reference blockquote { background:#EAEEF4; border:1px solid #98ABC9; color:#000; overflow: auto; margin: 10px 30px 25px; height: 210px; } body.api_reference #box_api_reference iframe+.note { height: auto; padding-bottom: 5px; } body.api_reference #box_api_reference iframe+.note+blockquote { height: auto; margin-top: 0; } body.api_reference #box_api_reference #box_api_reference_1 blockquote { height: auto; } body.api_reference #box_api_reference pre { font-family: "ClearTone SG Light"; font-size: 13px; line-height: 1.6; padding: 0 30px; } /* iframe */ body.api_reference #box_api_reference iframe { margin: 0 30px; width: 658px; height: 210px; border: 1px black solid; } body.api_reference #box_api_reference #iframe_2-1 { height: 170px; } body.api_reference #box_api_reference #iframe_2-2 { height: 210px; } body.api_reference #box_api_reference #iframe_2-3 { height: 210px; } body.api_reference #box_api_reference #iframe_2-4 { height: 170px; } body.api_reference #box_api_reference #iframe_2-5 { height: 290px; } body.api_reference #box_api_reference #iframe_2-6 { height: 450px; } body.api_reference #box_api_reference #iframe_3-1 { height: 125px; } body.api_reference #box_api_reference #iframe_3-2 { height: 85px; } body.api_reference #box_api_reference #iframe_3-2pre { height: 150px; } body.api_reference #box_api_reference #iframe_3-3 { height: 85px; } body.api_reference #box_api_reference #iframe_3-3post { height: 150px; } body.api_reference #box_api_reference #iframe_3-4 { height: 125px; } body.api_reference #box_api_reference #iframe_3-5 { height: 85px; } body.api_reference #box_api_reference #iframe_3-6 { height: 85px; } /* btn_pagetop */ body.api_reference #box_api_reference #btn_pagetop { font-family: "ClearTone SG Light"; font-size: 13px; line-height: 1.6; display: none; position: fixed; bottom: 65px; right: 15px; z-index: 9999px; } body.api_reference #box_api_reference #btn_pagetop a { border-radius: 3px; display: inline-block; padding: 5px 10px 5px 36px; color: #fff; background: url(/images/tsone/arw_pagetop.png) no-repeat 10px 50% rgba(102,102,102,0.7); } body.api_reference #box_api_reference #btn_pagetop a:hover { text-decoration: none; background-color: #999; } /* ------------------------------ web_api_reference1 */ body.web_api_reference1 #box_api_reference { width: 720px; } /* nav */ body.web_api_reference1 #box_api_reference #nav_local ul { list-style: disc; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 2; padding: 0 30px 15px; margin-left: 35px; } body.web_api_reference1 #box_api_reference a { color: #0095ff; text-decoration: none; } body.web_api_reference1 #box_api_reference a:hover { text-decoration: underline; } /* heading */ body.web_api_reference1 #box_api_reference header { padding-left: 14px; } body.web_api_reference1 #box_api_reference header h1 { color: #000000; font-family: "FB Miller Display Bold"; } body.web_api_reference1 #box_api_reference header h1 { margin-top: 42px; font-size: 28px; line-height: 36px; } body.web_api_reference1 #box_api_reference>#nav_local, body.web_api_reference1 #box_api_reference>section { margin-top: 46px; width: 720px; } body.web_api_reference1 #box_api_reference>#nav_local>header, body.web_api_reference1 #box_api_reference>section>header { width: 718px; border: solid 1px #ebebeb; -webkit-border-radius: 6px 6px; -moz-border-radius: 6px / 6px; border-radius: 6px / 6px; behavior: url(/css/PIE); background-color: #fafafa; padding-left: 0; } body.web_api_reference1 #box_api_reference>#nav_local>header h1, body.web_api_reference1 #box_api_reference>section>header h1 { margin: 0; padding: 14px; color: #4d4d4d; font-family: "ClearTone SG Medium"; font-size: 15px; line-height: 1.6; } body.web_api_reference1 #box_api_reference>#nav_local>header h1 span, body.web_api_reference1 #box_api_reference>section>header h1 span { display: block; padding-bottom: 3px; background: url(/images/tsone/arw_heading_04.png) -5px 100% no-repeat; } body.web_api_reference1 #box_api_reference>#nav_local>header h1 span span, body.web_api_reference1 #box_api_reference>section>header h1 span span { display: block; padding: 3px 0 0 17px; background: url(/images/tsone/arw_heading_04.png) 0 0 no-repeat; } body.web_api_reference1 #box_api_reference>#nav_local>header h1 span, body.web_api_reference1 #box_api_reference>#nav_local>header h1 span span { background-image: url(/images/tsone/arw_heading_07.png); } body.web_api_reference1 #box_api_reference .data_item { width: 150px; font-family: "ClearTone SG Regular"; } body.web_api_reference1 #box_api_reference>#nav_local section>header, body.web_api_reference1 #box_api_reference>section section>header { margin-top: 20px; margin-bottom: 10px; } body.web_api_reference1 #box_api_reference>#nav_local section>header>h1, body.web_api_reference1 #box_api_reference>section section>header>h1 { margin: 0; padding: 0 0 0 33px; color: #ff4c97; font-family: "FB Miller Display Bold"; font-size: 16px; background: url(/images/tsone/arw_heading_06.png) 15px 50% no-repeat; } body.web_api_reference1 #box_api_reference h2 { margin: 21px 30px 0; color: #ff4c97; font-family: "ClearTone SG Medium"; font-size: 13px; line-height: 22px; font-weight: normal; } body.web_api_reference1 #box_api_reference h3 { margin: 21px 30px 0; font-family: "ClearTone SG Medium"; font-size: 13px; line-height: 22px; font-weight: normal; } body.web_api_reference1 #box_api_reference .note+h3 { margin-top: 0; } body.web_api_reference1 #box_api_reference #bt_iframe_3-1 { cursor: pointer; } body.web_api_reference1 #box_api_reference #bt_iframe_3-2pre { cursor: pointer; } body.web_api_reference1 #box_api_reference #bt_iframe_3-3post { cursor: pointer; } /* paragraph */ body.web_api_reference1 #box_api_reference p { font-family: "ClearTone SG Light"; font-size: 13px; line-height: 1.6; padding: 0 30px 15px; } body.web_api_reference1 #box_api_reference p strong { font-family: "ClearTone SG Medium"; font-weight: normal; } body.web_api_reference1 #box_api_reference .note { font-size: 11px; } body.web_api_reference1 #box_api_reference blockquote+.note { margin-top: -15px; } body.web_api_reference1 #txt_terms { text-align: right; } /* table */ body.web_api_reference1 #box_api_reference .border_table_03_outer { margin-left: 10px; width: 700px; } body.web_api_reference1 #box_api_reference .border_table_03 { width: 700px; } /* code */ body.web_api_reference1 #box_api_reference blockquote { background:#EAEEF4; border:1px solid #98ABC9; color:#000; overflow: auto; margin: 10px 30px 25px; height: 210px; } body.web_api_reference1 #box_api_reference iframe+.note { height: auto; padding-bottom: 5px; } body.web_api_reference1 #box_api_reference iframe+.note+blockquote { height: auto; margin-top: 0; } body.web_api_reference1 #box_api_reference pre { font-family: "ClearTone SG Light"; font-size: 13px; line-height: 1.6; padding: 0 30px; } /* iframe */ body.web_api_reference1 #box_api_reference iframe { margin: 0 30px; width: 658px; height: 210px; border: 1px black solid; } body.web_api_reference1 #box_api_reference #iframe_2-1 { height: 170px; } body.web_api_reference1 #box_api_reference #iframe_2-2 { height: 210px; } body.web_api_reference1 #box_api_reference #iframe_2-3 { height: 210px; } body.web_api_reference1 #box_api_reference #iframe_2-4 { height: 170px; } body.web_api_reference1 #box_api_reference #iframe_2-5 { height: 290px; } body.web_api_reference1 #box_api_reference #iframe_2-6 { height: 450px; } body.web_api_reference1 #box_api_reference #iframe_3-1 { height: 125px; } body.web_api_reference1 #box_api_reference #iframe_3-2 { height: 85px; } body.web_api_reference1 #box_api_reference #iframe_3-2pre { height: 150px; } body.web_api_reference1 #box_api_reference #iframe_3-3 { height: 85px; } body.web_api_reference1 #box_api_reference #iframe_3-3post { height: 150px; } body.web_api_reference1 #box_api_reference #iframe_3-4 { height: 125px; } body.web_api_reference1 #box_api_reference #iframe_3-5 { height: 85px; } body.web_api_reference1 #box_api_reference #iframe_3-6 { height: 85px; } /* btn_pagetop */ body.web_api_reference1 #box_api_reference #btn_pagetop { font-family: "ClearTone SG Light"; font-size: 13px; line-height: 1.6; display: none; position: fixed; bottom: 65px; right: 15px; z-index: 9999px; } body.web_api_reference1 #box_api_reference #btn_pagetop a { border-radius: 3px; display: inline-block; padding: 5px 10px 5px 36px; color: #fff; background: url(/images/tsone/arw_pagetop.png) no-repeat 10px 50% rgba(102,102,102,0.7); letter-spacing: 0.1em; } body.web_api_reference1 #box_api_reference #btn_pagetop a:hover { text-decoration: none; background-color: #999; } /* ------------------------------ updcard_index */ body.updcard_index #box_updcard { margin-top: 42px; } body.updcard_index #box_updcard>header { padding-left: 14px; } body.updcard_index #box_updcard>header h1, body.updcard_index #box_updcard>header h2 { color: #000000; font-family: "FB Miller Display Bold"; } body.updcard_index #box_updcard>header h2 { margin: 44px 0 0; font-size: 14px; line-height: 22px; } body.updcard_index #box_updcard>header h1 { margin: 0; font-size: 28px; line-height: 36px; } body.updcard_index #box_updcard>section { width: 720px; } body.updcard_index #box_updcard>section>header { margin-top: 45px; margin-bottom: 0; width: 718px; border: solid 1px #ebebeb; -webkit-border-radius: 6px 6px; -moz-border-radius: 6px / 6px; border-radius: 6px / 6px; behavior: url(/css/PIE); background-color: #fafafa; padding-left: 0; } body.updcard_index #box_updcard>section>header>h1 { float: left; margin: 0; padding: 14px 0 14px 31px; color: #4d4d4d; font-family: "FB Miller Display Bold"; font-size: 20px; line-height: 30px; background: url(/images/tsone/arw_heading_01.png) 14px 50% no-repeat; } body.updcard_index #box_updcard>section>header.lead { width: 705px; padding: 38px 0 0 15px; font-family: "ClearTone SG Light"; color: #666666; font-size: 13px; line-height: 22px; } body.updcard_index #box_updcard>section .img-cards { width: 705px; margin: 10px 0 30px 15px; height: 38px; background: url(/images/img-cards.gif) no-repeat center left; } body.updcard_index #box_updcard>section .img-cards li { display: none; } body.updcard_index #box_updcard>section .note { text-align: right; color: #4c4c4c; font-family: "ClearTone SG Medium"; font-size: 12px; margin: 0 0 -10px; } body.updcard_index #box_updcard>section .note span { color: #ff0000; margin-right: 0.5em; } body.updcard_index #box_updcard .border_table_01 tr:first-child td:first-child .inner { padding-top: 17px; } body.updcard_index #box_updcard .indispensable .inner { padding-left: 0; } body.updcard_index #box_updcard .indispensable span { display: inline-block; width: 33px; color: #ff0000; text-align: center; } body.updcard_index #box_updcard .form_text { width: 288px; } body.updcard_index #box_updcard #box_btns { padding: 20px 200px 0; width: 320px; } body.updcard_index #box_updcard #box_btns input.btn_back { display: block; float: left; } body.updcard_index #box_updcard #box_btns input.btn_next { display: block; float: right; } body.updcard_index #box_updcard .lead { width: 705px; padding: 38px 0 0 15px; font-family: "ClearTone SG Light"; color: #666666; font-size: 13px; line-height: 22px; } body.updcard_index #box_updcard #box_card_02 .lead { padding-top: 10px; } body.updcard_index #box_updcard .border_table_03_outer { margin-top: 43px; } body.updcard_index #box_updcard .border_table_03_outer input { margin: 0 8px 0 2px; } body.updcard_index #box_updcard>section section>header { margin-top: 30px; margin-bottom: 10px; } body.updcard_index #box_updcard>section section>header>h1 { margin: 0; padding: 0 0 0 33px; color: #ff4c97; font-family: "FB Miller Display Bold"; font-size: 16px; background: url(/images/tsone/arw_heading_06.png) 15px 50% no-repeat; } body.updcard_index #box_updcard #box_btns_02 { padding-top: 30px; } body.updcard_index #box_updcard #box_card_02 .btn_back { padding-top: 0; } /* ------------------------------ about-tryout */ body.about-tryout #contents_sub header #logo { padding-bottom: 0; } body.about-tryout #contents_sub #box_application { display: block; } body.about-tryout #box_about-tryout_1 .mainimg { margin-bottom: 50px; } body.about-tryout #box_about-tryout_1 .detailWrapper { padding-left: 10px; } body.about-tryout #box_about-tryout_1 .box_about-tryout_1_detail { float: left; width: 320px; height: 136px; border-left: 1px solid #b2dfff; border-top: 1px solid #b2dfff; box-sizing: border-box; padding-left: 16px; margin-bottom: 21px; } body.about-tryout #box_about-tryout_1 .box_about-tryout_1_detail:nth-child(2n) { margin-left: 40px; } body.about-tryout #box_about-tryout_1 .box_about-tryout_1_detail h2 { font-weight: normal; margin: -20px 0 0; font-family: "ClearTone SG DemiBold"; } body.about-tryout #box_about-tryout_1 .box_about-tryout_1_detail h2 b { font-size: 15px; color: #fff; font-weight: normal; display: inline-block; border-radius: 50%; background-color: #0095ff; width: 30px; line-height: 29px; text-align: center; padding-top: 1px; } body.about-tryout #box_about-tryout_1 .box_about-tryout_1_detail h2 span { color: #ff4c97; font-size: 13px; margin-top: 15px; display: block; } body.about-tryout #box_about-tryout_1 .box_about-tryout_1_detail p { font-size: 13px; line-height: 2; margin-top: 7px; font-family: "ClearTone SG Light"; } body.about-tryout #box_about-tryout_1 .box_about-tryout_1_detail img { margin-right: 2px; } body.about-tryout #box_about-tryout_2 #secTryout .input-Wrapper { margin-top: 30px; text-align: center; } body.about-tryout #box_about-tryout_2 #secTryout .uri-input { width: 505px; font-size: 20px; height: 50px; } body.about-tryout #box_about-tryout_2 #secTryout .submit-btn { width: 95px; font-size: 18px; height: 52px; } body.about-tryout #box_about-tryout_2 .txt_or_soon { color: #666666; font-size: 13px; font-family: "ClearTone SG Light"; line-height: 1; margin: 29px 0; text-align: center; } body.about-tryout #box_about-tryout_2 .btn_tryout { text-align: center; } /* ========================================================================== Plugin styles ========================================================================== */ /* ColorBox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox.show_css, #cboxOverlay.show_css, #cboxWrapper.show_css, #cboxLoadedContent.show_css { min-height: 500px; height: calc(100vh * 0.75 + 125px) !important; } #colorbox, #cboxOverlay, #cboxWrapper { position: absolute; top: 0; left: 0; z-index: 9999; } #cboxOverlay { position: fixed; width: 100%; height: 100%; } #cboxMiddleLeft, #cboxBottomLeft { clear: left; } #cboxContent { position: relative; } #cboxLoadedContent { overflow: auto; } #cboxTitle { margin: 0; } #cboxLoadingOverlay, #cboxLoadingGraphic { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor: pointer; } .cboxPhoto { float: left; margin: auto; border: 0; display: block; max-width: none; } .cboxIframe { width: 100%; height: 100%; display: block; border: 0; } #colorbox, #cboxContent, #cboxLoadedContent { box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; } /* User Style: Change the following styles to modify the appearance of ColorBox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay { background: #000; } #cboxContent { margin-top: 20px; } .cboxIframe { background: #fff; } #cboxError { padding: 50px; border: 1px solid #cccccc; } #cboxLoadedContent { background: #fff; } #cboxTitle { position: absolute; top: -20px; left: 0; color: #ccc; } #cboxCurrent { position: absolute; top: -20px; right: 0px; color: #ccc; } #cboxLoadingOverlay { background: #000; } #cboxLoadingGraphic { background: url(/images/tsone/loading.gif) no-repeat center center; } #cboxClose { position: absolute; top: -19px; right: 20px; display: block; background: url(/images/tsone/btn_modal_close.png) no-repeat top center; width: 38px; height: 38px; text-indent: -9999px; } #cboxClose:hover { background-position: bottom center; } /* ========================================================================== Helper classes ========================================================================== */ /* Image replacement */ .ir { background-color: transparent; border: 0; overflow: hidden; /* IE 6/7 fallback */ *text-indent: -9999px; } .ir:before { content: ""; display: block; width: 0; height: 150%; } /* Hide from both screenreaders and browsers: h5bp.com/u */ .hidden { display: none !important; visibility: hidden; } /* Hide only visually, but have it available for screenreaders: h5bp.com/v */ .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /* Hide visually and from screenreaders, but maintain layout */ .invisible { visibility: hidden; } /* Clearfix: contain floats For modern browsers 1. The space content is one way to avoid an Opera bug when the `contenteditable` attribute is included anywhere else in the document. Otherwise it causes space to appear at the top and bottom of elements that receive the `clearfix` class. 2. The use of `table` rather than `block` is only necessary if using `:before` to contain the top-margins of child elements. */ .clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ } .clearfix:after { clear: both; } /* For IE 6/7 only Include this rule to trigger hasLayout and contain floats. */ .clearfix { *zoom: 1; } .input_cardno { width:200px; } .opt_del_row { background-color:orange;} .del_line {background-color:gray;} /* ------------------------------ PlanOpton planoption_detail_settelement */ body.planoption_detail_settlement #box_planoption_detail_settlement { margin-top: 42px; } body.planoption_detail_settlement #box_planoption_detail_settlement header { padding-left: 12px; } body.planoption_detail_settlement #box_planoption_detail_settlement header h1, body.planoption_detail_settlement #box_planoption_detail_settlement header h2 { color: #000000; font-family: "FB Miller Display Bold"; } body.planoption_detail_settlement #box_planoption_detail_settlement header h2 { margin: 44px 0 0; font-size: 14px; line-height: 22px; } body.planoption_detail_settlement #box_planoption_detail_settlement header h1 { margin: 0; font-size: 28px; line-height: 36px; } body.planoption_detail_settlement #box_planoption_detail_settlement .lead { margin: 50px 15px 0; font-family: "ClearTone SG Light"; font-size: 13px; } body.planoption_detail_settlement #box_planoption_detail_settlement ul { margin: 20px 0 0; width: 720px; color: #333333; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 39px; } body.planoption_detail_settlement #box_planoption_detail_settlement ul li { display: block; border-bottom: 1px solid #ebebeb; background-color: #ffffff; } body.planoption_detail_settlement #box_planoption_detail_settlement ul li .inner { padding: 0 20px 0 15px; border-top: 1px solid white; border-bottom: 1px solid white; } body.planoption_detail_settlement #box_planoption_detail_settlement ul li.top { padding-top: 3px; background: url(/images/tsone/line_dots_top_bottom.png) repeat-x 0 0; } body.planoption_detail_settlement #box_planoption_detail_settlement ul li.bottom { padding-bottom: 3px; border-bottom: none; background: url(/images/tsone/line_dots_top_bottom.png) repeat-x 0 bottom; } body.planoption_detail_settlement #box_planoption_detail_settlement ul li input { margin: 0 8px 0 0; } body.planoption_detail_settlement #box_planoption_detail_settlement #box_btns { padding: 60px 210px 0; width: 300px; } body.planoption_detail_settlement #box_planoption_detail_settlement #box_btns input.btn_back { display: block; float: left; } body.planoption_detail_settlement #box_planoption_detail_settlement #box_btns input.btn_next { display: block; float: right; } /* ------------------------------ PlanOpton planoption_renew_settelement */ body.planoption_renew_settlement #box_planoption_renew_settlement { margin-top: 42px; } body.planoption_renew_settlement #box_planoption_renew_settlement header { padding-left: 12px; } body.planoption_renew_settlement #box_planoption_renew_settlement header h1, body.planoption_renew_settlement #box_planoption_renew_settlement header h2 { color: #000000; font-family: "FB Miller Display Bold"; } body.planoption_renew_settlement #box_planoption_renew_settlement header h2 { margin: 44px 0 0; font-size: 14px; line-height: 22px; } body.planoption_renew_settlement #box_planoption_renew_settlement header h1 { margin: 0; font-size: 28px; line-height: 36px; } body.planoption_renew_settlement #box_planoption_renew_settlement .lead { margin: 50px 15px 0; font-family: "ClearTone SG Light"; font-size: 13px; } body.planoption_renew_settlement #box_planoption_renew_settlement ul { margin: 20px 0 0; width: 720px; color: #333333; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 39px; } body.planoption_renew_settlement #box_planoption_renew_settlement ul li { display: block; border-bottom: 1px solid #ebebeb; background-color: #ffffff; } body.planoption_renew_settlement #box_planoption_renew_settlement ul li .inner { padding: 0 20px 0 15px; border-top: 1px solid white; border-bottom: 1px solid white; } body.planoption_renew_settlement #box_planoption_renew_settlement ul li.top { padding-top: 3px; background: url(/images/tsone/line_dots_top_bottom.png) repeat-x 0 0; } body.planoption_renew_settlement #box_planoption_renew_settlement ul li.bottom { padding-bottom: 3px; border-bottom: none; background: url(/images/tsone/line_dots_top_bottom.png) repeat-x 0 bottom; } body.planoption_renew_settlement #box_planoption_renew_settlement ul li input { margin: 0 8px 0 0; } body.planoption_renew_settlement #box_planoption_renew_settlement #box_btns { padding: 60px 210px 0; width: 300px; } body.planoption_renew_settlement #box_planoption_renew_settlement #box_btns input.btn_back { display: block; float: left; } body.planoption_renew_settlement #box_planoption_renew_settlement #box_btns input.btn_next { display: block; float: right; } body.planoption #box_planoption #box_contract_plan_list #indication_container { margin: 41px 0 10px; color: #666666; font-family: "ClearTone SG Light"; font-size: 12px; line-height: 29px; } body.planoption #box_planoption #box_contract_plan_list #indication_container #indicator { width: 250px; float: left; padding-left: 15px; } body.planoption #box_planoption #box_contract_plan_list #indication_container #link_indicate { width: 329px; float: right; } body.planoption #box_planoption #box_contract_plan_list #indication_container #link_indicate li { display: block; float: left; padding: 0 7px 0 6px; background: url(/images/tsone/line_link_indicate.png) no-repeat right center; } body.planoption #box_planoption #box_contract_plan_list #indication_container #link_indicate li a { display: block; width: 70px; color: #666666; text-decoration: none; text-align: center; } body.planoption #box_planoption #box_contract_plan_list #indication_container #link_indicate li a:hover { text-decoration: underline; } body.planoption #box_planoption #box_contract_plan_list #indication_container #link_indicate li:first-child { padding-left: 0; } body.planoption #box_planoption #box_contract_plan_list #indication_container #link_indicate li:last-child { background: none; } body.planoption #box_planoption #box_contract_plan_list #indication_container #link_indicate li.current a { color: #0095ff; -webkit-border-radius: 3px 3px; -moz-border-radius: 3px / 3px; border-radius: 3px / 3px; behavior: url(/css/PIE); background-color: #edfaff; } /* ------------------------------ PlanOption Pageer */ body.planoption #box_planoption #box_contract_plan_list ul.pager { display: table; vertical-align: top; margin: 50px 0 0; text-align: center; width: 100%; height: 23px; line-height: 23px; } body.planoption #box_planoption #box_contract_plan_list ul.pager li { display: inline-table; vertical-align: top; margin-right: 20px; font-family: "ClearTone SG Medium"; font-size: 13px; } body.planoption #box_planoption #box_contract_plan_list ul.pager li:last-child { margin-right: 0; } body.planoption #box_planoption #box_contract_plan_list ul.pager li a { display: block; font-family: "ClearTone SG Medium"; font-size: 13px; line-height: 23px; text-decoration: none; color: #999999; } body.planoption #box_planoption #box_contract_plan_list ul.pager li a:hover { text-decoration: underline; } body.planoption #box_planoption #box_contract_plan_list ul.pager li:first-child { background: url(/images/tsone/line_dots_vertical.png) repeat-y right top; } body.planoption #box_planoption #box_contract_plan_list ul.pager li.prev a { padding: 0 15px 0 26px; color: #000000; background: url(/images/tsone/arw_pager.png) no-repeat 0 -97px; } body.planoption #box_planoption #box_contract_plan_list ul.pager li.prev a:hover { color: #999999; background-position: 0 -147px; text-decoration: none; } body.planoption #box_planoption #box_contract_plan_list ul.pager li:last-child { background: url(/images/tsone/line_dots_vertical.png) repeat-y left top; } body.planoption #box_planoption #box_contract_plan_list ul.pager li.next a { padding: 0 45px 0 15px; color: #000000; background: url(/images/tsone/arw_pager.png) no-repeat 100% 3px; } body.planoption #box_planoption #box_contract_plan_list ul.pager li.next a:hover { color: #999999; background-position: 100% -47px; text-decoration: none; } body.planoption #box_planoption #box_contract_plan_list ul.pager li.current a { color: #000000; } /* ------------------------------ Dlbuy select option */ body.dlfont .box_dlfont #sec_option_coupon header { margin-top: 60px; } body.dlfont .box_dlfont #sec_option_coupon p { padding: 26px 35px 0; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 21px; } body.dlfont .box_dlfont #sec_option_coupon .lead+input { line-height: 1.4; width: 280px; margin-top: 5px; margin-left: 35px; } body.dlfont .box_dlfont #sec_option_coupon input+p { padding-top: 10px; } /* ------------------------------ Dlbuy Users Select */ body.dlfont #box_users_select { margin-top: 40px; } body.dlfont .box_users_select header { padding-left: 14px; } body.dlfont .box_users_select header h1, body.dlfont .box_users_select header h2 { color: #000000; font-family: "FB Miller Display Bold"; } body.dlfont .box_users_select header h2 { margin: 44px 0 0; font-size: 14px; line-height: 22px; } body.dlfont .box_users_select header h1 { margin: 0; font-size: 28px; line-height: 36px; } body.dlfont .box_users_select .lead { width: 705px; padding: 38px 0 0 15px; font-family: "ClearTone SG Medium"; color: #666666; font-size: 13px; line-height: 22px; } body.dlfont .box_users_select table { margin-top: 46px; width: 720px; color: #666666; font-family: "ClearTone SG Light"; font-size: 13px; } body.dlfont .box_users_select .border_table_03_outer { width: 720px; } body.dlfont .box_users_select table th, body.dlbuy .box_users_select table td { padding: 0; } body.dlfont .box_users_select table th { padding-left: 15px; width: 220px; text-align: left; border-top: solid 1px #ebebeb; border-right: solid 20px white; } body.dlfont .box_users_select table td .td_inner { padding: 10px 30px 10px 20px; border-top: solid 1px white; border-bottom: solid 1px white; background-color: #fafafa; } body.dlfont .box_users_select table td input[type="text"] { width: 280px; } body.dlfont .box_users_select #box_btns { padding: 60px 0 0; text-align: center; width: 720px; } body.dlfont .box_users_select #box_btns .note { margin-top: 20px; color: #666666; font-family: "ClearTone SG Light"; font-size: 14px; line-height: 22px; } body.dlfont .box_users_select #box_btns .note a { color: #0095ff; text-decoration: none; } body.dlfont .box_users_select #box_btns .note a:hover { text-decoration: underline; } /* ------------------------------ dlsetting */ body.dlfont .box_dlfont { margin-top: 42px; } body.dlfont .box_dlfont header { padding-left: 14px; } body.dlfont .box_dlfont header h1, body.dlfont .box_dlfont header h2 { color: #000000; font-family: "FB Miller Display Bold"; } body.dlfont .box_dlfont header h2 { margin: 44px 0 0; font-size: 14px; line-height: 22px; } body.dlfont .box_dlfont header h1 { margin: 0; font-size: 28px; line-height: 36px; } body.dlfont .box_dlfont .lead { width: 705px; padding: 38px 0 0 15px; font-family: "ClearTone SG Medium"; color: #666666; font-size: 13px; line-height: 22px; } body.dlfont .box_dlfont .box_dlfont_list { width: 720px; } body.dlfont .box_dlfont .box_dlfont_list header { margin-top: 45px; margin-bottom: 20px; width: 718px; border: solid 1px #ebebeb; -webkit-border-radius: 6px 6px; -moz-border-radius: 6px / 6px; border-radius: 6px / 6px; behavior: url(/css/PIE); background-color: #fafafa; padding-left: 0; } body.dlfont .box_dlfont .box_dlfont_list header h1 { margin: 0; padding: 14px 0 14px 31px; color: #4d4d4d; font-family: "FB Miller Display Bold"; font-size: 20px; line-height: 30px; background: url(/images/tsone/arw_heading_01.png) 14px 50% no-repeat; } .small_caution { color: #ff0000; font-family: "ClearTone SG Light"; font-size: 10px; } body.dlfont .notice { margin: 46px 0 0; padding-top: 24px; width: 720px; height: 52px; color: #ff0000; font-family: "ClearTone SG Medium"; font-size: 13px; line-height: 21px; text-align: center; background: url(/images/tsone/bg_notice.png) no-repeat 0 0; } body.dlfont .border_table_01 { margin-top: 19px; width: 720px; border-collapse: collapse; border-spacing: 0; } body.dlfont .border_table_01 td { vertical-align: top; padding: 0; font-family: "ClearTone SG Light"; font-size: 13px; background: url(/images/tsone/bg_table_td.png) repeat-x 0 100%; padding: 0 0 3px; } body.dlfont .border_table_01 td .inner { padding: 10px 35px 10px 20px; } body.dlfont .border_table_01 tr:first-child td .inner { padding-top: 13px; background: url(/images/tsone/bg_table_td.png) repeat-x 0 0; } body.dlfont .border_table_01 .col_item .inner { padding: 10px 33px; } body.dlfont .border_table_01 .col_item { border-right: 20px solid white; width: 230px; } body.dlfont .border_table_01 .col_content { width: 470px; background-color: #fafafa; } body.dlfont .border_table_01 .form_nickname { width: 335px; } body.dlfont .border_table_01 .haisin { margin: 0; } body.dlfont .border_table_01 .haisin dt { float: left; } body.dlfont .border_table_01 .haisin dd { float: right; } body.dlfont .border_table_01 input[type="radio"] { margin: 0 6px 0 18px; } body.dlfont .border_table_01 .col_item { vertical-align: middle; } body.dlfont .border_table_01 .col_item .inner { padding-left: 10px; } body.dlfont .border_table_01 .col_content .inner { padding-left: 20px; } body.dlfont .border_table_01 .col_content input[type="radio"]:first-child { margin-left: 0; } body.dlfont .border_table_01 a { font-size: 11px; } body.dlfont .border_table_02 { margin-top: 40px; } body.dlfont .border_table_02 .col_fontname { width: 342px; } body.dlfont .border_table_02 .col_fontname_02 { width: px; } body.dlfont .border_table_02 .col_unitprice { width: 118px; } body.dlfont .border_table_02 .col_subtotal { width: 180px; } body.dlfont .border_table_02 .col_btn { width: 74px; } body.dlfont .border_table_02 th .inner { padding: 6px 15px 5px; } body.dlfont .border_table_02 .col_fontname .inner, body.dlfont .border_table_02 .col_fontname_02 .inner { text-align: left; padding-left: 15px; } body.dlfont .border_table_02 .col_unitprice .inner, body.dlfont .border_table_02 .col_subtotal .inner { padding-right: 15px; text-align: right; } body.dlfont .total { margin: 0 0 0 344px; padding: 0; } body.dlfont .total.total_nobtn { margin-left: 418px; } body.dlfont .total dt, body.dlfont .total dd { text-align: right; display: inline-block; margin: 0; font-family: "ClearTone SG Medium"; font-size: 13px; border-bottom: 1px solid #ebebeb; margin-right: 2px; } body.dlfont .total span { display: inline-block; padding: 12px 15px 10px; } body.dlfont .total dt { width: 118px; } body.dlfont .total dd { width: 180px; } body.dlfont .col_fontname a, body.dlfont .col_fontname_02 a { display: block; } body.dlfont .cart_msg { width: 705px; padding: 38px 0 0 15px; font-family: "ClearTone SG Light"; color: #666666; font-size: 13px; line-height: 22px; } body.dlfont #box_contract_plan_list { width: 720px; } body.dlfont #box_contract_plan_list header { margin-top: 45px; margin-bottom: 20px; width: 718px; border: solid 1px #ebebeb; -webkit-border-radius: 6px 6px; -moz-border-radius: 6px / 6px; border-radius: 6px / 6px; behavior: url(/css/PIE); background-color: #fafafa; padding-left: 0; } body.dlfont #box_contract_plan_list header h1 { margin: 0; padding: 14px 0 14px 31px; color: #4d4d4d; font-family: "FB Miller Display Bold"; font-size: 20px; line-height: 30px; background: url(/images/tsone/arw_heading_01.png) 14px 50% no-repeat; } body.dlfont #box_contract_plan_list table { width: 700px; margin-left: 10px; } body.dlfont #box_contract_plan_list table th { font-family: "ClearTone SG Medium"; font-size: 13px; border-bottom: 1px solid white; border-left: 2px solid white; background: url(/images/tsone/bg_table.png) repeat 0 0; padding: 3px 0 0; text-align: center; } body.dlfont #box_contract_plan_list table th .inner { border-top: 1px solid white; background-color: #f2f2f2; padding: 9px 0 8px; } body.dlfont #box_contract_plan_list table td { vertical-align: top; border-left: 2px solid white; padding: 0; font-family: "ClearTone SG Light"; font-size: 13px; } body.dlfont #box_contract_plan_list table td .inner { padding: 5px 10px; border-top: 1px solid #ebebeb; vertical-align: middle; line-height: 24px; } body.dlfont #box_contract_plan_list table .col_planname { width: 339px; } body.dlfont #box_contract_plan_list table .col_stopdate { width: 135px; } body.dlfont #box_contract_plan_list table .col_stopdate .inner { text-align: center; } body.dlfont #box_contract_plan_list table .col_btns { width: 120px; } body.dlfont #box_contract_plan_list table .col_btns .inner { text-align: center; } body.dlfont #box_contract_plan_list table td.bottom { background: url(/images/tsone/bg_table.png) repeat 0 100%; } body.dlfont #box_contract_plan_list table td.bottom .inner { padding-bottom: 8px; border-top: 1px solid #ebebeb; } body.dlfont #box_contract_end_plan_list { width: 720px; } body.dlfont #box_contract_end_plan_list header { margin-top: 45px; margin-bottom: 20px; width: 718px; border: solid 1px #ebebeb; -webkit-border-radius: 6px 6px; -moz-border-radius: 6px / 6px; border-radius: 6px / 6px; behavior: url(/css/PIE); background-color: #fafafa; padding-left: 0; } body.dlfont #box_contract_end_plan_list header h1 { margin: 0; padding: 14px 0 14px 31px; color: #4d4d4d; font-family: "FB Miller Display Bold"; font-size: 20px; line-height: 30px; background: url(/images/tsone/arw_heading_01.png) 14px 50% no-repeat; } body.dlfont #box_contract_end_plan_list table { width: 700px; margin-left: 10px; } body.dlfont #box_contract_end_plan_list table th { font-family: "ClearTone SG Medium"; font-size: 13px; border-bottom: 1px solid white; border-left: 2px solid white; background: url(/images/tsone/bg_table.png) repeat 0 0; padding: 3px 0 0; text-align: center; } body.dlfont #box_contract_end_plan_list table th .inner { border-top: 1px solid white; background-color: #f2f2f2; padding: 9px 0 8px; } body.dlfont #box_contract_end_plan_list table td { vertical-align: top; border-left: 2px solid white; padding: 0; font-family: "ClearTone SG Light"; font-size: 13px; } body.dlfont #box_contract_end_plan_list table td .inner { padding: 5px 10px; border-top: 1px solid #ebebeb; vertical-align: middle; line-height: 24px; } body.dlfont #box_contract_end_plan_list table .col_planname { width: 576px; } body.dlfont #box_contract_end_plan_list table .col_btns { width: 120px; } body.dlfont #box_contract_end_plan_list table .col_btns .inner { text-align: center; } body.dlfont #box_contract_end_plan_list table td.bottom { background: url(/images/tsone/bg_table.png) repeat 0 100%; } body.dlfont #box_contract_end_plan_list table td.bottom .inner { padding-bottom: 8px; border-top: 1px solid #ebebeb; } /* ------------------------------ popup_download */ body.popup_download { background: none #fafafa; } body.popup_download #wrapper { border-top: #00b4ff solid 5px; } body.popup_download #popup_download_container { margin: 0 auto; padding: 0 0 120px; width: 798px; } body.popup_download #header_popup_download { width: 680px; margin: 0 auto; padding: 41px 40px 43px; border-bottom: 1px dotted #d5d5d5; } body.popup_download #header_popup_download h1 { font-family: "FB Miller Display Bold"; font-size: 28px; font-weight: bold; line-height: 1; margin: 0; } body.popup_download #popup_download_container { padding: 0 40px; width: 680px; margin: 0 auto; } body.popup_download #popup_download_container p { margin: 27px 0 0; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 1.8; } body.popup_download #popup_download_container>section>header { margin-top: 35px; margin-bottom: 10px; } body.popup_download #popup_download_container>section>header>h1 { margin: 0; padding: 0 0 0 33px; color: #ff4c97; font-family: "FB Miller Display Bold"; font-size: 16px; background: url(/images/tsone/arw_heading_06.png) 15px 50% no-repeat; } body.popup_download #popup_download_container .border_table_02, body.popup_download #popup_download_container .border_table_03 { width: 100%; } body.popup_download #popup_download_container .border_table_02 th, body.popup_download #popup_download_container .border_table_02 td { border-left-color: #fafafa; } body.popup_download #popup_download_container #box_downloadfont .border_table_03 tr:first-child td { background-position: -4000px 0; } body.popup_download #popup_download_container #box_volumelicense th .inner { padding: 6px 15px 5px; } body.popup_download #popup_download_container #box_volumelicense td .inner { padding-right: 23px; padding-left: 23px; } body.popup_download #popup_download_container #box_volumelicense .col_quantity { width: 276px; } body.popup_download #popup_download_container #box_volumelicense th.col_quantity { text-align: left; } body.popup_download #popup_download_container #box_volumelicense td.col_quantity { text-align: right; } body.popup_download #popup_download_container #box_volumelicense .col_price { width: 200px; } body.popup_download #popup_download_container #box_volumelicense td.col_price { text-align: center; } body.popup_download #popup_download_container #box_volumelicense .col_discount { width: 200px; } body.popup_download #popup_download_container #box_volumelicense td.col_discount { text-align: right; } body.popup_download #popup_download_container #btn_container { margin-top: 25px; margin-left: 250px; width: 300px; } body.popup_download #popup_download_container #btn_container #btn_close { margin-top: 0; margin-left: 0; width: 160px; height: 40px; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ff9bc2), color-stop(100%, #ff64a0)); background-image: -webkit-linear-gradient(#ff9bc2, #ff64a0); background-image: -moz-linear-gradient(#ff9bc2, #ff64a0); background-image: -o-linear-gradient(#ff9bc2, #ff64a0); background-image: linear-gradient(#ff9bc2, #ff64a0); -pie-background: linear-gradient(#ff9bc2, #ff64a0); -webkit-border-radius: 4px 4px; -moz-border-radius: 4px / 4px; border-radius: 4px / 4px; behavior: url(/css/PIE); } body.popup_download #popup_download_container #btn_container #btn_close:hover { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ff64a0), color-stop(100%, #ff64a0)); background-image: -webkit-linear-gradient(#ff64a0, #ff64a0); background-image: -moz-linear-gradient(#ff64a0, #ff64a0); background-image: -o-linear-gradient(#ff64a0, #ff64a0); background-image: linear-gradient(#ff64a0, #ff64a0); -pie-background: linear-gradient(#ff64a0, #ff64a0); } body.popup_download #popup_download_container #btn_container #btn_close a { display: block; padding: 1px 0 0 44px; color: #ffffff; font-family: "ClearTone SG Medium"; font-size: 13px; text-decoration: none; line-height: 39px; } /* ------------------------------ Dlbuy Select Confirm */ body.dlbuy_selectconfirm #box_fontbuy_selectconfirm { margin-top: 42px; } body.dlbuy_selectconfirm #box_fontbuy_selectconfirm>header { padding-left: 14px; } body.dlbuy_selectconfirm #box_fontbuy_selectconfirm>header h1, body.dlbuy_selectconfirm #box_fontbuy_selectconfirm header h2 { color: #000000; font-family: "FB Miller Display Bold"; } body.dlbuy_selectconfirm #box_fontbuy_selectconfirm>header h2 { margin: 44px 0 0; font-size: 14px; line-height: 22px; } body.dlbuy_selectconfirm #box_fontbuy_selectconfirm>header h1 { margin: 0; font-size: 28px; line-height: 36px; } body.dlbuy_selectconfirm #box_fontbuy_selectconfirm .notice { margin: 46px 0 0; padding-top: 24px; width: 720px; height: 52px; color: #ff0000; font-family: "ClearTone SG Medium"; font-size: 13px; line-height: 21px; text-align: center; background: url(/images/tsone/bg_notice.png) no-repeat 0 0; } body.dlbuy_selectconfirm #box_fontbuy_selectconfirm>section { width: 720px; } body.dlbuy_selectconfirm #box_fontbuy_selectconfirm>section>header { margin-top: 45px; margin-bottom: 20px; width: 718px; border: solid 1px #ebebeb; -webkit-border-radius: 6px 6px; -moz-border-radius: 6px / 6px; border-radius: 6px / 6px; behavior: url(/css/PIE); background-color: #fafafa; padding-left: 0; } body.dlbuy_selectconfirm #box_fontbuy_selectconfirm .notice+section>header { margin-top: 14px; } body.dlbuy_selectconfirm #box_fontbuy_selectconfirm>section>header h1 { margin: 0; padding: 14px 0 14px 31px; color: #4d4d4d; font-family: "FB Miller Display Bold"; font-size: 20px; line-height: 30px; background: url(/images/tsone/arw_heading_01.png) 14px 50% no-repeat; } body.dlbuy_selectconfirm #box_fontbuy_selectconfirm dl { margin: 46px 0 0; width: 720px; color: #333333; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 39px; } body.dlbuy_selectconfirm #box_fontbuy_selectconfirm dl dt, body.dlbuy_selectconfirm #box_fontbuy_selectconfirm dl dd { display: block; border-bottom: 1px solid #ebebeb; background-color: #ffffff; } body.dlbuy_selectconfirm #box_fontbuy_selectconfirm dl dt { float: left; width: 470px; } body.dlbuy_selectconfirm #box_fontbuy_selectconfirm dl dt .inner { padding: 0 20px 0 15px; } body.dlbuy_selectconfirm #box_fontbuy_selectconfirm dl dt .inner span { float: left; } body.dlbuy_selectconfirm #box_fontbuy_selectconfirm dl dt .inner span.coupon_code { float: right; } body.dlbuy_selectconfirm #box_fontbuy_selectconfirm dl dt.top { padding-top: 3px; background: url(/images/tsone/line_dots_top_bottom.png) repeat-x 0 0; } body.dlbuy_selectconfirm #box_fontbuy_selectconfirm dl dt.bottom { padding-bottom: 3px; border-bottom: none; background: url(/images/tsone/line_dots_top_bottom.png) repeat-x 0 bottom; } body.dlbuy_selectconfirm #box_fontbuy_selectconfirm dl dt input { margin: 0 8px 0 12px; } body.dlbuy_selectconfirm #box_fontbuy_selectconfirm dl dd { float: right; margin-left: 0; width: 230px; text-align: right; background-color: #fafafa; } body.dlbuy_selectconfirm #box_fontbuy_selectconfirm dl dd .inner { padding-right: 34px; } body.dlbuy_selectconfirm #box_fontbuy_selectconfirm dl dd.top { padding-top: 3px; background: #fafafa url(/images/tsone/line_dots_top_bottom.png) repeat-x 0 0; } body.dlbuy_selectconfirm #box_fontbuy_selectconfirm dl dd.bottom { padding-bottom: 3px; border-bottom: none; background: #fafafa url(/images/tsone/line_dots_top_bottom.png) repeat-x 0 bottom; } body.dlbuy_selectconfirm #box_fontbuy_selectconfirm dl .inner { border-top: 1px solid white; border-bottom: 1px solid white; } body.dlbuy_selectconfirm #box_fontbuy_selectconfirm dl.sum { margin-top: 0; font-family: "ClearTone SG Medium"; } body.dlbuy_selectconfirm #box_fontbuy_selectconfirm dl.sum dt { margin-left: 390px; width: 80px; text-align: center; } body.dlbuy_selectconfirm #box_fontbuy_selectconfirm dl.sum dd { color: #0095ff; background-color: #ffffff; } body.dlbuy_selectconfirm #box_fontbuy_selectconfirm #box_btns { padding: 60px 210px 0; width: 300px; } body.dlbuy_selectconfirm #box_fontbuy_selectconfirm #box_btns input.btn_back { display: block; float: left; padding-top: 5px; } body.dlbuy_selectconfirm #box_fontbuy_selectconfirm #box_btns input.btn_next { display: block; float: right; } body.dlbuy_selectconfirm #box_fontbuy_selectconfirm .normal_notice { margin: 39px 0 0; padding-top: 15px; width: 720px; height: 52px; color: #ff0000; font-family: "ClearTone SG Medium"; font-size: 13px; line-height: 21px; text-align: center; border: solid 1px #ff0000; } body.dlbuy_selectconfirm #box_fontbuy_selectconfirm .lead { margin: 30px 15px 0; font-family: "ClearTone SG Light"; font-size: 13px; } /* ------------------------------ error_info */ body.error_info #box_error { margin-top: 42px; } body.error_info #box_error>header { padding-left: 14px; } body.error_info #box_error>header h1, body.error_info #box_error>header h2 { color: #000000; font-family: "FB Miller Display Bold"; } body.error_info #box_error>header h2 { margin: 44px 0 0; font-size: 14px; line-height: 22px; } body.error_info #box_error>header h1 { margin: 0; font-size: 28px; line-height: 36px; } body.error_info #box_error .notice { margin: 46px 0 0; padding-top: 24px; width: 720px; height: 52px; color: #ff0000; font-family: "ClearTone SG Medium"; font-size: 13px; line-height: 21px; text-align: center; background: url(/images/tsone/bg_notice.png) no-repeat 0 0; } body.error_info #box_error .lead { width: 705px; padding: 38px 0 0 15px; font-family: "ClearTone SG Light"; color: #666666; font-size: 13px; line-height: 22px; } body.error_info #box_error #box_btns { padding: 60px 0 0; text-align: center; } /* ------------------------------ dlbuy detail */ body.dl_detail #box_dl_detail { margin-top: 42px; } body.dl_detail #box_dl_detail>header { padding-left: 14px; } body.dl_detail #box_dl_detail>header h1, body.dl_detail #box_dl_detail header h2 { color: #000000; font-family: "FB Miller Display Bold"; } body.dl_detail #box_dl_detail>header h2 { margin: 44px 0 0; font-size: 14px; line-height: 22px; } body.dl_detail #box_dl_detail>header h1 { margin: 0; font-size: 28px; line-height: 36px; } body.dl_detail #box_dlbuy_selectconfirm .notice { margin: 46px 0 0; padding-top: 24px; width: 720px; height: 52px; color: #ff0000; font-family: "ClearTone SG Medium"; font-size: 13px; line-height: 21px; text-align: center; background: url(/images/tsone/bg_notice.png) no-repeat 0 0; } body.dlbuydl_detail_dl_detail>section { width: 720px; } body.dl_detail #box_dl_detail>section>header { margin-top: 45px; margin-bottom: 20px; width: 718px; border: solid 1px #ebebeb; -webkit-border-radius: 6px 6px; -moz-border-radius: 6px / 6px; border-radius: 6px / 6px; behavior: url(/css/PIE); background-color: #fafafa; padding-left: 0; } body.dl_detail #box_dl_detail .notice+section>header { margin-top: 14px; } body.dl_detail #box_dl_detail>section>header h1 { margin: 0; padding: 14px 0 14px 31px; color: #4d4d4d; font-family: "FB Miller Display Bold"; font-size: 20px; line-height: 30px; background: url(/images/tsone/arw_heading_01.png) 14px 50% no-repeat; } body.dl_detail #box_dl_detail dl { margin: 46px 0 0; width: 720px; color: #333333; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 39px; } body.dl_detail #box_dl_detail dl dt, body.dl_detail #box_dl_detail dl dd { display: block; border-bottom: 1px solid #ebebeb; background-color: #ffffff; } body.dl_detail #box_dl_detail dl dt { float: left; width: 470px; } body.dl_detail #box_dl_detail dl dt .inner { padding: 0 20px 0 15px; } body.dl_detail #box_dl_detail dl dt .inner span { float: left; } body.dl_detail #box_dl_detail dl dt .inner span.coupon_code { float: right; } body.dl_detail #box_dl_detail dl dt.top { padding-top: 3px; background: url(/images/tsone/line_dots_top_bottom.png) repeat-x 0 0; } body.dl_detail #box_dl_detail dl dt.bottom { padding-bottom: 3px; border-bottom: none; background: url(/images/tsone/line_dots_top_bottom.png) repeat-x 0 bottom; } body.dl_detail #box_dl_detail dl dt input { margin: 0 8px 0 12px; } body.dl_detail #box_dl_detail dl dd { float: right; margin-left: 0; width: 230px; text-align: right; background-color: #fafafa; } body.dl_detail #box_dl_detail dl dd .inner { padding-right: 34px; } body.dl_detail #box_dl_detail dl dd.top { padding-top: 3px; background: #fafafa url(/images/tsone/line_dots_top_bottom.png) repeat-x 0 0; } body.dl_detail #box_dl_detail dl dd.bottom { padding-bottom: 3px; border-bottom: none; background: #fafafa url(/images/tsone/line_dots_top_bottom.png) repeat-x 0 bottom; } body.dl_detail #box_dl_detail dl .inner { border-top: 1px solid white; border-bottom: 1px solid white; } body.dl_detail #box_dl_detail dl.sum { margin-top: 0; font-family: "ClearTone SG Medium"; } body.dl_detail #box_dl_detail dl.sum dt { margin-left: 390px; width: 80px; text-align: center; } body.dl_detail #box_dl_detail dl.sum dd { color: #0095ff; background-color: #ffffff; } body.dl_detail #box_dl_detail #box_btns { padding: 60px 210px 0; width: 320px; } body.dl_detail #box_dl_detail #box_btns input.btn_back { display: block; float: left; padding-top: 5px; } body.dl_detail #box_dl_detail #box_btns input.btn_next { display: block; float: right; } body.dl_detail #box_dl_detail .normal_notice { margin: 39px 0 0; padding-top: 15px; width: 720px; height: 52px; color: #ff0000; font-family: "ClearTone SG Medium"; font-size: 13px; line-height: 21px; text-align: center; border: solid 1px #ff0000; } body.dl_detail #box_dl_detail .lead { margin: 30px 15px 0; font-family: "ClearTone SG Light"; font-size: 13px; } body.dl_detail .notice { margin: 46px 0 0; padding-top: 24px; width: 720px; height: 52px; color: #ff0000; font-family: "ClearTone SG Medium"; font-size: 13px; line-height: 21px; text-align: center; background: url(/images/tsone/bg_notice.png) no-repeat 0 0; } /* ------------------------------ DlLicense */ body.dllicense #box_license { margin-top: 42px; } body.dllicense #box_license>header { padding-left: 14px; } body.dllicense #box_license>header h1, body.dllicense #box_license header h2 { color: #000000; font-family: "FB Miller Display Bold"; } body.dllicense #box_license>header h2 { margin: 44px 0 0; font-size: 14px; line-height: 22px; } body.dllicense #box_license>header h1 { margin: 0; font-size: 28px; line-height: 36px; } body.dllicense #box_license .lead { width: 705px; padding: 38px 0 0 15px; font-family: "ClearTone SG Light"; color: #666666; font-size: 13px; line-height: 22px; } body.dllicense #box_license #box_site_list { width: 720px; } body.dllicense #box_license #box_site_list #indication_container { margin: 41px 0 10px; color: #666666; font-family: "ClearTone SG Light"; font-size: 12px; line-height: 29px; } body.dllicense #box_license #box_site_list #indication_container #indicator { width: 250px; float: left; padding-left: 15px; } body.dllicense #box_license #box_site_list #indication_container #link_indicate { width: 340px; float: right; } body.dllicense #box_license #box_site_list #indication_container #link_indicate li { display: block; float: left; padding: 0 7px 0 6px; background: url(/images/tsone/line_link_indicate.png) no-repeat right center; } body.dllicense #box_license #box_site_list #indication_container #link_indicate li a { display: block; width: 72px; color: #666666; text-decoration: none; text-align: center; } body.dllicense #box_license #box_site_list #indication_container #link_indicate li a:hover { text-decoration: underline; } body.dllicense #box_license #box_site_list #indication_container #link_indicate li:first-child { padding-left: 0; } body.dllicense #box_license #box_site_list #indication_container #link_indicate li:last-child { background: none; } body.dllicense #box_license #box_site_list #indication_container #link_indicate li.current a { color: #0095ff; -webkit-border-radius: 3px 3px; -moz-border-radius: 3px / 3px; border-radius: 3px / 3px; behavior: url(/css/PIE); background-color: #edfaff; } body.dllicense #box_license #box_site_list table { width: 100%; } body.dllicense #box_license #box_site_list table th { vertical-align: top; border-bottom: 1px solid white; border-left: 2px solid white; background: url(/images/tsone/bg_table.png) repeat 0 0; padding: 3px 0 0; text-align: center; } body.dllicense #box_license #box_site_list table th .inner { border-top: 1px solid white; background-color: #f2f2f2; padding: 5px 0; height: 30px; } /* body.dllicense #box_license #box_site_list table th.col_status { width: 130px; border-left: none; } */ body.dllicense #box_license #box_site_list table th.col_numsettlement { width: 180px; border-left: none; } body.dllicense #box_license #box_site_list table th.col_status { width: 128px; } body.dllicense #box_license #box_site_list table th.col_purchasedate { width: 118px; } body.dllicense #box_license #box_site_list table th.col_purchaseprice { width: 118px; } body.dllicense #box_license #box_site_list table th.col_btn { width: 118px; } body.dllicense #box_license #box_site_list table th.col_purchasedetails_btn { width: 118px; } body.dllicense #box_license #box_site_list table td { vertical-align: top; border-left: 2px solid white; padding: 0; font-family: "ClearTone SG Light"; font-size: 13px; } body.dllicense #box_license #box_site_list table td .inner { padding: 8px 10px; border-top: 1px solid #ebebeb; vertical-align: middle; text-align: center;} body.dllicense #box_license #box_site_list table td .inner a { display: block; } body.dllicense #box_license #box_site_list table td .inner .receipt_btn { margin-top: 5px; } body.dllicense #box_license #box_site_list table td.col_numsettlement .inner, body.dllicense #box_license #box_site_list table td.col_purchasedate .inner { padding: 10px 15px 5px; text-align: center; } body.dllicense #box_license #box_site_list table td.col_purchaseprice .inner { padding: 10px 10px 5px; text-align: right; } body.dllicense #box_license #box_site_list table td.bottom { background: url(/images/tsone/bg_table.png) repeat 0 100%; } body.dllicense #box_license #box_site_list table td.bottom .inner { padding-bottom: 11px; border-top: 1px solid #ebebeb; } /* ------------------------------ License Pager */ body.dllicense #box_license #box_site_list ul.pager { display: table; vertical-align: top; margin: 50px 0 0; text-align: center; width: 100%; height: 23px; line-height: 23px; } body.dllicense #box_license #box_site_list ul.pager li { display: inline-table; vertical-align: top; margin-right: 20px; font-family: "ClearTone SG Medium"; font-size: 13px; } body.dllicense #box_license #box_site_list ul.pager li:last-child { margin-right: 0; } body.dllicense #box_license #box_site_list ul.pager li a { display: block; font-family: "ClearTone SG Medium"; font-size: 13px; line-height: 23px; text-decoration: none; color: #999999; } body.dllicense #box_license #box_site_list ul.pager li a:hover { text-decoration: underline; } body.dllicense #box_license #box_site_list ul.pager li:first-child { background: url(/images/tsone/line_dots_vertical.png) repeat-y right top; } body.dllicense #box_license #box_site_list ul.pager li.prev a { padding: 0 15px 0 26px; color: #000000; background: url(/images/tsone/arw_pager.png) no-repeat 0 -97px; } body.dllicense #box_license #box_site_list ul.pager li.prev a:hover { color: #999999; background-position: 0 -147px; text-decoration: none; } body.dllicense #box_license #box_site_list ul.pager li:last-child { background: url(/images/tsone/line_dots_vertical.png) repeat-y left top; } body.dllicense #box_license #box_site_list ul.pager li.next a { padding: 0 45px 0 15px; color: #000000; background: url(/images/tsone/arw_pager.png) no-repeat 100% 3px; } body.dllicense #box_license #box_site_list ul.pager li.next a:hover { color: #999999; background-position: 100% -47px; text-decoration: none; } body.dllicense #box_license #box_site_list ul.pager li.current a { color: #000000; } /* ------------------------------ DlFontlist */ body.dlfontlist #box_fontlist > header { padding-left: 12px; } body.dlfontlist #box_fontlist > header h1, body.dlfontlist #box_fontlist > header h2 { margin: 0; color: #000000; font-family: "FB Miller Display Bold"; } body.dlfontlist #box_fontlist > header h2 { margin: 44px 0 0; font-size: 14px; line-height: 22px; } body.dlfontlist #box_fontlist > header .btn_cart { width: 695px; text-align: right; margin-top: -54px; padding-bottom: 5px; } body.dlfontlist #box_fontlist > header .btn_cart a { color: #fff; text-decoration: none; } body.dlfontlist #box_fontlist #box_search { margin-top: 45px; padding: 5px 0; width: 720px; background: url(/images/tsone/line_dots_bold.png) repeat 0 0; } body.dlfontlist #box_fontlist #box_search > li { padding-bottom: 1px; background: url(/images/tsone/line_dots.png) repeat-x left bottom; } body.dlfontlist #box_fontlist #box_search > li:last-child { background: none; } body.dlfontlist #box_fontlist #box_search .li_inner { border-top: solid 1px white; border-bottom: solid 1px white; } body.dlfontlist #box_fontlist #box_search .li_inner .area_ttl { background-color: #ffffff; } body.dlfontlist #box_fontlist #box_search .li_inner .area_ttl h1 { float: left; margin: 0; width: 290px; } body.dlfontlist #box_fontlist #box_search .li_inner .area_ttl h1 a { display: block; padding: 2px 0 0 45px; color: #333333; font-family: "Reimin Y20 Bold"; font-size: 13px; line-height: 30px; text-decoration: none; background: url(/images/tsone/arw_box_search_close.png) no-repeat 21px center; } body.dlfontlist #box_fontlist #box_search .li_inner .area_ttl h1 a:hover { color: #0095ff; background: url(/images/tsone/arw_box_search_on.png) no-repeat 21px center; } body.dlfontlist #box_fontlist #box_search .li_inner .area_ttl div { float: right; width: 430px; font-family: "ClearTone SG Light"; font-size: 12px; line-height: 32px; } body.dlfontlist #box_fontlist #box_search .li_inner .area_ttl div .note { display: none; color: #0095ff; } body.dlfontlist #box_fontlist #box_search .li_inner .area_ttl div .result { color: #cc3333; } body.dlfontlist #box_fontlist #box_search .li_inner .area_ttl div .result.default { color: #666666; } body.dlfontlist #box_fontlist #box_search .li_inner .area_body { display: none; background-color: #fcfaf2; } body.dlfontlist #box_fontlist #box_search li.open .li_inner .area_ttl { background-color: #fcfaf2; } body.dlfontlist #box_fontlist #box_search li.open .li_inner .area_ttl h1 a { color: #cc3333; background: url(/images/tsone/arw_box_search_open.png) no-repeat 14px center; } body.dlfontlist #box_fontlist #box_search li.open .li_inner .area_ttl div .note { display: block; } body.dlfontlist #box_fontlist #box_search li.open .li_inner .area_ttl div .result { display: none; } body.dlfontlist #box_fontlist #box_search li.open .li_inner .area_body { display: block; } body.dlfontlist #box_fontlist #box_search #box_classification .li_inner .area_body { padding: 12px 0 21px 19px; } body.dlfontlist #box_fontlist #box_search #box_classification .li_inner .area_body li { display: block; float: left; margin: 0 3px 3px 0; width: 95px; background: url(/images/tsone/bg_li_box_classification.png) no-repeat 0 0; height:86px; } body.dlfontlist #box_fontlist #box_search #box_classification .li_inner .area_body li:hover { background-position: 0 -100px; } body.dlfontlist #box_fontlist #box_search #box_classification .li_inner .area_body li.selected { background-position: 0 -200px; } body.dlfontlist #box_fontlist #box_search #box_classification .li_inner .area_body li.selected .sample, body.dlfontlist #box_fontlist #box_search #box_classification .li_inner .area_body li.selected .name { color: #0095ff; } body.dlfontlist #box_fontlist #box_search #box_classification .li_inner .area_body li label { display: block; cursor: pointer; padding: 7px 0 11px; } body.dlfontlist #box_fontlist #box_search #box_classification .li_inner .area_body li input { display: none; cursor: pointer; } body.dlfontlist #box_fontlist #box_search #box_classification .li_inner .area_body li .sample { color: #4d4d4d; font-size: 32px; line-height: 40px; text-align: center; } body.dlfontlist #box_fontlist #box_search #box_classification .li_inner .area_body li .name { margin-top: 8px; color: #333333; font-family: "ClearTone SG Regular"; font-size: 12px; line-height: 20px; text-align: center; } body.dlfontlist #box_fontlist #box_search #box_classification .li_inner .area_body li .sample { margin-top: 8px;} body.dlfontlist #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_01 .sample { font-family: "Ryumin Medium KL"; } body.dlfontlist #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_02 .sample { font-family: "Gothic Medium BBB"; } body.dlfontlist #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_03 .sample { font-family: "Shin Maru Go Medium"; } body.dlfontlist #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_04 .sample { font-family: "Pretty Momo"; } body.dlfontlist #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_05 .sample { font-family: "Shin Go Futoline"; } body.dlfontlist #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_06 .sample { font-family: "Sei Kaisho CB1"; } body.dlfontlist #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_07 .sample { font-family: "ClearTone SG Medium"; } body.dlfontlist #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_08 .sample { font-family: "学参 常改教科書ICA M"; } body.dlfontlist #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_09 .sample { font-family: "FB Miller Display Roman"; } body.dlfontlist #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_10 .sample { font-family: "HY ShusongYiTi"; } body.dlfontlist #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_11 .sample { font-family: "AR Ming B"; } body.dlfontlist #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_12 .sample { font-family: "SD Myungjo Bold"; } body.dlfontlist #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_void { height: 86px; background-position: 0 -300px; } body.dlfontlist #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_void:hover { background-position: 0 -300px; } body.dlfontlist #box_fontlist #box_search #box_service .li_inner .area_body, body.dlfontlist #box_fontlist #box_search #box_use .li_inner .area_body, body.dlfontlist #box_fontlist #box_search #box_weight .li_inner .area_body, body.dlfontlist #box_fontlist #box_search #box_maker .li_inner .area_body { padding: 3px 47px 17px; } body.dlfontlist #box_fontlist #box_search #box_service .li_inner .area_body li, body.dlfontlist #box_fontlist #box_search #box_use .li_inner .area_body li, body.dlfontlist #box_fontlist #box_search #box_weight .li_inner .area_body li, body.dlfontlist #box_fontlist #box_search #box_maker .li_inner .area_body li { display: block; float: left; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 26px; } body.dlfontlist #box_fontlist #box_search #box_service .li_inner .area_body li span, body.dlfontlist #box_fontlist #box_search #box_use .li_inner .area_body li span, body.dlfontlist #box_fontlist #box_search #box_weight .li_inner .area_body li span, body.dlfontlist #box_fontlist #box_search #box_maker .li_inner .area_body li span { padding: 0 34px 0 5px; } body.dlfontlist #box_fontlist #box_search #box_imageword .li_inner .area_body, body.dlfontlist #box_fontlist #box_search #box_use .li_inner .area_body, body.dlfontlist #box_fontlist #box_search #box_weight .li_inner .area_body, body.dlfontlist #box_fontlist #box_search #box_maker .li_inner .area_body { padding: 3px 47px 17px; } body.dlfontlist #box_fontlist #box_search #box_imageword .li_inner .area_body li, body.dlfontlist #box_fontlist #box_search #box_use .li_inner .area_body li, body.dlfontlist #box_fontlist #box_search #box_weight .li_inner .area_body li, body.dlfontlist #box_fontlist #box_search #box_maker .li_inner .area_body li { display: block; float: left; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 26px; } body.dlfontlist #box_fontlist #box_search #box_imageword .li_inner .area_body li span, body.dlfontlist #box_fontlist #box_search #box_use .li_inner .area_body li span, body.dlfontlist #box_fontlist #box_search #box_weight .li_inner .area_body li span, body.dlfontlist #box_fontlist #box_search #box_maker .li_inner .area_body li span { padding: 0 34px 0 5px; } body.dlfontlist #box_fontlist #box_search #box_fontfamily .li_inner .area_ttl h1, body.dlfontlist #box_fontlist #box_search #box_language .li_inner .area_ttl h1 { padding: 2px 0 0 45px; width: 245px; color: #333333; font-family: "Reimin Y20 Bold"; font-size: 13px; line-height: 30px; background: url(/images/tsone/arw_box_search_steady.png) no-repeat 21px center; } body.dlfontlist #box_fontlist #box_result { width: 720px; } body.dlfontlist #box_fontlist #box_result #indication_container { margin: 41px 0 20px; color: #666666; font-family: "ClearTone SG Light"; font-size: 12px; line-height: 29px; } body.dlfontlist #box_fontlist #box_result #indication_container #indicator { width: 250px; float: left; } body.dlfontlist #box_fontlist #box_result #indication_container #link_indicate { width: 329px; float: right; } body.dlfontlist #box_fontlist #box_result #indication_container #link_indicate li { display: block; float: left; padding: 0 7px 0 6px; background: url(/images/tsone/line_link_indicate.png) no-repeat right center; } body.dlfontlist #box_fontlist #box_result #indication_container #link_indicate li a { display: block; width: 70px; color: #666666; text-decoration: none; text-align: center; } body.dlfontlist #box_fontlist #box_result #indication_container #link_indicate li a:hover { text-decoration: underline; } body.dlfontlist #box_fontlist #box_result #indication_container #link_indicate li:first-child { padding-left: 0; } body.dlfontlist #box_fontlist #box_result #indication_container #link_indicate li:last-child { background: none; } body.dlfontlist #box_fontlist #box_result #indication_container #link_indicate li.current a { color: #0095ff; -webkit-border-radius: 3px 3px; -moz-border-radius: 3px / 3px; border-radius: 3px / 3px; behavior: url(/css/PIE); background-color: #edfaff; } body.dlfontlist #box_fontlist #box_result #font_sample_container>li { padding-bottom: 56px; } body.dlfontlist #box_fontlist #box_result #font_sample_container li section header { width: 718px; border: solid 1px #ebebeb; -webkit-border-radius: 6px 6px; -moz-border-radius: 6px / 6px; border-radius: 6px / 6px; behavior: url(/css/PIE); background-color: #fafafa; } body.dlfontlist #box_fontlist #box_result #font_sample_container li section header h1 { float: left; margin: 0; padding: 1px 0 0 32px; width: 380px; color: #4d4d4d; font-family: "ClearTone SG Medium"; font-size: 15px; line-height: 37px; background: url(/images/tsone/arw_heading_03.png) 14px 50% no-repeat; } body.dlfontlist #box_fontlist #box_result #font_sample_container li section header .link_all { display: none; float: right; width: 151px; border-left: solid 1px #ebebeb; } body.dlfontlist #box_fontlist #box_result #font_sample_container li section header .link_all a { display: block; margin: 0; padding-left: 47px; color: #4c4c4c; font-family: "ClearTone SG Medium"; font-size: 12px; line-height: 38px; text-decoration: none; background: url(/images/tsone/arw_link_modal.png) 19px 50% no-repeat; } body.dlfontlist #box_fontlist #box_result #font_sample_container li section header a.download_btn { color: #0095FF; font-family: "ClearTone SG Medium"; font-size: 12px; line-height: 38px; text-decoration: none; } body.dlfontlist #box_fontlist #box_result #font_sample_container li section header .link_all a:hover { opacity: 0.7; } body.dlfontlist #box_fontlist #box_result #font_sample_container li section .font_format { margin: 0; padding: 0; text-align: right; font-size: 1px; vertical-align: top; line-height: 1; padding: 0 11px 11px 0; margin-top: -29px; } body.dlfontlist #box_fontlist #box_result #font_sample_container li section .font_format li { display: inline; margin-left: 2px; } body.dlfontlist #box_fontlist #box_result #font_sample_container li section .font_format li img { vertical-align: top; } body.dlfontlist #box_fontlist #box_result #font_sample_container li section .meta { margin: 0; padding: 0 0 0 364px; width: 346px; border-right: solid 1px #ebebeb; } body.dlfontlist #box_fontlist #box_result #font_sample_container li section .meta dt { display: block; float: left; padding: 0 0 0 15px; color: #333333; font-family: "ClearTone SG Medium"; font-size: 12px; font-weight: normal; line-height: 30px; border-left: solid 1px #ebebeb; } body.dlfontlist #box_fontlist #box_result #font_sample_container li section .meta dd { display: block; float: left; margin-left: 0; width: 90px; color: #333333; font-family: "ClearTone SG Light"; font-size: 12px; line-height: 30px; } body.dlfontlist #box_fontlist #box_result #font_sample_container li section .meta dd+dt+dd { width: 130px; } body.dlfontlist #box_fontlist #box_result #font_sample_container li section .font_contents { padding-left: 30px; } body.dlfontlist #box_fontlist #box_result #font_sample_container li section .font_contents .font_jp { font-size: 56px; line-height: 78px; } body.dlfontlist #box_fontlist #box_result #font_sample_container li section .font_contents .font_jp span { display: block; font-size: 32px; line-height: 1; } body.dlfontlist #box_fontlist #box_result #font_sample_container li section .font_contents .font_en { font-size: 13px; line-height: 21px; } body.dlfontlist #box_fontlist #box_result #font_sample_container .btn_weight_example { margin-top: 20px; padding-left: 30px; } body.dlfontlist #box_fontlist #box_result #font_sample_container .btn_show_all_weight { float: left; margin-right: 20px; } body.dlfontlist #box_fontlist #box_result #font_sample_container li section .example_css { display: none; float: left; margin: 0; font-size: 13px; line-height: 15px; } body.dlfontlist #box_fontlist #box_result #font_sample_container li section .btn_show_all_weight+.example_css { width: 528px; } body.dlfontlist #box_fontlist #box_result #font_sample_container li section .example_css dt { padding: 8px 0 0 16px; min-height: 20px; font-family: "ClearTone SG Regular"; display: block; float: left; color: #ff4c97; background: url(/images/tsone/bg_example_css.png) no-repeat 0 0; } body.dlfontlist #box_fontlist #box_result #font_sample_container li section .example_css dd { padding: 8px 16px 0 3px; min-height: 20px; font-family: "ClearTone SG Light"; display: block; float: left; margin-left: 0; color: #0095ff; background: url(/images/tsone/bg_example_css.png) no-repeat 100% 0; } body.dlfontlist #box_fontlist #box_result #font_sample_container li section .price_add_to_cart { vertical-align: middle; display: table; width: 680px; padding: 30px 10px 0 30px; } body.dlfontlist #box_fontlist #box_result #font_sample_container li section .price_add_to_cart dl { margin: 0; padding: 0 0 3px; display: table-cell; vertical-align: middle; background: url(/images/tsone/bg_price_add_to_cart.png) no-repeat 0 50%; } body.dlfontlist #box_fontlist #box_result #font_sample_container li section .price_add_to_cart dt, body.dlfontlist #box_fontlist #box_result #font_sample_container li section .price_add_to_cart dd { vertical-align: middle; display: inline; font-size: 12px; font-family: "ClearTone SG Light"; padding: 0 15px 0 0; margin: 0; } body.dlfontlist #box_fontlist #box_result #font_sample_container li section .price_add_to_cart dt { border-right: 1px solid #cccccc; padding-left: 15px; margin-right: 15px; font-family: "ClearTone SG Medium"; } body.dlfontlist #box_fontlist #box_result #font_sample_container li section .price_add_to_cart dd em { font-style: normal; color: #ff4c97; font-family: "ClearTone SG Medium"; } body.dlfontlist #box_fontlist #box_result #font_sample_container li section .price_add_to_cart .btn_add_to_cart { width: 142px; display: table-cell; vertical-align: middle; } body.dlfontlist #box_fontlist #box_result #font_sample_container li section .font_downloaded_together { font-family: "ClearTone SG Medium"; text-align: right; padding-right: 10px; margin-top: 13px; } body.dlfontlist #box_fontlist #box_result #font_sample_container li section .font_downloaded_together a { text-decoration: none; color: #00b4ff; font-size: 11px; } body.dlfontlist #box_fontlist #box_result #font_sample_container li section .font_downloaded_together a:hover { text-decoration: underline; } body.dlfontlist #box_fontlist #box_result ul.pager { display: table; vertical-align: top; margin: 50px 0 0; text-align: center; width: 720px; height: 23px; line-height: 23px; } body.dlfontlist #box_fontlist #box_result ul.pager li { display: inline-table; vertical-align: top; margin-right: 20px; font-family: "ClearTone SG Medium"; font-size: 13px; } body.dlfontlist #box_fontlist #box_result ul.pager li:last-child { margin-right: 0; } body.dlfontlist #box_fontlist #box_result ul.pager li a { display: block; font-family: "ClearTone SG Medium"; font-size: 13px; line-height: 23px; text-decoration: none; color: #999999; } body.dlfontlist #box_fontlist #box_result ul.pager li a:hover { text-decoration: underline; } body.dlfontlist #box_fontlist #box_result ul.pager li.prev { background: url(/images/tsone/line_dots_vertical.png) repeat-y right top; } body.dlfontlist #box_fontlist #box_result ul.pager li.prev a { padding: 0 15px 0 26px; color: #000000; background: url(/images/tsone/arw_pager.png) no-repeat 0 -97px; } body.dlfontlist #box_fontlist #box_result ul.pager li.prev a:hover { color: #999999; background-position: 0 -147px; text-decoration: none; } body.dlfontlist #box_fontlist #box_result ul.pager li.next { background: url(/images/tsone/line_dots_vertical.png) repeat-y left top; } body.dlfontlist #box_fontlist #box_result ul.pager li.next a { padding: 0 45px 0 15px; color: #000000; background: url(/images/tsone/arw_pager.png) no-repeat 100% 3px; } body.dlfontlist #box_fontlist #box_result ul.pager li.next a:hover { color: #999999; background-position: 100% -47px; text-decoration: none; } body.dlfontlist #box_fontlist #box_result ul.pager li.current a { color: #000000; } body.dlfontlist.member #box_fontlist #box_result #font_sample_container li section .example_css { display: block; } body.dlfontlist #box_fontlist #box_result #font_sample_container li section header .link_all { display: block; } body.dlfontlist #box_fontlist #box_result span.no_font { margin: 0; width: 720px; color: #333333; font-family: "ClearTone SG Light"; font-size: 18px; line-height: 1.6; } /* modal_window */ #modal_window { padding: 20px; font-family: "ClearTone SG Light"; font-size: 12px; line-height: 20px; } #modal_window p { margin-bottom: 20px; color: #666666; } #modal_window label { display: block; } #modal_window .border_table_01 { margin-left: 20px; width: 540px; } #modal_window .border_table_01 .col_item { width: 200px; } #modal_window .border_table_01 .col_content { width: 320px; } #modal_window .btn_modal { margin-top: 20px; text-align: center; } /*2016.06.07*/ /* デスクトップフォントサイドメニュー：製品の購入 */ body.dlbuys #box_nav_member #nav_member_container ul li#nav_dlbuy a { color: #0095ff; } body.dlbuys #box_nav_member #nav_member_container ul li#nav_dlbuy img { visibility: visible; } /* デスクトップフォントサイドメニュー：デスクトップフォント選択 */ body.dlselect #box_nav_member #nav_member_container ul li#nav_dlselect a { color: #0095ff; } body.dlselect #box_nav_member #nav_member_container ul li#nav_dlselect img { visibility: visible; } /* デスクトップフォントサイドメニュー：デスクトップフォント設定 */ body.dlsettings #box_nav_member #nav_member_container ul li#nav_dlsetting a { color: #0095ff; } body.dlsettings #box_nav_member #nav_member_container ul li#nav_dlsetting img { visibility: visible; } /* デスクトップフォントサイドメニュー：決済履歴 */ body.dllicense #box_nav_member #nav_member_container ul li#nav_dllicense a { color: #0095ff; } body.dllicense #box_nav_member #nav_member_container ul li#nav_dllicense img { visibility: visible; } /* デスクトップフォントサイドメニュー：ログイン復旧情報 */ body.rescue #box_nav_member #nav_member_container ul li#nav_rescue a { color: #0095ff; } body.rescue #box_nav_member #nav_member_container ul li#nav_rescue img { visibility: visible; } /* ------------------------------ dlselect */ body.dlselect #box_fontlist > header { padding-left: 12px; } body.dlselect #box_fontlist>header h1, body.dlselect #box_fontlist>header h2 { margin: 0; color: #000000; font-family: "FB Miller Display Bold"; } body.dlselect #box_fontlist>header h2 { margin: 44px 0 0; font-size: 14px; line-height: 22px; } body.dlselect #box_fontlist > header .btn_cart { width: 695px; text-align: right; margin-top: -54px; padding-bottom: 5px; } body.dlselect #box_fontlist > header .btn_cart a { color: #fff; text-decoration: none; } body.dlselect #box_fontlist #box_search { margin-top: 45px; padding: 5px 0; width: 720px; background: url(/images/tsone/line_dots_bold.png) repeat 0 0; } body.dlselect #box_fontlist #box_search > li { padding-bottom: 1px; background: url(/images/tsone/line_dots.png) repeat-x left bottom; } body.dlselect #box_fontlist #box_search > li:last-child { background: none; } body.dlselect #box_fontlist #box_search .li_inner { border-top: solid 1px white; border-bottom: solid 1px white; } body.dlselect #box_fontlist #box_search .li_inner .area_ttl { background-color: #ffffff; } body.dlselect #box_fontlist #box_search .li_inner .area_ttl h1 { float: left; margin: 0; width: 290px; } body.dlselect #box_fontlist #box_search .li_inner .area_ttl h1 a { display: block; padding: 2px 0 0 45px; color: #333333; font-family: "Reimin Y20 Bold"; font-size: 13px; line-height: 30px; text-decoration: none; background: url(/images/tsone/arw_box_search_close.png) no-repeat 21px center; } body.dlselect #box_fontlist #box_search .li_inner .area_ttl h1 a:hover { color: #0095ff; background: url(/images/tsone/arw_box_search_on.png) no-repeat 21px center; } body.dlselect #box_fontlist #box_search .li_inner .area_ttl div { float: right; width: 430px; font-family: "ClearTone SG Light"; font-size: 12px; line-height: 32px; } body.dlselect #box_fontlist #box_search .li_inner .area_ttl div .note { display: none; color: #0095ff; } body.dlselect #box_fontlist #box_search .li_inner .area_ttl div .result { color: #cc3333; } body.dlselect #box_fontlist #box_search .li_inner .area_ttl div .result.default { color: #666666; } body.dlselect #box_fontlist #box_search .li_inner .area_body { display: none; background-color: #fcfaf2; } body.dlselect #box_fontlist #box_search li.open .li_inner .area_ttl { background-color: #fcfaf2; } body.dlselect #box_fontlist #box_search li.open .li_inner .area_ttl h1 a { color: #cc3333; background: url(/images/tsone/arw_box_search_open.png) no-repeat 14px center; } body.dlselect #box_fontlist #box_search li.open .li_inner .area_ttl div .note { display: block; } body.dlselect #box_fontlist #box_search li.open .li_inner .area_ttl div .result { display: none; } body.dlselect #box_fontlist #box_search li.open .li_inner .area_body { display: block; } body.dlselect #box_fontlist #box_search #box_classification .li_inner .area_body { padding: 12px 0 21px 19px; } body.dlselect #box_fontlist #box_search #box_classification .li_inner .area_body li { display: block; float: left; margin: 0 3px 3px 0; width: 95px; height:86px; } body.dlselect #box_fontlist #box_search #box_classification .li_inner .area_body li:hover { background-position: 0 -100px; } body.dlselect #box_fontlist #box_search #box_classification .li_inner .area_body li.selected { background-position: 0 -200px; } body.dlselect #box_fontlist #box_search #box_classification .li_inner .area_body li.selected .sample, body.dlselect #box_fontlist #box_search #box_classification .li_inner .area_body li.selected .name { color: #0095ff; } body.dlselect #box_fontlist #box_search #box_classification .li_inner .area_body li label { display: block; cursor: pointer; padding: 7px 0 11px; } body.dlselect #box_fontlist #box_search #box_classification .li_inner .area_body li input { display: none; cursor: pointer; } body.dlselect #box_fontlist #box_search #box_classification .li_inner .area_body li .sample { color: #4d4d4d; font-size: 32px; line-height: 40px; text-align: center; } body.dlselect #box_fontlist #box_search #box_classification .li_inner .area_body li .name { margin-top: 8px; color: #333333; font-family: "UD Shin Go Regular"; font-size: 12px; line-height: 20px; text-align: center; } body.dlselect #box_fontlist #box_search #box_classification .li_inner .area_body li .sample { margin-top: 8px;} body.dlselect #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_01 .sample { font-family: "Ryumin Medium KL"; } body.dlselect #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_02 .sample { font-family: "Gothic Medium BBB"; } body.dlselect #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_03 .sample { font-family: "Shin Maru Go Medium"; } body.dlselect #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_04 .sample { font-family: "Pretty Momo"; } body.dlselect #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_05 .sample { font-family: "Shin Go Futoline"; } body.dlselect #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_06 .sample { font-family: "Sei Kaisho CB1"; } body.dlselect #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_07 .sample { font-family: "ClearTone SG Medium"; } body.dlselect #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_08 .sample { font-family: "学参 常改教科書ICA M"; } body.dlselect #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_09 .sample { font-family: "FB Miller Display Roman"; } body.dlselect #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_10 .sample { font-family: "HY ShusongYiTi"; } body.dlselect #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_11 .sample { font-family: "AR Ming B"; } body.dlselect #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_12 .sample { font-family: "SD Myungjo Bold"; } body.dlselect #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_13 .sample { font-family: "Shuuei3 Medium"; } body.dlselect #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_void { height: 86px; background-position: 0 -300px; } body.dlselect #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_void:hover { background-position: 0 -300px; } body.dlselect #box_fontlist #box_search #box_service .li_inner .area_body, body.dlselect #box_fontlist #box_search #box_use .li_inner .area_body, body.dlselect #box_fontlist #box_search #box_weight .li_inner .area_body, body.dlselect #box_fontlist #box_search #box_maker .li_inner .area_body { padding: 3px 47px 17px; } body.dlselect #box_fontlist #box_search #box_service .li_inner .area_body li, body.dlselect #box_fontlist #box_search #box_use .li_inner .area_body li, body.dlselect #box_fontlist #box_search #box_weight .li_inner .area_body li, body.dlselect #box_fontlist #box_search #box_maker .li_inner .area_body li { display: block; float: left; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 26px; } body.dlselect #box_fontlist #box_search #box_service .li_inner .area_body li span, body.dlselect #box_fontlist #box_search #box_use .li_inner .area_body li span, body.dlselect #box_fontlist #box_search #box_weight .li_inner .area_body li span, body.dlselect #box_fontlist #box_search #box_maker .li_inner .area_body li span { padding: 0 34px 0 5px; } body.dlselect #box_fontlist #box_search #box_imageword .li_inner .area_body, body.dlselect #box_fontlist #box_search #box_use .li_inner .area_body, body.dlselect #box_fontlist #box_search #box_weight .li_inner .area_body, body.dlselect #box_fontlist #box_search #box_maker .li_inner .area_body { padding: 3px 47px 17px; } body.dlselect #box_fontlist #box_search #box_imageword .li_inner .area_body li, body.dlselect #box_fontlist #box_search #box_use .li_inner .area_body li, body.dlselect #box_fontlist #box_search #box_weight .li_inner .area_body li, body.dlselect #box_fontlist #box_search #box_maker .li_inner .area_body li { display: block; float: left; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 26px; } body.dlselect #box_fontlist #box_search #box_imageword .li_inner .area_body li span, body.dlselect #box_fontlist #box_search #box_use .li_inner .area_body li span, body.dlselect #box_fontlist #box_search #box_weight .li_inner .area_body li span, body.dlselect #box_fontlist #box_search #box_maker .li_inner .area_body li span { padding: 0 34px 0 5px; } body.dlselect #box_fontlist #box_search #box_fontfamily .li_inner .area_ttl h1, body.dlselect #box_fontlist #box_search #box_language .li_inner .area_ttl h1 { padding: 2px 0 0 45px; width: 245px; color: #333333; font-family: "Reimin Y20 Bold"; font-size: 13px; line-height: 30px; background: url(/images/tsone/arw_box_search_steady.png) no-repeat 21px center; } body.dlselect #box_fontlist #box_result { width: 720px; } body.dlselect #box_fontlist #box_result #indication_container { margin: 41px 0 20px; color: #666666; font-family: "ClearTone SG Light"; font-size: 12px; line-height: 29px; } body.dlselect #box_fontlist #box_result #indication_container #indicator { width: 250px; float: left; } body.dlselect #box_fontlist #box_result #indication_container #link_indicate { width: 329px; float: right; } body.dlselect #box_fontlist #box_result #indication_container #link_indicate li { display: block; float: left; padding: 0 7px 0 6px; background: url(/images/tsone/line_link_indicate.png) no-repeat right center; } body.dlselect #box_fontlist #box_result #indication_container #link_indicate li a { display: block; width: 70px; color: #666666; text-decoration: none; text-align: center; } body.dlselect #box_fontlist #box_result #indication_container #link_indicate li a:hover { text-decoration: underline; } body.dlselect #box_fontlist #box_result #indication_container #link_indicate li:first-child { padding-left: 0; } body.dlselect #box_fontlist #box_result #indication_container #link_indicate li:last-child { background: none; } body.dlselect #box_fontlist #box_result #indication_container #link_indicate li.current a { color: #0095ff; -webkit-border-radius: 3px 3px; -moz-border-radius: 3px / 3px; border-radius: 3px / 3px; behavior: url(/css/PIE); background-color: #edfaff; } body.dlselect #box_fontlist #box_result #font_sample_container>li { padding-bottom: 56px; } body.dlselect #box_fontlist #box_result #font_sample_container li section header { width: 718px; border: solid 1px #ebebeb; -webkit-border-radius: 6px 6px; -moz-border-radius: 6px / 6px; border-radius: 6px / 6px; behavior: url(/css/PIE); background-color: #fafafa; } body.dlselect #box_fontlist #box_result #font_sample_container li section header h1 { float: left; margin: 0; padding: 1px 0 0 32px; width: 380px; color: #4d4d4d; font-family: "ClearTone SG Medium"; font-size: 15px; line-height: 37px; background: url(/images/tsone/arw_heading_03.png) 14px 50% no-repeat; } body.dlselect #box_fontlist #box_result #font_sample_container li section header .link_all { display: none; float: right; width: 151px; border-left: solid 1px #ebebeb; } body.dlselect #box_fontlist #box_result #font_sample_container li section header .link_all a { display: block; margin: 0; padding-left: 47px; color: #4c4c4c; font-family: "ClearTone SG Medium"; font-size: 12px; line-height: 38px; text-decoration: none; background: url(/images/tsone/arw_link_modal.png) 19px 50% no-repeat; } body.dlselect #box_fontlist #box_result #font_sample_container li section header a.download_btn { color: #0095FF; font-family: "ClearTone SG Medium"; font-size: 12px; line-height: 38px; text-decoration: none; } body.dlselect #box_fontlist #box_result #font_sample_container li section header .link_all a:hover { opacity: 0.7; } body.dlselect #box_fontlist #box_result #font_sample_container li section .font_format { margin: 0; padding: 0; text-align: right; font-size: 1px; vertical-align: top; line-height: 1; padding: 0 11px 11px 0; margin-top: -29px; } body.dlselect #box_fontlist #box_result #font_sample_container li section .font_format li { display: inline; margin-left: 2px; } body.dlselect #box_fontlist #box_result #font_sample_container li section .font_format li img { vertical-align: top; } body.dlselect #box_fontlist #box_result #font_sample_container li section .meta { margin: 0; padding: 0 0 0 364px; width: 346px; border-right: solid 1px #ebebeb; } body.dlselect #box_fontlist #box_result #font_sample_container li section .meta dt { display: block; float: left; padding: 0 0 0 15px; color: #333333; font-family: "ClearTone SG Medium"; font-size: 12px; font-weight: normal; line-height: 30px; border-left: solid 1px #ebebeb; } body.dlselect #box_fontlist #box_result #font_sample_container li section .meta dd { display: block; float: left; margin-left: 0; width: 90px; color: #333333; font-family: "ClearTone SG Light"; font-size: 12px; line-height: 30px; } body.dlselect #box_fontlist #box_result #font_sample_container li section .meta dd+dt+dd { width: 130px; } body.dlselect #box_fontlist #box_result #font_sample_container li section .font_contents { padding-left: 30px; } body.dlselect #box_fontlist #box_result #font_sample_container li section .font_contents .font_jp { font-size: 56px; line-height: 78px; } body.dlselect #box_fontlist #box_result #font_sample_container li section .font_contents .font_jp span { display: block; font-size: 32px; line-height: 1; } body.dlselect #box_fontlist #box_result #font_sample_container li section .font_contents .font_en { font-size: 13px; line-height: 21px; } body.dlselect #box_fontlist #box_result #font_sample_container .btn_weight_example { margin-top: 20px; padding-left: 30px; } body.dlselect #box_fontlist #box_result #font_sample_container .btn_show_all_weight { float: left; margin-right: 20px; } body.dlselect #box_fontlist #box_result #font_sample_container li section .example_css { display: none; float: left; margin: 0; font-size: 13px; line-height: 15px; } body.dlselect #box_fontlist #box_result #font_sample_container li section .btn_show_all_weight+.example_css { width: 528px; } body.dlselect #box_fontlist #box_result #font_sample_container li section .example_css dt { padding: 8px 0 0 16px; min-height: 20px; font-family: "UD Shin Go Regular"; display: block; float: left; color: #ff4c97; background: url(/images/tsone/bg_example_css.png) no-repeat 0 0; } body.dlselect #box_fontlist #box_result #font_sample_container li section .example_css dd { padding: 8px 16px 0 3px; min-height: 20px; font-family: "ClearTone SG Light"; display: block; float: left; margin-left: 0; color: #0095ff; background: url(/images/tsone/bg_example_css.png) no-repeat 100% 0; } body.dlselect #box_fontlist #box_result #font_sample_container li section .price_add_to_cart { vertical-align: middle; display: table; width: 680px; padding: 30px 10px 0 30px; } body.dlselect #box_fontlist #box_result #font_sample_container li section .price_add_to_cart dl { margin: 0; padding: 0 0 3px; display: table-cell; vertical-align: middle; background: url(/images/tsone/bg_price_add_to_cart.png) no-repeat 0 50%; } body.dlselect #box_fontlist #box_result #font_sample_container li section .price_add_to_cart dt, body.dlselect #box_fontlist #box_result #font_sample_container li section .price_add_to_cart dd { vertical-align: middle; display: inline; font-size: 12px; font-family: "ClearTone SG Light"; padding: 0 15px 0 0; margin: 0; } body.dlselect #box_fontlist #box_result #font_sample_container li section .price_add_to_cart dt { border-right: 1px solid #cccccc; padding-left: 15px; margin-right: 15px; font-family: "ClearTone SG Medium"; } body.dlselect #box_fontlist #box_result #font_sample_container li section .price_add_to_cart dd em { font-style: normal; color: #ff4c97; font-family: "ClearTone SG Medium"; } body.dlselect #box_fontlist #box_result #font_sample_container li section .price_add_to_cart .btn_add_to_cart { width: 142px; display: table-cell; vertical-align: middle; } body.dlselect #box_fontlist #box_result #font_sample_container li section .font_downloaded_together { font-family: "ClearTone SG Medium"; text-align: right; padding-right: 10px; margin-top: 13px; } body.dlselect #box_fontlist #box_result #font_sample_container li section .font_downloaded_together a { text-decoration: none; color: #00b4ff; font-size: 11px; } body.dlselect #box_fontlist #box_result #font_sample_container li section .font_downloaded_together a:hover { text-decoration: underline; } body.dlselect #box_fontlist #box_result ul.pager { display: table; vertical-align: top; margin: 50px 0 0; text-align: center; width: 720px; height: 23px; line-height: 23px; } body.dlselect #box_fontlist #box_result ul.pager li { display: inline-table; vertical-align: top; margin-right: 20px; font-family: "ClearTone SG Medium"; font-size: 13px; } body.dlselect #box_fontlist #box_result ul.pager li:last-child { margin-right: 0; } body.dlselect #box_fontlist #box_result ul.pager li a { display: block; font-family: "ClearTone SG Medium"; font-size: 13px; line-height: 23px; text-decoration: none; color: #999999; } body.dlselect #box_fontlist #box_result ul.pager li a:hover { text-decoration: underline; } body.dlselect #box_fontlist #box_result ul.pager li.prev { background: url(/images/tsone/line_dots_vertical.png) repeat-y right top; } body.dlselect #box_fontlist #box_result ul.pager li.prev a { padding: 0 15px 0 26px; color: #000000; background: url(/images/tsone/arw_pager.png) no-repeat 0 -97px; } body.dlselect #box_fontlist #box_result ul.pager li.prev a:hover { color: #999999; background-position: 0 -147px; text-decoration: none; } body.dlselect #box_fontlist #box_result ul.pager li.next { background: url(/images/tsone/line_dots_vertical.png) repeat-y left top; } body.dlselect #box_fontlist #box_result ul.pager li.next a { padding: 0 45px 0 15px; color: #000000; background: url(/images/tsone/arw_pager.png) no-repeat 100% 3px; } body.dlselect #box_fontlist #box_result ul.pager li.next a:hover { color: #999999; background-position: 100% -47px; text-decoration: none; } body.dlselect #box_fontlist #box_result ul.pager li.current a { color: #000000; } body.dlselect.member #box_fontlist #box_result #font_sample_container li section .example_css { display: block; } body.dlselect #box_fontlist #box_result #font_sample_container li section header .link_all { display: block; } body.dlselect #box_fontlist #box_result span.no_font { margin: 0; width: 720px; color: #333333; font-family: "ClearTone SG Light"; font-size: 18px; line-height: 1.6; } /* ------------------------------ Users Terms */ body.dlbuys #box_dlbuys_terms > header { padding-left: 12px; } body.dlbuys #box_dlbuys_terms > header h1, body.dlbuys #box_dlbuys_terms > header h2 { color: #000000; font-family: "FB Miller Display Bold"; } body.dlbuys #box_dlbuys_terms > header h2 { margin: 40px 0 0; font-size: 14px; line-height: 22px; } body.dlbuys #box_dlbuys_terms > header h1 { margin: 0; font-size: 28px; line-height: 36px; } body.dlbuys #box_dlbuys_terms #box_terms { margin-top: 46px; width: 718px; border: solid 1px #ebebeb; -webkit-border-radius: 6px 6px; -moz-border-radius: 6px / 6px; border-radius: 6px / 6px; behavior: url(/css/PIE); background-color: #fafafa; } body.dlbuys #box_dlbuys_terms #box_terms header h1 { margin: 0; padding: 14px 0 14px 31px; width: 300px; color: #4d4d4d; font-family: "FB Miller Display Bold"; font-size: 20px; line-height: 30px; background: url(/images/tsone/arw_heading_01.png) 14px 50% no-repeat; } body.dlbuys #box_dlbuys_terms #box_terms iframe { margin: 11px 20px 41px 34px; width: 664px; height: 757px; border: none; } body.dlbuys #box_dlbuys_terms #box_terms .box_agreement { padding: 0 0 41px 180px; font-family: "ClearTone SG Medium"; font-size: 13px; line-height: 17px; } body.dlbuys #box_dlbuys_terms #box_terms .box_agreement input { margin-right: 10px; } body.dlbuys #box_dlbuys_terms #box_btns { padding: 60px 210px 0; width: 300px; } body.dlbuys #box_dlbuys_terms #box_btns input.btn_back { display: block; float: left; } body.dlbuys #box_dlbuys_terms #box_btns input.btn_next { display: block; float: right; } body.dlbuys .information {font-size: 14px; font-family: "ClearTone SG Light";} /* ------------------------------ Dlbuy Settlement */ body.dlbuys #box_fontbuy_settlement { margin-top: 42px; } body.dlbuys #box_fontbuy_settlement header { padding-left: 12px; } body.dlbuys #box_fontbuy_settlement header h1, body.dlbuys #box_fontbuy_settlement header h2 { color: #000000; font-family: "FB Miller Display Bold"; } body.dlbuys #box_fontbuy_settlement header h2 { margin: 44px 0 0; font-size: 14px; line-height: 22px; } body.dlbuys #box_fontbuy_settlement header h1 { margin: 0; font-size: 28px; line-height: 36px; } body.dlbuys #box_fontbuy_settlement .lead { margin: 50px 15px 0; font-family: "ClearTone SG Light"; font-size: 13px; } body.dlbuys #box_fontbuy_settlement ul { margin: 20px 0 0; width: 720px; color: #333333; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 39px; } body.dlbuys #box_fontbuy_settlement ul li { display: block; border-bottom: 1px solid #ebebeb; background-color: #ffffff; } body.dlbuys #box_fontbuy_settlement ul li .inner { padding: 0 20px 0 15px; border-top: 1px solid white; border-bottom: 1px solid white; } body.dlbuys #box_fontbuy_settlement ul li.top { padding-top: 3px; background: url(/images/tsone/line_dots_top_bottom.png) repeat-x 0 0; } body.dlbuys #box_fontbuy_settlement ul li.bottom { padding-bottom: 3px; border-bottom: none; background: url(/images/tsone/line_dots_top_bottom.png) repeat-x 0 bottom; } body.dlbuys #box_fontbuy_settlement ul li input { margin: 0 8px 0 0; } body.dlbuys #box_fontbuy_settlement #box_btns { padding: 60px 210px 0; width: 300px; } body.dlbuys #box_fontbuy_settlement #box_btns input.btn_back { display: block; float: left; } body.dlbuys #box_fontbuy_settlement #box_btns input.btn_next { display: block; float: right; } /* ------------------------------ Dlbuy */ body.dlbuys #box_dlbuys { margin-top: 42px; } body.dlbuys #box_dlbuys header { padding-left: 14px; } body.dlbuys #box_dlbuys header h1,body.dlbuys #box_dlbuys header h2 { color: #000000; font-family: "FB Miller Display Bold"; } body.dlbuys #box_dlbuys header h2 { margin: 44px 0 0; font-size: 14px; line-height: 22px; } body.dlbuys #box_dlbuys header h1 { margin: 0; font-size: 28px; line-height: 36px; } body.dlbuys #box_dlbuys #box_btns { padding: 60px 210px 0; width: 300px; } body.dlbuys #box_dlbuys #box_btns input.btn_back { display: block; float: left; } body.dlbuys #box_dlbuys #box_btns input.btn_next { display: block; float: right; } body.dlbuys #box_dlbuys .box_price { width: 720px; } body.dlbuys #box_dlbuys .box_price .help{ font-size: 13px; color: #383838; } body.dlbuys #box_dlbuys .box_price .rice{ font-size: 13px; color: #DE4830; } body.dlbuys #box_dlbuys .box_price .detailBtn{ width: 53px; height: 17px; background-color: #93A7D1; color: white; padding: 2px 10px; border-radius: 3px; box-shadow:1px 1px 1px #555; transition: opacity 0.2s; font-family: ClearTone SG Medium; padding-top:4px; padding-bottom: 4px; position:relative; top:-5px; float:right} body.dlbuys #box_dlbuys .box_price .detailBtn:hover{ width: 53px; height: 17px; background-color: #93A7D1; opacity: 0.7; padding: 2px 10px; border-radius: 3px; box-shadow:1px 1px 1px #555; cursor: pointer; transition: opacity: 0s; padding-top:4px; padding-bottom: 4px; position:relative; top:-5px; float:right} body.dlbuys #box_dlbuys .box_price .detailBtn:active{ width: 53px; height: 17px; background-color: #93A7D1; opacity: 0.5; padding: 2px 10px; border-radius: 3px; box-shadow:1px 1px 1px #555; cursor: pointer; padding-top:4px; padding-bottom: 4px; position:relative; top:-5px; float:right} body.dlbuys #box_dlbuys .box_price header { margin-top: 45px; width: 718px; border: solid 1px #ffcbe1; -webkit-border-radius: 6px 6px; -moz-border-radius: 6px / 6px; border-radius: 6px / 6px; behavior: url(/css/PIE); background-color: #fff7fa; padding-left: 0; } body.dlbuys #box_dlbuys .box_price header h1 { margin: 0; padding: 14px 0 14px 31px; color: #4d4d4d; font-family: "FB Miller Display Bold"; font-size: 20px; line-height: 30px; background: url(/images/tsone/arw_heading_01.png) 14px 50% no-repeat; } body.dlbuys #box_dlbuys .box_price table { margin-top: 30px; width: 700px; } body.dlbuys #box_dlbuys .box_price table th { text-align: center; font-family: "ClearTone SG Medium"; font-size: 13px; border-left: 2px solid white; padding: 3px 0 0; vertical-align: top; } body.dlbuys #box_dlbuys .box_price table td { text-align: right; } body.dlbuys #box_dlbuys .box_price table th.col_item { color: #0095ff; background: url(/images/tsone/bg_table_th.png) no-repeat 0 0; } body.dlbuys #box_dlbuys .box_price table .col_item { text-align: left; width: 650px; } body.dlbuys #box_dlbuys .box_price table .col_item .inner { padding-left: 20px; } body.dlbuys #box_dlbuys .box_price table th.col_s, body.dlbuys #box_dlbuys .box_price table th.col_m, body.dlbuys #box_dlbuys .box_price table th.col_l { color: #ff4c97; background: url(/images/tsone/bg_table_th.png) no-repeat -3000px 0; } body.dlbuys #box_dlbuys .box_price table .col_s, body.dlbuys #box_dlbuys .box_price table .col_m, body.dlbuys #box_dlbuys .box_price table .col_l { width: 174px; } body.dlbuys #box_dlbuys .box_price table th .inner { padding: 7px 0 6px; } body.dlbuys #box_dlbuys .box_price table th:first-child { border-left: none; border-right: 20px solid #fff; } body.dlbuys #box_dlbuys .box_price table td { border-left: 2px solid white; vertical-align: top; padding: 0; font-family: "ClearTone SG Light"; font-size: 13px; } body.dlbuys #box_dlbuys .box_price table td .inner { padding: 12px 18px 8px; background: url(/images/tsone/bg_table_td.png) repeat-x 0 0; } body.dlbuys #box_dlbuys .box_price table td:first-child { border-left: none; font-family: "ClearTone SG Light"; border-right: 20px solid #fff; } body.dlbuys #box_dlbuys .box_price table td:first-child .inner { padding: 12px 15px 8px 20px; } body.dlbuys #box_dlbuys .box_price table td.bottom { background: url(/images/tsone/bg_table_bottom.png) repeat-x 0 100%; } body.dlbuys #box_dlbuys .box_price table td.bottom .inner { padding-bottom: 12px; } body.dlbuys #box_dlbuys .box_price table label { font-family: "ClearTone SG Medium"; } body.dlbuys #box_dlbuys .box_price table input { float: left; } body.dlbuys #box_dlbuys .box_price table .follow { font-size: 11px; display: block; margin-top: 4px; line-height: 18px; } body.dlbuys #box_dlbuys .box_price table .text_c { text-align: center; color: #dbdbdb; } body.dlbuys #box_dlbuys #sec_plan_selfhosting header { margin-top: 60px; } body.dlbuys #box_dlbuys .helpMessageBox div { color:#666666; font-size: 13px; font-family: 'ClearTone SG Light'; padding-right:30px; padding-left: 30px; position: relative; top: 30px; } /* ------------------------------ Rescue */ body.rescue #box_rescue { margin-top: 42px; } body.rescue #box_rescue header { padding-left: 14px; } body.rescue #box_rescue header h1,body.rescue #box_rescue header h2 { color: #000000; font-family: "FB Miller Display Bold"; } body.rescue #box_rescue header h2 { margin: 44px 0 0; font-size: 14px; line-height: 22px; } body.rescue #box_rescue header h1 { margin: 0; font-size: 28px; line-height: 36px; } body.rescue #box_rescue #box_btns { padding: 60px 210px 0; width: 300px; } body.rescue #box_rescue #box_btns input.btn_back { display: block; float: left; } body.rescue #box_rescue #box_btns input.btn_next { display: block; float: right; } body.rescue #box_rescue .box_price { width: 720px; } body.rescue #box_rescue .box_price .help{ font-size: 13px; color: #383838; } body.rescue #box_rescue .box_price .rice{ font-size: 13px; color: #DE4830; } body.rescue #box_rescue .box_price .detailBtn{ width: 98px; height: 24px; background-color: #93A7D1; color: white; padding: 2px 10px; border-radius: 3px; margin-left: 65px; box-shadow:1px 1px 1px #555; transition: opacity 0.2s; font-family: ClearTone SG Medium; padding-top:4px; padding-bottom: 4px;} body.rescue #box_rescue .box_price .detailBtn:hover{ width: 98px; height: 24px; background-color: #93A7D1; opacity: 0.7; padding: 2px 10px; border-radius: 3px; margin-left: 65px; box-shadow:1px 1px 1px #555; cursor: pointer; transition: opacity: 0s; padding-top:4px; padding-bottom: 4px;} body.rescue #box_rescue .box_price .detailBtn:active{ width: 98px; height: 24px; background-color: #93A7D1; opacity: 0.5; padding: 2px 10px; border-radius: 3px; margin-left: 65px; box-shadow:1px 1px 1px #555; cursor: pointer; padding-top:4px; padding-bottom: 4px;} body.rescue #box_rescue .box_price header { margin-top: 45px; width: 718px; border: solid 1px #ffcbe1; -webkit-border-radius: 6px 6px; -moz-border-radius: 6px / 6px; border-radius: 6px / 6px; behavior: url(/css/PIE); background-color: #fff7fa; padding-left: 0; } body.rescue #box_rescue .box_price header h1 { margin: 0; padding: 14px 0 14px 31px; color: #4d4d4d; font-family: "FB Miller Display Bold"; font-size: 20px; line-height: 30px; background: url(/images/tsone/arw_heading_01.png) 14px 50% no-repeat; } body.rescue #box_rescue .box_price table { margin-top: 30px; width: 700px; } body.rescue #box_rescue .box_price table th { text-align: center; font-family: "ClearTone SG Medium"; font-size: 13px; border-left: 2px solid white; padding: 3px 0 0; vertical-align: top; } body.rescue #box_rescue .box_price table td { text-align: right; } body.rescue #box_rescue .box_price table th.col_item { color: #0095ff; background: url(/images/tsone/bg_table_th.png) no-repeat 0 0; } body.rescue #box_rescue .box_price table .col_item { text-align: left; width: 300px; } body.rescue #box_rescue .box_price table .col_item .inner { padding-left: 20px; } body.rescue #box_rescue .box_price table th.col_s, body.rescue #box_rescue .box_price table th.col_m, body.rescue #box_rescue .box_price table th.col_l { color: #ff4c97; background: url(/images/tsone/bg_table_th.png) no-repeat -3000px 0; } body.rescue #box_rescue .box_price table .col_s, body.rescue #box_rescue .box_price table .col_m, body.rescue #box_rescue .box_price table .col_l { width: 174px; } body.rescue #box_rescue .box_price table th .inner { padding: 7px 0 6px; } body.rescue #box_rescue .box_price table th:first-child { border-left: none; border-right: 20px solid #fff; } body.rescue #box_rescue .box_price table td { border-left: 2px solid white; vertical-align: top; padding: 0; font-family: "ClearTone SG Light"; font-size: 13px; } body.rescue #box_rescue .box_price table td .inner { padding: 12px 18px 8px; background: url(/images/tsone/bg_table_td.png) repeat-x 0 0; } body.rescue #box_rescue .box_price table td:first-child { border-left: none; font-family: "ClearTone SG Light"; border-right: 20px solid #fff; } body.rescue #box_rescue .box_price table td:first-child .inner { padding: 12px 15px 8px 20px; } body.rescue #box_rescue .box_price table td.bottom { background: url(/images/tsone/bg_table_bottom.png) repeat-x 0 100%; } body.rescue #box_rescue .box_price table td.bottom .inner { padding-bottom: 12px; } body.rescue #box_rescue .box_price table label { font-family: "ClearTone SG Medium"; } body.rescue #box_rescue .box_price table input { float: left; } body.rescue #box_rescue .box_price table .follow { font-size: 11px; display: block; margin-top: 4px; line-height: 18px; } body.rescue #box_rescue .box_price table .text_c { text-align: center; color: #dbdbdb; } body.rescue #box_rescue #sec_plan_selfhosting header { margin-top: 60px; } body.rescue #box_rescue .lead { margin-top:20px; padding: 0 10px; font-size: 13px; font-family: "ClearTone SG Medium"; color: #666; line-height: 22px;} body.successRelease button .btnClose { background: #bababa; } body.failRelease button .btnClose { background: #bababa; } /* ------------------------------ Dlbuy - ToolInstall */ body.dlselect #box_dlselect { margin-top: 42px; } body.dlselect #box_dlselect header { padding-left: 14px; } body.dlselect #box_dlselect header h1,body.dlselect #box_dlselect header h2 { color: #000000; font-family: "FB Miller Display Bold"; } body.dlselect #box_dlselect header h2 { margin: 44px 0 0; font-size: 14px; line-height: 22px; } body.dlselect #box_dlselect header h1 { margin: 0; font-size: 28px; line-height: 36px; } body.dlselect #box_dlselect #box_btns { padding: 60px 210px 0; width: 300px; } body.dlselect #box_dlselect #box_btns input.btn_back { display: block; float: left; } body.dlselect #box_dlselect #box_btns input.btn_next { display: block; float: right; } body.dlselect #box_dlselect .box_price { width: 720px; } body.dlselect #box_dlselect .box_price .help{ font-size: 13px; color: #383838; } body.dlselect #box_dlselect .box_price .rice{ font-size: 13px; color: #DE4830; } body.dlselect #box_dlselect .box_price .detailBtn{ width: 98px; height: 24px; background-color: #93A7D1; color: white; padding: 2px 10px; border-radius: 3px; margin-left: 65px; box-shadow:1px 1px 1px #555; transition: opacity 0.2s; font-family: ClearTone SG Medium;} body.dlselect #box_dlselect .box_price .detailBtn:hover{ width: 98px; height: 24px; background-color: #93A7D1; opacity: 0.7; padding: 2px 10px; border-radius: 3px; margin-left: 65px; box-shadow:1px 1px 1px #555; cursor: pointer; transition: opacity: 0s;} body.dlselect #box_dlselect .box_price .detailBtn:active{ width: 98px; height: 24px; background-color: #93A7D1; opacity: 0.5; padding: 2px 10px; border-radius: 3px; margin-left: 65px; box-shadow:1px 1px 1px #555; cursor: pointer;} body.dlselect #box_dlselect .box_price header { margin-top: 45px; width: 718px; border: solid 1px #ffcbe1; -webkit-border-radius: 6px 6px; -moz-border-radius: 6px / 6px; border-radius: 6px / 6px; behavior: url(/css/PIE); background-color: #fff7fa; padding-left: 0; } body.dlselect #box_dlselect .box_price header h1 { margin: 0; padding: 14px 0 14px 31px; color: #4d4d4d; font-family: "FB Miller Display Bold"; font-size: 20px; line-height: 30px; background: url(/images/tsone/arw_heading_01.png) 14px 50% no-repeat; } body.dlselect #box_dlselect .box_price table { margin-top: 30px; width: 700px; } body.dlselect #box_dlselect .box_price table th { text-align: center; font-family: "ClearTone SG Medium"; font-size: 13px; border-left: 2px solid white; padding: 3px 0 0;} body.dlselect #box_dlselect .box_price table th.col_item { color: #0095ff; background: url(/images/tsone/bg_table_th.png) no-repeat 0 0; } body.dlselect #box_dlselect .box_price table .col_item { text-align: left; width: 300px; } body.dlselect #box_dlselect .box_price table .col_item .inner { padding-left: 20px; } body.dlselect #box_dlselect .box_price table th.col_s, body.dlselect #box_dlselect .box_price table th.col_m, body.dlselect #box_dlselect .box_price table th.col_l { color: #ff4c97; background: url(/images/tsone/bg_table_th.png) no-repeat -3000px 0; } body.dlselect #box_dlselect .box_price table .col_s, body.dlselect #box_dlselect .box_price table .col_m, body.dlselect #box_dlselect .box_price table .col_l { width: 174px; } body.dlselect #box_dlselect .box_price table th .inner { padding: 7px 0 6px; } body.dlselect #box_dlselect .box_price table th:first-child { border-left: none; border-right: 20px solid #fff; } body.dlselect #box_dlselect .box_price table td { border-left: 2px solid white; vertical-align: top; padding: 0; font-family: "ClearTone SG Light"; font-size: 13px; } body.dlselect #box_dlselect .box_price table td .inner { padding: 12px 18px 8px; background: url(/images/tsone/bg_table_td.png) repeat-x 0 0; } body.dlselect #box_dlselect .box_price table td:first-child { border-left: none; font-family: "ClearTone SG Light"; border-right: 20px solid #fff; } body.dlselect #box_dlselect .box_price table td:first-child .inner { padding: 12px 15px 8px 20px; } body.dlselect #box_dlselect .box_price table td.bottom { background: url(/images/tsone/bg_table_bottom.png) repeat-x 0 100%; } body.dlselect #box_dlselect .box_price table td.bottom .inner { padding-bottom: 12px; } body.dlselect #box_dlselect .box_price table td #download_title { display: inline-block; margin-bottom: 5px; font-family: "ClearTone SG bold"; } body.dlselect #box_dlselect .box_price table label { font-family: "ClearTone SG Medium"; } body.dlselect #box_dlselect .box_price table input { float: left; } body.dlselect #box_dlselect .box_price table .follow { font-size: 11px; display: block; margin-top: 4px; line-height: 18px; } body.dlselect #box_dlselect .box_price table .text_c { text-align: center; color: #dbdbdb; } body.dlselect #box_dlselect #sec_plan_selfhosting header { margin-top: 60px; } /* ------------------------------ Dlsettings */ body.dlsettings #box_planoption header { padding-left: 14px; } body.dlsettings #box_planoption header h1, body.dlsettings #box_planoption header h2 { color: #000000; font-family: "FB Miller Display Bold"; } body.dlsettings #box_planoption header h2 { margin: 0 0; font-size: 14px; line-height: 22px; } body.dlsettings #box_planoption header h1 { margin: 0; font-size: 28px; line-height: 36px; } body.dlsettings #box_planoption .lead { width: 705px; padding: 38px 0 0 15px; font-family: "ClearTone SG Medium"; color: #666666; font-size: 13px; line-height: 22px; } body.dlsettings #box_planoption .notice { margin: 46px 0 0; padding-top: 24px; width: 720px; height: 52px; color: #ff0000; font-family: "ClearTone SG Medium"; font-size: 13px; line-height: 21px; text-align: center; background: url(/images/tsone/bg_notice.png) no-repeat 0 0; } body.dlsettings #box_planoption #box_contract_plan_list { width: 720px; } body.dlsettings #box_planoption #box_contract_plan_list header { margin-top: 45px; margin-bottom: 20px; width: 718px; border: solid 1px #ebebeb; -webkit-border-radius: 6px 6px; -moz-border-radius: 6px / 6px; border-radius: 6px / 6px; behavior: url(/css/PIE); background-color: #fafafa; padding-left: 0; } body.dlsettings #box_planoption #box_contract_plan_list header h1 { margin: 0; padding: 14px 0 14px 31px; color: #4d4d4d; font-family: "FB Miller Display Bold"; font-size: 20px; line-height: 30px; background: url(/images/tsone/arw_heading_01.png) 14px 50% no-repeat; } body.dlsettings #box_planoption #box_contract_plan_list table { width: 700px; margin-left: 10px; } body.dlsettings #box_planoption #box_contract_plan_list table th { font-family: "ClearTone SG Medium"; font-size: 13px; border-bottom: 1px solid white; border-left: 2px solid white; background: url(/images/tsone/bg_table.png) repeat 0 0; padding: 3px 0 0; text-align: center; } body.dlsettings #box_planoption #box_contract_plan_list table th .inner { border-top: 1px solid white; background-color: #f2f2f2; padding: 9px 0 8px; } body.dlsettings #box_planoption #box_contract_plan_list table td { vertical-align: top; border-left: 2px solid white; padding: 0; font-family: "ClearTone SG Light"; font-size: 13px; } body.dlsettings #box_planoption #box_contract_plan_list table td .inner { padding: 5px 10px; border-top: 1px solid #ebebeb; vertical-align: middle; line-height: 24px; } body.dlsettings #box_planoption #box_contract_plan_list table .col_planname { width: 600px; } body.dlsettings #box_planoption #box_contract_plan_list table .col_planname_fonts { width: 600px; } body.dlsettings #box_planoption #box_contract_plan_list table .col_stopdate { width: 150px; } body.dlsettings #box_planoption #box_contract_plan_list table .col_stopdate_finish { width: 500px; } body.dlsettings #box_planoption #box_contract_plan_list table .col_fontnum { width: 150px; } body.dlsettings #box_planoption #box_contract_plan_list table .col_fontnum .inner { text-align: center; } body.dlsettings #box_planoption #box_contract_plan_list table .col_confirm { width: 60px; } body.dlsettings #box_planoption #box_contract_plan_list table .col_stopdate .inner { text-align: center; } body.dlsettings #box_planoption #box_contract_plan_list table .col_btns { width: 120px; } body.dlsettings #box_planoption #box_contract_plan_list table .col_btns .inner { text-align: center; } body.dlsettings #box_planoption #box_contract_plan_list table td.bottom { background: url(/images/tsone/bg_table.png) repeat 0 100%; } body.dlsettings #box_planoption #box_contract_plan_list table td.bottom .inner { padding-bottom: 8px; border-top: 1px solid #ebebeb; } body.dlsettings #indication_container { margin: 41px 0 10px; color: #666666; font-family: "ClearTone SG Light"; font-size: 12px; line-height: 29px; } body.dlsettings #indication_container #indicator { width: 250px; float: left; padding-left: 15px; } body.dlsettings #indication_container #link_indicate { width: 329px; float: right; } body.dlsettings #indication_container #link_indicate li { display: block; float: left; padding: 0 7px 0 6px; background: url(/images/tsone/line_link_indicate.png) no-repeat right center; } body.dlsettings #indication_container #link_indicate li a { display: block; width: 70px; color: #666666; text-decoration: none; text-align: center; } body.dlsettings #indication_container #link_indicate li a:hover { text-decoration: underline; } body.dlsettings #indication_container #link_indicate li:first-child { padding-left: 0; } body.dlsettings #indication_container #link_indicate li:last-child { background: none; } body.dlsettings #indication_container #link_indicate li.current a { color: #0095ff; -webkit-border-radius: 3px 3px; -moz-border-radius: 3px / 3px; border-radius: 3px / 3px; behavior: url(/css/PIE); background-color: #edfaff; } body.dlsettings ul.pager { display: table; vertical-align: top; margin: 50px 0 0; text-align: center; width: 720px; height: 23px; line-height: 23px; } body.dlsettings ul.pager li { display: inline-table; vertical-align: top; margin-right: 20px; font-family: "ClearTone SG Medium"; font-size: 13px; } body.dlsettings ul.pager li:last-child { margin-right: 0; } body.dlsettings ul.pager li a { display: block; font-family: "ClearTone SG Medium"; font-size: 13px; line-height: 23px; text-decoration: none; color: #999999; } body.dlsettings ul.pager li a:hover { text-decoration: underline; } body.dlsettings ul.pager li.prev { background: url(/images/tsone/line_dots_vertical.png) repeat-y right top; } body.dlsettings ul.pager li.prev a { padding: 0 15px 0 26px; color: #000000; background: url(/images/tsone/arw_pager.png) no-repeat 0 -97px; } body.dlsettings ul.pager li.prev a:hover { color: #999999; background-position: 0 -147px; text-decoration: none; } body.dlsettings ul.pager li.next { background: url(/images/tsone/line_dots_vertical.png) repeat-y left top; } body.dlsettings ul.pager li.next a { padding: 0 45px 0 15px; color: #000000; background: url(/images/tsone/arw_pager.png) no-repeat 100% 3px; } body.dlsettings ul.pager li.next a:hover { color: #999999; background-position: 100% -47px; text-decoration: none; } body.dlsettings ul.pager li.current a { color: #000000; } .small_caution { color: #ff0000; font-family: "ClearTone SG Light"; font-size: 10px; } body.dlsettings #box_planoption #box_contract_plan_list .additional-information-text { color: #666666; font-family: "ClearTone SG Light"; font-size: 11px; padding-top: 15px; padding-left: 10px;} body.dlsettings #box_btns .btn_next { width: 160px; height: 50px; float:right; margin-left:-1000px; border:1px solid #18b8ff; border-radius: 3px; padding: 10px 10px 10px 10px; text-decoration:none; display:inline-block; background-color: #50C9FF; background-image: -webkit-gradient(linear, left top, left bottom, from(#50C9FF), to(#00A5F5)); background-image: -webkit-linear-gradient(top, #50C9FF, #00A5F5); background-image: -moz-linear-gradient(top, #50C9FF, #00A5F5); background-image: -ms-linear-gradient(top, #50C9FF, #00A5F5); background-image: -o-linear-gradient(top, #50C9FF, #00A5F5); background-image: linear-gradient(to bottom, #50C9FF, #00A5F5); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#50C9FF, endColorstr=#00A5F5); } body.dlsettings #box_btns .btn_next:hover { border:1px solid #18b8ff; background-color: #00A5F5; background-image: -webkit-gradient(linear, left top, left bottom, from(#00A5F5), to(#00A5F5)); background-image: -webkit-linear-gradient(top, #00A5F5, #00A5F5); background-image: -moz-linear-gradient(top, #00A5F5, #00A5F5); background-image: -ms-linear-gradient(top, #00A5F5, #00A5F5); background-image: -o-linear-gradient(top, #00A5F5, #00A5F5); background-image: linear-gradient(to bottom, #00A5F5, #00A5F5); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#00A5F5, endColorstr=#00A5F5); } /* ------------------------------ DownloadFonts */ body #box_dlfonts { margin-top: 29px; } body #box_dlfonts header h1 { margin: 0; font-family: "FB Miller Display Bold"; font-size: 36px; line-height: 58px; color: #000000; } body #box_dlfonts .lead { margin-top: 27px; color: #666666; font-family: "ClearTone SG Medium"; font-size: 14px; line-height: 22px; } body #box_dlfonts .caution { margin-top: 27px; color: #DA4949; font-family: "Ryumin Medium KL"; font-size: 14px; line-height: 22px; } body #box_dlfonts #btn_application { margin-top: 16px; width: 220px; height: 40px; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ff9bc2), color-stop(100%, #ff64a0)); background-image: -webkit-linear-gradient(#ff9bc2, #ff64a0); background-image: -moz-linear-gradient(#ff9bc2, #ff64a0); background-image: -o-linear-gradient(#ff9bc2, #ff64a0); background-image: linear-gradient(#ff9bc2, #ff64a0); -pie-background: linear-gradient(#ff9bc2, #ff64a0); -webkit-border-radius: 4px 4px; -moz-border-radius: 4px / 4px; border-radius: 4px / 4px; behavior: url(/css/PIE); } body #box_dlfonts #btn_application:hover { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ff64a0), color-stop(100%, #ff64a0)); background-image: -webkit-linear-gradient(#ff64a0, #ff64a0); background-image: -moz-linear-gradient(#ff64a0, #ff64a0); background-image: -o-linear-gradient(#ff64a0, #ff64a0); background-image: linear-gradient(#ff64a0, #ff64a0); -pie-background: linear-gradient(#ff64a0, #ff64a0); } body #box_dlfonts #btn_application a { display: block; padding: 1px 0 0 43px; color: #ffffff; font-family: "ClearTone SG Medium"; font-size: 13px; text-decoration: none; line-height: 39px; background: url(/images/tsone/arw_btn_01.png) 12px 50% no-repeat; } body #box_dlfonts #btn_application a:hover { background: url(/images/tsone/arw_btn_01_on.png) 12px 50% no-repeat; } body #box_dlfonts #box_detail_container { margin-top: 40px; width: 720px; border-top: solid 1px #ebebeb; } body #box_dlfonts #box_detail_container li { margin-top: 60px; width: 710px; } body #box_dlfonts #box_detail_container li .visual { float: left; width: 288px; border: solid 1px #ebebeb; -webkit-border-radius: 6px 6px; -moz-border-radius: 6px / 6px; border-radius: 6px / 6px; behavior: url(/css/PIE); } body #box_dlfonts #box_detail_container li .box_detail { float: right; width: 380px; } body #box_dlfonts #box_detail_container li .box_detail h1 { margin: -4px 0 0; font-family: "FB Miller Display Bold", "Jun 34"; font-size: 24px; line-height: 31px; color: #0095ff; } body #box_dlfonts #box_detail_container li .box_detail .txt_detail { margin-top: 17px; font-family: "ClearTone SG Light"; font-size: 14px; line-height: 25px; color: #666666; } body #box_dlfonts #box_detail_container li .box_detail .btn_detail { margin: 24px 0 0; } body #box_dlfonts #box_detail_container li .box_detail .btn_detail a { display: block; padding-left: 41px; width: 339px; height: 44px; color: #4c4c4c; font-family: "ClearTone SG Medium"; font-size: 12px; line-height: 44px; text-decoration: none; background: #edfaff url(/images/tsone/arw_btn_02.png) 12px 50% no-repeat; -webkit-border-radius: 4px 4px; -moz-border-radius: 4px / 4px; border-radius: 4px / 4px; behavior: url(/css/PIE); } body #box_dlfonts #box_detail_container li .box_detail .btn_detail a:hover { color: #333333; background: #d9f4ff url(/images/tsone/arw_btn_02_on.png) 12px 50% no-repeat; } body #box_dlfonts #box_detail_container li .box_detail .btn_detail_2 { margin-top: 10px; } body #box_dlfonts #box_detail_container li#box_demo .visual { padding: 46px 0; } body #box_dlfonts #box_detail_container li#box_demo .visual #slideshow p { width: 288px; font-size: 160px; color: #000000; text-align: center; } body #box_dlfonts #box_detail_container li#box_demo .visual #slideshow p.font_01 { font-family: "Kocho"; } body #box_dlfonts #box_detail_container li#box_demo .visual #slideshow p.font_02 { font-family: "Ryumin Medium KL"; } body #box_dlfonts #box_detail_container li#box_demo .visual #slideshow p.font_03 { font-family: "Kumoyaji"; } body #box_dlfonts #box_detail_container li#box_demo .visual #slideshow p.font_04 { font-family: "Jun 34"; } body #box_dlfonts #box_detail_container li#box_demo .visual #slideshow p.font_05 { font-family: "Kakushin Gyousho Light"; } body #box_dlfonts #box_detail_container li#box_fontlist .visual { padding-left: 30px; width: 258px; background: url(/images/tsone/bg_home_sec_ts.png) 34px 59px no-repeat; } body #box_dlfonts #box_detail_container li#box_fontlist .visual p { margin: 187px 0 48px; color: #000000; font-family: "Ryumin Medium KL"; font-size: 78px; line-height: 1.4; } body #box_dlfonts #box_detail_container li#box_example .visual { padding-bottom: 30px; } body #box_dlfonts #box_detail_container li#box_example .visual .font_menu { padding: 29px 0 0 38px; font-family: "Gothic MB101 DemiBold"; font-size: 12px; line-height: 1.3; color: #000000; } body #box_dlfonts #box_detail_container li#box_example .visual .font_menu span { font-family: "Gothic MB101 Bold"; font-size: 20px; } body #box_dlfonts #box_detail_container li#box_example .visual .font_h1 { padding-left: 163px; font-family: "Ryumin Heavy KL"; font-size: 12px; line-height: 1.3; color: #000000; } body #box_dlfonts #box_detail_container li#box_example .visual .font_h1 span { font-size: 20px; } body #box_dlfonts #box_detail_container li#box_entry .visual p { padding: 0 26px 0 6px; } body #box_dlfonts #box_detail_container li#box_entry .visual p span { margin: 0; padding-left: 20px; font-size: 44px; line-height: 84px; color: #000000; } body #box_dlfonts #box_detail_container li#box_entry .visual p span.font_01 { font-family: "FB Miller Display Bold"; } body #box_dlfonts #box_detail_container li#box_entry .visual p span.font_02 { font-family: "A1 Mincho"; } body #box_dlfonts #box_detail_container li#box_entry .visual p span.font_03 { font-family: "Kocho"; } body #box_dlfonts #box_detail_container li#box_entry .visual p span.font_04 { font-family: "Reimin Medium"; } body #box_dlfonts #box_detail_container li#box_entry .visual p span.font_05 { font-family: "Futo Go B101"; } body #box_dlfonts #box_detail_container li#box_entry .visual p span.font_06 { font-family: "Gothic MB101 Bold"; } body #box_dlfonts #box_detail_container li#box_entry .visual p span.font_07 { font-family: "Shin Go Emboss"; } body #box_dlfonts #box_detail_container li#box_entry .visual p span.font_08 { font-family: "Jun 501"; } body #box_dlfonts #box_detail_container li#box_entry .visual p span.font_09 { font-family: "Kumoyaji"; } body #box_dlfonts #box_detail_container li#box_entry .visual p span.font_10 { font-family: "Haruhi Gakuen"; } body #box_dlfonts #box_detail_container li#box_entry .visual p span.font_11 { font-family: "Pretty Momo"; } body #box_dlfonts #box_detail_container li#box_entry .visual p span.font_12 { font-family: "Kakushin Gyousho Light"; } /* ------------------------------ ToolInstall */ body.dlselect header h1 { margin: 0; font-family: "FB Miller Display Bold"; font-size: 36px; line-height: 58px; color: #000000; } body.dlselect .lead { margin-top: 27px; color: #666666; font-family: "ClearTone SG Medium"; font-size: 14px; line-height: 22px; } body.dlselect .caution { margin-top: 27px; color: #DA4949; font-family: "Ryumin Medium KL"; font-size: 14px; line-height: 22px; } body.dlselect #btn_application { margin-top: 16px; width: 220px; height: 40px; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ff9bc2), color-stop(100%, #ff64a0)); background-image: -webkit-linear-gradient(#ff9bc2, #ff64a0); background-image: -moz-linear-gradient(#ff9bc2, #ff64a0); background-image: -o-linear-gradient(#ff9bc2, #ff64a0); background-image: linear-gradient(#ff9bc2, #ff64a0); -pie-background: linear-gradient(#ff9bc2, #ff64a0); -webkit-border-radius: 4px 4px; -moz-border-radius: 4px / 4px; border-radius: 4px / 4px; behavior: url(/css/PIE); } body.dlselect #btn_application:hover { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ff64a0), color-stop(100%, #ff64a0)); background-image: -webkit-linear-gradient(#ff64a0, #ff64a0); background-image: -moz-linear-gradient(#ff64a0, #ff64a0); background-image: -o-linear-gradient(#ff64a0, #ff64a0); background-image: linear-gradient(#ff64a0, #ff64a0); -pie-background: linear-gradient(#ff64a0, #ff64a0); } body.dlselect #btn_application a { display: block; padding: 1px 0 0 43px; color: #ffffff; font-family: "ClearTone SG Medium"; font-size: 13px; text-decoration: none; line-height: 39px; background: url(/images/tsone/arw_btn_01.png) 12px 50% no-repeat; } body.dlselect #btn_application a:hover { background: url(/images/tsone/arw_btn_01_on.png) 12px 50% no-repeat; } body.dlselect #box_detail_container { margin-top: 40px; width: 720px; border-top: solid 1px #ebebeb; } body.dlselect #box_detail_container li { margin-top: 60px; width: 710px; } body.dlselect #box_detail_container li .visual { float: left; width: 288px; border: solid 1px #ebebeb; -webkit-border-radius: 6px 6px; -moz-border-radius: 6px / 6px; border-radius: 6px / 6px; behavior: url(/css/PIE); } body.dlselect #box_detail_container li .box_detail { float: right; width: 380px; } body.dlselect #box_detail_container li .box_detail h1 { margin: -4px 0 0; font-family: "FB Miller Display Bold", "Jun 34"; font-size: 24px; line-height: 31px; color: #0095ff; } body.dlselect #box_detail_container li .box_detail .txt_detail { margin-top: 17px; font-family: "ClearTone SG Light"; font-size: 14px; line-height: 25px; color: #666666; } body.dlselect #box_detail_container li .box_detail .btn_detail { margin: 24px 0 0; } body.dlselect #box_detail_container li .box_detail .btn_detail a { display: block; padding-left: 41px; width: 339px; height: 44px; color: #4c4c4c; font-family: "ClearTone SG Medium"; font-size: 12px; line-height: 44px; text-decoration: none; background: #edfaff url(/images/tsone/arw_btn_02.png) 12px 50% no-repeat; -webkit-border-radius: 4px 4px; -moz-border-radius: 4px / 4px; border-radius: 4px / 4px; behavior: url(/css/PIE); } body.dlselect #box_detail_container li .box_detail .btn_detail a:hover { color: #333333; background: #d9f4ff url(/images/tsone/arw_btn_02_on.png) 12px 50% no-repeat; } body.dlselect #box_detail_container li .box_detail .btn_detail_2 { margin-top: 10px; } body.dlselect #box_detail_container li#box_demo .visual { padding: 46px 0; } body.dlselect #box_detail_container li#box_demo .visual #slideshow p { width: 288px; font-size: 160px; color: #000000; text-align: center; } body.dlselect #box_detail_container li#box_demo .visual #slideshow p.font_01 { font-family: "Kocho"; } body.dlselect #box_detail_container li#box_demo .visual #slideshow p.font_02 { font-family: "Ryumin Medium KL"; } body.dlselect #box_detail_container li#box_demo .visual #slideshow p.font_03 { font-family: "Kumoyaji"; } body.dlselect #box_detail_container li#box_demo .visual #slideshow p.font_04 { font-family: "Jun 34"; } body.dlselect #box_detail_container li#box_demo .visual #slideshow p.font_05 { font-family: "Kakushin Gyousho Light"; } body.dlselect #box_detail_container li#box_fontlist .visual { padding-left: 30px; width: 258px; background: url(/images/tsone/bg_home_sec_ts.png) 34px 59px no-repeat; } body.dlselect #box_detail_container li#box_fontlist .visual p { margin: 187px 0 48px; color: #000000; font-family: "Ryumin Medium KL"; font-size: 78px; line-height: 1.4; } body.dlselect #box_detail_container li#box_example .visual { padding-bottom: 30px; } body.dlselect #box_detail_container li#box_example .visual .font_menu { padding: 29px 0 0 38px; font-family: "Gothic MB101 DemiBold"; font-size: 12px; line-height: 1.3; color: #000000; } body.dlselect #box_detail_container li#box_example .visual .font_menu span { font-family: "Gothic MB101 Bold"; font-size: 20px; } body.dlselect #box_detail_container li#box_example .visual .font_h1 { padding-left: 163px; font-family: "Ryumin Heavy KL"; font-size: 12px; line-height: 1.3; color: #000000; } body.dlselect #box_detail_container li#box_example .visual .font_h1 span { font-size: 20px; } body.dlselect #box_detail_container li#box_entry .visual p { padding: 0 26px 0 6px; } body.dlselect #box_detail_container li#box_entry .visual p span { margin: 0; padding-left: 20px; font-size: 44px; line-height: 84px; color: #000000; } body.dlselect #box_detail_container li#box_entry .visual p span.font_01 { font-family: "FB Miller Display Bold"; } body.dlselect #box_detail_container li#box_entry .visual p span.font_02 { font-family: "A1 Mincho"; } body.dlselect #box_detail_container li#box_entry .visual p span.font_03 { font-family: "Kocho"; } body.dlselect #box_detail_container li#box_entry .visual p span.font_04 { font-family: "Reimin Medium"; } body.dlselect #box_detail_container li#box_entry .visual p span.font_05 { font-family: "Futo Go B101"; } body.dlselect #box_detail_container li#box_entry .visual p span.font_06 { font-family: "Gothic MB101 Bold"; } body.dlselect #box_detail_container li#box_entry .visual p span.font_07 { font-family: "Shin Go Emboss"; } body.dlselect #box_detail_container li#box_entry .visual p span.font_08 { font-family: "Jun 501"; } body.dlselect #box_detail_container li#box_entry .visual p span.font_09 { font-family: "Kumoyaji"; } body.dlselect #box_detail_container li#box_entry .visual p span.font_10 { font-family: "Haruhi Gakuen"; } body.dlselect #box_detail_container li#box_entry .visual p span.font_11 { font-family: "Pretty Momo"; } body.dlselect #box_detail_container li#box_entry .visual p span.font_12 { font-family: "Kakushin Gyousho Light"; } body.dlselect .box_step .clear {clear: both;} body.dlselect .box_step h3 { font-weight: normal; font-family: "Ryumin Heavy KL"; font-size: 16px; line-height: 1; float: left; width: 80px; margin: 0; } body.dlselect .box_step h3 span { font-family: "Ryumin Medium KL"; font-size: 64px; margin-left: 8px; vertical-align: middle; } /*Desktop Fonts*/ body.desktopfonts #box_service { margin-top: 29px; } body.desktopfonts #box_service header h1 { margin: 0; font-family: "FB Miller Display Bold"; font-size: 36px; line-height: 58px; color: #000000; } body.desktopfonts #box_service .lead { margin-top: 14px; color: #666666; font-family: "ClearTone SG Medium"; font-size: 14px; line-height: 22px; } body.desktopfonts #box_service #box_detail_container { margin-top: 10px; width: 720px; border-top: solid 1px #ebebeb; } body.desktopfonts #box_service #box_detail_container li { margin-top: 60px; width: 710px; } body.desktopfonts #box_service #box_detail_container li .visual { float: left; width: 288px; border: solid 1px #ebebeb; -webkit-border-radius: 6px 6px; -moz-border-radius: 6px / 6px; border-radius: 6px / 6px; behavior: url(/css/PIE); } body.desktopfonts #box_service #box_detail_container li .box_detail { float: right; width: 380px; } body.desktopfonts #box_service #box_detail_container li .box_detail h1 { margin: -4px 0 0; font-family: "FB Miller Display Bold", "Jun 34"; font-size: 24px; line-height: 31px; color: #0095ff; } body.desktopfonts #box_service #box_detail_container li .box_detail .txt_detail { margin-top: 17px; font-family: "ClearTone SG Light"; font-size: 14px; line-height: 25px; color: #666666; } body.desktopfonts #box_service #box_detail_container li .box_detail .btn_detail { margin: 24px 0 0; } body.desktopfonts #box_service #box_detail_container li .box_detail .btn_detail a { display: block; padding-left: 41px; width: 339px; height: 44px; color: #4c4c4c; font-family: "ClearTone SG Medium"; font-size: 12px; line-height: 44px; text-decoration: none; background: #edfaff url(/images/tsone/arw_btn_02.png) 12px 50% no-repeat; -webkit-border-radius: 4px 4px; -moz-border-radius: 4px / 4px; border-radius: 4px / 4px; behavior: url(/css/PIE); } body.desktopfonts #box_service #box_detail_container li .box_detail .btn_detail a:hover { color: #333333; background: #d9f4ff url(/images/tsone/arw_btn_02_on.png) 12px 50% no-repeat; } body.desktopfonts #box_service #box_detail_container li .box_detail .btn_detail_2 { margin-top: 10px; } body.desktopfonts #box_service #box_detail_container li#box_demo .visual { padding: 46px 0; } body.desktopfonts #box_service #box_detail_container li#box_demo .visual #slideshow p { width: 288px; font-size: 160px; color: #000000; text-align: center; } body.desktopfonts #box_service #box_detail_container li#box_demo .visual #slideshow p.font_01 { font-family: "Kocho"; } body.desktopfonts #box_service #box_detail_container li#box_demo .visual #slideshow p.font_02 { font-family: "Ryumin Medium KL"; } body.desktopfonts #box_service #box_detail_container li#box_demo .visual #slideshow p.font_03 { font-family: "Kumoyaji"; } body.desktopfonts #box_service #box_detail_container li#box_demo .visual #slideshow p.font_04 { font-family: "Jun 34"; } body.desktopfonts #box_service #box_detail_container li#box_demo .visual #slideshow p.font_05 { font-family: "Kakushin Gyousho Light"; } body.desktopfonts #box_service #box_detail_container li#box_fontlist .visual { padding-left: 30px; width: 258px; background: url(/images/tsone/bg_home_sec_ts.png) 34px 59px no-repeat; } body.desktopfonts #box_service #box_detail_container li#box_fontlist .visual p { margin: 187px 0 48px; color: #000000; font-family: "Ryumin Medium KL"; font-size: 78px; line-height: 1.4; } body.desktopfonts #box_service #box_detail_container li#box_example .visual { padding-bottom: 30px; } body.desktopfonts #box_service #box_detail_container li#box_example .visual .font_menu { padding: 29px 0 0 38px; font-family: "Gothic MB101 DemiBold"; font-size: 12px; line-height: 1.3; color: #000000; } body.desktopfonts #box_service #box_detail_container li#box_example .visual .font_menu span { font-family: "Gothic MB101 Bold"; font-size: 20px; } body.desktopfonts #box_service #box_detail_container li#box_example .visual .font_h1 { padding-left: 163px; font-family: "Ryumin Heavy KL"; font-size: 12px; line-height: 1.3; color: #000000; } body.desktopfonts #box_service #box_detail_container li#box_example .visual .font_h1 span { font-size: 20px; } body.desktopfonts #box_service #box_detail_container li#box_entry .visual p { padding: 0 26px 0 6px; } body.desktopfonts #box_service #box_detail_container li#box_entry .visual p span { margin: 0; padding-left: 20px; font-size: 44px; line-height: 84px; color: #000000; } body.desktopfonts #box_service #box_detail_container li#box_entry .visual p span.font_01 { font-family: "FB Miller Display Bold"; } body.desktopfonts #box_service #box_detail_container li#box_entry .visual p span.font_02 { font-family: "A1 Mincho"; } body.desktopfonts #box_service #box_detail_container li#box_entry .visual p span.font_03 { font-family: "Kocho"; } body.desktopfonts #box_service #box_detail_container li#box_entry .visual p span.font_04 { font-family: "Reimin Medium"; } body.desktopfonts #box_service #box_detail_container li#box_entry .visual p span.font_05 { font-family: "Futo Go B101"; } body.desktopfonts #box_service #box_detail_container li#box_entry .visual p span.font_06 { font-family: "Gothic MB101 Bold"; } body.desktopfonts #box_service #box_detail_container li#box_entry .visual p span.font_07 { font-family: "Shin Go Emboss"; } body.desktopfonts #box_service #box_detail_container li#box_entry .visual p span.font_08 { font-family: "Jun 501"; } body.desktopfonts #box_service #box_detail_container li#box_entry .visual p span.font_09 { font-family: "Kumoyaji"; } body.desktopfonts #box_service #box_detail_container li#box_entry .visual p span.font_10 { font-family: "Haruhi Gakuen"; } body.desktopfonts #box_service #box_detail_container li#box_entry .visual p span.font_11 { font-family: "Pretty Momo"; } body.desktopfonts #box_service #box_detail_container li#box_entry .visual p span.font_12 { font-family: "Kakushin Gyousho Light"; } body.desktopfonts #box_plan { margin-top: 40px; width: 720px; border-top: solid 1px #ebebeb; } body.desktopfonts #box_plan a { color: #0095ff; text-decoration: none;} body.desktopfonts #box_plan a:hover { text-decoration: underline; } body.desktopfonts #box_plan > header { padding-left: 12px; } body.desktopfonts #box_plan > header h1 { margin: 0; font-family: "FB Miller Display Bold"; font-size: 28px; line-height: 36px; color: #000000; } body.desktopfonts #box_plan #sec_lead { width: 720px; } body.desktopfonts #box_plan #sec_lead .lead { margin-top: 38px; padding-left: 15px; color: #666666; font-family: "ClearTone SG Medium"; font-size: 13px; line-height: 22px; } body.desktopfonts #box_plan #sec_lead .lead b { font-weight: normal; color: #ff63a0; display: block; margin-top: 10px; font-family: "Reimin Y20 Bold"; } body.desktopfonts #box_plan #sec_lead .ban_lead_side { margin-top: 38px; float: right; width: 145px; padding: 0 21px 0 30px; border-left: 1px dotted #ccc; } body.desktopfonts #box_plan #link_internal { margin-top: 40px; font-family: "Reimin Bold"; } body.desktopfonts #box_plan #link_internal li { float: left; border-left: 1px dotted #ccc; height: 31px; } body.desktopfonts #box_plan #link_internal li:first-child { border-left: none; } body.desktopfonts #box_plan #link_internal a { display: block; background: url(/images/tsone/arw_link_internal.png) no-repeat 50% 23px; padding-top: 2px; text-align: center; text-decoration: none; color: #333333; font-size: 12px; height: 29px; } body.desktopfonts #box_plan #link_internal a:hover { color: #0095ff; background-position: 50% -73px; } body.desktopfonts #box_plan #link_internal #link_internal_01 { width: 152px; } body.desktopfonts #box_plan #link_internal #link_internal_02 { width: 192px; } body.desktopfonts #box_plan #link_internal #link_internal_03 { width: 156px; } body.desktopfonts #box_plan #link_internal #link_internal_04 { width: 221px; } body.desktopfonts #box_plan .box_price { margin-top: 30px; width: 720px; } body.desktopfonts #box_plan #link_internal+.box_price { margin-top: 45px; } body.desktopfonts #box_plan .box_price header { width: 718px; border: solid 1px #ffcbe1; -webkit-border-radius: 6px 6px; -moz-border-radius: 6px / 6px; border-radius: 6px / 6px; behavior: url(/css/PIE); background-color: #fff7fa; } body.desktopfonts #box_plan .box_price header h1 { margin: 0; padding: 14px 0 14px 31px; color: #4d4d4d; font-family: "FB Miller Display Bold"; font-size: 20px; line-height: 30px; background: url(/images/tsone/arw_heading_01.png) 14px 50% no-repeat; } body.desktopfonts #box_plan .box_price .lead { padding: 26px 35px 26px; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 21px; } body.desktopfonts #box_plan .box_price .note { padding: 17px 35px 0; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 21px; } body.desktopfonts #box_plan .box_price ul.note { list-style: disc; margin-left: 18px; } body.desktopfonts #box_plan .box_price p.note { padding-top: 1em; } body.desktopfonts #box_plan .table_caution { width: 700px; text-align: right; margin: 14px 0 0 10px; font-family: "ClearTone SG Medium"; font-size: 11px; } body.desktopfonts #box_plan table { margin-top: 8px; margin-left: 10px; width: 700px; } body.desktopfonts #box_plan colgroup.col_item { } body.desktopfonts #box_plan colgroup.col_free { background-color: #fffcf2; } body.desktopfonts #box_plan colgroup.col_s { background-color: #f2fbff; } body.desktopfonts #box_plan colgroup.col_m { background-color: #f2fbff; } body.desktopfonts #box_plan colgroup.col_l { background-color: #f5f5f5; } body.desktopfonts #box_plan .box_price table th { text-align: center; font-family: "ClearTone SG Medium"; font-size: 15px; border-left: 2px solid white; padding: 3px 0 0; vertical-align: top; } body.desktopfonts #box_plan .box_price table td { text-align: right; } body.desktopfonts #box_plan .box_price table th.col_item { color: #0095ff; background: url(/images/tsone/bg_table_th.png) no-repeat 0 0; } body.desktopfonts #box_plan .box_price table .col_item { text-align: left; width: 172px; } body.desktopfonts #box_plan .box_price table .col_item .inner { padding-left: 20px; } body.desktopfonts #box_plan .box_price table th.col_free { color: #ff4c97; background: url(/images/tsone/bg_table_th.png) no-repeat -1000px 0; } body.desktopfonts #box_plan .box_price table th.col_s, body.desktopfonts #box_plan .box_price table th.col_m, body.desktopfonts #box_plan .box_price table th.col_l { color: #304163; background: url(/images/tsone/bg_table_th.png) no-repeat -2000px 0; } body.desktopfonts #box_plan .box_price table .col_free { width: 109px; } body.desktopfonts #box_plan .box_price table .col_s, body.desktopfonts #box_plan .box_price table .col_m, body.desktopfonts #box_plan .box_price table .col_l { width: 137px; } body.desktopfonts #box_plan .box_price table th .inner { padding: 9px 0 8px; } body.desktopfonts #box_plan .box_price table th:first-child { border-left: none; } body.desktopfonts #box_plan .box_price table td { border-left: 2px solid white; vertical-align: top; padding: 0; font-family: "ClearTone SG Light"; font-size: 13px; } body.desktopfonts #box_plan .box_price table td .inner { padding: 12px 17px 8px; background: url(/images/tsone/bg_table_td.png) repeat-x 0 0; } body.desktopfonts #box_plan .box_price table td:first-child { border-left: none; font-family: "ClearTone SG Medium"; } body.desktopfonts #box_plan .box_price table td:first-child .inner { padding: 12px 15px 8px 20px; } body.desktopfonts #box_plan .box_price table td.bottom { background: url(/images/tsone/bg_table_bottom.png) repeat-x 0 100%; } body.desktopfonts #box_plan .box_price table td.bottom .inner { padding-bottom: 12px; } body.desktopfonts #box_plan .box_price table td.col_l .inner { font-size: 11px; text-align: left; line-height: 18px; } body.desktopfonts #box_plan .box_price table td.col_l_top .inner { background: url(/images/tsone/bg_table_th.png) no-repeat -5000px 0; padding: 50px 10px 0 15px; } body.desktopfonts #box_plan .box_price table b { font-family: "ClearTone SG Medium"; } body.desktopfonts #box_plan .box_price table .follow { font-size: 11px; display: block; margin-top: 4px; line-height: 18px; } body.desktopfonts #box_plan .box_price table .text_c { text-align: center; color: #dbdbdb; } body.desktopfonts #box_plan h3 { font-family: "ClearTone SG Medium"; font-size: 13px; margin: 10px 0 0 30px; color: #0095ff; } body.desktopfonts #box_plan .box_price table .contract_pv th, body.desktopfonts #box_plan .box_price table .contract_pv td { background-color: #ffeff5; } body.desktopfonts #box_plan #sec_plan_advanced .box_price table .col_item { width: 172px; } body.desktopfonts #box_plan #sec_plan_advanced .box_price table .col_s, body.desktopfonts #box_plan #sec_plan_advanced .box_price table .col_m, body.desktopfonts #box_plan #sec_plan_advanced .box_price table .col_l { width: 174px; } body.desktopfonts #box_plan #sec_plan_advanced dl { padding: 22px 35px 0; margin: 0; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 21px; } body.desktopfonts #box_plan #sec_plan_advanced dt { color: #0095ff; font-family: "ClearTone SG Medium"; } body.desktopfonts #box_plan #sec_plan_advanced dd { padding: 0; margin: 0; } body.desktopfonts #box_plan #sec_plan_advanced p { padding-top: 22px; } body.desktopfonts #box_plan #sec_plan_advanced b { font-family: "ClearTone SG Medium"; } body.desktopfonts #box_plan #sec_plan_passport header { border-color: #bfecff; background-color: #f2fbff; } body.desktopfonts #box_plan #sec_plan_passport h2 { margin: 21px 35px 0; color: #ff4c97; font-family: "ClearTone SG Medium"; font-size: 13px; line-height: 22px; font-weight: normal; } body.desktopfonts #box_plan #sec_plan_passport ul { margin: 0 35px 0 53px; color: #333; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 22px; list-style: disc; } body.desktopfonts #box_plan #sec_plan_passport dl { margin: 21px 35px 0; color: #333; font-family: "ClearTone SG Light"; font-size: 11px; line-height: 18px; } body.desktopfonts #box_plan #sec_plan_passport dt { font-family: "ClearTone SG Medium"; } body.desktopfonts #box_plan #sec_plan_passport dd { margin: 0; } body.desktopfonts #box_plan #sec_plan_passport .dive_link { margin-top: 10px; } body.desktopfonts #box_plan #sec_plan_passport dl+p { margin: 21px 35px 0; color: #333; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 22px; } body.desktopfonts #box_plan #sec_plan_passport ul.note { margin: 25px 0 0 33px; padding: 0; list-style: none; } body.desktopfonts #box_plan #sec_plan_passport ul.note li { padding-left: 1em; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 24px; color: #666666; text-indent: -1em; } body.desktopfonts #box_plan #box_qa { margin-top: 20px; padding-top: 30px; width: 720px; border-top: solid 1px #ebebeb; } body.desktopfonts #box_plan #box_qa h2 { margin: 0; padding: 1px 0 0 32px; color: #ff4c97; font-family: "ClearTone SG Medium"; font-size: 15px; line-height: 15px; background: url(/images/tsone/arw_heading_03.png) 14px 50% no-repeat; } body.desktopfonts #box_plan #box_qa ul.qa { margin: 40px 0 0; padding: 0 10px 0; background-color: #fff; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 1.6; } body.desktopfonts #box_plan #box_qa ul.qa li { background: url(/images/tsone/arw_box_faq.png) no-repeat 0 0; padding-left: 38px; margin-top: 20px; } body.desktopfonts #box_plan #box_qa ul.qa li a { color: #666; text-decoration: none; } body.desktopfonts #box_plan #box_qa ul.qa li a:hover { text-decoration: underline; } body.desktopfonts #box_plan #box_qa ul.note { margin-top: 25px; margin-left: 33px; } body.desktopfonts #box_plan #box_qa ul.note li { padding-left: 1em; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 24px; color: #666666; } body.desktopfonts #box_plan #box_qa ul.note li.indentAdd { padding-left: 1em; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 24px; color: #666666; text-indent: -1em; } body.desktopfonts #box_contact {margin-bottom: 200px;} body.desktopfonts #box_contact header { margin-top: 45px; margin-bottom: 20px; width: 718px; border: solid 1px #ebebeb; -webkit-border-radius: 6px 6px; -moz-border-radius: 6px / 6px; border-radius: 6px / 6px; behavior: url(/css/PIE); background-color: #fafafa; padding-left: 0; } body.desktopfonts #box_contact header h1 { margin: 0; padding: 14px 0 14px 31px; color: #4d4d4d; font-family: "FB Miller Display Bold"; font-size: 20px; line-height: 30px; background: url(/images/tsone/arw_heading_01.png) 14px 50% no-repeat; } body.desktopfonts #box_contact table { width: 700px; margin-left: 10px; } body.desktopfonts #box_contact .lead { margin-top: 14px; color: #666666; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 22px; padding-left:32px;} body.desktopfonts #box_contact #btn_application { margin-top: 16px; width: 220px; height: 40px; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ff9bc2), color-stop(100%, #ff64a0)); background-image: -webkit-linear-gradient(#ff9bc2, #ff64a0); background-image: -moz-linear-gradient(#ff9bc2, #ff64a0); background-image: -o-linear-gradient(#ff9bc2, #ff64a0); background-image: linear-gradient(#ff9bc2, #ff64a0); -pie-background: linear-gradient(#ff9bc2, #ff64a0); -webkit-border-radius: 4px 4px; -moz-border-radius: 4px / 4px; border-radius: 4px / 4px; behavior: url(/css/PIE);} body.desktopfonts #box_contact #btn_application:hover { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ff64a0), color-stop(100%, #ff64a0)); background-image: -webkit-linear-gradient(#ff64a0, #ff64a0); background-image: -moz-linear-gradient(#ff64a0, #ff64a0); background-image: -o-linear-gradient(#ff64a0, #ff64a0); background-image: linear-gradient(#ff64a0, #ff64a0); -pie-background: linear-gradient(#ff64a0, #ff64a0); } body.desktopfonts #box_contact #btn_application a { display: block; padding: 1px 0 0 43px; color: #ffffff; font-family: "ClearTone SG Medium"; font-size: 13px; text-decoration: none; line-height: 39px; background: url(/images/tsone/arw_btn_01.png) 12px 50% no-repeat; } body.desktopfonts #box_contact #btn_application a:hover { background: url(/images/tsone/arw_btn_01_on.png) 12px 50% no-repeat; } body.desktopfonts #box_contact .btn_detail { margin: 16px 0 0; width: 220px; height: 44px; } body.desktopfonts #box_contact .btn_detail a { display: block; padding-left: 41px; color: #4c4c4c; font-family: "ClearTone SG Medium"; font-size: 13px; line-height: 44px; text-decoration: none; background: #edfaff url(/images/tsone/arw_btn_02.png) 12px 50% no-repeat; -webkit-border-radius: 4px 4px; -moz-border-radius: 4px / 4px; border-radius: 4px / 4px; behavior: url(/css/PIE); } body.desktopfonts #box_contact .btn_detail a:hover { color: #333333; background: #d9f4ff url(/images/tsone/arw_btn_02_on.png) 12px 50% no-repeat; } /*Web Fonts*/ body.webfonts #box_service { margin-top: 29px; } body.webfonts #box_service header h1 { margin: 0; font-family: "FB Miller Display Bold"; font-size: 36px; line-height: 58px; color: #000000; } body.webfonts #box_service .lead { margin-top: 14px; color: #666666; font-family: "ClearTone SG Medium"; font-size: 14px; line-height: 22px; } body.webfonts #box_service #box_detail_container { margin-top: 10px; width: 720px; border-top: solid 1px #ebebeb; } body.webfonts #box_service #box_detail_container li { margin-top: 60px; width: 710px; } body.webfonts #box_service #box_detail_container li .visual { float: left; width: 288px; border: solid 1px #ebebeb; -webkit-border-radius: 6px 6px; -moz-border-radius: 6px / 6px; border-radius: 6px / 6px; behavior: url(/css/PIE); } body.webfonts #box_service #box_detail_container li .box_detail { float: right; width: 380px; } body.webfonts #box_service #box_detail_container li .box_detail h1 { margin: -4px 0 0; font-family: "FB Miller Display Bold", "Jun 34"; font-size: 24px; line-height: 31px; color: #0095ff; } body.webfonts #box_service #box_detail_container li .box_detail .txt_detail { margin-top: 17px; font-family: "ClearTone SG Light"; font-size: 14px; line-height: 25px; color: #666666; } body.webfonts #box_service #box_detail_container li .box_detail .btn_detail { margin: 24px 0 0; } body.webfonts #box_service #box_detail_container li .box_detail .btn_detail a { display: block; padding-left: 41px; width: 339px; height: 44px; color: #4c4c4c; font-family: "ClearTone SG Medium"; font-size: 12px; line-height: 44px; text-decoration: none; background: #edfaff url(/images/tsone/arw_btn_02.png) 12px 50% no-repeat; -webkit-border-radius: 4px 4px; -moz-border-radius: 4px / 4px; border-radius: 4px / 4px; behavior: url(/css/PIE); } body.webfonts #box_service #box_detail_container li .box_detail .btn_detail a:hover { color: #333333; background: #d9f4ff url(/images/tsone/arw_btn_02_on.png) 12px 50% no-repeat; } body.webfonts #box_service #box_detail_container li .box_detail .btn_detail_2 { margin-top: 10px; } body.webfonts #box_service #box_detail_container li#box_demo .visual { padding: 46px 0; } body.webfonts #box_service #box_detail_container li#box_demo .visual #slideshow p { width: 288px; font-size: 160px; color: #000000; text-align: center; } body.webfonts #box_service #box_detail_container li#box_demo .visual #slideshow p.font_01 { font-family: "Kocho"; } body.webfonts #box_service #box_detail_container li#box_demo .visual #slideshow p.font_02 { font-family: "Ryumin Medium KL"; } body.webfonts #box_service #box_detail_container li#box_demo .visual #slideshow p.font_03 { font-family: "Kumoyaji"; } body.webfonts #box_service #box_detail_container li#box_demo .visual #slideshow p.font_04 { font-family: "Jun 34"; } body.webfonts #box_service #box_detail_container li#box_demo .visual #slideshow p.font_05 { font-family: "Kakushin Gyousho Light"; } body.webfonts #box_service #box_detail_container li#box_fontlist .visual { padding-left: 30px; width: 258px; background: url(/images/tsone/bg_home_sec_ts.png) 34px 59px no-repeat; } body.webfonts #box_service #box_detail_container li#box_fontlist .visual p { margin: 187px 0 48px; color: #000000; font-family: "Ryumin Medium KL"; font-size: 78px; line-height: 1.4; } body.webfonts #box_service #box_detail_container li#box_example .visual { padding-bottom: 30px; } body.webfonts #box_service #box_detail_container li#box_example .visual .font_menu { padding: 29px 0 0 38px; font-family: "Gothic MB101 DemiBold"; font-size: 12px; line-height: 1.3; color: #000000; } body.webfonts #box_service #box_detail_container li#box_example .visual .font_menu span { font-family: "Gothic MB101 Bold"; font-size: 20px; } body.webfonts #box_service #box_detail_container li#box_example .visual .font_h1 { padding-left: 163px; font-family: "Ryumin Heavy KL"; font-size: 12px; line-height: 1.3; color: #000000; } body.webfonts #box_service #box_detail_container li#box_example .visual .font_h1 span { font-size: 20px; } body.webfonts #box_service #box_detail_container li#box_entry .visual p { padding: 0 26px 0 6px; } body.webfonts #box_service #box_detail_container li#box_entry .visual p span { margin: 0; padding-left: 20px; font-size: 44px; line-height: 84px; color: #000000; } body.webfonts #box_service #box_detail_container li#box_entry .visual p span.font_01 { font-family: "FB Miller Display Bold"; } body.webfonts #box_service #box_detail_container li#box_entry .visual p span.font_02 { font-family: "A1 Mincho"; } body.webfonts #box_service #box_detail_container li#box_entry .visual p span.font_03 { font-family: "Kocho"; } body.webfonts #box_service #box_detail_container li#box_entry .visual p span.font_04 { font-family: "Reimin Medium"; } body.webfonts #box_service #box_detail_container li#box_entry .visual p span.font_05 { font-family: "Futo Go B101"; } body.webfonts #box_service #box_detail_container li#box_entry .visual p span.font_06 { font-family: "Gothic MB101 Bold"; } body.webfonts #box_service #box_detail_container li#box_entry .visual p span.font_07 { font-family: "Shin Go Emboss"; } body.webfonts #box_service #box_detail_container li#box_entry .visual p span.font_08 { font-family: "Jun 501"; } body.webfonts #box_service #box_detail_container li#box_entry .visual p span.font_09 { font-family: "Kumoyaji"; } body.webfonts #box_service #box_detail_container li#box_entry .visual p span.font_10 { font-family: "Haruhi Gakuen"; } body.webfonts #box_service #box_detail_container li#box_entry .visual p span.font_11 { font-family: "Pretty Momo"; } body.webfonts #box_service #box_detail_container li#box_entry .visual p span.font_12 { font-family: "Kakushin Gyousho Light"; } body.webfonts #box_plan { margin-top: 40px; width: 720px; border-top: solid 1px #ebebeb; } body.webfonts #box_plan a { color: #0095ff; text-decoration: none;} body.webfonts #box_plan a:hover { text-decoration: underline; } body.webfonts #box_plan > header { padding-left: 12px; } body.webfonts #box_plan > header h1 { margin: 0; font-family: "FB Miller Display Bold"; font-size: 28px; line-height: 36px; color: #000000; } body.webfonts #box_plan #sec_lead { width: 720px; } body.webfonts #box_plan #sec_lead .lead { margin-top: 38px; padding-left: 15px; color: #666666; font-family: "ClearTone SG Medium"; font-size: 13px; line-height: 22px; } body.webfonts #box_plan #sec_lead .lead b { font-weight: normal; color: #ff63a0; display: block; margin-top: 10px; font-family: "Reimin Y20 Bold"; } body.webfonts #box_plan #sec_lead .ban_lead_side { margin-top: 38px; float: right; width: 145px; padding: 0 21px 0 30px; border-left: 1px dotted #ccc; } body.webfonts #box_plan #link_internal { margin-top: 40px; font-family: "FB PoynterSerif RE Regular"; } body.webfonts #box_plan #link_internal li { float: left; border-left: 1px dotted #ccc; height: 31px; } body.webfonts #box_plan #link_internal li:first-child { border-left: none; } body.webfonts #box_plan #link_internal a { display: block; background: url(/images/tsone/arw_link_internal.png) no-repeat 50% 23px; padding-top: 2px; text-align: center; text-decoration: none; color: #333333; font-size: 12px; height: 29px; } body.webfonts #box_plan #link_internal a:hover { color: #0095ff; background-position: 50% -73px; } body.webfonts #box_plan #link_internal #link_internal_01 { width: 144px; } body.webfonts #box_plan #link_internal #link_internal_02 { width: 182px; } body.webfonts #box_plan #link_internal #link_internal_03 { width: 156px; } body.webfonts #box_plan #link_internal #link_internal_04 { width: 221px; } body.webfonts #box_plan .box_price { margin-top: 50px; width: 720px; } body.webfonts #box_plan #link_internal+.box_price { margin-top: 36px; } body.webfonts #box_plan .box_price header { width: 718px; border: solid 1px #ffcbe1; -webkit-border-radius: 6px 6px; -moz-border-radius: 6px / 6px; border-radius: 6px / 6px; behavior: url(/css/PIE); background-color: #fff7fa; } body.webfonts #box_plan .box_price header h1 { margin: 0; padding: 14px 0 14px 31px; color: #4d4d4d; font-family: "FB Miller Display Bold"; font-size: 20px; line-height: 30px; background: url(/images/tsone/arw_heading_01.png) 14px 50% no-repeat; } body.webfonts #box_plan .box_price .lead { padding: 26px 35px 26px; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 21px; } body.webfonts #box_plan .box_price .note { padding: 17px 35px 0; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 21px; } body.webfonts #box_plan .box_price ul.note { list-style: disc; margin-left: 18px; } body.webfonts #box_plan .box_price p.note { padding-top: 1em; } body.webfonts #box_plan .table_caution { width: 700px; text-align: left; margin: 14px 0px 0 10px; font-family: "ClearTone SG Medium"; font-size: 11px; } body.webfonts #box_plan table { margin-top: 8px; margin-left: 10px; width: 700px; } body.webfonts #box_plan colgroup.col_item { } body.webfonts #box_plan colgroup.col_free { background-color: #fffcf2; } body.webfonts #box_plan colgroup.col_s { background-color: #f2fbff; } body.webfonts #box_plan colgroup.col_m { background-color: #f2fbff; } body.webfonts #box_plan colgroup.col_l { background-color: #f5f5f5; } body.webfonts #box_plan .box_price table th { text-align: center; font-family: "ClearTone SG Medium"; font-size: 15px; border-left: 2px solid white; padding: 3px 0 0; vertical-align: top; } body.webfonts #box_plan .box_price table td { text-align: right; } body.webfonts #box_plan .box_price table th.col_item { color: #0095ff; background: url(/images/tsone/bg_table_th.png) no-repeat 0 0; } body.webfonts #box_plan .box_price table .col_item { text-align: left; width: 172px; } body.webfonts #box_plan .box_price table .col_item .inner { padding-left: 20px; } body.webfonts #box_plan .box_price table th.col_free { color: #ff4c97; background: url(/images/tsone/bg_table_th.png) no-repeat -1000px 0; } body.webfonts #box_plan .box_price table th.col_s, body.webfonts #box_plan .box_price table th.col_m, body.webfonts #box_plan .box_price table th.col_l { color: #304163; background: url(/images/tsone/bg_table_th.png) no-repeat -2000px 0; } body.webfonts #box_plan .box_price table .col_free { width: 109px; } body.webfonts #box_plan .box_price table .col_s, body.webfonts #box_plan .box_price table .col_m, body.webfonts #box_plan .box_price table .col_l { width: 137px; } body.webfonts #box_plan .box_price table th .inner { padding: 9px 0 8px; } body.webfonts #box_plan .box_price table th:first-child { border-left: none; } body.webfonts #box_plan .box_price table td { border-left: 2px solid white; vertical-align: top; padding: 0; font-family: "ClearTone SG Light"; font-size: 13px; } body.webfonts #box_plan .box_price table td .inner { padding: 12px 17px 8px; background: url(/images/tsone/bg_table_td.png) repeat-x 0 0; } body.webfonts #box_plan .box_price table td:first-child { border-left: none; font-family: "ClearTone SG Medium"; } body.webfonts #box_plan .box_price table td:first-child .inner { padding: 12px 15px 8px 20px; } body.webfonts #box_plan .box_price table td.bottom { background: url(/images/tsone/bg_table_bottom.png) repeat-x 0 100%; } body.webfonts #box_plan .box_price table td.bottom .inner { padding-bottom: 12px; } body.webfonts #box_plan .box_price table td.col_l .inner { font-size: 11px; text-align: left; line-height: 18px; } body.webfonts #box_plan .box_price table td.col_l_top .inner { background: url(/images/tsone/bg_table_th.png) no-repeat -5000px 0; padding: 50px 10px 0 15px; } body.webfonts #box_plan .box_price table b { font-family: "ClearTone SG Medium"; } body.webfonts #box_plan .box_price table .follow { font-size: 11px; display: block; margin-top: 4px; line-height: 18px; } body.webfonts #box_plan .box_price table .text_c { text-align: center; color: #dbdbdb; } body.webfonts #box_plan h3 { font-family: "ClearTone SG Medium"; font-size: 13px; margin: 10px 0 0 30px; color: #0095ff; } body.webfonts #box_plan .box_price table .contract_pv th, body.webfonts #box_plan .box_price table .contract_pv td { background-color: #ffeff5; } body.webfonts #box_plan #sec_plan_advanced .box_price table .col_item { width: 172px; } body.webfonts #box_plan #sec_plan_advanced .box_price table .col_s, body.webfonts #box_plan #sec_plan_advanced .box_price table .col_m, body.webfonts #box_plan #sec_plan_advanced .box_price table .col_l { width: 174px; } body.webfonts #box_plan #sec_plan_advanced dl { padding: 22px 35px 0; margin: 0; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 21px; } body.webfonts #box_plan #sec_plan_advanced dt { color: #0095ff; font-family: "ClearTone SG Medium"; } body.webfonts #box_plan #sec_plan_advanced dd { padding: 0; margin: 0; } body.webfonts #box_plan #sec_plan_advanced p { padding-top: 22px; } body.webfonts #box_plan #sec_plan_advanced b { font-family: "ClearTone SG Medium"; } body.webfonts #box_plan #sec_plan_passport header { border-color: #bfecff; background-color: #f2fbff; } body.webfonts #box_plan #sec_plan_passport h2 { margin: 21px 35px 0; color: #ff4c97; font-family: "ClearTone SG Medium"; font-size: 13px; line-height: 22px; font-weight: normal; } body.webfonts #box_plan #sec_plan_passport ul { margin: 0 35px 0 53px; color: #333; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 22px; list-style: disc; } body.webfonts #box_plan #sec_plan_passport dl { margin: 21px 35px 0; color: #333; font-family: "ClearTone SG Light"; font-size: 11px; line-height: 18px; } body.webfonts #box_plan #sec_plan_passport dt { font-family: "ClearTone SG Medium"; } body.webfonts #box_plan #sec_plan_passport dd { margin: 0; } body.webfonts #box_plan #sec_plan_passport .dive_link { margin-top: 10px; } body.webfonts #box_plan #sec_plan_passport dl+p { margin: 21px 35px 0; color: #333; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 22px; } body.webfonts #box_plan #sec_plan_passport ul.note { margin: 25px 0 0 33px; padding: 0; list-style: none; } body.webfonts #box_plan #sec_plan_passport ul.note li { padding-left: 1em; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 24px; color: #666666; text-indent: -1em; } body.webfonts #box_plan #box_how_to_use { margin-top: 55px; padding-top: 30px; width: 720px; border-top: solid 1px #ebebeb; } body.webfonts #box_plan #box_how_to_use h2 { margin: 0; padding: 1px 0 0 32px; color: #ff4c97; font-family: "ClearTone SG Medium"; font-size: 15px; line-height: 15px; background: url(/images/tsone/arw_heading_03.png) 14px 50% no-repeat; } body.webfonts #box_plan #box_how_to_use .lead { margin-top: 14px; color: #666666; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 22px; padding:0 42px;} body.webfonts #box_plan #box_qa { margin-top: 55px; padding-top: 30px; width: 720px; border-top: solid 1px #ebebeb; } body.webfonts #box_plan #box_qa h2 { margin: 0; padding: 1px 0 0 32px; color: #ff4c97; font-family: "ClearTone SG Medium"; font-size: 15px; line-height: 15px; background: url(/images/tsone/arw_heading_03.png) 14px 50% no-repeat; } body.webfonts #box_plan #box_qa ul.qa { margin: 40px 0 0; padding: 0 10px 0; background-color: #fff; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 1.6; } body.webfonts #box_plan #box_qa ul.qa li { background: url(/images/tsone/arw_box_faq.png) no-repeat 0 0; padding-left: 38px; margin-top: 20px; } body.webfonts #box_plan #box_qa ul.qa li a { color: #666; text-decoration: none; } body.webfonts #box_plan #box_qa ul.qa li a:hover { text-decoration: underline; } body.webfonts #box_plan #box_qa ul.note { margin-top: 25px; margin-left: 33px; } body.webfonts #box_plan #box_qa ul.note li { padding-left: 1em; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 24px; color: #666666;text-indent:-0.5em} body.webfonts #box_plan #box_qa ul.note li:before { content: '・';} body.webfonts #box_contact {margin-bottom: 200px; } body.webfonts #box_contact header { margin-top: 45px; margin-bottom: 20px; width: 718px; border: solid 1px #ebebeb; -webkit-border-radius: 6px 6px; -moz-border-radius: 6px / 6px; border-radius: 6px / 6px; behavior: url(/css/PIE); background-color: #fafafa; padding-left: 0; } body.webfonts #box_contact header h1 { margin: 0; padding: 14px 0 14px 31px; color: #4d4d4d; font-family: "FB Miller Display Bold"; font-size: 20px; line-height: 30px; background: url(/images/tsone/arw_heading_01.png) 14px 50% no-repeat; } body.webfonts #box_contact table { width: 700px; margin-left: 10px; } body.webfonts #box_contact .lead { margin-top: 14px; color: #666666; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 22px; padding:0 42px;} body.webfonts #box_contact #btn_application { margin-top: 16px; width: 220px; height: 40px; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ff9bc2), color-stop(100%, #ff64a0)); background-image: -webkit-linear-gradient(#ff9bc2, #ff64a0); background-image: -moz-linear-gradient(#ff9bc2, #ff64a0); background-image: -o-linear-gradient(#ff9bc2, #ff64a0); background-image: linear-gradient(#ff9bc2, #ff64a0); -pie-background: linear-gradient(#ff9bc2, #ff64a0); -webkit-border-radius: 4px 4px; -moz-border-radius: 4px / 4px; border-radius: 4px / 4px; behavior: url(/css/PIE);} body.webfonts #box_contact #btn_application:hover { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ff64a0), color-stop(100%, #ff64a0)); background-image: -webkit-linear-gradient(#ff64a0, #ff64a0); background-image: -moz-linear-gradient(#ff64a0, #ff64a0); background-image: -o-linear-gradient(#ff64a0, #ff64a0); background-image: linear-gradient(#ff64a0, #ff64a0); -pie-background: linear-gradient(#ff64a0, #ff64a0); } body.webfonts #box_contact #btn_application a { display: block; padding: 1px 0 0 43px; color: #ffffff; font-family: "ClearTone SG Medium"; font-size: 13px; text-decoration: none; line-height: 39px; background: url(/images/tsone/arw_btn_01.png) 12px 50% no-repeat; } body.webfonts #box_contact #btn_application a:hover { background: url(/images/tsone/arw_btn_01_on.png) 12px 50% no-repeat; } body.webfonts #box_contact .btn_detail { margin: 16px 0 0; width: 220px; height: 44px; } body.webfonts #box_contact .btn_detail a { display: block; padding-left: 41px; color: #4c4c4c; font-family: "ClearTone SG Medium"; font-size: 13px; line-height: 44px; text-decoration: none; background: #edfaff url(/images/tsone/arw_btn_02.png) 12px 50% no-repeat; -webkit-border-radius: 4px 4px; -moz-border-radius: 4px / 4px; border-radius: 4px / 4px; behavior: url(/css/PIE); } body.webfonts #box_contact .btn_detail a:hover { color: #333333; background: #d9f4ff url(/images/tsone/arw_btn_02_on.png) 12px 50% no-repeat; } /*MORISAWAとは*/ body.service #box_service { margin-top: 29px; } body.service #box_service header h1 { margin: 0; font-family: "FB Miller Display Bold"; font-size: 36px; line-height: 58px; color: #000000; } body.service #box_service .lead { margin-top: 14px; color: #666666; font-family: "ClearTone SG Medium"; font-size: 14px; line-height: 22px; } body.service #box_service #box_detail_container { margin-top: 10px; width: 720px; } body.service #box_service #box_detail_container li { margin-top: 60px; width: 710px; } body.service #box_service #box_detail_container li .visual { float: left; width: 288px; border: solid 1px #ebebeb; -webkit-border-radius: 6px 6px; -moz-border-radius: 6px / 6px; border-radius: 6px / 6px; behavior: url(/css/PIE); } body.service #box_service #box_detail_container li .box_detail { float: right; width: 380px; } body.service #box_service #box_detail_container li .box_detail h1 { margin: -4px 0 0; font-family: "FB Miller Display Bold", "Jun 34"; font-size: 22px; line-height: 31px; color: #0095ff; } body.service #box_service #box_detail_container li .box_detail .txt_detail { margin-top: 40px; font-family: "ClearTone SG Light"; font-size: 14px; line-height: 25px; color: #666666; } body.service #box_service #box_detail_container li .box_detail .txt_detail.works { margin-top: 10px; font-family: "ClearTone SG Light"; font-size: 14px; line-height: 25px; color: #666666; } body.service #box_service #box_detail_container li .box_detail .btn_detail { margin: 16px 0 0; } body.service #box_service #box_detail_container li .box_detail .btn_detail.works { margin: 0; } body.service #box_service #box_detail_container li .box_detail .btn_detail a { display: block; padding-left: 41px; width: 339px; height: 44px; color: #4c4c4c; font-family: "ClearTone SG Medium"; font-size: 12px; line-height: 44px; text-decoration: none; background: #edfaff url(/images/tsone/arw_btn_02.png) 12px 50% no-repeat; -webkit-border-radius: 4px 4px; -moz-border-radius: 4px / 4px; border-radius: 4px / 4px; behavior: url(/css/PIE); } body.service #box_service #box_detail_container li .box_detail .btn_detail a:hover { color: #333333; background: #d9f4ff url(/images/tsone/arw_btn_02_on.png) 12px 50% no-repeat; } body.service #box_service #box_detail_container li .box_detail .btn_detail_2 { margin-top: 10px; } body.service #box_service #box_detail_container li#box_demo .visual { padding: 46px 0; } body.service #box_service #box_detail_container li#box_demo .visual #slideshow p { width: 288px; font-size: 160px; color: #000000; text-align: center; } body.service #box_service #box_detail_container li#box_demo .visual #slideshow p.font_01 { font-family: "Kocho"; } body.service #box_service #box_detail_container li#box_demo .visual #slideshow p.font_02 { font-family: "Ryumin Medium KL"; } body.service #box_service #box_detail_container li#box_demo .visual #slideshow p.font_03 { font-family: "Kumoyaji"; } body.service #box_service #box_detail_container li#box_demo .visual #slideshow p.font_04 { font-family: "Jun 34"; } body.service #box_service #box_detail_container li#box_demo .visual #slideshow p.font_05 { font-family: "Kakushin Gyousho Light"; } body.service #box_service #box_detail_container li#box_fontlist .visual { padding-left: 30px; width: 258px; background: url(/images/tsone/bg_home_sec_ts.png) 34px 59px no-repeat; } body.service #box_service #box_detail_container li#box_fontlist .visual p { margin: 187px 0 48px; color: #000000; font-family: "Ryumin Medium KL"; font-size: 78px; line-height: 1.4; } body.service #box_service #box_detail_container li#box_example .visual { padding-bottom: 30px; } body.service #box_service #box_detail_container li#box_example .visual .font_menu { padding: 29px 0 0 38px; font-family: "Gothic MB101 DemiBold"; font-size: 12px; line-height: 1.3; color: #000000; } body.service #box_service #box_detail_container li#box_example .visual .font_menu span { font-family: "Gothic MB101 Bold"; font-size: 20px; } body.service #box_service #box_detail_container li#box_example .visual .font_h1 { padding-left: 163px; font-family: "Ryumin Heavy KL"; font-size: 12px; line-height: 1.3; color: #000000; } body.service #box_service #box_detail_container li#box_example .visual .font_h1 span { font-size: 20px; } body.service #box_service #box_detail_container li#box_entry .visual p { padding: 0 26px 0 6px; } body.service #box_service #box_detail_container li#box_entry .visual p span { margin: 0; padding-left: 20px; font-size: 44px; line-height: 84px; color: #000000; } body.service #box_service #box_detail_container li#box_entry .visual p span.font_01 { font-family: "FB Miller Display Bold"; } body.service #box_service #box_detail_container li#box_entry .visual p span.font_02 { font-family: "A1 Mincho"; } body.service #box_service #box_detail_container li#box_entry .visual p span.font_03 { font-family: "Kocho"; } body.service #box_service #box_detail_container li#box_entry .visual p span.font_04 { font-family: "Reimin Medium"; } body.service #box_service #box_detail_container li#box_entry .visual p span.font_05 { font-family: "Futo Go B101"; } body.service #box_service #box_detail_container li#box_entry .visual p span.font_06 { font-family: "Gothic MB101 Bold"; } body.service #box_service #box_detail_container li#box_entry .visual p span.font_07 { font-family: "Shin Go Emboss"; } body.service #box_service #box_detail_container li#box_entry .visual p span.font_08 { font-family: "Jun 501"; } body.service #box_service #box_detail_container li#box_entry .visual p span.font_09 { font-family: "Kumoyaji"; } body.service #box_service #box_detail_container li#box_entry .visual p span.font_10 { font-family: "Haruhi Gakuen"; } body.service #box_service #box_detail_container li#box_entry .visual p span.font_11 { font-family: "Pretty Momo"; } body.service #box_service #box_detail_container li#box_entry .visual p span.font_12 { font-family: "Kakushin Gyousho Light"; } body.service #box_plan { margin-top: 40px; width: 720px; border-top: solid 1px #ebebeb; } body.service #box_plan a { color: #0095ff; text-decoration: none;} body.service #box_plan a:hover { text-decoration: underline; } body.service #box_plan > header { padding-left: 12px; } body.service #box_plan > header h1 { margin: 0; font-family: "FB Miller Display Bold"; font-size: 28px; line-height: 36px; color: #000000; } body.service #box_plan #sec_lead { width: 720px; } body.service #box_plan #sec_lead .lead { margin-top: 38px; padding-left: 15px; color: #666666; font-family: "ClearTone SG Medium"; font-size: 13px; line-height: 22px; } body.service #box_plan #sec_lead .lead b { font-weight: normal; color: #ff63a0; display: block; margin-top: 10px; font-family: "Reimin Y20 Bold"; } body.service #box_plan #sec_lead .ban_lead_side { margin-top: 38px; float: right; width: 145px; padding: 0 21px 0 30px; border-left: 1px dotted #ccc; } body.service #box_plan #link_internal { margin-top: 40px; font-family: "Reimin Bold"; } body.service #box_plan #link_internal li { float: left; border-left: 1px dotted #ccc; height: 31px; } body.service #box_plan #link_internal li:first-child { border-left: none; } body.service #box_plan #link_internal a { display: block; background: url(/images/tsone/arw_link_internal.png) no-repeat 50% 23px; padding-top: 2px; text-align: center; text-decoration: none; color: #333333; font-size: 12px; height: 29px; } body.service #box_plan #link_internal a:hover { color: #0095ff; background-position: 50% -73px; } body.service #box_plan #link_internal #link_internal_01 { width: 144px; } body.service #box_plan #link_internal #link_internal_02 { width: 182px; } body.service #box_plan #link_internal #link_internal_03 { width: 156px; } body.service #box_plan #link_internal #link_internal_04 { width: 221px; } body.service #box_plan .box_price { margin-top: 50px; width: 720px; } body.service #box_plan #link_internal+.box_price { margin-top: 36px; } body.service #box_plan .box_price header { width: 718px; border: solid 1px #ffcbe1; -webkit-border-radius: 6px 6px; -moz-border-radius: 6px / 6px; border-radius: 6px / 6px; behavior: url(/css/PIE); background-color: #fff7fa; } body.service #box_plan .box_price header h1 { margin: 0; padding: 14px 0 14px 31px; color: #4d4d4d; font-family: "FB Miller Display Bold"; font-size: 20px; line-height: 30px; background: url(/images/tsone/arw_heading_01.png) 14px 50% no-repeat; } body.service #box_plan .box_price .lead { padding: 26px 35px 26px; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 21px; } body.service #box_plan .box_price .note { padding: 17px 35px 0; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 21px; } body.service #box_plan .box_price ul.note { list-style: disc; margin-left: 18px; } body.service #box_plan .box_price p.note { padding-top: 1em; } body.service #box_plan .table_caution { width: 700px; text-align: right; margin: 14px 0 0 10px; font-family: "ClearTone SG Medium"; font-size: 11px; } body.service #box_plan table { margin-top: 8px; margin-left: 10px; width: 700px; } body.service #box_plan colgroup.col_item { } body.service #box_plan colgroup.col_free { background-color: #fffcf2; } body.service #box_plan colgroup.col_s { background-color: #f2fbff; } body.service #box_plan colgroup.col_m { background-color: #f2fbff; } body.service #box_plan colgroup.col_l { background-color: #f5f5f5; } body.service #box_plan .box_price table th { text-align: center; font-family: "ClearTone SG Medium"; font-size: 15px; border-left: 2px solid white; padding: 3px 0 0; vertical-align: top; } body.service #box_plan .box_price table td { text-align: right; } body.service #box_plan .box_price table th.col_item { color: #0095ff; background: url(/images/tsone/bg_table_th.png) no-repeat 0 0; } body.service #box_plan .box_price table .col_item { text-align: left; width: 172px; } body.service #box_plan .box_price table .col_item .inner { padding-left: 20px; } body.service #box_plan .box_price table th.col_free { color: #ff4c97; background: url(/images/tsone/bg_table_th.png) no-repeat -1000px 0; } body.service #box_plan .box_price table th.col_s, body.service #box_plan .box_price table th.col_m, body.service #box_plan .box_price table th.col_l { color: #304163; background: url(/images/tsone/bg_table_th.png) no-repeat -2000px 0; } body.service #box_plan .box_price table .col_free { width: 109px; } body.service #box_plan .box_price table .col_s, body.service #box_plan .box_price table .col_m, body.service #box_plan .box_price table .col_l { width: 137px; } body.service #box_plan .box_price table th .inner { padding: 9px 0 8px; } body.service #box_plan .box_price table th:first-child { border-left: none; } body.service #box_plan .box_price table td { border-left: 2px solid white; vertical-align: top; padding: 0; font-family: "ClearTone SG Light"; font-size: 13px; } body.service #box_plan .box_price table td .inner { padding: 12px 17px 8px; background: url(/images/tsone/bg_table_td.png) repeat-x 0 0; } body.service #box_plan .box_price table td:first-child { border-left: none; font-family: "ClearTone SG Medium"; } body.service #box_plan .box_price table td:first-child .inner { padding: 12px 15px 8px 20px; } body.service #box_plan .box_price table td.bottom { background: url(/images/tsone/bg_table_bottom.png) repeat-x 0 100%; } body.service #box_plan .box_price table td.bottom .inner { padding-bottom: 12px; } body.service #box_plan .box_price table td.col_l .inner { font-size: 11px; text-align: left; line-height: 18px; } body.service #box_plan .box_price table td.col_l_top .inner { background: url(/images/tsone/bg_table_th.png) no-repeat -5000px 0; padding: 50px 10px 0 15px; } body.service #box_plan .box_price table b { font-family: "ClearTone SG Medium"; } body.service #box_plan .box_price table .follow { font-size: 11px; display: block; margin-top: 4px; line-height: 18px; } body.service #box_plan .box_price table .text_c { text-align: center; color: #dbdbdb; } body.service #box_plan h3 { font-family: "ClearTone SG Medium"; font-size: 13px; margin: 10px 0 0 30px; color: #0095ff; } body.service #box_plan .box_price table .contract_pv th, body.service #box_plan .box_price table .contract_pv td { background-color: #ffeff5; } body.service #box_plan #sec_plan_advanced .box_price table .col_item { width: 172px; } body.service #box_plan #sec_plan_advanced .box_price table .col_s, body.service #box_plan #sec_plan_advanced .box_price table .col_m, body.service #box_plan #sec_plan_advanced .box_price table .col_l { width: 174px; } body.service #box_plan #sec_plan_advanced dl { padding: 22px 35px 0; margin: 0; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 21px; } body.service #box_plan #sec_plan_advanced dt { color: #0095ff; font-family: "ClearTone SG Medium"; } body.service #box_plan #sec_plan_advanced dd { padding: 0; margin: 0; } body.service #box_plan #sec_plan_advanced p { padding-top: 22px; } body.service #box_plan #sec_plan_advanced b { font-family: "ClearTone SG Medium"; } body.service #box_plan #sec_plan_passport header { border-color: #bfecff; background-color: #f2fbff; } body.service #box_plan #sec_plan_passport h2 { margin: 21px 35px 0; color: #ff4c97; font-family: "ClearTone SG Medium"; font-size: 13px; line-height: 22px; font-weight: normal; } body.service #box_plan #sec_plan_passport ul { margin: 0 35px 0 53px; color: #333; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 22px; list-style: disc; } body.service #box_plan #sec_plan_passport dl { margin: 21px 35px 0; color: #333; font-family: "ClearTone SG Light"; font-size: 11px; line-height: 18px; } body.service #box_plan #sec_plan_passport dt { font-family: "ClearTone SG Medium"; } body.service #box_plan #sec_plan_passport dd { margin: 0; } body.service #box_plan #sec_plan_passport .dive_link { margin-top: 10px; } body.service #box_plan #sec_plan_passport dl+p { margin: 21px 35px 0; color: #333; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 22px; } body.service #box_plan #sec_plan_passport ul.note { margin: 25px 0 0 33px; padding: 0; list-style: none; } body.service #box_plan #sec_plan_passport ul.note li { padding-left: 1em; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 24px; color: #666666; text-indent: -1em; } body.service #box_plan #box_qa { margin-top: 55px; padding-top: 30px; width: 720px; border-top: solid 1px #ebebeb; } body.service #box_plan #box_qa h2 { margin: 0; padding: 1px 0 0 32px; color: #ff4c97; font-family: "ClearTone SG Medium"; font-size: 15px; line-height: 15px; background: url(/images/tsone/arw_heading_03.png) 14px 50% no-repeat; } body.service #box_plan #box_qa ul.qa { margin: 40px 0 0; padding: 0 10px 0; background-color: #fff; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 1.6; } body.service #box_plan #box_qa ul.qa li { background: url(/images/tsone/arw_box_faq.png) no-repeat 0 0; padding-left: 38px; margin-top: 20px; } body.service #box_plan #box_qa ul.qa li a { color: #666; text-decoration: none; } body.service #box_plan #box_qa ul.qa li a:hover { text-decoration: underline; } body.service #box_plan #box_qa ul.note { margin-top: 25px; margin-left: 33px; } body.service #box_plan #box_qa ul.note li { padding-left: 1em; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 24px; color: #666666; text-indent: -1em; } body.service #box_contact {margin-bottom: 250px; } body.service #box_contact header { margin-top: 45px; margin-bottom: 20px; width: 718px; border: solid 1px #ebebeb; -webkit-border-radius: 6px 6px; -moz-border-radius: 6px / 6px; border-radius: 6px / 6px; behavior: url(/css/PIE); background-color: #fafafa; padding-left: 0; } body.service #box_contact header h1 { margin: 0; padding: 14px 0 14px 31px; color: #4d4d4d; font-family: "FB Miller Display Bold"; font-size: 20px; line-height: 30px; background: url(/images/tsone/arw_heading_01.png) 14px 50% no-repeat; } body.service #box_contact table { width: 700px; margin-left: 10px; } body.service #box_contact .lead { margin-top: 14px; color: #666666; font-family: "ClearTone SG Medium"; font-size: 13px; line-height: 22px; padding-left:15px;} body.service #box_contact #btn_application { margin-top: 16px; width: 220px; height: 40px; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ff9bc2), color-stop(100%, #ff64a0)); background-image: -webkit-linear-gradient(#ff9bc2, #ff64a0); background-image: -moz-linear-gradient(#ff9bc2, #ff64a0); background-image: -o-linear-gradient(#ff9bc2, #ff64a0); background-image: linear-gradient(#ff9bc2, #ff64a0); -pie-background: linear-gradient(#ff9bc2, #ff64a0); -webkit-border-radius: 4px 4px; -moz-border-radius: 4px / 4px; border-radius: 4px / 4px; behavior: url(/css/PIE);} body.service #box_contact #btn_application:hover { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ff64a0), color-stop(100%, #ff64a0)); background-image: -webkit-linear-gradient(#ff64a0, #ff64a0); background-image: -moz-linear-gradient(#ff64a0, #ff64a0); background-image: -o-linear-gradient(#ff64a0, #ff64a0); background-image: linear-gradient(#ff64a0, #ff64a0); -pie-background: linear-gradient(#ff64a0, #ff64a0); } body.service #box_contact #btn_application a { display: block; padding: 1px 0 0 43px; color: #ffffff; font-family: "ClearTone SG Medium"; font-size: 13px; text-decoration: none; line-height: 39px; background: url(/images/tsone/arw_btn_01.png) 12px 50% no-repeat; } body.service #box_contact #btn_application a:hover { background: url(/images/tsone/arw_btn_01_on.png) 12px 50% no-repeat; } body.service #box_contact .btn_detail { margin: 16px 0 0; width: 220px; height: 44px; } body.service #box_contact .btn_detail a { display: block; padding-left: 41px; color: #4c4c4c; font-family: "ClearTone SG Medium"; font-size: 13px; line-height: 44px; text-decoration: none; background: #edfaff url(/images/tsone/arw_btn_02.png) 12px 50% no-repeat; -webkit-border-radius: 4px 4px; -moz-border-radius: 4px / 4px; border-radius: 4px / 4px; behavior: url(/css/PIE); } body.service #box_contact .btn_detail a:hover { color: #333333; background: #d9f4ff url(/images/tsone/arw_btn_02_on.png) 12px 50% no-repeat; } /* ------------------------------ Service Plan */ body.plan #box_plan a { color: #0095ff; text-decoration: none; } body.plan #box_plan a:hover { text-decoration: underline; } body.plan #box_plan > header { padding-left: 12px; } body.plan #box_plan > header h1 { margin: 0; font-family: "FB Miller Display Bold"; font-size: 28px; line-height: 36px; color: #000000; } body.plan #box_plan #sec_lead { width: 720px; } body.plan #box_plan #sec_lead .lead { margin-top: 38px; padding-left: 15px; color: #666666; font-family: "ClearTone SG Medium"; font-size: 13px; line-height: 22px; } body.plan #box_plan #sec_lead .lead b { font-weight: normal; color: #ff63a0; display: block; margin-top: 10px; font-family: "Reimin Y20 Bold"; } body.plan #box_plan #sec_lead .ban_lead_side { margin-top: 38px; float: right; width: 145px; padding: 0 21px 0 30px; border-left: 1px dotted #ccc; } body.plan #box_plan #link_internal { margin-top: 40px; font-family: "Reimin Bold"; } body.plan #box_plan #link_internal li { float: left; border-left: 1px dotted #ccc; height: 31px; } body.plan #box_plan #link_internal li:first-child { border-left: none; } body.plan #box_plan #link_internal a { display: block; background: url(/images/tsone/arw_link_internal.png) no-repeat 50% 23px; padding-top: 2px; text-align: center; text-decoration: none; color: #333333; font-size: 12px; height: 29px; } body.plan #box_plan #link_internal a:hover { color: #0095ff; background-position: 50% -73px; } body.plan #box_plan #link_internal #link_internal_01 { width: 152px; } body.plan #box_plan #link_internal #link_internal_02 { width: 192px; } body.plan #box_plan #link_internal #link_internal_03 { width: 156px; } body.plan #box_plan #link_internal #link_internal_04 { width: 221px; } body.plan #box_plan .box_price { margin-top: 56px; width: 720px; } body.plan #box_plan #link_internal+.box_price { margin-top: 45px; } body.plan #box_plan .box_price header { width: 718px; border: solid 1px #ffcbe1; -webkit-border-radius: 6px 6px; -moz-border-radius: 6px / 6px; border-radius: 6px / 6px; behavior: url(/css/PIE); background-color: #fff7fa; } body.plan #box_plan .box_price header h1 { margin: 0; padding: 14px 0 14px 31px; color: #4d4d4d; font-family: "FB Miller Display Bold"; font-size: 20px; line-height: 30px; background: url(/images/tsone/arw_heading_01.png) 14px 50% no-repeat; } body.plan #box_plan .box_price .lead { padding: 26px 35px 0; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 21px; } body.plan #box_plan .box_price .note { padding: 17px 35px 0; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 21px; } body.plan #box_plan .box_price ul.note { list-style: disc; margin-left: 18px; } body.plan #box_plan .box_price p.note { padding-top: 1em; } body.plan #box_plan .table_caution { width: 700px; text-align: right; margin: 14px 0 0 10px; font-family: "ClearTone SG Medium"; font-size: 11px; } body.plan #box_plan table { margin-top: 8px; margin-left: 10px; width: 700px; } body.plan #box_plan colgroup.col_item { } body.plan #box_plan colgroup.col_free { background-color: #fffcf2; } body.plan #box_plan colgroup.col_s { background-color: #f2fbff; } body.plan #box_plan colgroup.col_m { background-color: #f2fbff; } body.plan #box_plan colgroup.col_l { background-color: #f5f5f5; } body.plan #box_plan .box_price table th { text-align: center; font-family: "ClearTone SG Medium"; font-size: 15px; border-left: 2px solid white; padding: 3px 0 0; vertical-align: top; } body.plan #box_plan .box_price table td { text-align: right; } body.plan #box_plan .box_price table th.col_item { color: #0095ff; background: url(/images/tsone/bg_table_th.png) no-repeat 0 0; } body.plan #box_plan .box_price table .col_item { text-align: left; width: 172px; } body.plan #box_plan .box_price table .col_item .inner { padding-left: 20px; } body.plan #box_plan .box_price table th.col_free { color: #ff4c97; background: url(/images/tsone/bg_table_th.png) no-repeat -1000px 0; } body.plan #box_plan .box_price table th.col_s, body.plan #box_plan .box_price table th.col_m, body.plan #box_plan .box_price table th.col_l { color: #ff4c97; background: url(/images/tsone/bg_table_th.png) no-repeat -2000px 0; } body.plan #box_plan .box_price table .col_free { width: 109px; } body.plan #box_plan .box_price table .col_s, body.plan #box_plan .box_price table .col_m, body.plan #box_plan .box_price table .col_l { width: 137px; } body.plan #box_plan .box_price table th .inner { padding: 9px 0 8px; } body.plan #box_plan .box_price table th:first-child { border-left: none; } body.plan #box_plan .box_price table td { border-left: 2px solid white; vertical-align: top; padding: 0; font-family: "ClearTone SG Light"; font-size: 13px; } body.plan #box_plan .box_price table td .inner { padding: 12px 17px 8px; background: url(/images/tsone/bg_table_td.png) repeat-x 0 0; } body.plan #box_plan .box_price table td:first-child { border-left: none; font-family: "ClearTone SG Medium"; } body.plan #box_plan .box_price table td:first-child .inner { padding: 12px 15px 8px 20px; } body.plan #box_plan .box_price table td.bottom { background: url(/images/tsone/bg_table_bottom.png) repeat-x 0 100%; } body.plan #box_plan .box_price table td.bottom .inner { padding-bottom: 12px; } body.plan #box_plan .box_price table td.col_l .inner { font-size: 11px; text-align: left; line-height: 18px; } body.plan #box_plan .box_price table td.col_l_top .inner { background: url(/images/tsone/bg_table_th.png) no-repeat -5000px 0; padding: 50px 10px 0 15px; } body.plan #box_plan .box_price table b { font-family: "ClearTone SG Medium"; } body.plan #box_plan .box_price table .follow { font-size: 11px; display: block; margin-top: 4px; line-height: 18px; } body.plan #box_plan .box_price table .text_c { text-align: center; color: #dbdbdb; } body.plan #box_plan h3 { font-family: "ClearTone SG Medium"; font-size: 13px; margin: 10px 0 0 30px; color: #0095ff; } body.plan #box_plan .box_price table .contract_pv th, body.plan #box_plan .box_price table .contract_pv td { background-color: #ffeff5; } body.plan #box_plan #sec_plan_advanced .box_price table .col_item { width: 172px; } body.plan #box_plan #sec_plan_advanced .box_price table .col_s, body.plan #box_plan #sec_plan_advanced .box_price table .col_m, body.plan #box_plan #sec_plan_advanced .box_price table .col_l { width: 174px; } body.plan #box_plan #sec_plan_advanced dl { padding: 22px 35px 0; margin: 0; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 21px; } body.plan #box_plan #sec_plan_advanced dt { color: #0095ff; font-family: "ClearTone SG Medium"; } body.plan #box_plan #sec_plan_advanced dd { padding: 0; margin: 0; } body.plan #box_plan #sec_plan_advanced p { padding-top: 22px; } body.plan #box_plan #sec_plan_advanced b { font-family: "ClearTone SG Medium"; } body.plan #box_plan #sec_plan_passport header { border-color: #bfecff; background-color: #f2fbff; } body.plan #box_plan #sec_plan_passport h2 { margin: 21px 35px 0; color: #ff4c97; font-family: "ClearTone SG Medium"; font-size: 13px; line-height: 22px; font-weight: normal; } body.plan #box_plan #sec_plan_passport ul { margin: 0 35px 0 53px; color: #333; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 22px; list-style: disc; } body.plan #box_plan #sec_plan_passport dl { margin: 21px 35px 0; color: #333; font-family: "ClearTone SG Light"; font-size: 11px; line-height: 18px; } body.plan #box_plan #sec_plan_passport dt { font-family: "ClearTone SG Medium"; } body.plan #box_plan #sec_plan_passport dd { margin: 0; } body.plan #box_plan #sec_plan_passport .dive_link { margin-top: 10px; } body.plan #box_plan #sec_plan_passport dl+p { margin: 21px 35px 0; color: #333; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 22px; } body.plan #box_plan #sec_plan_passport ul.note { margin: 25px 0 0 33px; padding: 0; list-style: none; } body.plan #box_plan #sec_plan_passport ul.note li { padding-left: 1em; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 24px; color: #666666; text-indent: -1em; } body.plan #box_plan #box_qa { margin-top: 55px; padding-top: 30px; width: 720px; border-top: solid 1px #ebebeb; } body.plan #box_plan #box_qa h2 { margin: 0; padding: 1px 0 0 32px; color: #ff4c97; font-family: "ClearTone SG Medium"; font-size: 15px; line-height: 15px; background: url(/images/tsone/arw_heading_03.png) 14px 50% no-repeat; } body.plan #box_plan #box_qa ul.qa { margin: 40px 0 0; padding: 0 10px 0; background-color: #fff; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 1.6; } body.plan #box_plan #box_qa ul.qa li { background: url(/images/tsone/arw_box_faq.png) no-repeat 0 0; padding-left: 38px; margin-top: 20px; } body.plan #box_plan #box_qa ul.qa li a { color: #666; text-decoration: none; } body.plan #box_plan #box_qa ul.qa li a:hover { text-decoration: underline; } body.plan #box_plan #box_qa ul.note { margin-top: 25px; margin-left: 33px; } body.plan #box_plan #box_qa ul.note li { padding-left: 1em; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 24px; color: #666666; text-indent: -1em; } #contents_sub #box_application #btn_login { margin: 0 0 30px 0; height: 40px; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #75c7ff), color-stop(100%, #0095ff)); background-image: -webkit-linear-gradient(#75c7ff, #0095ff); background-image: -moz-linear-gradient(#75c7ff, #0095ff); background-image: -o-linear-gradient(#75c7ff, #0095ff); background-image: linear-gradient(#75c7ff, #0095ff); -pie-background: linear-gradient(#75c7ff, #0095ff); -webkit-border-radius: 4px 4px; -moz-border-radius: 4px / 4px; border-radius: 4px / 4px; behavior: url(/css/PIE); } #contents_sub #box_application #btn_login:hover { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0095ff), color-stop(100%, #0095ff)); background-image: -webkit-linear-gradient(#0095ff, #0095ff); background-image: -moz-linear-gradient(#0095ff, #0095ff); background-image: -o-linear-gradient(#0095ff, #0095ff); background-image: linear-gradient(#0095ff, #0095ff); -pie-background: linear-gradient(#0095ff, #0095ff); } #contents_sub #box_application #btn_login a { display: block; padding: 1px 0 0 43px; color: #ffffff; font-family: "ClearTone SG Medium"; font-size: 13px; text-decoration: none; line-height: 39px; background: url(/images/tsone/arw_btn_01.png) 12px 50% no-repeat; } #contents_sub #box_application #btn_login a:hover { background: url(/images/tsone/arw_btn_01_on.png) 12px 50% no-repeat; } body.dlselect #box_fontlist > header { padding-left: 12px; } body.dlselect #box_fontlist>header h1, body.dlselect #box_fontlist>header h2 { margin: 0; color: #000000; font-family: "FB Miller Display Bold"; } body.dlselect #box_fontlist>header h2 { margin: 44px 0 0; font-size: 14px; line-height: 22px; } body.dlselect #box_fontlist > header .btn_cart { width: 695px; text-align: right; margin-top: -54px; padding-bottom: 5px; } body.dlselect #box_fontlist > header .btn_cart a { color: #fff; text-decoration: none; } body.dlselect #box_fontlist #box_search { margin-top: 45px; padding: 5px 0; width: 720px; background: url(/images/tsone/line_dots_bold.png) repeat 0 0; } body.dlselect #box_fontlist #box_search > li { padding-bottom: 1px; background: url(/images/tsone/line_dots.png) repeat-x left bottom; } body.dlselect #box_fontlist #box_search > li:last-child { background: none; } body.dlselect #box_fontlist #box_search .li_inner { border-top: solid 1px white; border-bottom: solid 1px white; } body.dlselect #box_fontlist #box_search .li_inner .area_ttl { background-color: #ffffff; } body.dlselect #box_fontlist #box_search .li_inner .area_ttl h1 { float: left; margin: 0; width: 290px; } body.dlselect #box_fontlist #box_search .li_inner .area_ttl h1 a { display: block; padding: 2px 0 0 45px; color: #333333; font-family: "FB PoynterSerif RE Regular"; font-size: 13px; line-height: 30px; text-decoration: none; background: url(/images/tsone/arw_box_search_close.png) no-repeat 21px center; } body.dlselect #box_fontlist #box_search .li_inner .area_ttl h1 a:hover { color: #0095ff; background: url(/images/tsone/arw_box_search_on.png) no-repeat 21px center; } body.dlselect #box_fontlist #box_search .li_inner .area_ttl div { float: right; width: 430px; font-family: "ClearTone SG Light"; font-size: 12px; line-height: 32px; } body.dlselect #box_fontlist #box_search .li_inner .area_ttl div .note { display: none; color: #0095ff; } body.dlselect #box_fontlist #box_search .li_inner .area_ttl div .result { color: #cc3333; } body.dlselect #box_fontlist #box_search .li_inner .area_ttl div .result.default { color: #666666; } body.dlselect #box_fontlist #box_search .li_inner .area_body { display: none; background-color: #fcfaf2; } body.dlselect #box_fontlist #box_search li.open .li_inner .area_ttl { background-color: #fcfaf2; } body.dlselect #box_fontlist #box_search li.open .li_inner .area_ttl h1 a { color: #cc3333; background: url(/images/tsone/arw_box_search_open.png) no-repeat 14px center; } body.dlselect #box_fontlist #box_search li.open .li_inner .area_ttl div .note { display: block; } body.dlselect #box_fontlist #box_search li.open .li_inner .area_ttl div .result { display: none; } body.dlselect #box_fontlist #box_search li.open .li_inner .area_body { display: block; } body.dlselect #box_fontlist #box_search #box_classification .li_inner .area_body { padding: 12px 0 21px 19px; } body.dlselect #box_fontlist #box_search #box_classification .li_inner .area_body li { display: block; float: left; margin: 0 8px 8px 0; width: 126px; no-repeat 0 0; height:100px; border: 2px solid #F2EDD9; background-color: #FFFFFF;} body.dlselect #box_fontlist #box_search #box_classification .li_inner .area_body li:hover { background-position: 0 -100px; background-color: #F5F2E4;} body.dlselect #box_fontlist #box_search #box_classification .li_inner .area_body li.selected { background-position: 0 -100px; background-color: #F2FBFF; border-color: #D9F4FF;} body.dlselect #box_fontlist #box_search #box_classification .li_inner .area_body li.selected .sample, body.dlselect #box_fontlist #box_search #box_classification .li_inner .area_body li.selected .name { color: #0095ff; } body.dlselect #box_fontlist #box_search #box_classification .li_inner .area_body li label { display: block; cursor: pointer; padding: 7px 0 11px; } body.dlselect #box_fontlist #box_search #box_classification .li_inner .area_body li input { display: none; cursor: pointer; } body.dlselect #box_fontlist #box_search #box_classification .li_inner .area_body li .sample { color: #4d4d4d; font-size: 32px; line-height: 40px; text-align: center; } body.dlselect #box_fontlist #box_search #box_classification .li_inner .area_body li .name { margin-top: 4px; color: #333333; font-family: "ClearTone SG Regular"; font-size: 12px; line-height: 16px; text-align: center; } body.dlselect #box_fontlist #box_search #box_classification .li_inner .area_body li .sample { margin-top: 8px;} body.dlselect #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_01 .sample { font-family: "Ryumin Medium KL"; } body.dlselect #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_01 .sub-characters {text-align: center; font-family: "Ryumin Medium KL"} body.dlselect #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_01.selected .sub-characters {text-align: center; font-family: "Ryumin Medium KL"; color: #0095FF;} body.dlselect #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_02 .sample { font-family: "Gothic Medium BBB"; } body.dlselect #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_02 .sub-characters {text-align: center; font-family: "Gothic Medium BBB"} body.dlselect #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_02.selected .sub-characters {text-align: center; font-family: "Gothic Medium BBB"; color: #0095FF;} body.dlselect #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_03 .sample { font-family: "Shin Maru Go Medium"; } body.dlselect #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_03 .sub-characters {text-align: center; font-family: "Shin Maru Go Medium"} body.dlselect #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_03.selected .sub-characters {text-align: center; font-family: "Shin Maru Go Medium"; color: #0095FF;} body.dlselect #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_04 .sample { font-family: "Pretty Momo"; } body.dlselect #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_04 .sub-characters {text-align: center; font-family: "Pretty Momo"} body.dlselect #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_04.selected .sub-characters {text-align: center; font-family: "Pretty Momo"; color: #0095FF;} body.dlselect #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_05 .sample { font-family: "Shin Go Futoline"; } body.dlselect #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_05 .sub-characters {text-align: center; font-family: "Shin Go Futoline"} body.dlselect #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_05.selected .sub-characters {text-align: center; font-family: "Shin Go Futoline"; color: #0095FF;} body.dlselect #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_06 .sample { font-family: "Sei Kaisho CB1"; } body.dlselect #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_06 .sub-characters {text-align: center; font-family: "Sei Kaisho CB1"} body.dlselect #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_06.selected .sub-characters {text-align: center; font-family: "Sei Kaisho CB1"; color: #0095FF;} body.dlselect #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_07 .sample { font-family: "UD Shin Go Medium"; } body.dlselect #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_07 .sub-characters {text-align: center; font-family: "UD Shin Go Medium"} body.dlselect #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_07.selected .sub-characters {text-align: center; font-family: "UD Shin Go Medium"; color: #0095FF;} body.dlselect #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_08 .sample { font-family: "GJ Kyoukasho ICA Medium"; } body.dlselect #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_08 .sub-characters {text-align: center; font-family: "GJ Kyoukasho ICA Medium"} body.dlselect #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_08.selected .sub-characters {text-align: center; font-family: "GJ Kyoukasho ICA Medium"; color: #0095FF;} body.dlselect #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_09 .sample { font-family: "FB Miller Display Roman"; } body.dlselect #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_09 .sub-characters {text-align: center; font-family: "FB Miller Display Roman"} body.dlselect #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_09.selected .sub-characters {text-align: center; font-family: "FB Miller Display Roman"; color: #0095FF;} body.dlselect #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_10 .sample { font-family: "AR Shulinhei GB Medium"; } body.dlselect #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_10 .sub-characters {text-align: center; font-family: "AR Shulinhei GB Medium"} body.dlselect #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_10.selected .sub-characters {text-align: center; font-family: "AR Shulinhei GB Medium"; color: #0095FF;} body.dlselect #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_11 .sample { font-family: "AR Mingti B5 Bold"; } body.dlselect #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_11 .sub-characters {text-align: center; font-family: "AR Mingti B5 Bold"} body.dlselect #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_11.selected .sub-characters {text-align: center; font-family: "AR Mingti B5 Bold"; color: #0095FF;} body.dlselect #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_12 .sample { font-family: "Sandoll Myeongjo 03 Bold"; } body.dlselect #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_12 .sub-characters {text-align: center; font-family: "Sandoll Myeongjo 03 Bold"} body.dlselect #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_12.selected .sub-characters {text-align: center; font-family: "Sandoll Myeongjo 03 Bold"; color: #0095FF;} body.dlselect #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_13 .sample { font-family: "shuuei3 Medium"; } body.dlselect #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_13 .sub-characters {text-align: center; font-family: "shuuei3 Medium"} body.dlselect #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_13.selected .sub-characters {text-align: center; font-family: "shuuei3 Medium"; color: #0095FF;} body.dlselect #box_fontlist #box_search #box_classification .li_inner .area_body li.sample_void { height: 100px; background-position: 0 -300px; background-color: #FCFAF2; border-color: #F2EDD9;} body.dlselect #box_fontlist #box_search #box_service .li_inner .area_body, body.dlselect #box_fontlist #box_search #box_use .li_inner .area_body, body.dlselect #box_fontlist #box_search #box_weight .li_inner .area_body, body.dlselect #box_fontlist #box_search #box_maker .li_inner .area_body { padding: 3px 47px 17px; } body.dlselect #box_fontlist #box_search #box_service .li_inner .area_body li, body.dlselect #box_fontlist #box_search #box_use .li_inner .area_body li, body.dlselect #box_fontlist #box_search #box_weight .li_inner .area_body li, body.dlselect #box_fontlist #box_search #box_maker .li_inner .area_body li { display: block; float: left; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 26px; } body.dlselect #box_fontlist #box_search #box_service .li_inner .area_body li span, body.dlselect #box_fontlist #box_search #box_use .li_inner .area_body li span, body.dlselect #box_fontlist #box_search #box_weight .li_inner .area_body li span, body.dlselect #box_fontlist #box_search #box_maker .li_inner .area_body li span { padding: 0 34px 0 5px; } body.dlselect #box_fontlist #box_search #box_imageword .li_inner .area_body, body.dlselect #box_fontlist #box_search #box_use .li_inner .area_body, body.dlselect #box_fontlist #box_search #box_weight .li_inner .area_body, body.dlselect #box_fontlist #box_search #box_maker .li_inner .area_body { padding: 3px 47px 17px; } body.dlselect #box_fontlist #box_search #box_imageword .li_inner .area_body li, body.dlselect #box_fontlist #box_search #box_use .li_inner .area_body li, body.dlselect #box_fontlist #box_search #box_weight .li_inner .area_body li, body.dlselect #box_fontlist #box_search #box_maker .li_inner .area_body li { display: block; float: left; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 26px; } body.dlselect #box_fontlist #box_search #box_imageword .li_inner .area_body li span, body.dlselect #box_fontlist #box_search #box_use .li_inner .area_body li span, body.dlselect #box_fontlist #box_search #box_weight .li_inner .area_body li span, body.dlselect #box_fontlist #box_search #box_maker .li_inner .area_body li span { padding: 0 34px 0 5px; } body.dlselect #box_fontlist #box_search #box_fontfamily .li_inner .area_ttl h1, body.dlselect #box_fontlist #box_search #box_language .li_inner .area_ttl h1 { padding: 2px 0 0 45px; width: 245px; color: #333333; font-family: "FB PoynterSerif RE Regular"; font-size: 13px; line-height: 30px; background: url(/images/tsone/arw_box_search_steady.png) no-repeat 21px center; } body.dlselect #box_fontlist #box_result { width: 720px; } body.dlselect #box_fontlist #box_result #indication_container { margin: 41px 0 20px; color: #666666; font-family: "ClearTone SG Light"; font-size: 12px; line-height: 29px; } body.dlselect #box_fontlist #box_result #indication_container #indicator { width: 250px; float: left; } body.dlselect #box_fontlist #box_result #indication_container #link_indicate { width: 332px; float: right; } body.dlselect #box_fontlist #box_result #indication_container #link_indicate li { display: block; float: left; padding: 0 7px 0 6px; background: url(/images/tsone/line_link_indicate.png) no-repeat right center; } body.dlselect #box_fontlist #box_result #indication_container #link_indicate li a { display: block; width: 71px; color: #666666; text-decoration: none; text-align: center; } body.dlselect #box_fontlist #box_result #indication_container #link_indicate li a:hover { text-decoration: underline; } body.dlselect #box_fontlist #box_result #indication_container #link_indicate li:first-child { padding-left: 0; } body.dlselect #box_fontlist #box_result #indication_container #link_indicate li:last-child { background: none; } body.dlselect #box_fontlist #box_result #indication_container #link_indicate li.current a { color: #0095ff; -webkit-border-radius: 3px 3px; -moz-border-radius: 3px / 3px; border-radius: 3px / 3px; behavior: url(/css/PIE); background-color: #edfaff; } body.dlselect #box_fontlist #box_result #font_sample_container>li { padding-bottom: 56px; } body.dlselect #box_fontlist #box_result #font_sample_container li section header { width: 718px; border: solid 1px #ebebeb; -webkit-border-radius: 6px 6px; -moz-border-radius: 6px / 6px; border-radius: 6px / 6px; behavior: url(/css/PIE); background-color: #fafafa; } body.dlselect #box_fontlist #box_result #font_sample_container li section header h1 { float: left; margin: 0; padding: 1px 0 0 32px; width: 380px; color: #4d4d4d; font-family: "ClearTone SG Medium"; font-size: 15px; line-height: 37px; background: url(/images/tsone/arw_heading_03.png) 14px 50% no-repeat; } body.dlselect #box_fontlist #box_result #font_sample_container li section header .link_all { display: none; float: right; width: 151px; border-left: solid 1px #ebebeb; } body.dlselect #box_fontlist #box_result #font_sample_container li section header .link_all a { display: block; margin: 0; padding-left: 47px; color: #4c4c4c; font-family: "ClearTone SG Medium"; font-size: 12px; line-height: 38px; text-decoration: none; background: url(/images/tsone/arw_link_modal.png) 19px 50% no-repeat; } body.dlselect #box_fontlist #box_result #font_sample_container li section header a.download_btn { color: #0095FF; font-family: "ClearTone SG Medium"; font-size: 12px; line-height: 38px; text-decoration: none; } body.dlselect #box_fontlist #box_result #font_sample_container li section header .link_all a:hover { opacity: 0.7; } body.dlselect #box_fontlist #box_result #font_sample_container li section .font_format { margin: 0; padding: 0; text-align: right; font-size: 1px; vertical-align: top; line-height: 1; padding: 0 11px 11px 0; margin-top: -29px; } body.dlselect #box_fontlist #box_result #font_sample_container li section .font_format li { display: inline; margin-left: 2px; } body.dlselect #box_fontlist #box_result #font_sample_container li section .font_format li img { vertical-align: top; } body.dlselect #box_fontlist #box_result #font_sample_container li section .meta { margin: 0; padding: 0 0 0 300px; width: 418px; border-right: solid 1px #ebebeb; } body.dlselect #box_fontlist #box_result #font_sample_container li section .meta dt { display: block; float: left; padding: 0 0 0 15px; color: #333333; font-family: "ClearTone SG Medium"; font-size: 12px; font-weight: normal; line-height: 30px; border-left: solid 1px #ebebeb; } body.dlselect #box_fontlist #box_result #font_sample_container li section .meta dd { display: block; float: left; margin-left: 0; width: 120px; color: #333333; font-family: "ClearTone SG Light"; font-size: 12px; line-height: 30px; } body.dlselect #box_fontlist #box_result #font_sample_container li section .meta dd+dt+dd { width: 130px; } body.dlselect #box_fontlist #box_result #font_sample_container li section .font_contents { padding-left: 30px; } body.dlselect #box_fontlist #box_result #font_sample_container li section .font_contents .font_jp { font-size: 56px; line-height: 78px; } body.dlselect #box_fontlist #box_result #font_sample_container li section .font_contents .font_jp span { display: block; font-size: 32px; line-height: 1; } body.dlselect #box_fontlist #box_result #font_sample_container li section .font_contents .font_en { font-size: 13px; line-height: 21px; } body.dlselect #box_fontlist #box_result #font_sample_container .btn_weight_example { margin-top: 20px; padding-left: 30px; } body.dlselect #box_fontlist #box_result #font_sample_container .btn_show_all_weight { float: left; margin-right: 20px; } body.dlselect #box_fontlist #box_result #font_sample_container li section .example_css { display: none; float: left; margin: 0; font-size: 13px; line-height: 15px; } body.dlselect #box_fontlist #box_result #font_sample_container li section .btn_show_all_weight+.example_css { width: 528px; } body.dlselect #box_fontlist #box_result #font_sample_container li section .example_css dt { padding: 8px 0 0 16px; min-height: 20px; font-family: "ClearTone SG Regular"; display: block; float: left; color: #ff4c97; background: url(/images/tsone/bg_example_css.png) no-repeat 0 0; } body.dlselect #box_fontlist #box_result #font_sample_container li section .example_css dd { padding: 8px 16px 0 3px; min-height: 20px; font-family: "ClearTone SG Light"; display: block; float: left; margin-left: 0; color: #0095ff; background: url(/images/tsone/bg_example_css.png) no-repeat 100% 0; } body.dlselect #box_fontlist #box_result #font_sample_container li section .price_add_to_cart { vertical-align: middle; display: table; width: 680px; padding: 30px 10px 0 30px; } body.dlselect #box_fontlist #box_result #font_sample_container li section .price_add_to_cart dl { margin: 0; padding: 0 0 3px; display: table-cell; vertical-align: middle; background: url(/images/tsone/bg_price_add_to_cart.png) no-repeat 0 50%; } body.dlselect #box_fontlist #box_result #font_sample_container li section .price_add_to_cart dt, body.dlselect #box_fontlist #box_result #font_sample_container li section .price_add_to_cart dd { vertical-align: middle; display: inline; font-size: 12px; font-family: "ClearTone SG Light"; padding: 0 15px 0 0; margin: 0; } body.dlselect #box_fontlist #box_result #font_sample_container li section .price_add_to_cart dt { border-right: 1px solid #cccccc; padding-left: 15px; margin-right: 15px; font-family: "ClearTone SG Medium"; } body.dlselect #box_fontlist #box_result #font_sample_container li section .price_add_to_cart dd em { font-style: normal; color: #ff4c97; font-family: "ClearTone SG Medium"; } body.dlselect #box_fontlist #box_result #font_sample_container li section .price_add_to_cart .btn_add_to_cart { width: 142px; display: table-cell; vertical-align: middle; } body.dlselect #box_fontlist #box_result #font_sample_container li section .font_downloaded_together { font-family: "ClearTone SG Medium"; text-align: right; padding-right: 10px; margin-top: 13px; } body.dlselect #box_fontlist #box_result #font_sample_container li section .font_downloaded_together a { text-decoration: none; color: #00b4ff; font-size: 11px; } body.dlselect #box_fontlist #box_result #font_sample_container li section .font_downloaded_together a:hover { text-decoration: underline; } body.dlselect #box_fontlist #box_result ul.pager { display: table; vertical-align: top; margin: 50px 0 0; text-align: center; width: 720px; height: 23px; line-height: 23px; } body.dlselect #box_fontlist #box_result ul.pager li { display: inline-table; vertical-align: top; margin-right: 20px; font-family: "ClearTone SG Medium"; font-size: 13px; } body.dlselect #box_fontlist #box_result ul.pager li:last-child { margin-right: 0; } body.dlselect #box_fontlist #box_result ul.pager li a { display: block; font-family: "ClearTone SG Medium"; font-size: 13px; line-height: 23px; text-decoration: none; color: #999999; } body.dlselect #box_fontlist #box_result ul.pager li a:hover { text-decoration: underline; } body.dlselect #box_fontlist #box_result ul.pager li.prev { background: url(/images/tsone/line_dots_vertical.png) repeat-y right top; } body.dlselect #box_fontlist #box_result ul.pager li.prev a { padding: 0 15px 0 26px; color: #000000; background: url(/images/tsone/arw_pager.png) no-repeat 0 -97px; } body.dlselect #box_fontlist #box_result ul.pager li.prev a:hover { color: #999999; background-position: 0 -147px; text-decoration: none; } body.dlselect #box_fontlist #box_result ul.pager li.next { background: url(/images/tsone/line_dots_vertical.png) repeat-y left top; } body.dlselect #box_fontlist #box_result ul.pager li.next a { padding: 0 45px 0 15px; color: #000000; background: url(/images/tsone/arw_pager.png) no-repeat 100% 3px; } body.dlselect #box_fontlist #box_result ul.pager li.next a:hover { color: #999999; background-position: 100% -47px; text-decoration: none; } body.dlselect #box_fontlist #box_result ul.pager li.current a { color: #000000; } body.dlselect.member #box_fontlist #box_result #font_sample_container li section .example_css { display: block; } body.dlselect #box_fontlist #box_result #font_sample_container li section header .link_all { display: block; } body.dlselect #box_fontlist #box_result span.no_font { margin: 0; width: 720px; color: #333333; font-family: "ClearTone SG Light"; font-size: 18px; line-height: 1.6; } /* ------------------------------ savecard */ body.dlbuys #box_savecard { margin-top: 42px; } body.dlbuys #box_savecard>header { padding-left: 14px; } body.dlbuys #box_savecard>header h1, body.dlbuys #box_savecard>header h2 { color: #000000; font-family: "FB Miller Display Bold"; } body.dlbuys #box_savecard>header h2 { margin: 44px 0 0; font-size: 14px; line-height: 22px; } body.dlbuys #box_savecard>header h1 { margin: 0; font-size: 28px; line-height: 36px; } body.dlbuys #box_savecard>section { width: 720px; } body.dlbuys #box_savecard>section>header { margin-top: 45px; margin-bottom: 0; width: 718px; border: solid 1px #ebebeb; -webkit-border-radius: 6px 6px; -moz-border-radius: 6px / 6px; border-radius: 6px / 6px; behavior: url(/css/PIE); background-color: #fafafa; padding-left: 0; } body.dlbuys #box_savecard>section>header>h1 { float: left; margin: 0; padding: 14px 0 14px 31px; color: #4d4d4d; font-family: "FB Miller Display Bold"; font-size: 20px; line-height: 30px; background: url(/images/tsone/arw_heading_01.png) 14px 50% no-repeat; } body.dlbuys #box_savecard>section>header.lead { width: 705px; padding: 38px 0 0 15px; font-family: "ClearTone SG Light"; color: #666666; font-size: 13px; line-height: 22px; } body.dlbuys #box_savecard>section .img-cards { width: 705px; margin: 10px 0 30px 15px; height: 38px; background: url(/images/img-cards.gif) no-repeat center left; } body.dlbuys #box_savecard>section .img-cards li { display: none; } body.dlbuys #box_savecard>section .note { float: right; padding-right: 24px; width: 150px; color: #4c4c4c; font-family: "ClearTone SG Medium"; font-size: 12px; line-height: 58px; text-align: right; } body.dlbuys #box_savecard>section .note span { color: #ff0000; margin-right: 0.5em; } body.dlbuys #box_savecard .border_table_01 tr:first-child td:first-child .inner { padding-top: 17px; } body.dlbuys #box_savecard .indispensable .inner { padding-left: 0; } body.dlbuys #box_savecard .indispensable span { display: inline-block; width: 33px; color: #ff0000; text-align: center; } body.dlbuys #box_savecard .form_text { width: 288px; } body.dlbuys #box_savecard #box_btns { padding: 60px 210px 0; width: 300px; } body.dlbuys #box_savecard #box_btns input.btn_back { display: block; float: left; } body.dlbuys #box_savecard #box_btns input.btn_next { display: block; float: right; } body.dlbuys #box_savecard .lead { width: 705px; padding: 20px 0 16px 15px; font-family: "ClearTone SG Light"; color: #666666; font-size: 13px; line-height: 22px; } body.dlbuys #box_savecard .border_table_03_outer { margin-top: 43px; } body.dlbuys #box_savecard .border_table_03_outer input { margin: 0 8px 0 2px; } /* ------------------------------ savecard_confirm */ body.dlbuys_confirm #box_savecard { margin-top: 42px; } body.dlbuys_confirm #box_savecard>header { padding-left: 14px; } body.dlbuys_confirm #box_savecard>header h1, body.dlbuys_confirm #box_savecard>header h2 { color: #000000; font-family: "FB Miller Display Bold"; } body.dlbuys_confirm #box_savecard>header h2 { margin: 44px 0 0; font-size: 14px; line-height: 22px; } body.dlbuys_confirm #box_savecard>header h1 { margin: 0; font-size: 28px; line-height: 36px; } body.dlbuys_confirm #box_savecard .notice { margin: 46px 0 0; padding-top: 24px; width: 720px; height: 52px; color: #ff0000; font-family: "ClearTone SG Medium"; font-size: 13px; line-height: 21px; text-align: center; background: url(/images/tsone/bg_notice.png) no-repeat 0 0; } body.dlbuys_confirm #box_savecard>section .note { float: right; padding-right: 24px; width: 150px; color: #4c4c4c; font-family: "ClearTone SG Medium"; font-size: 12px; line-height: 58px; text-align: right; } body.dlbuys_confirm #box_savecard>section .note span { color: #ff0000; margin-right: 0.5em; } body.dlbuys_confirm #box_savecard #box_btns { padding: 60px 210px 0; width: 300px; } body.dlbuys_confirm #box_savecard #box_btns input.btn_back { display: block; float: left; } body.dlbuys_confirm #box_savecard #box_btns input.btn_next { display: block; float: right; } /* ------------------------------ savecard_finish */ body.dlbuys_finish #box_savecard { margin-top: 42px; } body.dlbuys_finish #box_savecard>header { padding-left: 14px; } body.dlbuys_finish #box_savecard>header h1, body.dlbuys_finish #box_savecard>header h2 { color: #000000; font-family: "FB Miller Display Bold"; } body.dlbuys_finish #box_savecard>header h2 { margin: 44px 0 0; font-size: 14px; line-height: 22px; } body.dlbuys_finish #box_savecard>header h1 { margin: 0; font-size: 28px; line-height: 36px; } body.dlbuys_finish #box_savecard #box_btns { padding: 60px 0 0; text-align: center; } body.dlbuys_finish #box_savecard .lead { margin: 46px 0 0; padding: 36px 59px 48px; width: 600px; color: #333333; font-family: "ClearTone SG Light"; font-size: 13px; line-height: 21px; border: solid 1px #ebebeb; -webkit-border-radius: 6px 6px; -moz-border-radius: 6px / 6px; border-radius: 6px / 6px; behavior: url(/css/PIE); background-color: #fafafa; } body.dlbuys_finish #box_savecard #btn_back { margin: 60px 0 0 270px; width: 180px; height: 40px; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #adadad), color-stop(100%, #7a7a7a)); background-image: -webkit-linear-gradient(#adadad, #7a7a7a); background-image: -moz-linear-gradient(#adadad, #7a7a7a); background-image: -o-linear-gradient(#adadad, #7a7a7a); background-image: linear-gradient(#adadad, #7a7a7a); -pie-background: linear-gradient(#adadad, #7a7a7a); -webkit-border-radius: 4px 4px; -moz-border-radius: 4px / 4px; border-radius: 4px / 4px; behavior: url(/css/PIE); } body.dlbuys_finish #box_savecard #btn_back:hover { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4d4d4d), color-stop(100%, #4d4d4d)); background-image: -webkit-linear-gradient(#4d4d4d, #4d4d4d); background-image: -moz-linear-gradient(#4d4d4d, #4d4d4d); background-image: -o-linear-gradient(#4d4d4d, #4d4d4d); background-image: linear-gradient(#4d4d4d, #4d4d4d); -pie-background: linear-gradient(#4d4d4d, #4d4d4d); } body.dlbuys_finish #box_savecard #btn_back a { display: block; padding: 1px 0 0 48px; color: #ffffff; font-family: "ClearTone SG Medium"; font-size: 13px; text-decoration: none; line-height: 39px; background: url(/images/tsone/arw_btn_03.png) 19px 50% no-repeat; } /* ------------------------------ savecard_error */ body.dlbuys_error #box_savecard { margin-top: 42px; } body.dlbuys_error #box_savecard>header { padding-left: 14px; } body.dlbuys_error #box_savecard>header h1, body.dlbuys_error #box_savecard>header h2 { color: #000000; font-family: "FB Miller Display Bold"; } body.dlbuys_error #box_savecard>header h2 { margin: 44px 0 0; font-size: 14px; line-height: 22px; } body.dlbuys_error #box_savecard>header h1 { margin: 0; font-size: 28px; line-height: 36px; } body.savecard_error #box_savecard .notice { margin: 46px 0 0; padding-top: 24px; width: 720px; height: 52px; color: #ff0000; font-family: "ClearTone SG Medium"; font-size: 13px; line-height: 21px; text-align: center; background: url(/images/tsone/bg_notice.png) no-repeat 0 0; } body.savecard_error #box_savecard .lead { width: 705px; padding: 38px 0 0 15px; font-family: "ClearTone SG Light"; color: #666666; font-size: 13px; line-height: 22px; } body.savecard_error #box_savecard #box_btns { padding: 60px 0 0; text-align: center; } /* ---------- Link ---------- */ .noDecoration { text-decoration: none!important; outline: none!important; } /* ---------- Text ---------- */ .textWhite { color: white!important; font-weight: bold!important; } .textMute { color: #AAAFB9; } .textXs { font-size: 10px; font-family: "ClearTone SG Medium"; } .textS { font-size: 13px; font-family: "ClearTone SG Medium"; } /* ---------- Components ---------- */ .table { text-align: center; color: #435055; } .tableHeader { border-top: 2px solid #CCC; border-bottom: 2px solid #CCC; background-color: #FAFAFA; } .tableHeader th { padding: 10px 60px; font-weight: bold; font-family: "ClearTone SG Medium"; } .tableBody td{ padding: 10px 60px; } .confirmBtnHide { visibility: hidden; } /* dlselectのインストール系のボタン配置 */ .btnsBox { width: 215px; height: 140px; position: relative; top: -139px; left: 563px; margin-bottom: -130px; } .btnsBoxEn { width: 215px; height: 140px; position: relative; top: -216px; left: 563px; margin-bottom: -130px; } .btnsBoxKana { width: 215px; height: 140px; position: relative; top: -95px; left: 563px; margin-bottom: -130px; } /* dlselectのOTFボタン群 */ .otfBox { position: relative; top: -25px; left: 227px; font-family: 新ゴ L; } .otfBox .marking { display: inline-block; position: relative; font-weight: bold; width: 65px; height: 24px; font-size: 14px; } .otfBox .marking .boxString { position: absolute; top: 3px; } .otfBox .marking:nth-child(1) { background-color: #7393A7; color: white; } .otfBox .marking:nth-child(1) .boxString { left: 11px; } /* 言語切り替え画面スタイル群 */ .selectLangModal_box { font-family: 'UD Shin Go Light JIS2004'; font-size: smaller; } .selectLangModal_box .selectLngBtn { padding-left: 115px; margin-top: 15px; height: 80px; } .selectLangModal_box .selectLngBtn button{ display: block; float: left; margin: 0 8px 8px 0; width: 126px; height: 100px; border: 2px solid #F2EDD9; background-color: #FFFFFF; } .selectLangModal_box .selectLngBtn button .sample{ color: #4d4d4d; font-size: 32px; line-height: 40px; text-align: center; } .selectLangModal_box .selectLngBtn button .ja{ font-family: 'UD Shin Go Light JIS2004', 'UD Shin Go Hangul Light', 'UD Shin Go SC Regular'; } .selectLangModal_box .selectLngBtn button .en{ font-family: 'UD Shin Go Light JIS2004', 'UD Shin Go Hangul Light', 'UD Shin Go SC Regular'; } .selectLangModal_box .selectLngBtn button .zh{ font-family: 'UD Shin Go Light JIS2004', 'UD Shin Go Hangul Light', 'UD Shin Go SC Regular'; } .selectLangModal_box .selectLngBtn button .ko{ font-family: 'UD Shin Go Light JIS2004', 'UD Shin Go Hangul Light', 'UD Shin Go SC Regular'; } .maxMindLicense{ width: 808px; margin-left: auto; margin-bottom: -18px; font-size: 10px; margin-top: 14px; float: left; } #sec_register_new_font .dimmer_body.active { position: absolute; display: table; width: 194px; height: 27px; text-align: center; padding: 1px 45px 0 26px; background-color: rgba(0, 0, 0, 0.8); border-radius: 3px; z-index: 1000; } #sec_register_new_font .dimmer_body.passive { display: none; } #sec_register_new_font .dimmer_body.active .loader_body { display: inline-table; text-align: center; vertical-align: middle; } #sec_register_new_font .dimmer_body.active p.status { display: inline-block; padding-top: 2px; margin-left: 10px; margin-bottom: 0; font-size: 10px; color: white; vertical-align: sub; } #sec_register_new_font .dimmer_body.active .loader_body .loder { margin: 0; animation: 2s linear infinite normal img-rotation-trigger; -webkit-animation: 2s linear infinite normal img-rotation-trigger; } #sec_register_new_font .dimmer_body.active .loader_body .loder img { width: auto; height: 18px; } @keyframes img-rotation-trigger { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } } @-webkit-keyframes img-rotation-trigger { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } }