@charset "utf-8";
/* CSS Document */


/* ----- style.css ----- */

/* PE-DESIGN Trial Version Downloads ページ用 css */


/****************************************************
 00. reset
****************************************************/

/* 初期値 リセット */
*,
::before,
::after{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	}

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, u, 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, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main{
	display:block;
	}


/****************************************************
 01. base
****************************************************/

body{
	/*max-width:1000px;*/		/*ページの最大幅*/
	max-width:960px;		/*ページの最大幅*/
	padding:0 auto;		/*  */
	margin:0 auto;		/*コンテンツの表示をページのセンターにする*/
	background-color:white;		/*ページの背景色*/
	font-family:"Avenir","Helvetica Neue","Helvetica","Arial", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", "Meiryo", "游ゴシック", "Yu Gothic", "ＭＳ Ｐゴシック", sans-serif;		/*フォントタイプの設定*/
	font-size:1.0em;		/*文字サイズの設定*/
	}


/****************************************************
 02. header
****************************************************/

header{
	margin:0 auto;		/*  */
	color:#fff;		/*  */
	}


/* ============================== blue bar ============================== */

header .blue_bar{
	background-color:#0d2ea0;		/*  */
	height:60px;		/*  */
	position:relative;		/*  */
	}


header .blue_bar:after{
	content:"";			/*  */
	display:block;			/*  */
	clear:both;			/*  */
	}


/* ============================== Logo ============================== */

header .blue_bar .bro_logo{
	display:inline-block;
	width:104px;		/*  */
	height:40px;		/*  */
	position:absolute;		/*  */
	top:10px;		/*  */
	bottom:10px;		/*  */
	left:16px;		/*  */
	}


/****************************************************
 03. contents (main)
****************************************************/

/* ============================== メイン ============================== */
.contents{
	margin:0 auto;
	padding:0.5em 0.25em;		/*文字の上下 左右の余白*/
	font-size:0.9em;
	}

/* ////////// PE-DESIGN タイトル画像 ////////// */
.contents .unit-ped_title {
	text-align:center;
	margin:1.0em auto;
	}




/****************************************************
 03-1. container (main)
****************************************************/


/* ============================== メイン コンテナ ============================== */
/* ////////// セクション ブロック ////////// */
.container .introduction, 
.container .downloads_list, 
.container .before_comment, 
.container .system_requirements, 
.container .installation_instructions, 
.container .uninstallation_instructions, 
.container .startup_application, 
.container .differences, 
.container .online_manual{
	
	}


/* ////////// メイン コンテナ 見出し ////////// */
.container h2 {
	padding: 0em 1.0em 0em 1.0em;
	margin: 0.2em 0em 0.2em 0em;
	background-color:#eaeff3;
	color:#000000;
	font-size:1.2em;
	font-style:italic;
	text-align:left;
	font-weight:bold;
	line-height:2.0em;
	}


.container h3 {
	padding: 0em 1.0em 0em 1.0em;
	margin: 1.0em 0em 0.2em 0em;
	background-color:#ffffff;
	color:#000000;
	font-size:1.0em;
	font-style:normal;
	text-align:left;
	font-weight:bold;
	line-height:1.2em;
	}


.container h4 {
	padding: 0em 1.0em 0em 0.5em;
	margin: 1.0em 0em 0.5em 2.0em;
	background-color:#ffffff;
	color:#000000;
	font-size:1.0em;
	font-style:normal;
	text-align:left;
	font-weight:bold;
	line-height:1.2em;
	border-left:0.5em solid #7fa308;
	}


.container h5 {
	padding: 0em 1.0em 0em 1.0em;
	margin: 0.5em 0em 0.5em 0em;
	background-color:#ffffff;
	color:#000000;
	font-size:1.0em;
	font-style:normal;
	text-align:left;
	font-weight:bold;
	line-height:1.0em;
	}


/* ////////// メイン コンテナ テーブル ////////// */
.container .download-list {
	padding:1.0em 1.0em 1.0em 1.0em;
	}

.container .download-list table {
	border-collapse:collapse;
	border-spacing:0;
}


.container .download-list th {
	background:#eee;
	text-align:center;
	vertical-align:middle;
	padding:0.5em 0.5em 0.5em 0.5em;
	border:1px solid #dedede;
}


.container .download-list td {
	background:#ffffff;
	text-align:center;
	vertical-align:middle;
	padding:0.5em 0.5em 0.5em 0.5em;
	border:1px solid #dedede;
}


.container .download-list a {
	display:block;
	margin: 0.1em 1.0em;
	padding:0.3em 0.5em 0.3em 0.5em;
	border-radius:4px;
	border: 1px solid #1a74ba;
	background-color:#1c76bc;
	color:#ffffff;
	font-size:1.0em;
	font-weight:bold;
	text-decoration:none;
	}


.container .download-list a:hover, 
.container .download-list a:focus, 
.container .download-list a:active {
	border: 1px solid #1a74ba;
	background-color:#47abf8;
	color:#ffffff;
	}


.container .requirements-list {
	padding:1.0em 1.0em 1.0em 1.0em;
	}


.container .requirements-list table {
	border-collapse:collapse;
	border-spacing:0;
}


.container .requirements-list th {
	background:#eee;
	text-align:center;
	vertical-align:middle;
	border:1px solid #dedede;
	padding:0.5em 0.5em 0.5em 0.5em;
}


.container .requirements-list td {
	background:#ffffff;
	text-align:left;
	vertical-align:middle;
	border:1px solid #dedede;
	padding:0.5em 1.0em 0.5em 1.0em;
}


/* ////////// メイン コンテナ テキスト ////////// */
.container p, 
.container ol, 
.container ul {
	padding:0;
	margin: 0;
	text-align:left;
	font-weight:normal;
	}


.container .unit-01 {
	padding: 0em 0em 0em 0em;
	margin: 0.5em 0.5em 2.0em 0.5em;
	}


.container .box-text-01 {
	text-align:left;
	font-weight:normal;
	padding: 0.5em 0em 0.5em 0em;
	}


.container .box-text-02 {
	text-align:left;
	font-weight:normal;
	padding: 0.5em 0em 0.5em 1.0em;
	}


.container .box-text-03 {
	text-align:left;
	font-weight:normal;
	padding: 0.2em 0em 0.5em 3.0em;
	}


.container .box-text-04 {
	text-align:left;
	font-weight:normal;
	padding: 0.5em 0em 0.5em 2.0em;
	}


.container .item-note-01 {
	text-align:left;
	font-weight:normal;
	padding: 0.3em 0em 0.3em 0.5em;
	}


.container .item-note-01 p {
	font-weight:bold;
	color:#ff0000;
	}


.container .ordered-list-01 ol {
	list-style:decimal;
	padding: 0.2em 1.0em 0.5em 2.0em;
	line-height:1.5em;
	}


.container .ordered-list-02 ol {
	list-style:decimal;
	line-height:1.5em;
	padding: 0.2em 1.0em 1.0em 4.0em;
	}


.container .unordered-list-01 ul {
	list-style:disc;
	line-height:1.5em;
	padding: 0.2em 1.0em 0.5em 2.0em;
	}


.container .unordered-list-02 ul {
	list-style:disc;
	line-height:1.5em;
	padding: 0.2em 1.0em 1.0em 3.0em;
	}


/* テキスト内のアイコンの配置 */
.container .box-text-01 img, 
.container .box-text-02 img, 
.container .box-text-03 img, 
.container .box-text-04 img, 
.container .ordered-list-01 img, 
.container .ordered-list-02 img, 
.container .unordered-list-01 img, 
.container .unordered-list-02 img {
	vertical-align:middle;
	}


/****************************************************
 03-2. Agreement and Download (main)
****************************************************/
/* ////////// セクション ブロック ////////// */
.download{
	
	}

/* ////////// EULA Agreement ////////// */
.download-box{
	margin-top:0.5em;		/*   */
	margin-bottom:2.0em;		/*   */
	margin-left:0.5em;		/*   */
	margin-right:0.5em;		/*   */
	}

.download-box .download-unit{
	margin-top:0.5em;		/*   */
	margin-bottom:0.5em;		/*   */
	margin-left:0.5em;		/*   */
	margin-right:0.5em;		/*   */
	}

.download-box .frame-unit{
	position:relative;		/**/
	margin-top:0.5em;		/*   */
	margin-bottom:0.5em;		/*   */
	margin-left:1.0em;		/*   */
	margin-right:1.0em;		/*   */
	padding-top:0.5em;		/*   */
	padding-bottom:0.5em;		/*   */
	padding-left:0.5em;		/*   */
	padding-right:0.5em;		/*   */
	border:2px solid #dedede;		/*ボックスの囲み線*/
	}

.download-box .frame-unit iframe{
	padding-left:0.5em;		/*   */
	padding-right:0.5em;		/*   */
			/*   */
			/*   */
	}

.download-box .agreeiframe{
	width:98%;		/*  */
	height: 240px;		/*   */
	}

.download-box .button-unit{
	padding-top:0.5em;		/*   */
	padding-bottom:0.5em;		/*   */
	padding-left:0.5em;		/*   */
	padding-right:0.5em;		/*   */
	}




/* ////////// download 見出し ////////// */
/* [h1] 太字 */
.download-box h1{
	display:block;
	margin-top:0.25em;		/*行の間隔（上）*/
	margin-right:0.25em;		/* */
	margin-bottom:0.5em;		/*行の間隔（下）*/
	margin-left:0.25em;		/* */
	padding-top:0px;		/*余白*/
	padding-right:0px;		/*余白*/
	padding-bottom:0px;		/*余白*/
	padding-left:0px;		/*余白*/
	color:#000000;			/*文字の色*/
	background-color: #ffffff;		/*背景色*/
	border:none;		/*ボックスの囲み線*/
	line-height:1.5em;		/*行の高さ*/
	font-size:1.5em;		/*文字のサイズ*/
	font-weight:bold;		/*文字の太さ*/
	}


/* [h2] 左に線＋背景色＋全体を線で囲む */
.download-box h2{
	position:relative;		/**/
	margin-top:1.0em;		/*行の余白（前）*/
	margin-bottom:0.5em;		/*行の余白（後）*/
	padding-top:0.5em;		/*余白*/
	padding-right:0.5em;		/*余白*/
	padding-bottom:0.5em;		/*余白*/
	padding-left:1.5em;		/*余白*/
	border:1px solid #e6e6e6;		/*ボックスの囲み線*/
	border-radius:2px;		/*ボックスを角丸にする*/
	line-height:1.25em;		/*行の高さ*/
	font-size:1.1em;		/*文字のサイズ*/
	font-weight:bold;		/*文字の太さ*/
	background-color:#f6f6f6;
}
.download-box h2:after{
	position:absolute;		/**/
	top:50%;		/**/
	left:0.7em;		/**/
	transform:translateY(-50%);		/**/
	content:" ";		/**/
	width:5px;		/**/
	height:25px;		/**/
	background-color:#7fa308;		/**/
	border-radius:4px;		/**/
}

.download-box h2 span{
	vertical-align:middle;
	padding-left:0.25em;		/*余白*/
}

/* ============================== リンク ============================== */
.download-box .button-unit p{
	text-align:center;
	}

.download-box .button-unit a{
	display:inline-block;
	padding-top:0.5em;
	padding-right:2.5em;
	padding-bottom:0.5em;
	padding-left:2.5em;
	color:#ffffff;
	font-size:1.1em;		/*文字のサイズ*/
	font-weight:bold;
	text-decoration:none;
	line-height:1.6em;		/*行の高さ*/
	border-radius:4px;
	border:1px solid #1a74ba;
	background: #1c76bc;
	}

.download-box .button-unit a:hover, 
.download-box .button-unit a:focus, 
.download-box .button-unit a:active{
	background: #47abf8;
	}



/****************************************************
 03-3. discontinued (main)
****************************************************/
/* ////////// セクション ブロック ////////// */
.discontinued{
	
	}

/* ////////// 配布終了 ////////// */
.discontinued-box {
	padding: 0em 0em 0em 0em;
	margin: 0.5em 0.5em 2.0em 0.5em;
	}


.discontinued-box .discontinued-text-01 {
	text-align:left;
	font-size:1.2em;
	font-weight:normal;
	padding: 1.0em 1.5em 0.5em 1.5em;		/*要素の内側の余白（上、右、下、左）*/
	}


/* ============================== ページ外のリンク (サイト内は相対パスで指定) ============================== */

.discontinued-box .discontinued-link-01 {
	text-align:left;
	font-size:1.2em;
	font-weight:normal;
}

.discontinued-box .discontinued-link-01 ul {
	list-style: none;		/**/
	margin: 0.5em 2.0em;		/*要素の外側の余白（上下、左右）*/
}

.discontinued-box .discontinued-link-01 li {
	padding-left: 1.5em;		/**/
	text-indent: -1.0em;		/**/
	margin-bottom: 7px;		/**/
}

.discontinued-box .discontinued-link-01 a {
	color: #1a74ba;		/**/
	text-decoration: none;		/**/
}

.discontinued-box .discontinued-link-01 a:before {
	content: "";		/**/
	display: inline-block;		/**/
	vertical-align: middle;		/**/
	text-decoration: none;		/**/
	width: 6px;		/**/
	height: 6px;		/**/
	border-top: 2px solid #333;		/**/
	border-right: 2px solid #333;		/**/
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);		/**/
	margin-top: -.25em;		/**/
	margin-right: 11px;		/**/
	margin-left: -3px;		/**/
}

.discontinued-box .discontinued-link-01 a:hover, 
.discontinued-box .discontinued-link-01 a:focus {
	opacity: 0.6;		/**/
}

.discontinued-box .discontinued-link-01 a:hover, 
.discontinued-box .discontinued-link-01 a:focus, 
.discontinued-box .discontinued-link-01 a:active {
	color: #ba1a31;		/**/
	text-decoration: underline;		/**/
	}


/****************************************************
 03-4. maintenance (main)
****************************************************/
/* ////////// セクション ブロック ////////// */
.maintenance{
	
	}

/* ////////// メンテナンス ////////// */
.maintenance-box{
	margin-top:1.0em;		/*   */
	margin-bottom:3.0em;		/*   */
	margin-left:0.5em;		/*   */
	margin-right:0.5em;		/*   */
	color:#474D59;		/* */
	}

/* ////////// メンテナンス 見出し ////////// */
.maintenance-box h2{
	text-align:left;		/* */
	background-image:url("../img/bullet.png");		/* */
	background-repeat:repeat-x;		/* */
	background-position:0 bottom;		/* */
	padding-top:0.5em;		/*行の上方向の余白*/
	padding-right:0;		/*右方向の余白*/
	padding-bottom:1.25em;		/*行の下方向の余白*/
	padding-left:0.25em;		/*左方向の余白*/
	line-height:1.1em		/* */
	}

/* ////////// メンテナンス コメント ////////// */
.maintenance-box .maintenance-title{
	font-size:1.25em;		/* */
	font-weight:bold;		/* */
}

.maintenance-box .maintenance-text{
	margin-top:1.0em;		/*   */
	margin-bottom:1.0em;		/*   */
}

.maintenance-box .maintenance-text ul{
	padding-left:2.0em;		/*左方向の余白*/
	padding-right:1.0em;		/*右方向の余白*/
	padding-top:1.0em;		/*行の上方向の余白*/
	padding-bottom:0.5em;		/*行の下方向の余白*/
	}

.maintenance-box .maintenance-text li{
	list-style-type:disc;
	padding-bottom:1.5em;		/*行の下方向の余白*/
	font-weight:normal;		/* */
	font-size:1.1em;		/*文字のサイズ*/
	}

.maintenance-box .maintenance-text li:last-child{
	padding-bottom:0;		/*行の下方向の余白*/
	}


/****************************************************
 03-9. 共通 (main)
****************************************************/
/* ============================== 行間 ============================== */

.mod-mb10em{
	margin-bottom:1.0em;		/**/
}
.mod-mb15em{
	margin-bottom:1.5em;		/**/
}
.mod-mb20em{
	margin-bottom:2.0em;		/**/
}
.mod-mb25em{
	margin-bottom:2.5em;		/**/
}
.mod-mb30em{
	margin-bottom:3.0em;		/**/
}


/* ============================== 字下げ ============================== */

li p.indent-1{
	text-indent: -1.25em;
	padding-left: 2.0em;
}

/****************************************************
 04. Back to the top on this page
****************************************************/

.backToTop{
	display:none;		/**/
	}

.backToTop.showButton{
	display:block;		/**/
	}

.button-backToTop{
	box-sizing:border-box;		/**/
	width:50px;		/**/
	height:50px;		/**/
	position:fixed;		/**/
	right:20px;		/**/
	bottom:20px;		/**/
	background:#fff;		/**/
	border:solid 1px #ccc;		/**/
	}

.button-backToTop:hover, 
.button-backToTop:focus{
	opacity:0.6;
	}
.button-backToTop:active, 
.button-backToTop:hover{
	outline-width:0;
	}

.button-backToTop:before{
	content:"";		/**/
	display:inline-block;		/**/
	vertical-align:middle;		/**/
	text-decoration:none;		/**/
	width:6px;		/**/
	height:6px;		/**/
	border-top:2px solid #333;		/**/
	border-right:2px solid #333;		/**/
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);		/**/
	border-color:#333;		/**/
	position:absolute;		/**/
	top:2px;		/**/
	right:0;		/**/
	bottom:0;		/**/
	left:0;		/**/
	margin:auto;		/**/
	}


/****************************************************
05. hooter
****************************************************/

footer{
	border-top:1px solid #999999;
	font-size:0.8em;
	background:#eeeeee;
	margin-top:1.0em;
	margin-bottom:1.0em;
	padding:0.5rem 0.1em;
	}


footer ul{
	display:inline-block;
	margin:0.1rem 2em;
	}


footer li{
	list-style:none;
	float:left;
	margin-right:1.0em;
	padding-right:1.0em;
	border-right:solid 1px #999999;
	}


footer li:last-child{
	padding-right:0;
	border-right:none;
	}


footer .txt-copyright{
	color:#808080;
	text-align:center;
	margin:0.5em;
	}


footer a{
	color:#1a74ba;
	text-decoration:none;
	}


footer a:hover, footer a:focus, footer a:active{
	color:#ba1a31;
	text-decoration:underline;
	}