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

/*####################　大枠とタイトル　####################*/

/*20200902追加_上部タイトル*/
.support_title{
	margin-bottom:45px;
}

.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

.support_title_00,.support_title_01{
	width:300px;
	height:22px;
	float:left;
	border-left: solid 5px #5181df;
	margin-bottom:12px;
	margin-left:30px;
		
}

.support_title_01 a{
	font-size: 15px;
	color:#5181df;
	font-weight:300;
	
}
.support_title_01 p{
	margin-left:8px;
	
}

.support_title_01 a{
	text-decoration:underline;	
}

.support_title_00 p{
	font-size: 15px;
	font-weight:600;
	margin-left:8px;
	
}



.consapoDL{
	width:686px;
	/*margin:30px auto 30px auto;*/
}

/*L・eyeページのみ余白削除*/
.download.leye .consapoDL.accordion{
    margin:0px auto 0px auto;
}

/*青地のタイトル*/
.consapoDL > h4{	
	display: table-cell;
	width:686px;
	height: 40px;
	vertical-align:middle;
	margin-top:20px;
	background-color: #0060aa;
	color:#fff;
	font-size:1.3em;
	padding-left:1em;
}

/*青地のタイトル 注釈　未使用*/
.consapoDL > h4 > small{
	font-weight: normal;
}

/*DLファイルへの注釈*/
.comment{
	font-weight: normal;
}

/*カテゴリの大枠*/
.consapoDL__tab{
	display:table;
	width:100%;
	table-layout:fixed;
}

/*システムごとにわける時の横幅変更*/
.consapoDL__tab.inner{
    width:672px;
    padding-left: 14px;
}

.consapoDL__tab a{	
	text-decoration: none;
}

/*カテゴリタイトル、ボタンのテキスト＋枠ベース*/
.consapoDL__tabText{
	display:table-cell;
	width:800px;
	height:60px;
	vertical-align:middle;
	font-size:1.2em;
	font-weight: bold;
	padding-left: 1em;
	border: #c8c8c8 solid 1px;
}

/*出力制御ドキュメントのカテゴリタイトル、ボタンのテキスト＋枠ベース*/
.consapoDL__tabText_02{
	display:table-cell;
	width:800px;
	height:60px;
	vertical-align:middle;
	font-size:1.2em;
	font-weight: bold;
	padding-left: 1em;
	border: #c8c8c8 solid 1px;
	padding-left: 50px;
}

/*ボタンのうち、最後の取説類DLボタンの色指定*/
a.consapoDL__tabText,
.consapoDL__tabText,
.consapoDL__tabText_02 a{
	color:#5181df;
}

/*風力の色*/
.consapoDL__tab.wind a.consapoDL__tabText,
.consapoDL__tab.wind .consapoDL__tabText a
{
    color:#27abc3;
}

a.consapoDL__tabText:hover,
.consapoDL__tabText a:hover{
	text-decoration: underline;	
}

/*ボタンのうち、取説類DLでなく、別ページリンクの場合*/
a.linkKey{
	color:#4b4b4b;
}

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

/*製品説明枠*/
.consapoDL__caption{
	display: inline-block; 
	width:300px; 
	background-color:#e5f4ff; 
	
	font-size: 0.9em;
	text-align: center; 
	color:#0060aa;
	
	position:absolute;
	right:30px;
	padding-top:5px; 
	padding-bottom:5px; 
}

.consapoDL__caption_small{ 
	
	font-size: 0.8em;
	color:#4b4b4b;	
	float:right;
	padding-top:5px; 
	padding-bottom:5px;
	padding-right:17px; 
	
}

/*カテゴリタイトルのテキスト＋枠設定[独立DLページ]。consapoDL__tabTextから、背景色と高さを上書き*/
.consapoDL__title{
	/*padding-left:1em;*/
	background-color: #e6e6e6;
	height:40px;
}

/*カテゴリ間のアキ*/
.consapoDL__marginTop{
	margin-top:20px;
}

/*※マークの設定*/
.comment{
	vertical-align: super;
	font-size:0.8em;
	font-weight: normal;
}

/*カテゴリ間に入れる小見出しの設定
「青い端末をお使いの場合」「白または黒の端末をお使いの場合」*/
.consapoDL__komidashi{
	display:block;
	border:none;
	height: 20px;
	margin:30px auto -10px auto;
	padding:5px;
	padding-left:10px;
	border-left:5px solid #0060aa;
}

/*カテゴリ間に入れる小見出しにつける画像の設定
「青い端末をお使いの場合」「白または黒の端末をお使いの場合」*/
.consapoDL__komidashi__img{
	position:relative; 
	left:300px; 
	top:-25px;
}

/*カテゴリ間に入れる小見出しの設定
「太陽光発電」「風力発電」*/
.consapoDL__komidashi.leye{
	margin:20px auto 14px auto;
}

/*太陽光の色*/
.consapoDL__komidashi.leye.solar{
    border-left: 5px solid #375ba3;
}

/*風力の色*/
.consapoDL__komidashi.leye.wind{
    border-left: 5px solid #179ab1;
}


/*####################　外部リンクボタン　####################*/

/*外部リンクボタンにつけるクラス*/
.linkKey{
	cursor:pointer;
}

/*外部リンクボタンの前に、アイコンをつける*/
/*.linkKey:before{
	position:relative;
    display: block;
    content: "";
    width: 26px;
    height: 26px;
    margin-top: -26px;
	top: 21px;
    right: 40px;
	background-image:url("../linkicon.svg");
}*/
/*ie8対応_外部リンクボタンの前に、アイコンをつける*/
/*.ie8 .linkKey:before{
    background-image:url("../linkicon.png");
}*/

/*####################　アコーディオンメニュー　####################*/

/*アコーディオンメニューを使用するキーワードのクラス名&大枠の設定*/
.accordion {
	height:auto;
	width:680px;
	/*margin:0px 15px 0px 0px;*/
	text-align:left;
}

/*アコーディオンメニューを開閉する時、クリックする要素につけるクラス*/
.openKey{
	cursor:pointer;	
}

/*開閉のためクリックする要素の前に矢印をつける*/
.openKey:before{
	position:relative;
    display: block;
    content: "";
    width: 7px;
    height: 7px;
    margin-top: -10px;
    top: 13px;
    right: 30px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-right:#ccc solid 2px;
	border-bottom:#ccc solid 2px;
}
/*ie8対応_開閉のためクリックする要素の前に矢印をつける*/
.ie8 .openKey:before{
    border-right:none;
	border-bottom:none;
    width:28px;
    height:24px;
    top:14px;
	right:42px;	
	background-image:url("../openicon.png");
}

/*openKeyの横につける画像*/
.openKey__img__T4plus{
	background: url("../../../common/img/products/T4+.png") no-repeat 390px center;
	background-size:15%; 
}
.openKey__img__T4beta-alpha{
	background: url("../../../common/img/products/T4βα.png") no-repeat 390px center;
	background-size:15%; 
}
.openKey__img__232c{
	background: url(../../../common/img/cs_armadillo_232c.jpg) no-repeat 500px center;
}
.openKey__img__485{
	background: url(../../../common/img/cs_armadillo_485.jpg) no-repeat 500px center;
}
.openKey__img__485-2{
	background: url(../../../common/img/cs_armadillo_485-2.jpg) no-repeat 500px center;
}
.openKey__img__485-1-2{
	background: url(../../../common/img/cs_armadillo_485-1_2.jpg) no-repeat 445px center;
}

/*マウスオーバーで色変え*/
.linkKey:hover,
.openKey:hover,
.linkKey:hover > .consapoDL__caption,
.openKey:hover > .consapoDL__caption
{
	/*背景色の変更*/
	background-color:#ffffcc;
}

/*アコーディオンメニューの階層に従って左をあける*/
.linkKey__iconMargin,
.openKey__arrowMargin,
.openKey ~ ul > li > a{
	padding-left:50px;
	
}

.openKey__arrowMargin2{
    padding-left:60px;
}

.openKey ~ ul .openKey,
.openKey ~ ul .openKey+ ul > li > a{
	padding-left:100px;
}

/*****アコーディオンメニューが開いている時のcss*****/
.open{	
	/*背景色の変更*/
	background-color:#ffffcc;
}
.open:before{
	/*矢印を上向きにする*/
    top: 13px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
	border: none;
    border-right:#ccc solid 2px;
	border-bottom:#ccc solid 2px;
}
/* ie8対応 */
.ie8 .open:before{
    border-left:none;
	border-top:none;
    width:28px;
    height:24px;
	background-image:url("../closeicon.png");
}

/*####################　Proアップデートファイル　####################*/

/*Proアップデートファイル_大枠*/
.consapoDL__content{
	padding-left:40px;
	border: #c8c8c8 solid 1px;
	
}
/*Proアップデートファイル_小枠*/
.consapoDL__content__separate{
	margin-left:20px; 
	margin-bottom:20px;
}

.download .accordion{
    width:auto;
}

.addMergin{
     margin-top: 80px;
}

.addMergin2{
     margin-top: 50px;
}

.download.leye .consapoDL__tabText small{
    font-weight: 100;
}