@charset "utf-8";
/* ===================================================================
CSS information

 style info :switchHat.jsのサンプル用の指定
=================================================================== */
.allOpenBtn,
.switchHat {
	display: none;
}

.switchOn {
	display: block;
}

span.switchOn {
	display: inline;
}

.closeBtnHat {
	margin: 30px 0 20px;
}

.allOpenBtn,
.closeBtnHat span,
.switchHat {
	color: #00c;
}

.closeBtnHat span {
	padding: 5px 10px;
	border: 1px solid #ccc;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.allOpenBtn:after,
.switchHat:after {
	content: " ＋";
}

.allOpenBtn:hover,
.closeBtnHat span:hover,
.switchHat:hover {
	color: #090;
}

.nowOpen {
	color: #f0f;
}

.nowOpen:after {
	content: " －";
}





/* CADLUS X　製品概要　詳細
---------------------------------------------------------------------------*/

dd.described01 div,
dd.described02 div {
	width: 50px;
	height: 30px;
	background: url(../img/btn-02_detailOpen.png) no-repeat right center;
	text-indent: -9999px;
	text-decoration: none;
}
dd.described01 div.switchOn,
dd.described02 div.switchOn {} /* 閉じている状態 */
dd.described01 div.switchOn:hover,
dd.described02 div.switchOn:hover { /* 閉じている状態＋hover */
	background: url(../img/btn-02_detailOpen_hover.png) no-repeat right center;
}
dd.described01 div.nowOpen,
dd.described02 div.nowOpen { /* 開いている状態 */
	margin-bottom: 0;
}
dd.described01 div.nowOpen:hover,
dd.described02 div.nowOpen:hover { /* 開いている状態＋hover */
	background: url(../img/btn-02_detailClose.png) no-repeat right center;
	}


/* 詳細のふきだし
--------------------------------------------*/
/*#closely01,
#closely02,
#detail1 {
	width: 710px;
	background-color: #1B4399;
	color: #FFF;
	line-height: 1.4em;
	margin: 5px auto;
	padding: 15px 15px 15px;
}
#closely01 img,
#closely02 img,
#detail1 img {
	margin: 20px auto 15px 0;
}*/
.detail1Css,
.detail2Css{
	color:#fff;
	padding:20px;
	background: #1B4399;
}
.detail1Css p{line-height:1.2;}
ul.feature,
ul.spec{margin:15px;}
ul.feature li{list-style-type: circle;padding-bottom:5px;line-height:1.2;}
ul.spec li{padding-bottom:5px;line-height:1.2;}

.detail2Css p{padding:0 0 10px;line-height:1.2;}
 

/* よくある質問
---------------------------------------------------------------------------*/
.faq dt.nowOpen:after {
	content: "";
}

.faq {
	text-align: left;
	margin-top: 20px;
	counter-reset: article; /* カウンターをリセット ≪ Flock 0.5pre（Firefox 1.5 と同じ Gecko 1.8b5 ベース）での表示） */
}

.faq dt {
	 /*width: 660px; 720-（padding+radius） */
	height: auto;
	background-color: #EAECED;
	font-size: 16px;
	font-weight: bold;
	color: #304851;
	line-height: 1.4em;
	padding: 10px;
	margin-bottom: 10px;
}

.faq dt::before { /* カウンターの表示） */
  content: counter(article) ". ";
  counter-increment: article;
}

.faq dt.switchOn {} /* 閉じている状態 */

.faq dt.switchOn:hover { /* 閉じている状態＋hover */
	background-color: #F3F7FE;
	color: #4969AD;
	margin-top: 0;
}
.faq dt.nowOpen { /* 開いている状態 */
	background-color: #FFF;
	border-width: 4px 4px 0;
	color: #1B4399;
	margin-bottom: 0;
}
.faq dt.nowOpen:hover { /* 開いている状態＋hover */
	color: #4969AD;
	}


.faq dd {
	/*width: 662px;  720-（border+padding+radius） */
	font-size: 14px;
	line-height: 20px;
	background-color: #FFF;
	margin: 0 auto 50px;
	padding: 7px 15px;
}

.faq .section {
	font-size: 13px;
	font-weight: bold;
	color: #1B4399;
	margin: 12px auto 0 0;
}
.faq dd ul.listing, /* 項目 */
.faq dd ul.operation { /* 工程 */
	width: 90%;
	margin: 7px auto 12px 15px;
}
.faq dd ul.listing li {
	list-style-type: disc;
	margin-bottom: 3px;
}
.faq dd ul.operation li {
	color: #477E92;
	margin-bottom: 2px;
}
.faq dd ul.operation li.follow {
	list-style-image: url(../img/ico_operation.png);
	margin-left: 19px;
}


.faq dd ul.listing li ul {
	width: 90%;
	margin: 7px auto 0 15px;
}
.faq dd ul.listing li ul li {
	list-style-type: none;
	margin-bottom: 2px;
}




/* バージョン情報
---------------------------------------------------------------------------*/
.ver dt.nowOpen:after {
	content: "";
}

.ver {
	margin-top: 20px;
}

.ver dt {
	width: 662px; /* 720-（border+padding） */
	background: url(../img/btn_verOpen.png) no-repeat right center;
	border: #DBDBDB 4px solid;
	font-size: 14px;
	font-weight: bold;
	color: #1B4399;
	margin: 0 auto 10px;
	padding: 10px 15px;
}

.ver dt .day {
	font-size: 12px;
	font-weight: normal;
	color: #999;
}

.ver dt.switchOn {} /* 閉じている状態 */

.ver dt.switchOn:hover { /* 閉じている状態＋hover */
	background: url(../img/btn_verOpen_hover.png) no-repeat right center;
	background-color: #FFF;
	color: #F90;
	margin-top: 0;
}
.ver dt.nowOpen { /* 開いている状態 */
	background-color: #FFF;
	border: #DBDBDB 4px solid;
	border-width: 4px 4px 0;
	color: #1B4399;
	margin-bottom: 0;
}
.ver dt.nowOpen:hover { /* 開いている状態＋hover */
	background: url(../img/btn_verClose.png) no-repeat right center;
	background-color: #F3F7FE;
	color: #F90;
	}


.ver dd {
	width: 662px; /* 720-（border+padding） */	
	border: #DBDBDB 4px solid;
	border-width: 0 4px 4px 4px;
	background-color: #FFF;
	line-height: 1.4em;
	margin: 0 auto 10px;
	padding: 10px 15px;
}

.ver .section {
	font-size: 13px;
	font-weight: bold;
	color: #1B4399;
	margin: 12px auto 0 0;
}
.ver dd ul {
	width: 90%;
	margin: 7px auto 0 15px;
}
.ver dd ul li {
	list-style-type: disc;
	margin-bottom: 3px;
}
.ver dd ul li ul {
	width: 90%;
	margin: 7px auto 0 15px;
}
.ver dd ul li ul li {
	list-style-type: none;
	margin-bottom: 2px;
}




@media only screen and (max-width: 767px){
.ver dt,
.ver dd{width:96%;marign:0 auto;box-sizing: border-box;font-size:12px;}
.ver dt .day{display:block;}

.faq dt,
.faq dd{width:100%;box-sizing:border-box;}




}