@charset "utf-8";




/**
	画像1
**/

.figure.figure-01 .image{
	background-image: url(./detail-01.jpg);
	max-width: 600px;/* 画像実データの幅 */
}

.figure.figure-01 .image:before{
	padding-top: 80%;/* 画像データの縦÷横 (小数点第３位切り上げ) */
}

.figure.figure-01 .figcaption{
	display: none;
}

/**
	画像2
**/

.figure.figure-02 .image{
	background-image: url(./detail-02.jpg);
	max-width: 600px;/* 画像実データの幅 */
}

.figure.figure-02 .image:before{
	padding-top: 75%;/* 画像データの縦÷横 (小数点第３位切り上げ) */
}

.figure.figure-02 .figcaption{
	display: none;
}

/**
	画像3
**/

.figure.figure-03 .image{
	background-image: url(./detail-03.jpg);
	max-width: 600px;/* 画像実データの幅 */
}

.figure.figure-03 .image:before{
	padding-top: 88.33%;/* 画像データの縦÷横 (小数点第３位切り上げ) */
}

.figure.figure-03 .figcaption{
	display: none;
}

/**
	画像4
**/

.figure.figure-04 .image{
	background-image: url(./detail-04.jpg);
	max-width: 600px;/* 画像実データの幅 */
}

.figure.figure-04 .image:before{
	padding-top: 90%;/* 画像データの縦÷横 (小数点第３位切り上げ) */
}

.figure.figure-04 .figcaption{
	display: none;
}

/**
	画像5
**/

.figure.figure-05 .image{
	background-image: url(./detail-05.jpg);
	max-width: 600px;/* 画像実データの幅 */
}

.figure.figure-05 .image:before{
	padding-top: 94.17%;/* 画像データの縦÷横 (小数点第３位切り上げ) */
}

.figure.figure-05 .figcaption{
	display: none;
}

/**
	画像6
**/

.figure.figure-06 .image{
	background-image: url(./detail-06.jpg);
	max-width: 600px;/* 画像実データの幅 */
}

.figure.figure-06 .image:before{
	padding-top: 22%;/* 画像データの縦÷横 (小数点第４位切り上げ) */
}

.figure.figure-06 .figcaption{
	display: none;
}

/**
	画像7
**/

.figure.figure-07 .image{
	background-image: url(./detail-07.jpg);
	max-width: 600px;/* 画像実データの幅 */
}

.figure.figure-07 .image:before{
	padding-top: 160%;/* 画像データの縦÷横 (小数点第５位切り上げ) */
}

.figure.figure-07 .figcaption{
	display: none;
}

/**
	画像8
**/

.figure.figure-08 .image{
	background-image: url(./detail-08.jpg);
	max-width: 200px;/* 画像実データの幅 */
}

.figure.figure-08 .image:before{
	padding-top: 107%;/* 画像データの縦÷横 (小数点第６位切り上げ) */
}

.figure.figure-08 .figcaption{
	display: none;
}


/* section-free */

.section-detail .section-free{
	background-color: #ebffd1;
	border-radius: 5px;
	/* padding: 0.5em 0.5em 0.2em 0.5em;*/
	padding: 6px 6px 2px 6px;/* IE8 */
	padding: 0.5rem 0.5rem 0.2rem 0.5rem;
	/* margin-bottom: 3.0em; */
	margin-bottom: 36px;/* IE8 */
	margin-bottom: 3.0rem;

}

.section-detail .section-free h3 {
	color: #690;
	border: none;
	text-decolation:none;
	margin-left: 1.4rem;
	text-indent: -1.4rem;
}

.section-detail .section-free h3:before{
	content: "■";
}

/* section-table */

.section-spec table {
	width: 100%;	
}

/* h5 */

.section-detail .section h5,
.section-notice .section h5{
	border-bottom: dotted 1px #069;
	color: #069;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 14px;
	margin-left: 8px;	
}


.env{
	border-collapse: collapse !important;
	border:1px #333 solid!important;
	width:100% !important;
	border-spacing:0px !important;
	padding:3px !important;
}
.env td {
	font-size:0.9em !important;
	border:1px #333 solid !important;
	padding:7px !important;
}
.env th {
	background:#FFF !important;
	font-weight:normal !important;
	font-size:0.9em !important;
	text-align:center !important;
	border:1px #333 solid !important;
	padding:7px !important;
}

/* ========================
	updater
   ======================== */

.updater {
	display: block;
	border: 1px solid #AAA;
	border-radius: 10px;
	box-sizing: border-box;
	padding: 15px;
	margin:20px auto;
	width: 300px;
	text-align: center;
	background: #EEE;
	color: #333 !important;
	font-weight: bold;
	font-size: 0.9em;
}

.updater:hover {
	border: 1px solid #36C;
	background: #c9def0;
	color: #36C !important;
}