@charset "utf-8";
/* = 01:ベースリセット  
--------------------------------------------------------- */

/* === CSS インデックス ============

	 01:ベースリセット
	 02:ページ共通
	 03:ヘッダー
	 04:コンテンツ内共通要素
	 05:各項目
	 05-1:新標準
	 05-2:新機能 
	 05-3:ライセンスについて
	 05-4:お知らせ
	 05-5:導入事例 & ソリューション
	 05-6: 関連リンク
	 06:フッター
	 07:リンクテキスト
============================== */

/* = 01:ベースリセット  
--------------------------------------------------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
}
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary { 
    display:block;
}
body {line-height: 1;}
ol,ul {list-style:none;}
blockquote, q { quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

/* = 02:ページ共通
--------------------------------------------------------- */
body {
	font: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	font-size:100%; 
	background-image:none;  
	color:#000;
}  

/*===  ルートセクションヘッダー  ===*/
section#mt5 h1{
 margin:0 0 12px;
 padding:0 0 12px;
 border:double #333;
 border-width:0 0 3px;
 font-size:200%;
 font-weight:300;
 line-height:1;
}
section#mt5 h2{
 font-size:120%;
 font-weight:300;
 line-height:1.5;
}
section#mt5 h3{
 clear:both;
 margin:35px 0 12px;
 padding:9px 0 9px 12px;
 background:#DBE6EC;
 background:-webkit-gradient(linear, left top, right top, from(#DBE6EC), to(#F6F9FA));
 background:-moz-linear-gradient(left, #DBE6EC, #F6F9FA);
 font-size:110%;
 color:#192B2F;
 text-shadow: #fff 1px 2px 1px;
 border-top-left-radius: 18px;  
 -webkit-border-top-left-radius: 18px;  
  -moz-border-radius-topleft: 18px;  
}

/* = 03:ヘッダー
--------------------------------------------------------- */
header {
	margin:0 0 1.5em 0;
	background:#fff;
}

header h1{
	padding:10px 0;
}

header p#goMT img{
	display: none;	
}

nav{
	display: none;
}

/* = 04:コンテンツ内共通要素
--------------------------------------------------------- */
div#content{
	width:100%;
	background:#fff;
}

p.moreInfo{
	padding:0 0 0 0;
	text-align:left;
}
p.bottomline{
	margin:0 12px 0 0;
}
p.moreInfo:before {
	content: url(../cmn_img/icn_mt.png) ;
}
p.moreInfo a{
	background:none;
	padding:0 15px 0 0 ;
	vertical-align:40%;
}


/* = 05:各項目
--------------------------------------------------------- */

/* == 05-1:新標準 ==================*/
div#newStandard hgroup{
	margin:0 23px 12px 12px;
}

div#newStandard figure{
	float:left;
	width:210px;
	overflow:hidden;
	margin:0 24px 35px 12px;
}
div#newStandard figure figcaption{
	display:none;
}


/* == 05-2:新機能   ==================*/
div#features article{
	overflow:hidden;
	width:auto;
	margin:1em 0;
}

div#features article figure{
	float:left;
	width:288px;
	margin:0 12px 1em 12px;
}

div#features article dl dt{
	margin:12px 0 6px;
	font-weight:600;
}

div#features article dl dd{
	line-height:1.5;
}

/* == 05-3:ライセンスについて  ==================*/

div#license section{
	width:auto;
	margin:0 12px 1em;
}

div#license section h1{
	margin:0;
	padding:5px 0 5px 12px;
	font-size:120%;
	font-weight:600;
	border:solid #555;
	border-width:0px;
}

div#license section h2{
	margin:1px 0 0 0;
	padding:5px 0 5px 12px;
	font-size:90%;
	font-weight:normal;
}

div#license section div.summary{
	padding:12px 12px 5px 12px;
	line-height:1.5;
	font-weight:normal;
}

div#license section p.moreInfo{
	line-height:1;
}

div#license section p.price{
	margin:1px 0 24px 0;
	padding:5px 12px;
	line-height:1.5;
}

div#license section div.summary p.moreInfo{
	margin:15px 0 0 0;
}

div#license section{
	position:relative;
}

div#license section p.free{
	position:absolute;
	top:-7px;
	right:-9px;
	width:53px;
	height:53px;
	overflow:hidden;
}

div#license section p.download{
	margin:19px 0 0 0;
}

/* === カラー設定 ===*/
div#license section.business h1{
		background:#DBE6EC;
}
div#license section.business h2{
		background:#E6EEF2;
}
div#license section.business div.summary{
		background:-webkit-gradient(linear, left top, left bottom, from(#F9FBFC), to(#E6EEF2));
		background:-moz-linear-gradient(top, #F9FBFC, #E6EEF2);	
}
div#license section.business p.price{
	background:#E6EEF2;
}
div#license section.personal h1{
		background:#DCE7DA;
}
div#license section.personal h2{
		background:#E7EFE6;
}
div#license section.personal div.summary{
		background:-webkit-gradient(linear, left top, left bottom, from(#F9FBFC), to(#E7EFE6));
		background:-moz-linear-gradient(top, #F9FBFC, #E7EFE6);
}
div#license section.personal p.price{
	background:#E7EFE6;
}

/* == 05-4:お知らせ  ==================*/
div#information h1{
	margin:0 0 12px 0;
	font-size:100%;
	font-weight:600;
	border:solid #555;
	border-width:0px;
}

div#information section{
	width: auto;
	margin:0 12px 15px 12px;
	padding:0 0 15px 0;
	border:solid #555;
	border-width:0 0 1px 0;
}

div#information section dl{
	margin:0 0 12px 0;
	line-height: 1.4em; 
}
div#information section dl dt{
	width:8.6em;  
  padding: 6px 0 0 6px;
}
div#information section dl dd{
    padding: 6px 6px 6px 10.5em;  
    margin-top: -2em; 		
}
div#information section dl dd img{
	margin:0 5px 0 0;
	vertical-align:bottom;
}
div#information section dl dd:nth-of-type(odd){
	background:#F3F8FB;
}



/* == 05-5:導入事例 & ソリューション   ==================*/
div#case p.lead{
	margin:0 0 30px 12px;
	line-height:1.5;
}

div#case div.box,
div#solution div.box{
	margin:0 0 16px 0;
}

figure.image{
	float:left;
	position:relative;
	margin:0 12px 12px 11px;
}
figure.image figcaption{
	position:absolute;
	top:-8px;
	left:-9px;
}

div#case dl,
div#solution dl{
	width:auto;
	margin:1em 12px 1em 0;
	line-height:1.5;
}
div#case dl dt,
div#solution dl dt{
	margin:0 0 0.5em 0;
	font-weight:700;
}

div#case aside{
	clear:both;
	width:auto;
	margin:1em 12px 1em 0;
	padding:1em;
	background:#F3F8FB;
	border:dotted #DBE6EC;
	border-width:1px;
	-webkit-box-sizing:border-box; // webkitのパディングを調整
}

div#case aside h1{
 margin:0;
 padding:0;
 font-size:100%; 
 border:solid #555;
 border-width:0px;
}

div#case aside ul{
	margin:5px 0 0 0;
}
div#case aside ul li{
	list-style-position:inside;
	list-style-type:disc;
	color:#ADC5D2;
	line-height:1.5;
}

/* == 05-6: 関連リンク   ==================*/
aside#related{
	width:auto;
	margin:24px 0 0 0;
	padding:11px 0 12px 0;
	border:solid #555;
	border-width:0px 0 0 0;        
}

aside#related dl{
	width: auto;
	margin:0 12px 0;
	padding: 12px;
	background:#DBE6EC;
	-webkit-box-sizing:border-box; // webkitのパディングを調整
	line-height:1.7;
}

aside#related dt{
	font-weight:600;
	line-height:1.3;
}
aside#related dd{
	font-size:90%;
	line-height:1.4;
}

/* = 06:フッター
--------------------------------------------------------- */
footer{
 background:#fff;
}
footer div{
 width:auto;
 margin:0 auto;
 padding:12px 0 6px;
}

footer div#relatedLinks{
	margin:24px 0 0 0;
	padding:12px;
}
footer div#relatedLinks h1{
 margin:0 auto 15px;
 padding:3px 0 12px;
 border:solid #555;
border-width:0 0 2px 0;
 color:#000;
 font-size:120%;
}

footer div#relatedLinks div{
 padding:0;
}

footer div#relatedLinks dl{
 margin:0 37px 18px 0;
 line-height:1.5;
}

footer div#relatedLinks dl dt{
 margin:0 0 0.5em;
 font-weight:600;
}

footer div#relatedLinks dl dd{
 font-size:91%;
}
footer div#mainFooter{
	border:solid #555;
	border-width:1px 0 0;
 font-size:83%;
}

footer div#mainFooter a img{
 border-width:0;
}
footer div#mainFooter p#description{
}

footer div#mainFooter p#copyright{
 text-align:left;
 }

	
/* =　07:リンクテキスト
--------------------------------------------------------- */
a:link{color:#0c434f;text-decoration:underline;}
a:visited{color:#66797d;text-decoration:underline;}
a:hover{color:#098cad;}
a:active{color:#343535;}

figure a:link img{border:solid #0c434f;border-width:1px;}
figure a:visited img{border:solid #66797d;border-width:1px;}
figure a:hover img{border:solid #098cad;border-width:1px;}
figure a:active img{border:solid #343535;border-width:1px;}

div#content p a:after,dl a:after,ul a:after {
content: "（" attr(href) "）";
font-family: Helvetica, Arial, sans-serif;
	color:#666;
	font-size:80%;
}