/* ---------------------------------------------- */
/* base */
/* ---------------------------------------------- */
* {margin:0;padding:0;font-size:99%;line-height:150%}
body {color:#333;background:#ffffff;}
h1,h2,h3,h4,h5 {margin:0;padding:1em 0;}
h1 {font-size:90%;}
h2 {font-size:140%;}
h3 {font-size:120%;}
h4 {font-size:115%;}
h5 {font-size:110%;}
p {margin:1em;}
ul li {margin-left:2.4em;}
ol li {margin-left:2em;}
a:link, a:visited {color:#00008b;background:transparent;}
a:hover {color:#0000ff;background:transparent;}
sub {font-size:85%;vertical-align:baseline;}
sup {font-size:85%;vertical-align:super;}
img {border:none;}
#conexsoft_body img, #conexsoft_body_wide img {max-width:100%;height:auto;}
caption {margin:0;padding:1em 0;text-align:left;}
table {}
th {padding:0.4em 0.4em 0.2em 0.4em;text-align:left;border-bottom:1px solid #ccc;background:#f5f5f5;}
td {padding:0.4em;}
/* skip link (a11y) */
.skip-link {
	position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;
	z-index:10000;background:#000;color:#fff;padding:0.6em 1em;text-decoration:none;
}
.skip-link:focus {
	position:fixed;left:8px;top:8px;width:auto;height:auto;overflow:visible;
}
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
	outline:2px solid #0033cc;outline-offset:2px;
}
.visually-hidden {
	position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
	clip:rect(0,0,0,0);white-space:nowrap;border:0;
}
/* External link marker (concise icon) */
a.external-link {
	text-decoration: inherit;
}
a.external-link::after {
	content: "";
	display: inline-block;
	width: 0.78em;
	height: 0.78em;
	margin-left: 0.28em;
	vertical-align: -0.02em;
	background-color: currentColor;
	opacity: 0.82;
	-webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M6.5 2.5H3.2A1.2 1.2 0 0 0 2 3.7v8.6c0 .66.54 1.2 1.2 1.2h8.6c.66 0 1.2-.54 1.2-1.2V9.5h-1.5v2.5H3.5V4h3V2.5zm2.2 0V4H12l-5.2 5.2 1 1L13 5v3.3h1.5V2.5H8.7z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M6.5 2.5H3.2A1.2 1.2 0 0 0 2 3.7v8.6c0 .66.54 1.2 1.2 1.2h8.6c.66 0 1.2-.54 1.2-1.2V9.5h-1.5v2.5H3.5V4h3V2.5zm2.2 0V4H12l-5.2 5.2 1 1L13 5v3.3h1.5V2.5H8.7z'/%3E%3C/svg%3E");
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
}
#tabmenu a.external-link::after {
	opacity: 0.95;
}
/* ---------------------------------------------- */
/* wrap */
/* ---------------------------------------------- */
#wrap {
	margin:0 auto;padding:0 12px;color:#333;background:transparent;
	width:940px;max-width:100%;box-sizing:border-box;
}
h1 {font-size:100%;font-weight:normal;padding:0.6em;color:#999;background:transparent;clear:both;}
/* ---------------------------------------------- */
/* conexsoft_header (logo + tabs: sticky, fluid) */
/* ---------------------------------------------- */
#conexsoft_header {
	position: sticky;top: 0;z-index: 1000;
	box-sizing: border-box;
	padding-top: 50px;
	min-height: calc(50px + 38px);
	height: auto;
	font-family: Verdana, sans-serif;
	background-color: #66cc00;
	background-image: url(../images/cs_logo.png), linear-gradient(#ffffff, #ffffff), url(../images/btn1.png);
	background-position: left top, left top, left bottom;
	background-size: auto, 100% 50px, auto;
	background-repeat: no-repeat, no-repeat, repeat-x;
	box-shadow: 0 2px 6px rgba(0,0,0,0.12);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 4px 8px;
	width: 100%;
	max-width: 100%;
}
#conexsoft_header:after { display: none; content: none; }
/* ---------------------------------------------- */
/* tabmenu */
/* ---------------------------------------------- */
#tabmenu {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	flex: 1 1 auto;
	min-width: 0;
	height: auto;
	float: none;
}
#tabmenu li {
	margin: 0;
	padding: 7px 10px;
	float: none;
	min-width: 0;
	flex: 0 0 auto;
	color: #000;
	background: transparent;
	font-size: 16px;
	font-family: Verdana, sans-serif;
	border-right: 1px dotted #fff;
	box-sizing: border-box;
	text-align: center;
}
#tabmenu li a {
	display: block;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	color: #fff;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
}
#tabmenu li.active { background: #ccff66 url(../images/btn1.png) left bottom repeat-x; }
#tabmenu li.active a { text-shadow: 1px 1px 6px #fff; }
/* ---------------------------------------------- */
/* g_search */
/* ---------------------------------------------- */
#g_search {
	vertical-align: middle;
	float: none;
	flex: 0 1 auto;
	min-width: 0;
	max-width: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
#g_search form {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	gap: 2px 4px;
	margin: 0;
	max-width: 100%;
}
#g_search span { font-size: 12px; display: inline-block; white-space: nowrap; }
#g_search input { font-size: 12px; }
.enter_keyword {
	background: #fff url(../images/btn1.png) left top repeat-x;
	border: 0;
	width: 100px;
	max-width: 100%;
	margin: 4px 3px;
	padding: 3px;
	box-sizing: border-box;
}
.submitbutton { margin: auto 5px; }
/* ---------------------------------------------- */
/* conexsoft_footer */
/* ---------------------------------------------- */
#conexsoft_footer {margin:0;padding:1em 0.6em;clear:both;background:transparent;color:#333;font-size:86%;border-top:1px solid #ccc;}
#conexsoft_footer address {display:block;font-style:normal;}
#conexsoft_footer ul {margin:0;padding:0;list-style:none;display:table-row;}
#conexsoft_footer ul li {margin:0;padding:0.2em 0.5em 0.2em 0;display:table-cell;}
#conexsoft_footer ul li:before {content:"| ";}
/* ---------------------------------------------- */
/* conexsoft_index (left sub-nav; shell layout via .has-side-nav) */
/* ---------------------------------------------- */
#conexsoft_index {
	width:25%;float:right;position:relative;color:#666;
	background:#fff url(../images/bg_sec_nav.png) left top no-repeat;border:1px solid #ccc;
	box-sizing:border-box;
}
#conexsoft_index h4 {margin:10px 0 0 0;padding:5px 10px 5px 40px;background:transparent;color:#ccc;background:transparent url(../images/nav_h4.png) 5px center no-repeat;}
#conexsoft_index h4 a {text-decoration:none;color:#f5f5f5;}
#conexsoft_index ul.nav {margin:0;padding:10px 0 0 0;list-style:none;background:transparent;}
#conexsoft_index ul.nav li {color:#000;background:transparent;margin:0;padding:0;margin-left:0;}
#conexsoft_index ul.nav#sec li {color:#333;background:#f5f5f5 url(../images/btn1.png) left top repeat-x;font-size:90%;margin:0;padding:0;}
#conexsoft_index ul.nav#sec li a {color:#333;background:transparent url(../images/nav_a.png) 5px center no-repeat;text-decoration:none;display:block;padding:7px 5px 7px 30px;border-bottom:1px solid #ccc;}
#conexsoft_index ul.nav#sec li a:hover {color:#0000ff;background:#fff url(../images/nav_a.png) 5px center no-repeat;}
#conexsoft_index ul.nav#faq li {color:#333;background:#f5f5f5 url(../images/btn1.png) left top repeat-x;font-size:90%;margin:0;padding:0;}
#conexsoft_index ul.nav#faq li a {color:#333;background:transparent url(../images/nav_a.png) 5px center no-repeat;text-decoration:none;display:block;padding:7px 5px 7px 30px;border-bottom:1px solid #ccc;}
#conexsoft_index ul.nav#faq li a:hover {color:#0000ff;background:#fff url(../images/nav_a.png) 5px center no-repeat;}

/* Child / nested items (was: ├─ / └─ text) */
#conexsoft_index ul.nav li.nav-child {
	position: relative;
}
#conexsoft_index ul.nav li.nav-child > a,
#conexsoft_index ul.nav#sec li.nav-child > a,
#conexsoft_index ul.nav#faq li.nav-child > a {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px 8px;
	margin: 0 0 0 14px;
	padding: 6px 10px 6px 28px;
	border-bottom: 1px solid #e4e4e4;
	border-left: 2px solid #b5d66a;
	background: #fbfcf7;
	color: #445;
	font-size: 90%;
	line-height: 1.35;
	text-decoration: none;
	box-sizing: border-box;
}
#conexsoft_index ul.nav li.nav-child > a:hover,
#conexsoft_index ul.nav#sec li.nav-child > a:hover,
#conexsoft_index ul.nav#faq li.nav-child > a:hover {
	background: #f3f8e4;
	color: #0033aa;
}
/* └ branch (top → mid, then right) */
#conexsoft_index ul.nav li.nav-child > a::before {
	content: "";
	position: absolute;
	left: 14px;
	top: 0;
	bottom: 50%;
	width: 12px;
	border-left: 1px solid #c5c5c5;
	border-bottom: 1px solid #c5c5c5;
	pointer-events: none;
}
/* ├ continuation when another nav-child follows */
#conexsoft_index ul.nav li.nav-child:has(+ li.nav-child) > a::after {
	content: "";
	position: absolute;
	left: 14px;
	top: 50%;
	bottom: 0;
	border-left: 1px solid #c5c5c5;
	pointer-events: none;
}
#conexsoft_index ul.nav .nav-child__label {
	font-weight: 600;
	letter-spacing: 0.02em;
	color: inherit;
}
#conexsoft_index ul.nav .nav-child__badge {
	display: inline-block;
	padding: 0.12em 0.55em;
	border-radius: 999px;
	border: 1px solid #c6db8f;
	background: linear-gradient(#f7ffe8, #e7f3c4);
	color: #4a7000;
	font-size: 10px;
	font-weight: normal;
	line-height: 1.4;
	white-space: nowrap;
	letter-spacing: 0.02em;
}
/* 試用版バッジは少し別色で区別 */
#conexsoft_index ul.nav .nav-child__badge--trial {
	border-color: #9ec5e8;
	background: linear-gradient(#f0f7ff, #d6e8f8);
	color: #1a5a8a;
}

/* ---------------------------------------------- */
/* contact_us */
/* ---------------------------------------------- */
#contact_us {min-height:100px;background:#fffff0 url(../images/contact_us.png) right center no-repeat;border-top:1px dotted #ccc;border-bottom:1px dotted #ccc;}
#contact_us p {margin:0;padding:30px 75px 0 10px;text-align:left;font-size:80%;}
/* ---------------------------------------------- */
/* ads */
/* ---------------------------------------------- */
#contact_us {margin:auto;text-align:center;}
.choice {margin:0;padding:10px;text-align:center;background:#f5f5f5;}

/* ---------------------------------------------- */
/* conexsoft_body */
/* ---------------------------------------------- */
#conexsoft_body {margin:0 0 10px 0;padding:0 0 30px 0;width:74%;float:left;position:relative;box-sizing:border-box;min-width:0;}
#conexsoft_body_wide {margin:0 0 10px 0;padding:0 0 30px 0;width:100%;max-width:100%;float:left;position:relative;box-sizing:border-box;min-width:0;}
/* ---------------------------------------------- */
/* notice */
/* ---------------------------------------------- */
.notice {text-indent:-1.3em;padding-left:1.3em;}
.notice:before {content:"??";font-family:Osaka, MS Gothic;padding-right:0.3em;color:#339933;}
/* ---------------------------------------------- */
/* ?{?^?? */
/* ---------------------------------------------- */
button.pm {font-size:13px;margin:0;padding:1em 2em;min-width:210px;color:#fff;background:#eae8e1 url(../images/btn1.png) left bottom repeat-x;
cursor:pointer;display:inline-block;position:relative;border:1px solid rgba(51,51,51,0.5);text-shadow:0 -1px 1px rgba(0,0,0,0.5);
-moz-border-radius:5px;-webkit-border-radius:5px;-moz-box-shadow:0 1px 4px rgba(0,0,0,0.5);-webkit-box-shadow:(0,0,0,0.5);}
button.lm {font-size:13px;margin:0;padding:1em 2em;min-width:210px;color:#fff;background:#e5f2ff url(../images/btn1.png) left bottom repeat-x;
cursor:pointer;display:inline-block;position:relative;border:1px solid rgba(51,51,51,0.5);text-shadow:0 -1px 1px rgba(0,0,0,0.5);
-moz-border-radius:5px;-webkit-border-radius:5px;-moz-box-shadow:0 1px 4px rgba(0,0,0,0.5);-webkit-box-shadow:(0,0,0,0.5);}
button.dec {font-size:12px;margin:0;padding:1em 1em;min-width:210px;color:#fff;background:#eaedf7 url(../images/btn1.png) left bottom repeat-x;
cursor:pointer;display:inline-block;position:relative;border:1px solid rgba(51,51,51,0.5);text-shadow:0 -1px 1px rgba(0,0,0,0.5);
-moz-border-radius:5px;-webkit-border-radius:5px;-moz-box-shadow:0 1px 4px rgba(0,0,0,0.5);-webkit-box-shadow:(0,0,0,0.5);}
/* ---------------------------------------------- */
/* intro */
/* ---------------------------------------------- */
.intro {padding-bottom:20px;}
.intro p {margin-left:30px;margin-right:30px;}
#brief {min-height:230px;margin:0 30px;padding:10px;background:#f5f5f5 url(../images/polaframe.png) left top no-repeat;}
#brief p,#brief ul {margin-left:230px;}
#brief p.notice {padding:1em 2em;border:1px dashed #ccc;font-size:90%;background:transparent url(../images/bgw.png) left top repeat;}
#category_top div.intro {min-height:450px;}
#category_top h2 {margin:0 0 0 240px;}
#category_top div#brief {margin:0 20px 0 260px;padding:10px;background:transparent url(../images/bgw.png) left top repeat;border:none;}
#category_top div#brief p {margin:10px 20px;}
/* ---------------------------------------------- */
/* features */
/* ---------------------------------------------- */
.features {clear:both;padding-bottom:30px;}
.features h3 {clear:both;margin:2em auto 1em auto;padding:0.6em 1em;color:#000;background:transparent url(../images/bgw.png) left top repeat;border-bottom:1px solid #ccc;}
/* ---------------------------------------------- */
/* get_this */
/* ---------------------------------------------- */
.get_this {margin:10px 30px;min-height:110px;min-width:0;max-width:100%;background:transparent url(../images/get_pm_d.png) left 10px no-repeat;background-size:contain;}
.get_this#pm_d {background:transparent url(../images/get_pm_d.png) left 10px no-repeat;}
.get_this#pm_g {background:transparent url(../images/get_pm_g.png) left 10px no-repeat;}
.get_this#lm {background:transparent url(../images/get_lm.png) left 10px no-repeat;}
.get_this#dec {background:transparent url(../images/get_dec.png) left 10px no-repeat;}
.p_1,.e_1 {width:308px;min-height:33px;font-size:13px;margin-left:310px;padding:0.5em 2em;color:#336600;background:#fff;
cursor:pointer;display:inline-block;position:relative;border:1px solid rgba(51,51,51,0.5);text-shadow:0 -1px 1px rgba(0,0,0,0.25);
-moz-border-radius:5px;-webkit-border-radius:5px;-moz-box-shadow:0 2px 4px rgba(0,0,0,0.5);-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.5);}
.p_1 {margin-top:22px;}	
.e_1 {margin-top:9px;}
/* ---------------------------------------------- */
/* user_only */
/* ---------------------------------------------- */
.user_only {margin-left:220px;}
.user_only button {font-size:14px;padding:1em 1.5em 1em 4.5em;color:#336600;background:#fff url(../images/dl1.png) 1em center no-repeat;
cursor:pointer;display:inline-block;position:relative;border:1px solid rgba(51,51,51,0.5);text-shadow:0 -1px 1px rgba(0,0,0,0.25);
-moz-border-radius:5px;-webkit-border-radius:5px;-moz-box-shadow:0 2px 4px rgba(0,0,0,0.25);-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.25);}
/* ---------------------------------------------- */
/* user_info */
/* ---------------------------------------------- */
#user_info {margin-top:20px;background:#e5ffe5;}
#user_info h3 {color:#fff;background:#000 url(../images/dl1.png) 2em center no-repeat;padding:1em 4.5em;}
#user_info fieldset {border:none;}
#user_info legend {text-indent:-9999px;margin-top:-1em;}
#user_info dt {float:left;width:80px;margin-left:130px;padding:5px;display:inline;}
#user_info dd {float:left;width:350px;padding:5px 0 5px 210px;margin-left:-210px;display:inline;}
#user_info dd input.txt {height:16px;width:330px;padding:3px;font-size:14px;background:#fff url(../images/bgw1.png) left top repeat;border:1px solid #000;}
*html #user_info dd input.txt {background:#fff;}
#user_info a {clear:both;display:inline-block;padding:5px 0 10px 0;margin-left:220px;}
/* ---------------------------------------------- */
/* archives */
/* ---------------------------------------------- */
#archives {padding:20px 0;background:#e5ffe5;border-bottom:1px solid #ccc;}
#archives h3 {margin:10px 30px;padding:5px 0;font-size:100%;border-top:1px dotted #ccc;}
#archives dl {width:82%;margin:0 auto}
#archives dt, #archives dd {display:inline-block;height:30px;float:left;}
#archives dt {width:36%;font-size:14px;}
#archives dd.usual {width:27%;}
#archives dd.ssl {width:37%;}
#archives dd.usual button {width:135px;}
#archives dd.ssl button {width:190px;}
#archives p.notice {font-size:90%;margin-top:2em;padding-right:1.3em;color:#555;}
#archives dt label.new {font-weight:bold;font-style:italic;color:green;}
/* ---------------------------------------------- */
#forgotpass {}
#forgotpass input#mailaddress {width:99%;}
/* ---------------------------------------------- */
#forgotid {}
/* ---------------------------------------------- */
#garble {}
/* ---------------------------------------------- */
#dic {}
#dic ol {list-style-type:disc;padding-bottom:30px;}
#dic ol li {list-style-type:disc;float:left;}

/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* SECURITY ???? */
/* ---------------------------------------------- */
/* ---------------------------------------------- */
.sec div.intro {background:#f5f5f5;}
/* ---------------------------------------------- */
/* security index.html */
/* ---------------------------------------------- */
.sec#category_top {background:#fff url(../images/security.png) left top no-repeat;}
.sec#category_top div.intro {background:transparent;}
.sec#category_top div.intro h2 span {font-size:20px;display:block;}
/* ---------------------------------------------- */
.lineup {margin:10px 0;padding:10px 0 10px 230px;background:#dbffdb url(../images/rippedpaper.png) left top no-repeat;}
.products {margin:0;padding:0;position:relative;}
.products h3 {color:#336633;background:transparent;margin:0;padding:5px 0;}
.products ul {margin:0;padding:0;list-style:none;}
.products ul li {margin:0;padding:10px;}
.products ul li p {font-size:small;margin-left:0;}
.products ul li button {padding:0.5em 0.5em;}
/* ---------------------------------------------- */
.chart {margin:10px;padding:10px;background:transparent url(../images/bgw.png) left top repeat;}
.chart p {width:60%;float:left;margin:0;}
/* ---------------------------------------------- */
/* security pm.html */
/* ---------------------------------------------- */
.sec#pm {background:#fff;}
/* ---------------------------------------------- */
#situation {}
#lmprotect,#pmwiz,#dl_latest {padding-right:110px;}
#lmprotect h3,#pmwiz h3,#dl_latest h3 {margin-right:-110px;}
#pmwiz {background:transparent url(../images/wiz.gif) right 60px no-repeat;}
#lmprotect {background:transparent url(../images/sec_bg.gif) right 60px no-repeat;}
#dl_latest {background:transparent url(../images/download_latest.gif) right 60px no-repeat;}
/* ---------------------------------------------- */
/* security dl.html */
/* ---------------------------------------------- */
.sec#dl {background:#fff;}
.sec#dl div.intro div#brief {min-height:230px;margin:0 30px;padding:10px;background:#f5f5f5 url(../images/pola5.png) left top no-repeat;}
/* ---------------------------------------------- */
#dl div.features p.notice {font-size:90%;margin-top:-0.5em;}
#dl div.features button {padding:0.5em 1em;margin:0.3em;}
div#forgotpass,div#forgotid,div#garble,div#dic {margin:0 0 0 0;padding:0 30px;}
#dl div.features h3 {margin-left:-30px;margin-right:-30px;}
/* ---------------------------------------------- */
/* security dec.html */
/* ---------------------------------------------- */
.sec#dec {background:#fff;}
.sec#dec div.intro div#brief {min-height:230px;margin:0 30px;padding:10px;background:#f5f5f5 url(../images/pola1.png) left top no-repeat;}
.sec#cw div.intro div#brief {min-height:230px;margin:0 30px;padding:10px;background:#f5f5f5 url(../images/pola4.png) left top no-repeat;}
.sec#sf div.intro div#brief {min-height:230px;margin:0 30px;padding:10px;background:#f5f5f5 url(../images/pola3.png) left top no-repeat;}
/* ---------------------------------------------- */
#dec_service {list-style:none;margin:0;padding:0;}
#dec_service li {list-style:none;margin:0;padding:0;margin-bottom:20px;padding:20px;border:1px solid #ccc;background:#fff;}
#dec_service li h4 {padding:5px 0 5px 40px;min-height:30px;}
#dec_service li h4.type1 {background:transparent url(../images/type1.png) left top no-repeat;}
#dec_service li h4.type2 {background:transparent url(../images/type2.png) left top no-repeat;}
#dec_service li div {margin:10px 20px;background:#333 url(../images/btn1.png) left bottom repeat-x;}
#dec_service li div h5 {margin:0;padding:3px 10px;background:#333 url(../images/btn1.png) left bottom repeat-x;color:#f5f5f5;}
#dec_service li div#dec1 {clear:both;margin:20px auto;}
#dec_service li div#dec2 {clear:both;margin:20px auto;}
#dec_service li ol {list-style:decimal;border:1px solid #d4dcd6;border-top:none;background:#e8ecef;}
#dec_service li ol li {list-style:decimal;margin:0 35px;padding:20px 30px;border:none;border-top:2px dotted #e8ecef;}
#dec_service li ol li:first-child {border:none;}
a.open-me {display:inline-block;text-decoration:none;background:transparent;color:#333;float:right;}
a.close-me {padding:5px;display:inline-block;color:#fff;text-decoration:none;float:right;}
/* ---------------------------------------------- */
/* security lm.html */
/* ---------------------------------------------- */
.sec#lm {background:#fff;}
.sec#lm div.intro div#brief {min-height:230px;margin:0 30px;padding:10px;background:#f5f5f5 url(../images/pola_lm.png) left top no-repeat;}
/* ---------------------------------------------- */
.sec#lm img#vba_pass {float:right;margin:0 10px 10px 10px;}
/* ---------------------------------------------- */
/* security sf.html */
/* ---------------------------------------------- */
.sec div.intro h2 {font-family:'?l?r ?o????','MS PMincho','?q???M?m???? Pro W3','Hiragino Mincho Pro',serif;font-size:30px;padding:20px 20px 10px 20px;}
/* ---------------------------------------------- */
.supported {margin:0 20px 20px 20px;padding:0 20px 20px 20px;background:#fff;}
.supported h3 {color:#336633;margin:20px;padding-bottom:5px;border-bottom:1px dashed #66cc66;}
.supported table {margin:0 auto 20px auto;width:92%;background:#fff;}
.supported caption {margin:10px 0 0 0;padding:0;font-size:smaller;}
.supported th {background:#dbffdb;border-bottom:1px solid #99cc99;}
.supported ul {width:92%;}
/* ---------------------------------------------- */
/* SECURITY */
/* ---------------------------------------------- */
.sec#faq,.sec#art,.sec#his,.sec#pur {background:#fff;}
/* ---------------------------------------------- */
/* faq index.html */
/* ---------------------------------------------- */
#q_list {margin:10px 30px;border:none;}
#q_list ul {}
#q_list li {margin:0;padding:6px 4px 4px 4px;list-style:none;height:20px;background:#fff url(../images/faq_q.png) 10px top no-repeat;border-top:1px dotted #ccc;}
#q_list li.odd {background:#e5ffe5 url(../images/faq_q.png) 10px top no-repeat;}
#q_list li:first-child {border-top:none;}
#q_list li a {font-size:14px;padding-left:45px;}
#q_details {margin:30px 20px;}
#q_details h3 {margin:20px 10px 0 10px;padding:0;padding-left:40px;background:url(../images/faq_a.png) left top no-repeat;border:none;}
#h_pm h3 {margin:20px 10px 0 10px;padding:0;padding-left:20px;border:none;}
.q_answers,#h_pm div {margin:10px 10px 30px 10px;padding:10px;border:1px solid #ccc;background:#fff;}
/* ---------------------------------------------- */
/* faq articles.html */
/* ---------------------------------------------- */
.mag {margin:10px;padding:15px 10px 15px 100px;background:#fff url(../images/book.png) 10px center no-repeat;}
.mag dt {}
.mag dt cite {font-size:80%;}
.mag dd {}

/* ---------------------------------------------- */
/*  */
/* ---------------------------------------------- */

/* WEDDING -------------------------------------- */
.wed {background:transparent url(../images/wedding_bg1.png) left top repeat-y;}
.wed div.intro div#brief {margin:0 20px 0 280px;padding:60px 0 0 0;background:transparent;}
.wed div.intro div#brief p {margin:10px;padding:0;}
.wed div.intro#wed_comp h2,.wed div.intro#wed_samp h2,.wed div.intro#wed_dl h2 {margin:0;padding:0 10px;float:left;}
/* 
.wed div.intro#wed_comp {background:transparent url(../images/wedding_title1.png) 20px 20px no-repeat;}
.wed div.intro#wed_samp  {background:transparent url(../images/wedding_title2.png) 20px 20px no-repeat;}
.wed div.intro#wed_dl  {background:transparent url(../images/wedding_title3.png) 20px 20px no-repeat;} */
.wed div.intro h2 {font-family:'?l?r ?o????','MS PMincho','?q???M?m???? Pro W3','Hiragino Mincho Pro',serif;font-size:30px;padding:20px 20px 10px 20px;margin-left:20px;}
.wed div.intro h2 span {display:none;}
/* ---------------------------------------------- */
/* wedding index.html */
/* ---------------------------------------------- */
.wed#category_top {background:transparent url(../images/weddingmaster.png) left top no-repeat;}
.wed#category_top div.intro {background:transparent;}
.wed#category_top div.intro h2 span {font-size:20px;display:block;}
.wed div.features {background:transparent;margin:0;}
.wed div.features h3 {padding-left:15px;color:#f0f8ff;background:#4682b4 url(../images/wedding_h3.png) left top repeat-y;}
/* ---------------------------------------------- */
/* wm */
/* ---------------------------------------------- */
.column_area {clear:both;margin:10px;padding:20px 10px;background:#fff;color:#666;}
.column_area h3 {margin:0 10px;padding-left:15px;color:#f0f8ff;background:#4682b4 url(../images/wedding_h3.png) left top repeat-y;}
.column_area ul {margin:0;padding:10px 0;list-style:none;}
.column_area ul li {margin:0;padding:0;}
.column_area ul li h4 {margin:0 10px;padding:10px;color:#4682b4;background:transparent;font-size:14px;border:1px dashed #ccf;border-right:none;}
.column_area ul li p {margin:10px 20px;padding:0;}
/* ---------------------------------------------- */
/* sample */
.wed#samp div.intro {margin:0;min-height:200px;}
/* clp */
.wed#clp div.intro {margin:0;min-height:200px;}

.style88 {margin:10px;padding:20px 30px;background:transparent url(../images/bgw.png) left top repeat;}

/* dl_items */
.dl_items {padding:1em;}
.dl_items dl {clear:both;padding:0.5em 2em;border-top:1px dotted #ccc;}
.dl_items dt {width:40%;display:block;float:left;font-weight:bold;}
.dl_items dd {width:55%;display:block;float:right;padding-bottom:0.5em;}
.dl_items p {clear:both;padding-top:2em;}

/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* ul styles */
/* ---------------------------------------------- */
ul.attn {list-style-type:none;margin-top:20px;}
ul.attn li {list-sytle-type:none;text-indent:-1.3em;}
ul.attn li:before {content:"??";font-family:Osaka, MS Gothic;padding-right:0.3em;color:#990000;}
/* ---------------------------------------------- */

ul.style1 {margin:2em 1em;padding:0;}
ul.style1 li {list-style:none;margin:0 0 2.5em 0;}
ul.style1 li h3,ul.style1 li h4 {color:#000;background:transparent;margin-bottom:1em;padding:0.2em 0;}
ul.style1 li p {margin:0;}
/* ---------------------------------------------- */
ul.style2 {margin:2em 1em;padding:0;}
ul.style2 li {list-style:none;margin:0 0 2.5em 0;padding:1.4em 2em;background:transparent url(../images/bgw.png) left top repeat;}
ul.style2 li h4 {color:#000;background:transparent;margin-bottom:0.4em;padding:0.2em 0;}
ul.style2 li h5 {color:#000;background:transparent;margin-top:20px;margin-bottom:0.4em;padding:0.2em 0;}
ul.style2 li p {margin:0;}
ul.style2 li.img_ps {background:#e5ffe5 url(../images/img_ps.png) 530px center no-repeat;}
ul.style2 li.img_ep {background:#e5ffe5 url(../images/img_ep.png) 530px center no-repeat;}
ul.style2 li.img_dl {background:#e5ffe5 url(../images/img_dl.png) 530px center no-repeat;}
ul.style2 li.img_pkg {background:#e5ffe5 url(../images/img_pkg.png) 530px center no-repeat;}
ul.style2 li.img_ps,ul.style2 li.img_ep,ul.style2 li.img_dl,ul.style2 li.img_pkg {list-style:none;margin:0 0 2.5em 0;padding:1.4em 2em;}
ul.style2 li.img_ps p,ul.style2 li.img_ep p,ul.style2 li.img_dl p,ul.style2 li.img_pkg p {margin:0;padding-right:100px;}

.upgrade {margin:20px 30px;padding:10px 50px;background:#fff;}
.upgrade h4 {color:#666;font-size:105%;}
.upgrade ul.img_ps {min-height:100px;background:transparent url(../images/img_ps.png) left center no-repeat;}
.upgrade ul.img_ep {min-height:100px;background:transparent url(../images/img_ep.png) left center no-repeat;}
.upgrade li {margin:5px 10px 5px 120px;}

/* ---------------------------------------------- */
.wed ul.style2 li {background:#fff;}

/* ---------------------------------------------- */
table.style1 {border:none;width:96%;margin:2em auto;}
table.style1 th {padding:1em;border-bottom:1px solid #333;background:#f5f5f5;color:#000;font-weight:normal;}
table.style1 td {padding:1em;border:none;}
table.style2 {}
table.style2 th {font-weight:bold;color:#000;background:transparent;border:none;}
table.style2 td {}
/* ---------------------------------------------- */
dl.style1 {}
dl.style1 dt {font-weight:bold;}
dl.style1 dd {}
dl.style1 dd:before {content:"?[ "}
/* ---------------------------------------------- */
dl.style2 {margin:1em 2em;}
dl.style2 dt {font-weight:bold;}
dl.style2 dd {margin-left:6em;text-indent:-1em;}
dl.style2 dd:before {content:"?E"}
/* ---------------------------------------------- */
dl.style3 {margin:1em 2em 1em 140px;}
dl.style3 dt {font-weight:bold;font-size:120%;}
dl.style3 dt cite:before {content:"?@"}
dl.style3 dd {}
/* ---------------------------------------------- */
/* ---------------------------------------------- */
ol.sample {margin:0 1em;padding:2em 0;list-style:none;counter-reset:item;background:#fff;}
ol.sample li:before {counter-increment:item;content:"?T???v?? " counter(item) "?F";}
/* ---------------------------------------------- */
ol.style1 {margin:0;padding:0}
ol.style1 li {display:inline-block;margin:0;padding:0;padding-right:1em;}
ol.style1 li:before {content:"?^?@";}
ol.style1 li:first-child:before {content:"";}

/* ---------------------------------------------- */

.disp {float:left;}

.info1 {padding-left:-1.3em;text-indent:0.7em;}
.info1:before {content:"?? ";margin-left:-2em;}

.cleaner {clear: both;}

/* ---------------------------------------------- */
/* ul.attention */
/* ---------------------------------------------- */
ul.attention {min-height:150px;margin:0 30px;padding:10px;background:#fff url(../images/brief.png) left top no-repeat;border:1px solid #dcdcdc;display:block;vertical-align:middle;}
ul.attention li {margin-left:200px;}
/* ---------------------------------------------- */
/* ??? */
/* ---------------------------------------------- */
/* {-webkit-transform:rotate(-4deg);-moz-transform:rotate(-4deg);} */
/* ---------------------------------------------- */
/* Round Corner */
/* ---------------------------------------------- */
#h_pm div,.pasmas div,#conexsoft_index,#conexsoft_index ul.nav li#category_top,#conexsoft_index div.index1 ul li cite.my_date,.sec,.wed,#pm_delux,#pm_gold,.how_to_purchase,ul.style2 li,ol.sample,.style88,.column_area,.lineup,#brief,
#brief p.notice,.sec div#crippleware,#situation ul,#dec_service li,#catebory_top div#brief,.mag,.q_answers,#invalidation ul,.supported,.upgrade,.column_area h3,.wed div.intro#wed_comp,.wed div.intro#wed_samp,.wed div.intro#wed_dl,.wed div.features h3,.intro
{border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;}
/* ---------------------------------------------- */
/* Side Margin */
/* ---------------------------------------------- */
.features {margin-left:20px;margin-right:20px;}
/* ---------------------------------------------- */
/* float Right */
/* ---------------------------------------------- */
.products ul li button,#crippleware button,#forgotid button,#garble button,#forgotpass button,#dic ol,.chart object {float:right;}
/* ---------------------------------------------- */
/* clearFix */
/* ---------------------------------------------- */
#conexsfot_header:after,.products ul li:after,#archives:after,#user_info dd:after,#archives dl:after,#forgotid:after,#garble:after,#dic:after,
#forgotpass:after,#crippleware:after,div#dec1:after,div#dec2:after,.chart:after
 {content:".";display:block;clear:both;height:0;visibility:hidden;}

img.img_right {
	float: right;
	margin:0 0 10px 20px;
}
img.img_left {
	float: left;
	margin:0 20px 10px 0;
}

/* ---------------------------------------------- */
/* Side shell: submenu on LEFT + collapse + responsive */
/* JS adds #wrap.has-side-nav and .side-collapsed / .side-open */
/* ---------------------------------------------- */
#wrap.has-side-nav {
	--side-w: 220px;
	--side-gap: 14px;
	display: grid;
	grid-template-columns: var(--side-w) minmax(0, 1fr);
	grid-template-areas:
		"header header"
		"title title"
		"side main"
		"footer footer";
	column-gap: var(--side-gap);
	align-items: start;
	transition: grid-template-columns 0.38s cubic-bezier(0.22, 1, 0.36, 1), column-gap 0.38s ease;
}
#wrap.has-side-nav > #conexsoft_header { grid-area: header; width: auto; }
#wrap.has-side-nav > h1 { grid-area: title; clear: none; }
#wrap.has-side-nav > #conexsoft_index {
	grid-area: side;
	width: auto;
	max-width: none;
	float: none;
	justify-self: stretch;
	align-self: start;
	position: sticky;
	top: 96px;
	max-height: calc(100vh - 110px);
	overflow-x: hidden;
	overflow-y: auto;
	transition: opacity 0.28s ease, border-color 0.28s ease, box-shadow 0.28s ease;
}
#wrap.has-side-nav > #conexsoft_body,
#wrap.has-side-nav > #conexsoft_body_wide {
	grid-area: main;
	width: auto;
	max-width: 100%;
	float: none;
	min-width: 0;
}
#wrap.has-side-nav > #conexsoft_footer { grid-area: footer; clear: none; }

/* Desktop collapse: column width -> 0 */
#wrap.has-side-nav.side-collapsed {
	--side-w: 0px;
	--side-gap: 0px;
}
#wrap.has-side-nav.side-collapsed > #conexsoft_index {
	border-color: transparent;
	box-shadow: none;
	background: transparent;
	overflow: visible;
	pointer-events: none;
}
#wrap.has-side-nav.side-collapsed > #conexsoft_index > *:not(.side-nav-toggle) {
	visibility: hidden;
	height: 0;
	overflow: hidden;
	margin: 0;
	padding: 0;
	border: 0;
}

/* In-panel toggle (visible only while open) */
.side-nav-toggle {
	position: absolute;
	top: 12px;
	right: -15px;
	z-index: 1200;
	width: 28px;
	height: 56px;
	padding: 0;
	margin: 0;
	border: 1px solid #6a6;
	border-radius: 0 8px 8px 0;
	background: linear-gradient(#f7ffe8, #dff0b8);
	color: #336600;
	cursor: pointer;
	box-shadow: 2px 2px 6px rgba(0,0,0,0.12);
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
	font-size: 14px;
	font-family: Verdana, sans-serif;
	transition: background 0.2s ease, transform 0.2s ease;
	pointer-events: auto;
}
.side-nav-toggle:hover {
	background: linear-gradient(#fff, #e8f7b0);
}
.side-nav-toggle:focus-visible {
	outline: 2px solid #0033cc;
	outline-offset: 2px;
}
.side-nav-toggle__glyph {
	display: block;
	transform: translateX(-1px);
	transition: transform 0.28s ease;
}
/* Collapsed: hide in-panel handle; reopen via fixed FAB on viewport edge */
html.conexsoft-side-collapsed .side-nav-toggle {
	display: none;
}

/* Backdrop (mobile drawer) */
.side-nav-backdrop {
	display: none;
	position: fixed;
	inset: 0;
	z-index: 1900;
	background: rgba(0,0,0,0.35);
	opacity: 0;
	transition: opacity 0.28s ease;
	border: 0;
	padding: 0;
	margin: 0;
	cursor: pointer;
}
.side-nav-backdrop.is-visible {
	display: block;
	opacity: 1;
}

/* Fixed reopen control (body-level; toggled via html.conexsoft-side-collapsed) */
.side-nav-fab {
	display: none;
	position: fixed;
	left: 0;
	top: 42%;
	transform: translateY(-50%);
	z-index: 3000;
	width: 40px;
	min-height: 88px;
	padding: 10px 6px;
	border: 1px solid #4a8a00;
	border-left: 0;
	border-radius: 0 10px 10px 0;
	background: #66cc00;
	color: #fff;
	cursor: pointer;
	box-shadow: 2px 3px 10px rgba(0,0,0,0.28);
	font-size: 13px;
	font-weight: bold;
	font-family: Verdana, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	line-height: 1.2;
	text-shadow: 0 1px 1px rgba(0,0,0,0.25);
}
.side-nav-fab:hover {
	background: #5bb800;
}
.side-nav-fab:focus-visible {
	outline: 2px solid #0033cc;
	outline-offset: 2px;
}
.side-nav-fab__label {
	display: block;
	writing-mode: vertical-rl;
	letter-spacing: 0.15em;
}
html.conexsoft-side-collapsed .side-nav-fab {
	display: flex;
	align-items: center;
	justify-content: center;
}

/* Soften fixed min-widths that break small screens */
.get_this { min-width: 0 !important; max-width: 100%; background-size: contain; }
#archives dl { width: 100%; max-width: 82%; }
#user_info dt { margin-left: 0; }
#user_info dd { width: auto; max-width: 100%; padding-left: 0; margin-left: 0; float: none; }
#user_info dd input.txt { width: 100%; max-width: 330px; box-sizing: border-box; }

/* ---------------------------------------------- */
/* Progressive header + page responsive */
/* ---------------------------------------------- */
@media (max-width: 980px) {
	#tabmenu li {
		padding: 6px 4px;
		font-size: 14px;
	}
	#g_search .g_search_scope {
		display: none;
	}
	.enter_keyword {
		width: 88px;
		margin: 4px 2px;
	}
	.submitbutton {
		margin: auto 2px;
	}
}

@media (max-width: 900px) {
	.chart p { width: auto; float: none; }
	.products ul li button,
	#crippleware button { float: none; display: inline-block; }
	.lineup .chart,
	.lineup .products { display: block; width: auto; }
}

@media (max-width: 820px) {
	#conexsoft_header {
		padding-bottom: 4px;
	}
	#tabmenu {
		flex: 1 1 100%;
		width: 100%;
		order: 1;
	}
	#tabmenu li {
		flex: 1 1 auto;
		text-align: center;
		font-size: 13px;
		padding: 6px 3px;
		border-right: 1px dotted rgba(255,255,255,0.55);
	}
	#tabmenu li:last-child {
		border-right: 0;
	}
	#g_search {
		flex: 1 1 100%;
		width: 100%;
		order: 2;
		justify-content: flex-start;
		padding: 2px 0 6px;
		border-top: 1px solid rgba(255,255,255,0.35);
	}
	#g_search form {
		justify-content: flex-start;
		width: 100%;
	}
	.enter_keyword {
		flex: 1 1 auto;
		width: auto;
		min-width: 8em;
		max-width: none;
	}
}

@media (max-width: 768px) {
	#conexsoft_header {
		background-size: auto 44px, 100% 44px, auto;
		padding-top: 44px;
		min-height: calc(44px + 36px);
	}
	#tabmenu li {
		flex: 1 1 22%;
		font-size: 12px;
		padding: 5px 2px;
	}
	#tabmenu li a {
		white-space: normal;
		line-height: 1.2;
	}

	/* Mobile: main full width; sidebar as left drawer */
	#wrap.has-side-nav {
		grid-template-columns: minmax(0, 1fr);
		grid-template-areas:
			"header"
			"title"
			"main"
			"footer";
		column-gap: 0;
	}
	#wrap.has-side-nav > #conexsoft_index {
		position: fixed;
		left: 0;
		top: 0;
		bottom: 0;
		width: min(280px, 86vw);
		max-height: none;
		z-index: 2000;
		margin: 0;
		border-radius: 0;
		border-left: 0;
		transform: translateX(-105%);
		opacity: 1;
		pointer-events: auto;
		overflow: auto;
		box-shadow: 4px 0 18px rgba(0,0,0,0.18);
		transition: transform 0.34s cubic-bezier(0.22, 1, 0.36, 1);
		background-color: #fff;
	}
	#wrap.has-side-nav.side-open > #conexsoft_index {
		transform: translateX(0);
	}
	#wrap.has-side-nav.side-collapsed > #conexsoft_index > *:not(.side-nav-toggle) {
		visibility: visible;
		height: auto;
		overflow: visible;
		margin: initial;
		padding: initial;
		border: initial;
	}
	#wrap.has-side-nav > #conexsoft_index > .side-nav-toggle {
		display: none;
	}
	html.conexsoft-side-collapsed .side-nav-fab {
		display: flex;
		top: auto;
		bottom: 18px;
		left: 12px;
		transform: none;
		width: 56px;
		min-height: 56px;
		border-radius: 28px;
		border: 1px solid #4a8a00;
		padding: 8px;
	}
	html.conexsoft-side-collapsed .side-nav-fab__label {
		writing-mode: horizontal-tb;
		letter-spacing: 0;
		font-size: 11px;
	}
	html:not(.conexsoft-side-collapsed) .side-nav-fab {
		display: none !important;
	}
	body.side-nav-lock {
		overflow: hidden;
	}

	#conexsoft_body,
	#conexsoft_body_wide,
	#conexsoft_index {
		width: 100% !important;
		float: none !important;
	}
}

@media (max-width: 480px) {
	#wrap { padding: 0 8px; }
	#conexsoft_header {
		background-size: auto 40px, 100% 40px, auto;
		padding-top: 40px;
	}
	#tabmenu li {
		flex: 1 1 30%;
		font-size: 11px;
		padding: 4px 1px;
	}
	button.pm, button.lm, button.dec { min-width: 0; width: 100%; box-sizing: border-box; }
	.dl_items dt, .dl_items dd { width: 100%; float: none; }
	ul.attention li { margin-left: 0; }
	ul.attention { background-position: left top; padding-top: 80px; }
}

/* Browser 拡張紹介：操作スクショ／手順図 */
.shot-grid {
	clear: both;
	display: flex;
	flex-wrap: wrap;
	gap: 14px 16px;
	margin: 0.8em 0 1.4em;
	padding: 0;
	list-style: none;
}
.shot-grid > li {
	flex: 1 1 280px;
	margin: 0;
	padding: 0;
	max-width: 100%;
}
.shot {
	display: block;
	margin: 1em 0 1.4em;
	padding: 0;
	border: 1px solid #ccc;
	background: #fff;
}
.shot img,
.shot-grid img {
	display: block;
	width: 100%;
	height: auto;
	max-width: 100%;
	border: 0;
}
.shot figcaption,
.shot-grid figcaption {
	display: block;
	margin: 0;
	padding: 0.45em 0.7em;
	font-size: 12px;
	line-height: 1.45;
	color: #333;
	background: #f0f0f0 url(../images/bgw.png) left top repeat;
	border-top: 1px solid #ddd;
}
.products .shot-thumb {
	float: left;
	width: 160px;
	max-width: 40%;
	margin: 0 14px 10px 0;
	border: 1px solid #bbb;
}
.step-list {
	margin: 0.5em 0 1em 1.2em;
	padding: 0;
}
.step-list li {
	margin: 0.45em 0;
	line-height: 1.5;
}
@media (max-width: 640px) {
	.products .shot-thumb {
		float: none;
		width: 100%;
		max-width: 100%;
		margin: 0 0 10px;
	}
	.shot-grid > li { flex-basis: 100%; }
}