@charset "utf-8";

/* 属性 */
a {
	text-decoration: none;
}
a:link {
	color: #A52;
}
a:visited {
	color: #720;
}
a:hover {
	color: #f33;
	text-decoration: underline;
}
a:active {
	color: #720;
}

/* フレーム */
@media screen and (min-width: 769px){
	body	{
		width: 750px; margin: 0 auto 0 auto; border:0; padding:0; color:#333;
	}
	.bothColumn	{
		width: 740px; margin: 0; border:0; padding:5px;
	}
	.basic1	{
		padding: 0 1.62em 1.62em 3.0em;
	}
}

@media screen and (max-width: 768px){
	body	{
		width: 100%; margin: 0; border:0; padding:0;
	}
	.bothColumn	{
		margin: 0; border:0; padding:5px;
	}
	.basic1	{
		padding: 0 1.62em 1.62em 1.62em;
	}
}

/* Header */
header	p	{
	line-height:2.5em;
}
@media screen and (min-width: 480px){
	header .left{
		float:left
	}
	header .right{
		text-align:right
	}
}
@media screen and (max-width: 479px){
	header .left,header	.right{
		text-align:center
	}
}

/* Footer */
footer	p	{
	line-height:1.62em;
}
@media screen and (min-width: 480px){
	footer .left{
		width:70%;
		padding:1%;
		float:left
	}
	footer .right{
		width:25%;
		padding:1%;
		float:right;
		text-align:right;		
	}
}
@media screen and (max-width: 479px){
	footer .left , footer .right{
		text-align:center;
	}
}


/* クラス */

/* Product 共通タイトル */
#headbar	{
	margin-bottom:3.24em;
}
#headbar	h1	{
	font-size: 15px;
}
#headbar	hr	{
	margin:1.6em 0 1.6em 0.8em;
	border-width:2px 0 0 0;
	border-style:solid;
	border-color:#147;
}
@media screen and (min-width: 740px){
	#headbar	img.lft	{
		display:inline;
			margin:0 3em; 
	}
	#headbar	dl	{
		display: block;
		float:right;
	}
	#headbar	dt	{
		margin-bottom:1.6em;
		display:block;
	}
	#headbar	dd	{
		text-align:left;
		line-height:2.0em;
		width: 25em;
		border-top:1px #AAA solid;
		display:block;
	}
}
@media screen and (max-width: 739px){
	#headbar	img.lft	{
			display:block; margin:0 auto ;
	}
	#headbar	dt	{
		margin:1.6em 0;
		text-align:center
	}
	#headbar	dd	{
		line-height:2.0em;
		width: 25em;
		border-top:1px #AAA solid;
		margin:0 auto
	}
}


/* ナビゲーション */
#tab_navi ul {
  font-size: 0;
}
#tab_navi li {
	list-style:none;
	display: inline-block;
	margin: 0 2px 0 2px;
	border-radius: 5px 5px 0 0;
	width: 19%;
	line-height:2.43em;
	font-size: 10pt;
	   
	text-align:center;
	background-color: #B8D8F8;
	color:aliceblue;
} 
#tab_navi li a {
	display: block;
	text-decoration: none;
} 
#tab_navi li a:hover {
	border-radius: 5px 5px 0 0;
	text-decoration: none;
	background-color: #CEF;
}
#tab_navi a:link { color: #147; }
#tab_navi a:visited { color: #147; }
 
#tab_navi hr {
	border:1px #147 solid; margin:0 0 1.6em 0; margin:0; padding:0; height:0;
}
#tab_navi li.current {
  font-weight:bold;
  background-color: #147;
  border-bottom:3px #147 solid;
  color:#FFF;
}  

.tab_area{
	border:1px #DDE solid; padding:1.0em
}

/* product */
.prdct	.std1	h2	{
	font-size: 20px; line-height:1.62em;
	margin-top:20px;
	margin-bottom:5px;
	border-bottom:1px #00479D solid;
	color:#00479D; 
}
.prdct	.std1	h2	span{
	font-size: 11px; line-height:1.62em; margin-left:3em; color:red; 
}

.prdct	.std1	h3	{
	font-size: 16px; line-height:1.62em;
	margin-top:1.62em;
	margin-bottom:5px;
	border-bottom:1px #00479D solid;
	color:#00479D; 
}
.prdct	.std1	h3	span	{	font-size:x-small;}
.prdct	.std1	p	{	font-size: 14px; line-height: 1.62em;}
.prdct	.std1	p.large	{	font-size: 15px; line-height: 1.62em;}
.prdct	.std1	figcaption	{		font-weight:bold;}
.prdct	.std1	.bth	{	margin-bottom:2em }
.prdct	.std1	.cnt	{	text-align:center }
.prdct	.std2	aside	p	{
	font-size:10px;
}
.prdct	.std2	#function	p	{	margin: 0.5em 0; padding: 0.4em 0.2em; background-color: #D6E2FC; }

.prdct	.std2	.table_matrix	{
	margin: 0 auto; background-color: #b2afaa; 
}
.prdct	.std2	.table_matrix th {
	background-color: #f0eeeb;
	padding: 2px;
	border:1px #888 solid;
}
.prdct	.std2	.table_matrix td {
	background-color: white;
	padding: 2px;
	border:1px #888 solid;
}

.prdct	.excase	p	{
	margin:1em;
	padding:10px;
	display:block;
	border-radius: 10px;
	background-image: linear-gradient(175deg, #fdfcfb 0%, #F2E1D3 100%);
}
.prdct	.excase	p.half	{
	margin:1em;
	padding:10px;
	display:inline-block;
	width:40%;
	border-radius: 10px;
	background-image: linear-gradient(175deg, #fdfcfb 0%, #F6E7D9 100%);
}
.prdct	.edition {
	width:100%
}
.prdct	.edition th{
	color:#FFF;
	font-size:medium;
	font-weight:bold;
	line-height:3.2em;
	background-color:darkslateblue;
	border-collapse: collapse;
    border:1px solid #FFF;
	border-width:0 2px;
    }
.prdct	.edition .cost td{
	padding:10px 0;
	border-collapse: collapse;
    border:1px solid #FFF;
	border-width:0 2px;
	color:#FFF;
	font-weight:bold;
	background-color: royalblue;
	text-align:center;
}
.prdct	.edition .cost td	span{
	font-size:x-large;
	line-height:2.5em;
}
.prdct	.edition .introduction td{
	padding:30px 0;
	border-collapse: collapse;
    border:1px solid #EEE;
	border-width:0 2px 2px 2px;
	text-align:center;
}
.prdct	.lnupSW {
	margin:2em auto; border:2px #333 solid; padding:1em 0; width:15em; font-size:large; text-align:center; border-radius: 5px;
}
.prdct	.explSW {
	margin:2em auto; border:2px #deecdd solid; padding:1em 0; width:10em; font-size:medium; text-align:center; border-radius: 5px; background-image: linear-gradient(-20deg, #f794a4 0%, #fdd6bd 100%); color:#FFF; font-weight:bold;
}






@media screen and (min-width: 740px){
	.prdct	.lft	{width:100%; max-width:350px; display:inline; float:left;}
	.prdct	.rgt	{width:100%; max-width:350px; display:inline; float:right   }
}
@media screen and (max-width: 739px){
	.prdct	.lft	{width:100%; margin-top:2em}
	.prdct	.rgt	{width:100%; margin-top:3em}
}



/* lineup */
.lnup	.tab_area	h1{ border-color: #6E9AEB }

.lnup	.contents_table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}
.lnup	.contents_table th {
	background-color: #ECECEC;
	border: 1px solid #888;
	padding: 0.615em 0.6em;
	font-weight:bold;
	vertical-align:middle
}
.lnup	.contents_table td {
	border: 1px solid #888;
	padding: 0.615em 0.6em;
	vertical-align:middle
}
.lnup	#pricelist	 aside	{	padding: 0.8em 0em; font-size: 10px;}
.lnup	#upgrade	 aside	{	padding: 0.8em 0em; font-size: 10px;}
.lnup	#upgrade	 h2	{	border-color: #7ACB4E}

.expn	h1	{	font-size:16px; }
.expn	h2	{	font-size:14px; font-weight:bold; line-height:1.62em }
.expn	#caution	span{ font-weight:bold; color:#CC6600; }
.expn	#consent	ol{	list-style-position:inside; list-style-type: decimal ; color:green; }


/* subdivide */
.sbdvd	.tab_area{
	font-size: medium;
	line-height:1.62em;
}

.sbdvd	h1 {
	line-height: 1.0em;
	border-left: 3px #888 solid;
	padding: 0 0 0 8px;
	margin: 0.2em;
	font-size: large;
	border-left-color: #6E9AEB;
}

.sbdvd	.contents_table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}
.sbdvd	.contents_table th {
	background-color: #ECECEC;
	border: 1px solid #888;
	padding: 0.615em 0.6em;
	font-weight:bold;
	vertical-align:middle
}
.sbdvd	.contents_table td {
	border: 1px solid #888;
	padding: 0.615em 0.6em;
	vertical-align:middle
}
.sbdvd	.tab_area	h3	{
	font-size: 16px; line-height:1.62em;
	margin-top:1.62em;
	margin-bottom:5px;
	border-bottom:1px #00479D solid;
	color:#00479D; 
}



/* FAQ */
.faq	h1{ font-size: 16px; border-color:#164574; }

.faq aside	{ background-color: #D6E2FC; margin-top: 1.0em; }
.faq aside	p	{font-weight: bold;}
.faq aside	span	{color: #00f }

#faq_field dt {
	padding-top:0.2em;
	padding-bottom:0.2em;
	margin-bottom:0.41em;
}
#faq_field dd {
	padding-left: 1em;
	text-indent: -1em; /* margin-left:1.00em; */;
	margin-bottom: 2.16em;
	background-color:#E6F0FA;	
}
#faq_field .qspan {
	font-weight: bold;
	color: #C30;
}
#faq_field .aspan {
	font-weight: bold;
	color: #03c;
}
#faq_field .stitle {
	text-indent: 0em;
	padding:0.41em;
	/* font-size: medium; */
	font-weight: bold;
	color: #222;
	background-color:#D6E2FC;
	margin-top:0.62em;
	margin-bottom:0.31em;
	border: 1px #BCD solid;
	border-top:0px #FFF hidden;
	border-left:0px #FFF hidden;
}
#faq_field	a { 	text-decoration: none; }
#faq_field	a:link { color: #358; }
#faq_field	a:visited { color: #358; }
#faq_field	a:active { color: #358; }
#faq_field	a:hover {
	color: #f33;
	text-decoration: underline;
}


p.center {	text-align:center}
p.right {	text-align:right}
p.left {	text-align:left}
.xsmall { font-size:x-small}

.Standard	p	{
	font-size:14px; text-indent:1em; line-height:1.62em;
}
.Standard	p.Endline	{
	font-size:14px; text-indent:1em; line-height:1.62em; margin-bottom:1.62em;
}


/* ****************************************************************
	旧版互換 （次版には持ち越さない）
**************************************************************** */

/* Product 共通タイトル */
div.Stitle	{
	margin-bottom:3.24em;
}
div.Stitle	h1	{
	font-size: 11pt;
}
div.Stitle	hr	{
	margin:1.6em 0 1.6em 0.8em;
	border-width:2px 0 0 0;
	border-style:solid;
	border-color:#147;
}
div.Stitle	img.lft	{
		margin:0 3em; float:left;
}
div.Stitle	dt	{
	float:right;
	margin-bottom:1.6em;
}
div.Stitle	dd	{
	text-align:left;
	line-height:2.0em;
	width: 25em;
	border-top:1px #AAA solid;
	float:right
}