@charset "utf-8";

/**
	画像1
**/

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

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

.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: 51.83%;/* 画像データの縦÷横 (小数点第３位切り上げ) */
}

.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: 49.83%;/* 画像データの縦÷横 (小数点第３位切り上げ) */
}

.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: 51.83%;/* 画像データの縦÷横 (小数点第３位切り上げ) */
}

.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: 75%;/* 画像データの縦÷横 (小数点第３位切り上げ) */
}

.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: 58.33%;/* 画像データの縦÷横 (小数点第４位切り上げ) */
}

.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: 36.83%;/* 画像データの縦÷横 (小数点第５位切り上げ) */
}

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

/**
	画像8
**/

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

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

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

/**
	画像9
**/

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

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

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

/**
	画像10
**/

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

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

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

/**
	画像11
**/

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

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

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

/**
	画像12
**/

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

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

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

/**
	画像13
**/

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

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

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

/**
	画像14
**/

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

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

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



/* section-free */

.section-detail .section-free{
	background-color: #fff5a1;
	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-free2 */

.section-detail .section-free02{
	background-color: #eee;
	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-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;	
}

/* ========================
	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;
}