/** Shopify CDN: Minification failed

Line 85:0 All "@import" rules must come first
Line 87:0 All "@import" rules must come first
Line 89:0 All "@import" rules must come first
Line 91:0 All "@import" rules must come first
Line 93:0 All "@import" rules must come first
Line 95:0 All "@import" rules must come first
Line 97:0 All "@import" rules must come first
Line 757:0 "@charset" must be the first rule in the file

**/
/**
 * 元サイトから抽出されたCSS
 * 抽出日: 2025-11-14T12:20:38.729Z
 * 
 * このCSSは既存ページの表示を維持するために必要です。
 * Shopifyテーマのassets/に配置し、ページテンプレートから読み込んでください。
 */

.section { margin-bottom: 3em; }

.pb_headline_01 { line-height: 40px; background: url("/images/html/pb_guide_title.png") left top no-repeat scroll rgb(255, 255, 255); font-size: 20px; margin-bottom: 20px; margin-top: 20px; }

.pb_headline_01 span { display: inline-block; background: rgb(255, 255, 255); padding: 0px 20px 0px 24px; }

#guide_info { position: relative; width: 726px; background: rgb(241, 141, 0); }

#guide_info_title { margin: 0px; padding: 0px; position: absolute; top: 20px; left: 20px; width: 310px; }

#guide_info_doc { padding: 20px 28px 0px 356px; font-size: 12px; margin: 0px 0px 10px; }

#guide_info_figure { }

#technical_gyde_list { margin: 0px 0px 2em; padding: 0px; list-style: none; font-size: 0px; }

#technical_gyde_list li { display: inline-block; width: 151px; height: 240px; border: 1px solid rgb(204, 204, 204); padding: 24px 12px; margin: 0px 6px 20px 0px; font-size: 12px; vertical-align: top; text-align: center; }

#technical_gyde_list li.cl { margin-right: 0px; }

#technical_gyde_list img { margin: 0px auto 10px; }

#technical_gyde_list p { margin: 0px 10px 10px; padding: 0px; text-align: left; }

#technical_gyde_list a:hover, #technical_gyde_list a:active { text-decoration: none; }

#technical_gyde_app_list { margin: 0px 0px 2em; padding: 0px; list-style: none; font-size: 0px; }

#technical_gyde_app_list li { display: inline-block; width: 170px; margin: 0px 15px 0px 0px; vertical-align: top; }

#technical_gyde_app_list li.cl { margin: 0px; }

.pb_guide_box { border: 1px solid rgb(204, 204, 204); padding: 10px; margin-bottom: 2em; }

.pb_guide_box strong { color: rgb(255, 0, 0); }

.pb_guide_box p { font-size: 14px; line-height: 1.7em; }

.cart p { font-size: 14px; line-height: 1.7em; }

.cart h4 { font-size: 14px; letter-spacing: 0.1em; padding-bottom: 5px; border-bottom: 2px solid rgb(0, 140, 211); margin: 10px 0px; }

#pb_guide_check p { margin: 0px 0px 2em; }

#pb_guide_app_table { border-collapse: collapse; width: 100%; margin-bottom: 2em; }

#pb_guide_app_table th, #pb_guide_app_table td { border: 1px solid rgb(204, 204, 204); padding: 0.5em 1em; text-align: center; }

#pb_guide_app_table th { background: rgb(246, 171, 0); color: rgb(255, 240, 0); }

#pb_guide_app_table tr:nth-child(2n-1) td { background: rgb(253, 235, 200); }

.pb_fig_center { text-align: center; margin-bottom: 2em; }

.pb_backtotop { border-bottom: 1px solid rgb(190, 0, 8); margin-bottom: 2em; text-align: right; }

.pb_backtotop a { display: inline-block; background: rgb(190, 0, 8); color: rgb(255, 255, 255); text-decoration: none; padding: 0.2em 0.5em; border-radius: 4px 4px 0px 0px; margin: 0px 1em 0px auto; }

.pb_backtotop a:link, .pb_backtotop a:visited { color: rgb(255, 255, 255); text-decoration: none; }

.pb_backtotop a:hover, .pb_backtotop a:active { color: rgb(255, 255, 255); text-decoration: underline; }

.vishid { visibility: hidden; }

@import url("index.css");

@import url("contents.css?150209");

@import url("reset.css");

@import url("base.css?20220128");

@import url("top.css?20210610");

@import url("static.css?150615");

@import url("additional.css?20200821");

.progress { position: relative; width: 0%; height: 20px; background: url("../images/mypage/bar.jpg") right center no-repeat; }

.nivoSlider { position: relative; width: 100%; height: auto; overflow: hidden; margin: 0px; }

.nivoSlider img { position: absolute; top: 0px; left: 0px; max-width: none; }

.nivo-main-image { display: block !important; position: relative !important; width: 100% !important; }

.nivoSlider a.nivo-imageLink { overflow: hidden; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border: 0px; padding: 0px; margin: 0px; z-index: 6; display: none; background: white; opacity: 0; }

.nivoSlider a.nivo-imageLink:hover { opacity: 0.15; }

.nivo-slice { display: block; position: absolute; z-index: 5; height: 100%; top: 0px; }

.nivo-box { display: block; position: absolute; z-index: 5; overflow: hidden; }

.nivo-box img { display: block; }

.nivo-caption { position: absolute; left: 0px; bottom: 0px; background: rgb(0, 0, 0); color: rgb(255, 255, 255); width: 100%; z-index: 8; padding: 5px 10px; opacity: 0.8; overflow: hidden; display: none; box-sizing: border-box; }

.nivo-caption p { padding: 5px; margin: 0px; }

.nivo-caption a { display: inline !important; }

.nivo-html-caption { display: none; }

.nivo-directionNav a { position: absolute; top: 45%; z-index: 9; cursor: pointer; }

.nivo-prevNav { left: 0px; }

.nivo-nextNav { right: 0px; }

.nivo-controlNav { text-align: center; padding: 15px 0px; }

.nivo-controlNav a { cursor: pointer; }

.nivo-controlNav a.active { font-weight: bold; }

.theme-default .nivoSlider { position: relative; background: url("/images/nivoslider/themes/default/loading.gif") 50% 50% no-repeat rgb(255, 255, 255); margin-bottom: 10px; box-shadow: rgb(74, 74, 74) 0px 1px 5px 0px; }

.theme-default .nivoSlider img { position: absolute; top: 0px; left: 0px; display: none; }

.theme-default .nivoSlider a { border: 0px; display: block; }

.theme-default .nivo-controlNav { text-align: center; padding: 10px 0px; }

.theme-default .nivo-controlNav a { display: inline-block; width: 22px; height: 22px; background: url("/images/nivoslider/themes/default/bullets.png") no-repeat; text-indent: -9999px; border: 0px; margin: 0px 2px; }

.theme-default .nivo-controlNav a.active { background-position: 0px -22px; }

.theme-default .nivo-directionNav a { display: block; width: 30px; height: 30px; background: url("/images/nivoslider/themes/default/arrows.png") no-repeat; text-indent: -9999px; border: 0px; opacity: 0; transition: 200ms ease-in-out; }

.theme-default:hover .nivo-directionNav a { opacity: 1; }

.theme-default a.nivo-nextNav { background-position: -30px 0px; right: 15px; }

.theme-default a.nivo-prevNav { left: 15px; }

.theme-default .nivo-caption { font-family: Helvetica, Arial, sans-serif; }

.theme-default .nivo-caption a { color: rgb(255, 255, 255); border-bottom: 1px dotted rgb(255, 255, 255); }

.theme-default .nivo-caption a:hover { color: rgb(255, 255, 255); }

.theme-default .nivo-controlNav.nivo-thumbs-enabled { width: 100%; }

.theme-default .nivo-controlNav.nivo-thumbs-enabled a { width: auto; height: auto; background: none; margin-bottom: 5px; }

.theme-default .nivo-controlNav.nivo-thumbs-enabled img { display: block; width: 120px; height: auto; }

.theme-green .nivoSlider { position: relative; background: url("/images/nivoslider/themes/default/loading.gif") 50% 50% no-repeat rgb(255, 255, 255); margin-bottom: 10px; box-shadow: rgb(74, 74, 74) 0px 1px 5px 0px; }

.theme-green .nivoSlider img { position: absolute; top: 0px; left: 0px; display: none; }

.theme-green .nivoSlider a { border: 0px; display: block; }

.theme-green .nivo-controlNav { text-align: center; padding: 10px 0px; }

.theme-green .nivo-controlNav a { display: inline-block; width: 22px; height: 22px; background: url("/images/nivoslider/tmcs/green/bullets_G.png") no-repeat; text-indent: -9999px; border: 0px; margin: 0px 2px; }

.theme-green .nivo-controlNav a.active { background-position: 0px -22px; }

.theme-green .nivo-directionNav a { display: block; width: 30px; height: 30px; background: url("/images/nivoslider/themes/default/arrows.png") no-repeat; text-indent: -9999px; border: 0px; opacity: 0; transition: 200ms ease-in-out; }

.theme-green:hover .nivo-directionNav a { opacity: 1; }

.theme-green a.nivo-nextNav { background-position: -30px 0px; right: 15px; }

.theme-green a.nivo-prevNav { left: 15px; }

.theme-green .nivo-caption { font-family: Helvetica, Arial, sans-serif; }

.theme-green .nivo-caption a { color: rgb(255, 255, 255); border-bottom: 1px dotted rgb(255, 255, 255); }

.theme-green .nivo-caption a:hover { color: rgb(255, 255, 255); }

.theme-green .nivo-controlNav.nivo-thumbs-enabled { width: 100%; }

.theme-green .nivo-controlNav.nivo-thumbs-enabled a { width: auto; height: auto; background: none; margin-bottom: 5px; }

.theme-green .nivo-controlNav.nivo-thumbs-enabled img { display: block; width: 120px; height: auto; }

.theme-blue .nivoSlider { position: relative; background: url("/images/nivoslider/themes/default/loading.gif") 50% 50% no-repeat rgb(255, 255, 255); margin-bottom: 10px; box-shadow: rgb(74, 74, 74) 0px 1px 5px 0px; }

.theme-blue .nivoSlider img { position: absolute; top: 0px; left: 0px; display: none; }

.theme-blue .nivoSlider a { border: 0px; display: block; }

.theme-blue .nivo-controlNav { text-align: center; padding: 10px 0px; }

.theme-blue .nivo-controlNav a { display: inline-block; width: 22px; height: 22px; background: url("/images/nivoslider/tmcs/blue/bullets_blu.png") no-repeat; text-indent: -9999px; border: 0px; margin: 0px 2px; }

.theme-blue .nivo-controlNav a.active { background-position: 0px -22px; }

.theme-blue .nivo-directionNav a { display: block; width: 30px; height: 30px; background: url("/images/nivoslider/themes/default/arrows.png") no-repeat; text-indent: -9999px; border: 0px; opacity: 0; transition: 200ms ease-in-out; }

.theme-blue:hover .nivo-directionNav a { opacity: 1; }

.theme-blue a.nivo-nextNav { background-position: -30px 0px; right: 15px; }

.theme-blue a.nivo-prevNav { left: 15px; }

.theme-blue .nivo-caption { font-family: Helvetica, Arial, sans-serif; }

.theme-blue .nivo-caption a { color: rgb(255, 255, 255); border-bottom: 1px dotted rgb(255, 255, 255); }

.theme-blue .nivo-caption a:hover { color: rgb(255, 255, 255); }

.theme-blue .nivo-controlNav.nivo-thumbs-enabled { width: 100%; }

.theme-blue .nivo-controlNav.nivo-thumbs-enabled a { width: auto; height: auto; background: none; margin-bottom: 5px; }

.theme-blue .nivo-controlNav.nivo-thumbs-enabled img { display: block; width: 120px; height: auto; }

.theme-red .nivoSlider { position: relative; background: url("/images/nivoslider/themes/default/loading.gif") 50% 50% no-repeat rgb(255, 255, 255); margin-bottom: 10px; box-shadow: rgb(74, 74, 74) 0px 1px 5px 0px; }

.theme-red .nivoSlider img { position: absolute; top: 0px; left: 0px; display: none; }

.theme-red .nivoSlider a { border: 0px; display: block; }

.theme-red .nivo-controlNav { text-align: center; padding: 10px 0px; }

.theme-red .nivo-controlNav a { display: inline-block; width: 22px; height: 22px; background: url("/images/nivoslider/tmcs/red/bullets_red.png") no-repeat; text-indent: -9999px; border: 0px; margin: 0px 2px; }

.theme-red .nivo-controlNav a.active { background-position: 0px -22px; }

.theme-red .nivo-directionNav a { display: block; width: 30px; height: 30px; background: url("/images/nivoslider/themes/default/arrows.png") no-repeat; text-indent: -9999px; border: 0px; opacity: 0; transition: 200ms ease-in-out; }

.theme-red:hover .nivo-directionNav a { opacity: 1; }

.theme-red a.nivo-nextNav { background-position: -30px 0px; right: 15px; }

.theme-red a.nivo-prevNav { left: 15px; }

.theme-red .nivo-caption { font-family: Helvetica, Arial, sans-serif; }

.theme-red .nivo-caption a { color: rgb(255, 255, 255); border-bottom: 1px dotted rgb(255, 255, 255); }

.theme-red .nivo-caption a:hover { color: rgb(255, 255, 255); }

.theme-red .nivo-controlNav.nivo-thumbs-enabled { width: 100%; }

.theme-red .nivo-controlNav.nivo-thumbs-enabled a { width: auto; height: auto; background: none; margin-bottom: 5px; }

.theme-red .nivo-controlNav.nivo-thumbs-enabled img { display: block; width: 120px; height: auto; }

.theme-purple .nivoSlider { position: relative; background: url("/images/nivoslider/themes/default/loading.gif") 50% 50% no-repeat rgb(255, 255, 255); margin-bottom: 10px; box-shadow: rgb(74, 74, 74) 0px 1px 5px 0px; }

.theme-purple .nivoSlider img { position: absolute; top: 0px; left: 0px; display: none; }

.theme-purple .nivoSlider a { border: 0px; display: block; }

.theme-purple .nivo-controlNav { text-align: center; padding: 10px 0px; }

.theme-purple .nivo-controlNav a { display: inline-block; width: 22px; height: 22px; background: url("/images/nivoslider/tmcs/purple/bullets_ppl.png") no-repeat; text-indent: -9999px; border: 0px; margin: 0px 2px; }

.theme-purple .nivo-controlNav a.active { background-position: 0px -22px; }

.theme-purple .nivo-directionNav a { display: block; width: 30px; height: 30px; background: url("/images/nivoslider/themes/default/arrows.png") no-repeat; text-indent: -9999px; border: 0px; opacity: 0; transition: 200ms ease-in-out; }

.theme-purple:hover .nivo-directionNav a { opacity: 1; }

.theme-purple a.nivo-nextNav { background-position: -30px 0px; right: 15px; }

.theme-purple a.nivo-prevNav { left: 15px; }

.theme-purple .nivo-caption { font-family: Helvetica, Arial, sans-serif; }

.theme-purple .nivo-caption a { color: rgb(255, 255, 255); border-bottom: 1px dotted rgb(255, 255, 255); }

.theme-purple .nivo-caption a:hover { color: rgb(255, 255, 255); }

.theme-purple .nivo-controlNav.nivo-thumbs-enabled { width: 100%; }

.theme-purple .nivo-controlNav.nivo-thumbs-enabled a { width: auto; height: auto; background: none; margin-bottom: 5px; }

.theme-purple .nivo-controlNav.nivo-thumbs-enabled img { display: block; width: 120px; height: auto; }

.theme-orange .nivoSlider { position: relative; background: url("/images/nivoslider/themes/default/loading.gif") 50% 50% no-repeat rgb(255, 255, 255); margin-bottom: 10px; box-shadow: rgb(74, 74, 74) 0px 1px 5px 0px; }

.theme-orange .nivoSlider img { position: absolute; top: 0px; left: 0px; display: none; }

.theme-orange .nivoSlider a { border: 0px; display: block; }

.theme-orange .nivo-controlNav { text-align: center; padding: 10px 0px; }

.theme-orange .nivo-controlNav a { display: inline-block; width: 22px; height: 22px; background: url("/images/nivoslider/tmcs/orange/bullets_orn.png") no-repeat; text-indent: -9999px; border: 0px; margin: 0px 2px; }

.theme-orange .nivo-controlNav a.active { background-position: 0px -22px; }

.theme-orange .nivo-directionNav a { display: block; width: 30px; height: 30px; background: url("/images/nivoslider/themes/default/arrows.png") no-repeat; text-indent: -9999px; border: 0px; opacity: 0; transition: 200ms ease-in-out; }

.theme-orange:hover .nivo-directionNav a { opacity: 1; }

.theme-orange a.nivo-nextNav { background-position: -30px 0px; right: 15px; }

.theme-orange a.nivo-prevNav { left: 15px; }

.theme-orange .nivo-caption { font-family: Helvetica, Arial, sans-serif; }

.theme-orange .nivo-caption a { color: rgb(255, 255, 255); border-bottom: 1px dotted rgb(255, 255, 255); }

.theme-orange .nivo-caption a:hover { color: rgb(255, 255, 255); }

.theme-orange .nivo-controlNav.nivo-thumbs-enabled { width: 100%; }

.theme-orange .nivo-controlNav.nivo-thumbs-enabled a { width: auto; height: auto; background: none; margin-bottom: 5px; }

.theme-orange .nivo-controlNav.nivo-thumbs-enabled img { display: block; width: 120px; height: auto; }

* { padding: 0px; margin: 0px; }

#TB_window { font: 12px Arial, Helvetica, sans-serif; color: rgb(51, 51, 51); }

#TB_secondLine { font: 10px Arial, Helvetica, sans-serif; color: rgb(102, 102, 102); }

#TB_window a:link { color: rgb(102, 102, 102); }

#TB_window a:visited { color: rgb(102, 102, 102); }

#TB_window a:hover { color: rgb(0, 0, 0); }

#TB_window a:active { color: rgb(102, 102, 102); }

#TB_window a:focus { color: rgb(102, 102, 102); }

#TB_overlay { position: fixed; z-index: 100; top: 0px; left: 0px; height: 100%; width: 100%; }

.TB_overlayMacFFBGHack { background: url("/images/thickbox/macFFBgHack.png") repeat; }

.TB_overlayBG { background-color: rgb(0, 0, 0); opacity: 0.75; }

* html #TB_overlay { position: absolute; }

#TB_window { position: fixed; background: rgb(255, 255, 255); z-index: 102; color: rgb(0, 0, 0); display: none; border: 4px solid rgb(82, 82, 82); text-align: left; top: 50%; left: 50%; }

* html #TB_window { position: absolute; }

#TB_window img#TB_Image { display: block; margin: 15px 0px 0px 15px; border-width: 1px; border-style: solid; border-color: rgb(102, 102, 102) rgb(204, 204, 204) rgb(204, 204, 204) rgb(102, 102, 102); }

#TB_caption { height: 25px; padding: 7px 30px 10px 25px; float: left; }

#TB_closeWindow { height: 25px; padding: 11px 25px 10px 0px; float: right; }

#TB_closeAjaxWindow { padding: 7px 10px 5px 0px; margin-bottom: 1px; text-align: right; float: right; }

#TB_ajaxWindowTitle { float: left; padding: 7px 0px 5px 10px; margin-bottom: 1px; }

#TB_title { background-color: rgb(232, 232, 232); height: 27px; }

#TB_ajaxContent { clear: both; padding: 2px 15px 15px; overflow: auto; text-align: left; line-height: 1.4em; }

#TB_ajaxContent.TB_modal { padding: 15px; }

#TB_ajaxContent p { padding: 5px 0px; }

#TB_load { position: fixed; display: none; height: 13px; width: 208px; z-index: 103; top: 50%; left: 50%; margin: -6px 0px 0px -104px; }

* html #TB_load { position: absolute; }

#TB_HideSelect { z-index: 99; position: fixed; top: 0px; left: 0px; background-color: rgb(255, 255, 255); border: none; opacity: 0; height: 100%; width: 100%; }

* html #TB_HideSelect { position: absolute; }

#TB_iframeContent { clear: both; border: none; margin-bottom: -1px; margin-top: 1px; }

body.lb-disable-scrolling { overflow: hidden; }

.lightboxOverlay { position: absolute; top: 0px; left: 0px; z-index: 9999; background-color: black; opacity: 0.8; display: none; }

.lightbox { position: absolute; left: 0px; width: 100%; z-index: 10000; text-align: center; line-height: 0; font-weight: normal; outline: none; }

.lightbox .lb-image { display: block; height: auto; max-width: inherit; max-height: none; border-radius: 3px; border: 4px solid white; }

.lightbox a img { border: none; }

.lb-outerContainer { position: relative; width: 250px; height: 250px; margin: 0px auto; border-radius: 4px; background-color: white; }

.lb-outerContainer::after { content: ""; display: table; clear: both; }

.lb-loader { position: absolute; top: 43%; left: 0px; height: 25%; width: 100%; text-align: center; line-height: 0; }

.lb-cancel { display: block; width: 32px; height: 32px; margin: 0px auto; background: url("/images/lightbox/loading.gif") no-repeat; }

.lb-nav { position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; z-index: 10; }

.lb-container > .nav { left: 0px; }

.lb-nav a { outline: none; background-image: url("data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="); }

.lb-prev, .lb-next { height: 100%; cursor: pointer; display: block; }

.lb-nav a.lb-prev { width: 34%; left: 0px; float: left; background: url("/images/lightbox/prev.png") left 48% no-repeat; opacity: 0; transition: opacity 0.6s; }

.lb-nav a.lb-prev:hover { opacity: 1; }

.lb-nav a.lb-next { width: 64%; right: 0px; float: right; background: url("/images/lightbox/next.png") right 48% no-repeat; opacity: 0; transition: opacity 0.6s; }

.lb-nav a.lb-next:hover { opacity: 1; }

.lb-dataContainer { margin: 0px auto; padding-top: 5px; width: 100%; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }

.lb-dataContainer::after { content: ""; display: table; clear: both; }

.lb-data { padding: 0px 4px; color: rgb(204, 204, 204); }

.lb-data .lb-details { width: 85%; float: left; text-align: left; line-height: 1.1em; }

.lb-data .lb-caption { font-size: 13px; font-weight: bold; line-height: 1em; }

.lb-data .lb-caption a { color: rgb(68, 170, 238); }

.lb-data .lb-number { display: block; clear: left; padding-bottom: 1em; font-size: 12px; color: rgb(153, 153, 153); }

.lb-data .lb-close { display: block; float: right; width: 30px; height: 30px; background: url("/images/lightbox/close.png") right top no-repeat; text-align: right; outline: none; opacity: 0.7; transition: opacity 0.2s; }

.lb-data .lb-close:hover { cursor: pointer; opacity: 1; }

#notbreak br { display: none; }


/*/////////////////////////////////////////////////////////////

    データ作成ガイド用ページ用CSS 全代理店様サイト共通
    author: gskwebtm
    date: 2020-05-25
    update: 2021-10-20

/////////////////////////////////////////////////////////////*/

/*--------------------
全代理店様サイト共通用レイアウト
--------------------*/
.section{
    margin-bottom:3em;
}

.pb_headline_01{
    line-height:40px;
    background:#FFF url(/images/html/pb_guide_title.png) no-repeat scroll top left;
    font-size:20px;
    margin-bottom:20px;
    margin-top:20px;
}

.pb_headline_01 span{
    display:inline-block;
    background:#FFF;
    padding:0 20px 0 24px;
}

#guide_info{
    position:relative;
    width:726px;
    background:#F18D00;
}

#guide_info_title{
    margin:0;
    padding:0;
    position: absolute;
    top:20px;
    left:20px;
    width:310px;
}

#guide_info_doc{
    padding:20px 28px 0 356px;
    font-size:12px;
    margin:0 0 10px 0;
}

#guide_info_figure{
}

#technical_gyde_list{
    margin:0 0 2em;
    padding:0;
    list-style:none;
    font-size:0;
}

#technical_gyde_list li{
    display:inline-block;
    width:151px;
    height:240px;
    border:solid 1px #CCC;
    padding:24px 12px;
    margin:0 6px 20px 0;
    font-size:12px;
    vertical-align:top;
    text-align: center;
}

#technical_gyde_list li.cl{
    margin-right:0;
}


#technical_gyde_list img{
    margin:0 auto 10px;
}

#technical_gyde_list p{
    margin:0 10px 10px;
    padding:0;
    text-align: left;
}

#technical_gyde_list a:hover,
#technical_gyde_list a:active{
    text-decoration:none;
}

#technical_gyde_app_list{
    margin:0 0 2em;
    padding:0;
    list-style:none;
    font-size:0;
}

#technical_gyde_app_list li{
    display:inline-block; 
    width:170px;
    margin:0 15px 0 0;
    vertical-align:top;
}

#technical_gyde_app_list li.cl{
    margin:0;
}

.pb_guide_box{
    border:solid 1px #CCC;
    padding:10px;
    margin-bottom:2em;
}

.pb_guide_box strong{
    color:#F00;
}

.pb_guide_box p{
    font-size:14px;
    line-height:1.7em;
}

.cart p{
    font-size:14px;
    line-height:1.7em;
}

.cart h4{
    font-size: 14px;
    letter-spacing: 0.1em;
    padding-bottom: 5px;
    border-bottom: #008CD3 2px solid;
    margin: 10px 0 10px 0;
}

#pb_guide_check p{
    margin:0 0 2em;
}

#pb_guide_app_table{
    border-collapse:collapse;
    width:100%;
    margin-bottom:2em;
}

#pb_guide_app_table th,
#pb_guide_app_table td{
    border:solid 1px #CCC;
    padding:.5em 1em;
    text-align:center;
}

#pb_guide_app_table th{
    background:#F6AB00;
    color:#FFF000;
}

#pb_guide_app_table tr:nth-child(2n-1) td{
    background:#FDEBC8;
}

.pb_fig_center{
    text-align:center;
    margin-bottom:2em;
}

.pb_backtotop{
    border-bottom:solid 1px #BE0008;
    margin-bottom:2em;
    text-align:right;
}

.pb_backtotop a{
    display:inline-block;
    background:#BE0008;
    color:#FFF;
    text-decoration:none;
    padding:0.2em .5em;
    border-radius:4px 4px 0 0;
    margin:0 1em 0 auto;

}

.pb_backtotop a{
    display:inline-block;
    background:#BE0008;
    color:#FFF;
    text-decoration:none;
    padding:0.2em .5em;
    border-radius:4px 4px 0 0;
    margin:0 1em 0 auto;

}

.pb_backtotop a:link,
.pb_backtotop a:visited{
    color:#FFF;
    text-decoration:none;
}

.pb_backtotop a:hover,
.pb_backtotop a:active{
    color:#FFF;
    text-decoration:underline;
}

/* スペース調整に使いたいが非表示にしたい文字用 */
.vishid {
    visibility: hidden;
}



        
            #notbreak br {
                display: none;
            }
        
        

.pdgt2 { padding: 2px 0px 0px; }

.pdgt5 { padding: 5px 0px 0px; }

.pdgt15 { padding: 15px 0px 0px; }

.pdgt47 { padding: 47px 0px 0px; }

.pdgb5 { padding: 0px 0px 5px; }

.pdgr2 { padding: 0px 2px 0px 0px; }

.pdgr4 { padding: 0px 4px 0px 0px; }

.pdgr6 { padding: 0px 6px 0px 0px; }

.pdgr8 { padding: 0px 8px 0px 0px; }

.pdgr10 { padding: 0px 10px 0px 0px; }

.pdgr12 { padding: 0px 12px 0px 0px; }

.pdgr14 { padding: 0px 14px 0px 0px; }

.pdgr16 { padding: 0px 16px 0px 0px; }

.pdgr18 { padding: 0px 18px 0px 0px; }

.pdgr24 { padding: 0px 24px 0px 0px; }

.ksl01 { list-style-type: disc; }

.disilblk { width: auto; height: auto; text-align: center; margin: 0px auto; }

.ctradj { position: absolute; inset: 0px; margin: auto; }

#pglink { margin: 5px 10px 10px; padding: 0px; font-size: 14px; }

#pglink::after, #pglink::before { display: block; clear: both; content: ""; }

#pglink ul { float: left; }

#pglink ul li { list-style-type: none; }

#pglink a { text-decoration: none; }

table .orikakou_l, table .orikakou_r { padding: 10px 0px 15px; }

table img { margin-right: 20px; }

.red001 { color: rgb(255, 0, 51); }

.red001:hover, .red001:active { color: rgb(255, 255, 255); background-color: rgb(255, 0, 51); text-decoration: underline; }

.red002 { color: rgb(234, 101, 161); }

.red002:hover, .red002:active { color: rgb(255, 255, 255); background-color: rgb(234, 101, 161); text-decoration: none; }

.green001 { color: rgb(51, 153, 102); }

.green001:hover, .green001:active { color: rgb(255, 255, 255); background-color: rgb(51, 153, 102); text-decoration: underline; }

.green002 { color: rgb(62, 177, 52); }

.green002:hover, .green002:active { color: rgb(255, 255, 255); background-color: rgb(62, 177, 52); text-decoration: none; }

.green003 { color: rgb(51, 153, 102); }

.green003:hover, .green003:active { color: rgb(255, 255, 255); background-color: rgb(51, 153, 102); text-decoration: none; }

.blue001 { color: rgb(0, 104, 183); }

.blue001:hover, .blue001:active { color: rgb(255, 255, 255); background-color: rgb(15, 106, 180); text-decoration: underline; }

.blue002 { color: rgb(51, 102, 153); }

.blue002:hover, .blue002:active { color: rgb(255, 255, 255); background-color: rgb(51, 102, 153); text-decoration: none; }

.blue003 { color: rgb(30, 185, 238); }

.blue003:hover, .blue003:active { color: rgb(255, 255, 255); background-color: rgb(30, 185, 238); text-decoration: none; }

.red-purple001 { color: rgb(255, 51, 204); }

.red-purple001:hover, .red-purple001:active { color: rgb(255, 255, 255); background-color: rgb(255, 51, 204); text-decoration: underline; }

.bgarea_red001 { padding: 10px; background: rgb(253, 238, 244); }

.bgarea_green001 { padding: 10px; background: rgb(235, 244, 231); }

.bgarea_blue001 { padding: 10px; background: rgb(234, 246, 253); }


@charset "utf-8";
/*
    全代理店サイト共通
    折り加工・2穴ほか後加工ページ用CSS
    author: gskwebtm
    ver: 2025-09-04-001
    author: gskwebtm
    date: 2020-07-22
    update: 2025-09-04
*/
/* 間隔調整用padding */
.pdgt2{
    padding: 2px 0px 0px 0px;
}
.pdgt5{
    padding: 5px 0px 0px 0px;
}
.pdgt15{
    padding: 15px 0px 0px 0px;
}
.pdgt47{
    padding: 47px 0px 0px 0px;
}
.pdgb5{
    padding: 0px 0px 5px 0px;
}
.pdgr2{
    padding: 0px 2px 0px 0px;
}
.pdgr4{
    padding: 0px 4px 0px 0px;
}
.pdgr6{
    padding: 0px 6px 0px 0px;
}
.pdgr8{
    padding: 0px 8px 0px 0px;
}
.pdgr10{
    padding: 0px 10px 0px 0px;
}
.pdgr12{
    padding: 0px 12px 0px 0px;
}
.pdgr14{
    padding: 0px 14px 0px 0px;
}
.pdgr16{
    padding: 0px 16px 0px 0px;
}
.pdgr18{
    padding: 0px 18px 0px 0px;
}
.pdgr24{
    padding: 0px 24px 0px 0px;
}

.ksl01{
    list-style-type: disc;
}
.disilblk{
    width: auto;
    height: auto;
    text-align: center;
    margin: 0px auto;
}
.ctradj{
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto;
}

/* ページ内リンク */
#pglink{
    margin: 5px 10px 10px 10px;
    padding: 0px 0px;
    font-size: 14px;
}
#pglink:after, #pglink:before {
    display: block;
    clear: both;
    content: "";
}
#pglink ul{
    float:left;
}
#pglink ul li{
    list-style-type: none;
}
#pglink a{
    text-decoration: none;
}

table .orikakou_l,
table .orikakou_r{
    back-ground:#ccc;
    padding:10px 0px 15px;
}
table img{
    margin-right:20px;
}

/* リンク用文字色設定 */
/* 赤系色リンク001 */
.red001{
    color: #ff0033;
}
.red001:hover,.red001:active{
    color:#FFFFFF;
    background-color: #ff0033;
    text-decoration: underline;
}

/* 赤系色リンク002 */
.red002{
    color: #ea65a1;
}
.red002:hover,.red002:active{
    color:#FFFFFF;
    background-color: #ea65a1;
    text-decoration: none;
}

/* 緑系色リンク001 */
.green001{
    color: #339966;
}
.green001:hover,.green001:active{
    color:#FFFFFF;
    background-color: #339966;
    text-decoration: underline;
}

/* 緑系色リンク002 */
.green002{
    color: #3eb134;
}
.green002:hover,.green002:active{
    color:#FFFFFF;
    background-color: #3eb134;
    text-decoration: none;
}

/* 緑系色リンク003 */
.green003{
    color: #339966;
}
.green003:hover,.green003:active{
    color:#FFFFFF;
    background-color: #339966;
    text-decoration: none;
}

/* 青系色リンク001 */
.blue001{
    color: #0068b7;
}
.blue001:hover,.blue001:active{
    color:#FFFFFF;
    background-color: #0F6AB4;
    text-decoration: underline;
}

/* 青系色リンク002 */
.blue002{
    color: #336699;
}
.blue002:hover,.blue002:active{
    color:#FFFFFF;
    background-color: #336699;
    text-decoration: none;
}

/* 青系色リンク003 */
.blue003{
    color: #1eb9ee;
}
.blue003:hover,.blue003:active{
    color:#FFFFFF;
    background-color: #1eb9ee;
    text-decoration: none;
}

/* 赤紫系色リンク */
.red-purple001{
    color: #ff33cc;
}
.red-purple001:hover,.red-purple001:active{
    color:#FFFFFF;
    background-color: #ff33cc;
    text-decoration: underline;
}


/* 赤系色背景001 */
.bgarea_red001{
    padding:10px;
    background:#fdeef4;
}

/* 緑系色背景001 */
.bgarea_green001{
    padding:10px;
    background:#ebf4e7;
}

/* 青系色背景001 */
.bgarea_blue001{
    padding:10px;
    background:#eaf6fd;
}

/* スペース調整に使いたいが非表示にしたい文字用 */
.vishid {
    visibility: hidden;
}


#vrprt_grp { overflow: hidden; clear: both; width: 100%; height: auto; margin: 0px; font-size: 12px; line-height: 1.5; }

#vrprt_grp h1 { width: auto; height: auto; margin: 0px 0px 20px; padding: 10px; font-size: 2em; font-weight: bold; line-height: 1; text-align: center; color: rgb(255, 255, 255); background: rgb(6, 99, 169); border: none; }

#vrprt_grp h1 span { display: block; padding: 0.2em; border: 1px dashed rgb(175, 175, 250); }

#vrprt_grp h3 { }

#vrprt_grp h4 { }

#vrprt_grp p { }

#vrprt_grp ul { }

.vrprt_desc { display: block; position: relative; width: 100%; height: auto; margin: 0px auto 20px; padding: 0px; }

.vrprt_desc::before, .vrprt_desc::after { content: ""; display: block; clear: both; }

.vrprt_desc h5 { width: auto; height: auto; margin: 0px auto 10px; padding: 0px 0px 0px 10px; font-weight: bold; font-size: 1.1em; color: rgb(0, 0, 0); border-left: 4px solid rgb(0, 140, 211); }

.vrprt_desc p { margin: 0px; padding: 0px 10px; font-size: 1.2em; }

.vrprt_desc_left { display: block; position: relative; float: left; width: auto; height: auto; margin: 0px; padding: 0px 0px 0px 10px; font-size: 1.2em; text-align: left; line-height: 1.5; }

.vrprt_desc_left ul { width: 100%; }

.vrprt_desc_left li { width: 100%; }

.vrprt_desc_left li img { display: inline-block; width: 100%; }

.vrprt_desc_right { display: block; position: relative; float: right; width: auto; height: auto; margin: 0px; padding: 0px 10px 0px 0px; text-align: center; line-height: 1; }

.vrprt_desc_right ul { width: 100%; }

.vrprt_desc_right li { width: 100%; }

.vrprt_desc_right li img { display: inline-block; width: 100%; }

.vrprt_desc_quarter { display: block; position: relative; float: left; width: calc(25% - 20px); height: auto; margin: 0px; padding: 0px 0px 0px 20px; font-size: 1em; text-align: left; line-height: 1.5; }

.vrprt_desc_quarter ul { width: 100%; }

.vrprt_desc_quarter li { width: 100%; }

.vrprt_desc_quarter li img { display: inline-block; width: 100%; }

.vrprt_order_img { display: block; position: relative; width: auto; height: auto; margin: 0px auto; padding: 0px 10px; text-align: center; line-height: 1; }

.vrprt_order_img img { display: inline-block; width: 100%; }

.common_btn { width: auto; height: auto; text-align: center; margin: 0px auto; padding: 0px; }

.common_btn a { display: inline-block; width: auto; height: auto; margin: 0px; padding: 10px 20px; color: rgb(255, 255, 255); font-size: 16px; font-weight: normal; text-align: center; text-decoration: none; line-height: normal; border-radius: 6px; background: linear-gradient(to top, rgb(79, 176, 232) 0%, rgb(0, 141, 221) 100%); }

.common_btn a:link { }

.common_btn a:visited { }

.common_btn a:hover { color: rgb(255, 255, 255); text-decoration: none; border-radius: 6px; background: rgb(0, 127, 198); }

.common_btn a:active { color: rgb(255, 255, 255); text-decoration: none; border-radius: 6px; background: rgb(0, 127, 198); }

#cus_area { width: auto; height: auto; margin: 20px auto; padding: 10px; text-align: center; border: 3px solid rgb(204, 204, 204); border-radius: 10px; }

#cus_area p { margin: 0px 0px 20px; font-size: 1.2em; }

.green { color: rgb(51, 153, 102); }

.bggrd_green001 { width: auto; height: auto; margin: 0px auto 10px; padding: 10px; font-size: 1.8em; font-weight: bold; line-height: 1; text-align: left; color: rgb(255, 255, 255); text-shadow: rgb(22, 162, 13) 1px 1px 2px; background: linear-gradient(rgb(146, 208, 80), rgb(68, 175, 61)); border: none; }

.bggrd_blue001 { width: auto; height: auto; margin: 0px auto 10px; padding: 10px; font-size: 1.8em; font-weight: bold; line-height: 1; text-align: left; color: rgb(255, 255, 255); text-shadow: rgb(56, 137, 190) 1px 1px 2px; background: linear-gradient(rgb(98, 191, 235), rgb(54, 155, 223)); border: none; }

.redfixed001 { padding: 0px 5px; color: rgb(255, 255, 255); background: rgb(255, 0, 51); }

.greenfixed001 { padding: 0px 5px; color: rgb(255, 255, 255); background: rgb(51, 153, 102); }

.bluefixed001 { padding: 0px 5px; color: rgb(255, 255, 255); background: rgb(0, 104, 183); }

.red-purplefixed001 { padding: 0px 5px; color: rgb(255, 255, 255); background: rgb(255, 51, 204); }

.blackfixed001 { padding: 0px 5px; color: rgb(255, 255, 255); background: rgb(51, 51, 51); }

.whitefixed001 { padding: 0px; color: rgb(51, 51, 51); background: rgb(255, 255, 255); }

.transparentfixed001 { padding: 0px; color: rgb(51, 51, 51); background: transparent; }

.pdgt30 { padding: 30px 0px 0px; }

.pdgt35 { padding: 35px 0px 0px; }

.pdgt55 { padding: 55px 0px 0px; }

.descbox001 { width: 726px; height: auto; margin: 0px auto; }

.cont_table_ex001 { width: 100%; margin: 0px auto; padding: 0px; }

.cont_table_ex001 th { padding: 5px; text-align: center; vertical-align: middle; color: rgb(255, 255, 255); background: rgb(15, 106, 180); }

.cont_table_ex001 td { padding: 5px; text-align: center; vertical-align: middle; background: rgb(234, 246, 254); }

.cont_table_headcell001 { width: 34%; color: rgb(255, 255, 255); background: rgb(15, 106, 180); }

.cont_table_headcell002 { width: calc(33% - 2px); color: rgb(255, 255, 255); background: rgb(15, 106, 180); border-left: 1px solid rgb(255, 255, 255); border-right: 1px solid rgb(255, 255, 255); }

.cont_table_headcell003 { width: 33%; color: rgb(255, 255, 255); background: rgb(15, 106, 180); }

.cont_table_cell001 { background: rgb(234, 246, 254); }

.cont_table_cell002 { background: rgb(234, 246, 254); border-left: 1px solid rgb(255, 255, 255); border-right: 1px solid rgb(255, 255, 255); }

.cont_table_cell003 { background: rgb(234, 246, 254); }

.cont_table_cell004 { background: rgb(204, 233, 250); }

.cont_table_cell005 { background: rgb(204, 233, 250); border-left: 1px solid rgb(255, 255, 255); border-right: 1px solid rgb(255, 255, 255); }

.cont_table_cell006 { background: rgb(204, 233, 250); }


/*/////////////////////////////////////////////////////////////

    バリアブル印刷対応（宛名・ナンバリング）ページ用CSS 全代理店共通
    author: gskwebtm
    date: 2020-09-24
    update: 2024-04-25

/////////////////////////////////////////////////////////////*/

/*--------------------
全代理店共通レイアウト
--------------------*/

#vrprt_grp{
    overflow: hidden;
    clear: both;
    width: 100%;
    height: auto;
    margin: 0px;
    font-size: 12px;
    line-height: 1.5;
}

#vrprt_grp h1{
    width: auto;
    height: auto;
    margin: 0px 0px 20px 0px;
    padding: 10px 10px;
    font-size: 2.0em;
    font-weight: bold;
    line-height: 1.0;
    text-align: center;
    color: #fff;
    background: #0663a9;
    border: none;
}
#vrprt_grp h1 span{
    display: block;
    padding: 0.2em;
    border: dashed 1px #afaffa;
}

#vrprt_grp h3{
}
#vrprt_grp h4{
}
#vrprt_grp p{
}
#vrprt_grp ul{
}

.vrprt_desc{
    display:block;
    position:relative;
    width:100%;
    height:auto;
    margin:0px auto 20px;
    padding:0px;
}
.vrprt_desc::before, .vrprt_desc::after{ /* floatの回り込み解除して、高さ計算がされるようにする */
    content: "";
    display: block;
    clear: both;
}

.vrprt_desc h5{
    width: auto;
    height: auto;
    margin: 0px auto 10px;
    padding: 0px 0px 0px 10px;
    font-weight: bold;
    font-size:1.1em;
    color: #000;
    border-left:4px solid #008CD3;
}

.vrprt_desc p{
    margin: 0px;
    padding: 0px 10px;
    font-size:1.2em;
}

.vrprt_desc_left{
    display: block;
    position: relative;
    float: left;
    width: auto;
    height: auto;
    margin: 0px;
    padding: 0px 0px 0px 10px;
    font-size: 1.2em;
    text-align: left;
    line-height: 1.5;
}

.vrprt_desc_left ul{
    width: 100%;
}

.vrprt_desc_left li{
    width: 100%;
}

.vrprt_desc_left li img{
    display: inline-block;
    width: 100%;
}

.vrprt_desc_right{
    display: block;
    position: relative;
    float: right;
    width: auto;
    height: auto;
    margin: 0px;
    padding: 0px 10px 0px 0px;
    text-align:center;
    line-height: 1.0;
}
.vrprt_desc_right ul{
    width: 100%;
}

.vrprt_desc_right li{
    width: 100%;
}

.vrprt_desc_right li img{
    display: inline-block;
    width: 100%;
}

.vrprt_desc_quarter{
    display: block;
    position: relative;
    float:left;
    width: calc(25% - 20px);
    height: auto;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    font-size: 1.0em;
    text-align: left;
    line-height: 1.5;
}

.vrprt_desc_quarter ul{
    width: 100%;
}

.vrprt_desc_quarter li{
    width: 100%;
}

.vrprt_desc_quarter li img{
    display: inline-block;
    width: 100%;
}

.vrprt_order_img{
    display: block;
    position: relative;
    width: auto;
    height: auto;
    margin: 0px auto;
    padding: 0px 10px;
    text-align: center;
    line-height: 1.0;
}
.vrprt_order_img img{
    display: inline-block;
    width: 100%;
}

/* ページ内リンク */
#pglink{
    margin: 5px 10px 10px 10px;
    padding: 0px 0px;
    font-size: 14px;
}
#pglink a{
    text-decoration: none;
}

/* リンクボタン */
.common_btn {
    width: auto;
    height: auto;
    text-align: center;
    margin: 0px auto;
    padding: 0px;
}
.common_btn a{
    display: inline-block;
    width: auto;
    height: auto;
    margin: 0px;
    padding:10px 20px;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: normal;
    text-align: center;
    text-decoration: none;
    line-height: normal;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    background: #008DDD;
    background: -moz-linear-gradient(top center, #4FB0E8 0%, #008DDD 100%);
    background: -webkit-gradient(linear, center top, center bottom, from(#4FB0E8), to(#008DDD));
    background: linear-gradient(to top, #4FB0E8 0%, #008DDD 100%);
}

.common_btn a:link {
}
.common_btn a:visited {
}
.common_btn a:hover {
    color: #FFFFFF;
    text-decoration: none;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    background: #007FC6;
}
.common_btn a:active {
    color: #FFFFFF;
    text-decoration: none;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    background: #007FC6;
}

/* お問い合わせの表記用領域 */
#cus_area{
    width: auto;
    height: auto;
    margin: 20px auto;
    padding: 10px;
    text-align: center;
    border: 3px solid #ccc;
    border-radius: 10px;
    /* width: 620px; */
}

#cus_area p{
    margin: 0px 0px 20px 0px;
    font-size: 1.2em;
}

/* 色変更文字設定 */
.green{
    color: #339966;
}

/* 緑色グラデーション背景用文字設定 */
.bggrd_green001{
    width: auto;
    height: auto;
    margin: 0px auto 10px;
    padding: 10px 10px;
    font-size:1.8em;
    font-weight: bold;
    line-height: 1.0;
    text-align: left;
    color: #FFFFFF;
    /* offset-x | offset-y | blur-radius | color */
    text-shadow: 1px 1px 2px #16a20d;
    /* 背景に上下方向のグラデーションをかける */
    background: -moz-linear-gradient(top, #92d050, #44af3d);
    background: -webkit-linear-gradient(top, #92d050, #44af3d);
    background: linear-gradient(to bottom, #92d050, #44af3d);
    border: none;
}

/* 青色グラデーション背景用文字設定 */
.bggrd_blue001{
    width: auto;
    height: auto;
    margin: 0px auto 10px;
    padding: 10px 10px;
    font-size:1.8em;
    font-weight: bold;
    line-height: 1.0;
    text-align: left;
    color: #FFFFFF;
    /* offset-x | offset-y | blur-radius | color */
    text-shadow: 1px 1px 2px #3889be;
    /* 背景に上下方向のグラデーションをかける */
    background: -moz-linear-gradient(top, #62bfeb, #369bdf);
    background: -webkit-linear-gradient(top, #62bfeb, #369bdf);
    background: linear-gradient(to bottom, #62bfeb, #369bdf);
    border: none;
}

/* リンク用文字色設定 */
/* 赤系色リンク */
.red001{
    color: #ff0033;
}
.red001:hover,.red001:active{
    color:#FFFFFF;
    background-color: #ff0033;
    text-decoration: underline;
}

/* 緑系色リンク */
.green001{
    color: #339966;
}
.green001:hover,.green001:active{
    color:#FFFFFF;
    background-color: #339966;
    text-decoration: underline;
}

/* 青系色リンク */
.blue001{
    color: #0068b7;
}
.blue001:hover,.blue001:active{
    color:#FFFFFF;
    background-color: #0F6AB4;
    text-decoration: underline;
}

.blue002{
    color: #336699;
}
.blue002:hover,.blue002:active{
    color:#FFFFFF;
    background-color: #336699;
    text-decoration: none;
}

/* 赤紫系色リンク */
.red-purple001{
    color: #ff33cc;
}
.red-purple001:hover,.red-purple001:active{
    color:#FFFFFF;
    background-color: #ff33cc;
    text-decoration: underline;
}

/* 赤系色背景配置白文字 */
.redfixed001{
    padding: 0px 5px;
    color:#FFFFFF;
    background:#ff0033;
}

/* 緑系色背景配置白文字 */
.greenfixed001{
    padding: 0px 5px;
    color:#FFFFFF;
    background:#339966;
}

/* 青系色背景配置白文字 */
.bluefixed001{
    padding: 0px 5px;
    color:#FFFFFF;
    background:#0068b7;
}

/* 赤紫系色背景配置白文字 */
.red-purplefixed001{
    padding: 0px 5px;
    color:#FFFFFF;
    background:#ff33cc;
}

/* 黒色背景配置白文字 */
.blackfixed001{
    padding: 0px 5px;
    color:#FFFFFF;
    background:#333333;
}

/* 白色背景配置黒文字 */
.whitefixed001{
    padding: 0px;
    color:#333333;
    background:#FFFFFF;
}

/* 無色背景配置黒文字 */
.transparentfixed001{
    padding: 0px;
    color:#333333;
    background:transparent;
}

/* 間隔調整用padding */
.pdgt2{
    padding: 2px 0px 0px 0px;
}
.pdgt5{
    padding: 5px 0px 0px 0px;
}
.pdgt15{
    padding: 15px 0px 0px 0px;
}
.pdgt30{
    padding: 30px 0px 0px 0px;
}
.pdgt35{
    padding: 35px 0px 0px 0px;
}
.pdgt47{
    padding: 47px 0px 0px 0px;
}
.pdgt55{
    padding: 55px 0px 0px 0px;
}
.pdgb5{
    padding: 0px 0px 5px 0px;
}

/* スペース調整に使いたいが非表示にしたい文字用 */
.vishid {
    visibility: hidden;
}

.descbox001 {
    width: 726px;
    height: auto;
    margin: 0px auto;
}

/* 色付き表001 */
.cont_table_ex001{
    width: 100%;
    margin: 0px auto;
    padding: 0px;
/*
    padding: 0px 10px;
*/
/*
    border-width: 1px 1px 0 0;
    border-style: solid;
    border-color: #3b3b3d;
*/
/*    border-color: #ccc; */
/*
    border-collapse: collapse;
    border-spacing : 0px 1px
*/
}
.cont_table_ex001 th{
    padding: 5px;
/*
    border-width: 0 0 1px 1px;
    border-style: solid;
    border-color: #3b3b3d;
*/
    text-align: center;
    vertical-align: middle;
    color: #ffffff;
    background: #0F6AB4;
}
.cont_table_ex001 td{
    padding: 5px;
/*
    border-width: 0 0 1px 1px;
    border-style: solid;
    border-color: #3b3b3d;
*/
    text-align: center;
    vertical-align: middle;
    background: #eaf6fe;
}

.cont_table_headcell001{
    width: 34%;
    color: #ffffff;
    background: #0F6AB4;
}

.cont_table_headcell002{
    width: calc(33% - 2px);
    color: #ffffff;
    background: #0F6AB4;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
}

.cont_table_headcell003{
    width: 33%;
    color: #ffffff;
    background: #0F6AB4;
}

.cont_table_cell001{
    background: #eaf6fe;
}
.cont_table_cell002{
    background: #eaf6fe;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
}
.cont_table_cell003{
    background: #eaf6fe;
}

.cont_table_cell004{
    background: #cce9fa;
}
.cont_table_cell005{
    background: #cce9fa;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
}
.cont_table_cell006{
    background: #cce9fa;
}



.kouza { width: 160px; border: 1px solid rgb(204, 204, 204); padding: 10px 15px; margin-bottom: 20px; font-weight: bold; line-height: 1.6em; }

.howpay { font-size: 15px; font-weight: bold; line-height: 2em; }

.howpay_link { display: block; width: 200px; height: 20px; font-size: 13px; font-weight: bold; padding: 5px 5px 5px 10px; margin: 0px 0px 20px 480px; background: rgb(206, 255, 189); text-align: left; }

.howpay_link:hover { color: rgb(146, 146, 146); text-decoration: none; }

.page_main a { color: rgb(1, 165, 228); text-decoration: underline; }

.page_main a:hover { text-decoration: none; }

.page_main > .payment { width: 100%; }

.page_main > .payment, .page_main > .payment * { inset: auto; box-sizing: border-box; text-decoration: none; }

.page_main > .payment > h2 { font-size: 20px; margin-top: 30px; }

.page_main > .payment > h3 { font-size: 18px; }

.page_main > .payment > h4 { font-size: 16px; margin: 20px 0px 10px; padding-bottom: 5px; border-bottom: 1px solid rgb(204, 204, 204); }

.page_main > .payment > h5 { font-size: 14px; margin: 0px 0px 10px; padding: 0px 0px 0px 15px; border-left: 5px solid rgb(0, 141, 221); }

.page_main > .payment > h6 { font-size: 13px; margin: 0px 0px 10px; }

.page_main > .payment > .ex { border: 3px solid rgb(204, 204, 204); padding: 10px; box-sizing: border-box; }

.page_main p { font-size: 14px; margin-bottom: 20px; line-height: 1.7em; }

.page_main ul { font-size: 14px; margin-bottom: 20px; line-height: 1.7em; }

.page_main ul li { line-height: 1.7em; margin: 0px 0px 5px; }

.page_main ul li:last-of-type { margin: 0px; }

.page_main > .payment > .type { width: 100%; overflow: hidden; clear: both; }

.page_main > .payment > .type li { width: 49%; float: left; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; margin-bottom: 20px; border-radius: 6px; }

.page_main > .payment > .type li + li { margin-left: 2%; }

.page_main > .payment > .type p { font-size: 13px; }

.page_main > .payment > .type li h3 { font-size: 16px; margin-bottom: 10px; color: rgb(255, 255, 255); background: rgb(12, 118, 180); padding: 10px 15px; border-top-left-radius: 6px; border-top-right-radius: 6px; }

.page_main > .payment > .type li .note { padding: 10px 15px; box-sizing: border-box; }

.page_main > .payment > .type li .note .link { width: 80%; height: 40px; line-height: 40px; border-radius: 6px; background: -webkit-gradient(linear, 50% 0%, 50% 100%, from(rgb(79, 176, 232)), to(rgb(0, 141, 221))); color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; text-align: center; margin-left: auto; margin-right: auto; }

.page_main > .payment > .type li .note .link a { width: 100%; height: 40px; display: block; color: rgb(255, 255, 255) !important; text-decoration: none !important; }

.page_main > .payment > .type li .note .link a:hover { color: rgb(255, 255, 255); text-decoration: none; border-radius: 6px; background: rgb(0, 127, 198); }

.page_main table.list { width: 100%; border-collapse: collapse; border: 1px solid rgb(204, 204, 204); margin-bottom: 20px; }

.page_main table.list td, .page_main table.list th { padding: 10px 20px; border: 1px solid rgb(204, 204, 204); font-size: 13px; box-sizing: border-box; }

.page_main table.list th { width: 28%; background: rgb(245, 245, 245); text-align: left; }

.page_main table.list td p { margin-bottom: 0px; }

.page_main table.list td.title { background: rgb(245, 245, 245); }

.FS10px { font-size: 10px; }

.FS11px { font-size: 11px; }

.FS12px { font-size: 12px; }

.FS14px { font-size: 14px; }

.FS16px { font-size: 16px; }

.taL { text-align: left; }

.taC { text-align: center; }

.taR { text-align: right; }

.vaTop { vertical-align: top; }

.vaMid { vertical-align: middle; }

.col_R { color: rgb(229, 0, 18) !important; }

.col_G { color: rgb(68, 175, 61) !important; }

.col_8cc61b { color: rgb(140, 198, 27) !important; }

.col_B { color: rgb(0, 103, 183) !important; }

.col_ee4996 { color: rgb(238, 73, 150) !important; }

.bgc_ffffd8 { background: rgb(255, 255, 216); }

.btn_1row { display: flex; flex-flow: column; place-content: center; align-items: center; width: 100%; height: auto; margin: 0px auto; padding: 0px 5px; }

.btn_2row, .btn_3row, .btn_4row { display: flex; flex-flow: wrap; place-content: center; align-items: center; width: 100%; height: auto; margin: 0px auto; padding: 0px 5px; }

.btn_1row .btnbox { margin: 0px 0px 20px; }

.btn_1row .btnbox:last-child { margin: 0px; }

.btn_2row .btnbox, .btn_3row .btnbox, .btn_4row .btnbox { margin: 0px 0px 20px 20px; }

.btn_2row .btnbox:nth-child(2n+1), .btn_3row .btnbox:nth-child(3n+1), .btn_4row .btnbox:nth-child(4n+1) { margin: 0px 0px 20px; }

.btnbox, .btnbox > a { width: 100%; }

.linkBtn_0068b7 { padding: 10px; font-weight: bold; border: 1px solid rgb(0, 104, 183); border-radius: 17px; display: inline-block !important; line-height: 1 !important; color: rgb(0, 104, 183) !important; background: rgb(255, 255, 255) !important; }

.linkBtn_0068b7:hover { color: rgb(255, 255, 255) !important; background: rgb(0, 104, 183) !important; }

.linkBtn_0068b7 span { line-height: unset; color: unset; background: unset; }

#temp_download_cs { display: block; max-width: 420px; height: auto; margin: 10px auto; padding: 10px 0px; color: rgb(255, 255, 255); text-align: center; text-decoration: none; line-height: 1.2em; font-size: 20px; font-weight: bold; background: rgb(96, 187, 239); border: 3px solid rgb(96, 187, 239); border-radius: 6px; clear: both; }

#temp_download_cs:hover { background: rgb(137, 204, 243); }

.tdul { text-decoration: underline; }

.eaB { margin-top: auto !important; }

.marB0 { margin-bottom: 0px !important; }

.marB5 { margin-bottom: 5px !important; }


/*/////////////////////////////////////////////////////////////

    お支払い方法ページ用CSS まるイロ専用
    author: gskwebtm
    create: 2022-11-16
    update: 2025-02-21
    ver: 2025-02-21-001

/////////////////////////////////////////////////////////////*/
.kouza{
    width:160px;
    border:1px solid #ccc;
    padding:10px 15px;
    margin-bottom:20px;
    font-weight:bold;
    line-height:1.6em;
}
.howpay{
    font-size:15px;
    font-weight:bold;
    line-height:2em;
}
.howpay_link{
    display:block;
    width:200px;
    height:20px;
    text-align:center;
    font-size:13px;
    font-weight:bold;
    padding:5px 5px 5px 10px;
    margin:0 0 20px 480px;
    background:#CEFFBD;
    text-align:left;
}
.howpay_link:hover{
    color:#929292;
    text-decoration:none;
}

.page_main a {
    color: #01A5E4;
    text-decoration: underline;
}

.page_main a:hover {
    text-decoration: none;
}

.page_main > .payment {
    width: 100%;
}
.page_main > .payment, .page_main > .payment * {
    inset: auto; /* top、right、bottom、leftの一括指定 */
    box-sizing: border-box; /* ボックスの大きさにパディングの幅と高さとボーダーの幅を含める */
/*
    background: none;
    border: none;
*/
    text-decoration: none;
}
.page_main > .payment > h2 {
    font-size: 20px;
    margin-top:30px;
}

.page_main > .payment > h3 {
    font-size: 18px;
}

.page_main > .payment > h4 {
    font-size: 16px;
    margin: 20px 0 10px 0;
    padding-bottom: 5px;
    border-bottom: #CCCCCC 1px solid;
}

.page_main > .payment > h5 {
    font-size: 14px;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 15px;
    border-left: #008DDD 5px solid;
}

.page_main > .payment > h6 {
    font-size: 13px;
    margin: 0px 0px 10px 0px;
}

.page_main > .payment > .ex {
    border: #CCCCCC 3px solid;
    padding: 10px;
    box-sizing: border-box;
}

.page_main p {
    font-size: 14px;
    margin-bottom: 20px;
    line-height: 1.7em;
}

.page_main ul {
    font-size: 14px;
    margin-bottom: 20px;
    line-height: 1.7em;
}

.page_main ul li {
    line-height: 1.7em;
    margin: 0px 0px 5px 0px;
}

.page_main ul li:last-of-type {
    margin: 0px 0px 0px 0px;
}


.page_main > .payment > .type {
    width: 100%;
    overflow: hidden;
    clear: both;
}

.page_main > .payment > .type li {
    width: 49%;
    float: left;
    border: #CCCCCC 1px solid;
    /*padding: 20px;*/
    box-sizing: border-box;
    margin-bottom: 20px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
}

.page_main > .payment > .type li+li {
    margin-left: 2%
}

.page_main > .payment > .type p {
    font-size: 13px;
}

.page_main > .payment > .type li h3 {
    font-size: 16px;
    margin-bottom: 10px;
    color: #FFFFFF;
    background: #0C76B4;
    padding: 10px 15px;
    border-top-left-radius: 6px;
    -webkit-border-top-left-radius: 6px;
    -moz-border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-top-right-radius: 6px;
}

.page_main > .payment > .type li .note {
    padding: 10px 15px;
    box-sizing: border-box;
}

.page_main > .payment > .type li .note .link {
    width: 80%;
    height: 40px;
    line-height: 40px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    background:#008DDD;
    background: -moz-linear-gradient(top center, #4FB0E8 0%, #008DDD 100%);
    background: -webkit-gradient(linear, center top, center bottom, from(#4FB0E8), to(#008DDD));
    background: linear-gradient(top center, #4FB0E8 0%, #008DDD 100%);
    color: #FFFFFF;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.page_main > .payment > .type li .note .link a {
    width: 100%;
    height: 40px;
    display: block;
    color: #FFFFFF!important;
    text-decoration: none!important;
}

.page_main > .payment > .type li .note .link a:hover {
    color: #FFFFFF;
    text-decoration: none;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    background: #007FC6;
}

.page_main table.list {
    width: 100%;
    border-collapse: collapse;
    border: 1px #CCCCCC solid;
    margin-bottom: 20px;
}

.page_main table.list td,
.page_main table.list th {
    padding: 10px 20px;
    font-size:12px;
    border: 1px #CCCCCC solid;
    font-size: 13px;
    box-sizing: border-box;
}

.page_main table.list th {
    width: 28%;
    background: #F5F5F5;
    text-align: left;
}

.page_main table.list td p {
    margin-bottom: 0;
}

.page_main table.list td.title {
    background: #F5F5F5;
}

.FS10px {
    font-size: 10px;
}
.FS11px {
    font-size: 11px;
}
.FS12px {
    font-size: 12px;
}
.FS14px {
    font-size: 14px;
}
.FS16px {
    font-size: 16px;
}
.taL {
    text-align: left;
}
.taC {
    text-align: center;
}
.taR {
    text-align: right;
}
.vaTop {
    vertical-align: top;
}
.vaMid {
    vertical-align: middle;
}
/* 色文字 */
.col_R {
    color: #e50012 !important;
}
.col_G {
    color: #44af3d !important;
}
.col_8cc61b {
    color: #8cc61b !important;
}
.col_B {
    color: #0067B7 !important;
}
.col_ee4996 {
    color: #ee4996 !important;
}
.bgc_ffffd8 {
    background: #ffffd8;
}
.btn_1row {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 100%;
    height: auto;
    margin: 0px auto;
    padding: 0px 5px;
}
.btn_2row, .btn_3row, .btn_4row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 100%;
    height: auto;
    margin: 0px auto;
    padding: 0px 5px;
}
.btn_1row .btnbox {
    margin: 0px 0px 20px 0px;
}
.btn_1row .btnbox:last-child {
    margin: 0px 0px 0px 0px;
}
.btn_2row .btnbox,
.btn_3row .btnbox,
.btn_4row .btnbox {
    margin: 0px 0px 20px 20px;
}
.btn_2row .btnbox:nth-child(2n+1),
.btn_3row .btnbox:nth-child(3n+1),
.btn_4row .btnbox:nth-child(4n+1) { /* 奇数番目の子のみ */
    margin: 0px 0px 20px 0px;
}
.btnbox, .btnbox > a {
    width: 100%;
}
.linkBtn_0068b7 {
    display: inline-block !important;
    padding: 10px;
    font-weight: bold;
    line-height: 1.0 !important;
    color: #0068b7 !important;
    background: #ffffff !important;
    border: 1px solid #0068b7;
    border-radius: 17px;
}
.linkBtn_0068b7:hover {
    color: #ffffff !important;
    background: #0068b7 !important;
}
.linkBtn_0068b7 span {
    line-height: unset;
    color: unset;
    background: unset;
}

#temp_download_cs {
    display: block;
    max-width: 420px;
    height: auto;
    margin: 10px auto;
    padding: 10px 0px;
    color: #FFF;
    text-align: center;
    text-decoration: none;
    line-height: 1.2em;
    font-size: 20px;
    font-weight: bold;
    background: #60BBEF;
    border: 3px #60BBEF solid;
    border-radius: 6px;
    clear: both;
}

#temp_download_cs:hover {
    background: #89CCF3;
}

/* 間隔調整用padding */
.pdgt2 {
    padding: 2px 0px 0px 0px;
}
.pdgt5 {
    padding: 5px 0px 0px 0px;
}
.pdgt15 {
    padding: 15px 0px 0px 0px;
}
.pdgt30 {
    padding: 30px 0px 0px 0px;
}
.pdgt35 {
    padding: 35px 0px 0px 0px;
}
.pdgt47 {
    padding: 47px 0px 0px 0px;
}
.pdgt55 {
    padding: 55px 0px 0px 0px;
}
.pdgb5 {
    padding: 0px 0px 5px 0px;
}
/* スペース調整に使いたいが非表示にしたい文字用 */
.vishid {
    visibility: hidden;
}
.tdul {
    text-decoration: underline;
}
.eaB {
    margin-top: auto !important;
}

/* リンク用文字色設定 */
/* 赤系色リンク001 */
.red001{
    color: #ff0033;
}
.red001:hover,.red001:active{
    color:#FFFFFF;
    background-color: #ff0033;
    text-decoration: underline;
}

/* 赤系色リンク002 */
.red002{
    color: #ea65a1;
}
.red002:hover,.red002:active{
    color:#FFFFFF;
    background-color: #ea65a1;
    text-decoration: none;
}

/* 緑系色リンク001 */
.green001{
    color: #339966;
}
.green001:hover,.green001:active{
    color:#FFFFFF;
    background-color: #339966;
    text-decoration: underline;
}

/* 緑系色リンク002 */
.green002{
    color: #3eb134;
}
.green002:hover,.green002:active{
    color:#FFFFFF;
    background-color: #3eb134;
    text-decoration: none;
}

/* 緑系色リンク003 */
.green003{
    color: #339966;
}
.green003:hover,.green003:active{
    color:#FFFFFF;
    background-color: #339966;
    text-decoration: none;
}

/* 青系色リンク001 */
.blue001{
    color: #0068b7;
}
.blue001:hover,.blue001:active{
    color:#FFFFFF;
    background-color: #0F6AB4;
    text-decoration: underline;
}

/* 青系色リンク002 */
.blue002{
    color: #336699;
}
.blue002:hover,.blue002:active{
    color:#FFFFFF;
    background-color: #336699;
    text-decoration: none;
}

/* 青系色リンク003 */
.blue003{
    color: #1eb9ee;
}
.blue003:hover,.blue003:active{
    color:#FFFFFF;
    background-color: #1eb9ee;
    text-decoration: none;
}

/* 赤紫系色リンク */
.red-purple001{
    color: #ff33cc;
}
.red-purple001:hover,.red-purple001:active{
    color:#FFFFFF;
    background-color: #ff33cc;
    text-decoration: underline;
}


/* 赤系色背景001 */
.bgarea_red001{
    padding:10px;
    background:#fdeef4;
}

/* 緑系色背景001 */
.bgarea_green001{
    padding:10px;
    background:#ebf4e7;
}

/* 青系色背景001 */
.bgarea_blue001{
    padding:10px;
    background:#eaf6fd;
}

.marB0 {
    margin-bottom: 0px !important;
}

.marB5 {
    margin-bottom: 5px !important;
}

/* スペース調整に使いたいが非表示にしたい文字用 */
.vishid {
    visibility: hidden;
}



table .orikakou_l,table .orikakou_r{
    back-ground:#ccc;
    padding:10px 0 15px;
}
table img{
    margin-right:20px;
}

/* 青系色リンク001 */
.blue001{
    color: #0068b7;
}
.blue001:hover,.blue001:active{
    color:#FFFFFF;
    background-color: #0F6AB4;
    text-decoration: underline;
}