@charset "utf-8";
@import "../common-scoop/0-import.css";

#conts .box {
	margin:  19px 20px 30px 20px;
	zoom: 1;
}

#conts .box01 {
	margin:  20px 20px 318px 20px;
}

#conts .box p {
	padding: 0 2px;
	font-size: 1.3em;
	color: #595757;
	line-height: 1.9;
	text-indent: 1em;
}

#conts .box ul.top {
	padding: 0 0 0 1px;
	font-size: 1.3em;
	color: #595757;
	line-height: 1.9;
}

#conts .box h2 {
	margin-bottom: 19px;
}

#conts .box h2.end {
	color: #757575;
	border-left: 5px solid #3c9e59;
	background: #e5dfd1 url(/sys_contents/images/topics/img01.gif) no-repeat 600px center;
	margin-bottom: 14px;
	+margin-bottom: 13px;
	padding: 13px 90px 13px 16px;
	font-weight:normal;
}

#conts .box h2.imp {
	background: #e5dfd1 url(/sys_contents/images/topics/img02.gif) no-repeat 600px center;
}

#conts .box dl.top {
	font-size: 1.3em;
	color: #000;
}

#conts .box dl.top dt {
	padding: 0 0 19px 22px;
	float: left;
	clear: left;
}

#conts .box dl.top dt span {
	width: 133px;
	_width: 110px;
	display: block;
	float: left;
}

#conts .box dl.top dt img {
	display: inline;
	vertical-align: middle;
}

#conts .box dl.top dd {
	padding: 0 0 19px 211px;
	+padding: 1px 0 21px 211px;
	_padding: 1px 0 20px 208px;
	margin-bottom: 15px;
	background: url(/sys_contents/images/topics/line.jpg) no-repeat left bottom;
}

#conts .box dl.top dd.end {
	margin-bottom: 16px;
	+margin-bottom: 15px;
}

#conts .box dl.top dd a {
	padding-left: 13px;
	background: url(/sys_contents/images/topics/icon01.gif) no-repeat left 2px;
	text-decoration: none;
	color: #000;
}

#conts .box ul.btn {
	padding-top: 12px;
	float: right;
}

#conts .box ul.btn li {
	padding-left: 9px;
	float: left;
}

#conts .box .intro {
	padding: 16px 0 0 0;
}

#conts .box .intro img {
	margin-top: 3px;
	float: left;
}

#conts .box .intro p {
	padding-left: 153px;
	line-height: 1.6;
	text-indent: 0;
}

#conts .box h3 {
	padding: 23px 0 5px 1px;
	+padding: 23px 0 7px 1px;
	color: #009E41;
	font-size: 1.5em;
}

#conts .box p.back {
	padding: 0 0 30px 0;
	+padding: 0 0 32px 0;
	_padding: 0 0 31px 0;
	text-indent: 0;
	line-height: 1.7;
}
/* menu */
.btn-sticky {
  display: inline-block;
  padding: 0.5em 1em;
  background: #f7f7f7;
  border-left: solid 6px #ff7c5c;/*左線*/
  color: #ff7c5c;/*文字色*/
  font-weight: bold;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
  font-size: 1.5em;
  text-decoration: none;
}
.btn-sticky:active {
  box-shadow: inset 0 0 2px rgba(128, 128, 128, 0.1);
  transform: translateY(2px);
  font-size: 1.5em;
}
.btn-sticky:hover {
  box-shadow: inset 0 0 2px rgba(128, 128, 128, 0.1);
  transform: translateY(2px);
  font-size: 1.5em;
  text-decoration: none;
}
.btn-space::before {
	  /* display: none; */
	    content: "\A";
		white-space: pre;
}
.btn-space {
    padding: 0.5em 1em;
	margin: 1em 0;
}
.box22{
    padding: 0.5em 1em;
    margin: 1em 0;
    background: #f4f4f4;
    border-left: solid 6px #5bb7ae;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.33);
}
.box22 h2 {
    margin: 0; 
    padding: 0;
}

/*-- アップロードボタン --*/
/* [name*="input_file"] { display: none; }  */
/* .input_file { display: none; } */
/* .input_file + label { cursor: pointer; display: inline-block; padding: 5px 10px; font-size: 1.4rem; color: #fff; text-decoration: none; border-radius: 4px; background: #167392; } */

/*-- プレビューエリア --*/
#preview_result { max-width: 240px; margin-top: 10px; padding: 10px; color: #bbb; text-align: center; background: #eee; }
#preview_result img { width: 100%; margin-bottom: 5px; vertical-align: bottom; }
#preview_result img:last-child { margin-bottom: 0; }