@charset "UTF-8";
/*------------------------------------------------------------
各タイトル
-------------------------------------------------------------*/
html{ overflow-y: scroll; }

.preview{
	font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Meiryo","メイリオ","Osaka","MS PGothic",arial,helvetica,sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 1.5;
	color: #444; 
        word-wrap: break-word;
}
.preview body,.preview div,.preview ol,.preview ul,.preview li,
.preview h1,.preview h2,.preview h3,.preview h4,.preview h5,
.preview h6,.preview pre,.preview form,.preview fieldset,
.preview input,.preview blockquote{
	margin: 0;
	padding: 0;
}
.preview a{
	text-decoration:none!important;
}
.preview address,.preview caption,.preview cite,.preview code,
.preview dfn,.preview var,.preview h1,.preview h2,.preview h3,
.preview h4,.preview h5,.preview h6{
	font-style: normal;
	font-weight: normal;
}

.preview h1,.preview h2,.preview h3,.preview h4,.preview h5,.preview h6,.preview small{
	font-size: 100%;
	font-weight: normal;
}
.preview a{
	text-decoration: none;
}
.preview li{
	padding:0;
	margin:0;
	list-style: none;

}
.preview fieldset,.preview img,.preview abbr{ border: 0; }

.preview caption{ text-align: left; }

.preview q{ quotes: none; }

.preview q:before,.preview q:after{
	content: '';
	content: none;
}

.preview a{text-decoration: none; }

.preview a:hover,
.preview a:active{ outline: 0; }

.preview img{
	border: 0;
	vertical-align: middle;
	-ms-interpolation-mode: bicubic;
}

.preview b,.preview strong{ font-weight: bold; }

.preview div{ word-wrap: break-word; }

.preview sub,.preview sup{
	position: relative;
	line-height: 0;
	vertical-align: baseline;
	font-size: 75%;
}
.preview sup{ top: -0.5em; }
.preview sub{ bottom: -0.25em; }

.preview pre,.preview code{
	font-size: 1em;
	font-family: sans-serif;
}

.preview pre{
	overflow: auto;
	white-space: pre-wrap;
	word-wrap: break-word;
}

.preview form{ margin: 0; }

.preview button,.preview input,.preview select,.preview textarea,.preview optgroup,.preview option{
	margin: 0;
	font-family: sans-serif;
	font-size: 100%;
	vertical-align: baseline;
}

* html .preview button,
* html .preview input,
* html .preview select,
* html .preview textarea{ vertical-align: middle; } /* IE6 */

*+html .preview button,
*+html .preview input,
*+html .preview select,
*+html .preview textarea{ vertical-align: middle; } /* IE7 */

.preview button,.preview input{ line-height: normal; }

* html .preview button,
* html .preview input{ overflow: visible; } /* IE6 */

*+html .preview button,
*+html .preview input{ overflow: visible; } /* IE7 */

.preview textarea{
	overflow: auto;
	vertical-align: top;
}

.preview input[type="text"],.preview textarea{ padding: 2px; }

.preview button,
.preview input[type="button"],
.preview input[type="reset"],
.preview input[type="submit"]{ -webkit-appearance: button; }

.preview button::-moz-focus-inner,
.preview input::-moz-focus-inner{
	margin: 0;
	padding: 0;
	border: 0;
}

.preview table{
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	table-layout: fixed;
	word-break: break-all;
	word-wrap: break-word;
}

.preview td,.preview th{
    padding: 0.5em;
    border-right: 1px solid #dde4e6;
    border-bottom: 1px solid #dde4e6;
    font-size: 11px;
}

* html .preview table{ border-collapse: collapse; } /* IE6 */
*+html .preview table{ border-collapse: collapse; } /* IE7 */

.preview hr{
	clear: both;
	height: 1px;
	margin: 0 0 0;
	padding: 0;
	border: 0;
	border-top: 1px solid #ccc;
	color: #ccc;
	font-size: 1.0em;
	line-height: 1.0em;
}
* html .preview hr{ margin: 0 0 1.2em; } /* IE6 */
*+html .preview hr{ margin: 0 0 1.2em; } /* IE7 */
.preview .clearfix:after {
	content: ".";  /* 新しいコンテンツ */
	display: block;
	clear: both;
	height: 0;
	visibility: hidden; /* 非表示に */
}

.preview .clearfix {
	min-height: 1px;
}

* html .preview .clearfix {
	height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}
.preview  h3{
	background: #eaeeef;
	border: medium none;
	color: #333;
	font-size: 110%;
	font-weight: bold;
	padding: 8px 2px 8px 12px;
	margin: 12px 0 12px;
}
.preview h2{
	background: #004c6b;
	color: #fff;
	font-size: 120%;
	padding: 10px 0 10px 12px;
	margin: 12px 0 12px;
	font-weight: bold;
}


.preview h4{
background: url(/img/icon/def2-h4.png);
background-repeat: no-repeat;
background-position: left 3px;
background-size:15px;
border:0;
color: #333;
font-size: 14px;
font-weight: bold;
padding: 0px 10px 10px 20px;
margin: 10px 0;
}