@charset "utf-8";


html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

body {
	font: 100%/1.4;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	background-color: #FFF;
	margin: 0;
	padding: 0;
	color: #000;
}

/* ~~ エレメント / タグセレクター ~~ */
ul, ol, dl { /* ブラウザー間の相違により、リストの余白とマージンをゼロにすることをお勧めします。一貫性を保つために、量をここで指定するか、リストに含まれるリスト項目 (LI、DT、DD) で指定できます。より詳細なセレクターを記述しない限り、ここで指定する内容が .nav リストにも適用されることに注意してください。 */
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 /* 上マージンを削除すると、マージンを含む div からマージンがはみ出す場合があるという問題を回避できます。残った下マージンにより、後続のエレメントからは離されます。 */
	padding-right: 15px;
	padding-left: 15px; /* div 自体ではなく div 内でエレメントの両側に余白を追加すると、ボックスモデル計算が不要になります。代わりに、両側に余白を指定した div をネストして使用することもできます。 */
}

#abh1 {
	font-size: 180%;
	color: #3C1863;
	margin: 30px 0 0 0;
	padding: 0;
}

a img {
	border: none;
}

img {
	vertical-align: bottom;
	margin: 0;
}

/*
	http://hp.vector.co.jp/authors/VA039499/
	http://opentype.jp/woffconv.htm
*/

@font-face {
    font-family: 'HuiFontP109';
    src: url('huifontp109/HuiFontP109.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.hui {
	font-size: 106.3%;
    font-family: 'HuiFontP109', sans-serif;
}


@media screen and (min-width:768px){

	.container {
		width: 1000px;
		background-color: #FFF;
		margin: 0 auto;
	}
	
	header {
		margin: 0;
		height: 85px;
		background: url(img/headbk.jpg) 0 0, linear-gradient(#FB84C8, #FDC1E3);
	}
	
	header h1{
		color: #FFF;
		font-size: 100%;
		font-weight: normal;
		margin: 0;
		padding: 5px 0 0 5px;
		line-height: 1.2;
		border-bottom: solid 1px #FFF;
	}
	
	header p{
		color: #FFF5B3;
		font-size: 162.5%;
		font-weight: bold;
		font-family: 'HuiFontP109', sans-serif; /*デザインによって */
		text-align: right;
		/*text-shadow: 1px 1px 2px #FEEEA3;*/
		margin: 15px 10px 0 0;
		padding: 0;
	}
	
	#mmnu {
		/*font-family: 'HuiFontP109', sans-serif; デザインによって */
		font-size: 100%;
		list-style: none;
		height: 45px;
		line-height: 2.9;
		background: linear-gradient(to bottom, #FFFFFF, #FEE6E0 70%, #FF3200);
		border-bottom: solid 1px #FF3200;
	}
	
	#mmnu li {
		text-align: center;
		width: 199px;
		height: 45px;
		margin: 0;
		padding: 0;
		border-left: solid 1px #FF3200;
		float: left;
	}
	
	#mmnu li:last-child {
		width: 198px;
		border-right: solid 1px #FF3200;
	}
	
	#mmnu li a {
		color: #FF3200;
		/*color: #0517B6;*/
		text-decoration: none;
		display: block;
		margin: 0;
		padding: 0;
		transition: 1s;
	}
	
	#mmnu li a:hover {
		text-decoration: none;
		display: block;
		margin: 0;
		padding: 0;
		background-color: rgba(252, 254, 44, 0.3);
		transition: 1s;
	}
	
	#spmnu {
		display: none;
	}
	
	#tpmbx {
		color: #BF3EAB;
		font-size: 150%;
		/*font-family: 'HuiFontP109', sans-serif; デザインによって */
		margin: 0;
		padding: 0;
		width: 1000px;
		/*height: 250px;*/
		background: url(img/main2.jpg) no-repeat 0 0;
	}
	
	#tpmbx p:first-child{
		margin: 0;
		padding: 60px 0 0 120px;
	}
	
	#tpmbx p:nth-child(2){
		margin: 0;
		padding: 20px 0 0 190px;
	}
	
	#tpmbx p:nth-child(3){
		margin: 0;
		padding: 20px 0 0 260px;
	}
	
	
	#pkg {
		font-size: 87.5%;
		margin: 0;
		padding: 5px;
	}
	
	#pkg a{
		color: #CE2006;
		transition: 0.7s;
	}
	
	#pkg a:hover{
		color: #FF71FF;
		text-shadow: #F9FD57 1px 1px 2px, #F9FD57 -1px 1px 2px, #F9FD57 1px -1px 2px, #F9FD57 -1px -1px 2px;
		transition: 0.7s;
	}
	
	h2 {
		/*font-family: 'HuiFontP109', sans-serif; デザインによって */
		color: #0517B6;
		/*text-shadow: 1px 1px 2px #FFF315;*/
		line-height: 1.3;
		padding: 50px 0px 5px 0px;
		border-bottom: solid 2px #071DDA;
	}
	
	h3 {
		line-height: 1.2;
		color: #F83418;
		margin: 15px 0 0 0;
		padding: 10px 0 10px 0;
	}
	
	.qesh3 {
		font-size: 100%;
		margin: 0 0 0 10px;
	}
	
	.cmt1 {
		/*font-family: 'HuiFontP109', sans-serif; デザインによって */
		color: #FF3200;
		font-size: 112.5%;
		text-align: center;
		line-height: 1.2;
		margin: 0;
		padding: 5px;
		/*background: linear-gradient(#FDC1E3, #FB84C8);*/
		border-top: solid 2px #FF3200;
		border-bottom: solid 2px #FF3200;
	}
	
	.larg1 {
		color: #FFD21E;
		text-shadow: #FF3200 2px 2px 3px;
		font-size: 300%;
		font-weight: bold;
		line-height: 1;
		font-family: 'Kanit', sans-serif;
	}
	
	.sampbx1 {
		margin: 0 auto 20px auto;
		padding: 0;
		width: 800px;
	}
	
	.sampbx1 img{
		margin: 0 0 0 50px;
	}
	
	.atnbx1 {
		margin: 50px 20px 0 20px;
		padding: 15px;
		border: solid 2px #FFA020;
		border-radius: 5px;
	}
	
	.atnbx1 a{
		color: #6D493A;
		transition: 0.7s;
	}
	
	.atnbx1 a:hover{
		color: #6D493A;
		text-shadow: #F9FD57 1px 1px 2px, #F9FD57 -1px 1px 2px, #F9FD57 1px -1px 2px, #F9FD57 -1px -1px 2px;
		transition: 0.7s;
	}
	
	.lnk1 a{
		color: #FF3EF5;
		transition: 0.7s;
	}
	
	.lnk1 a:hover{
		color: #FF71FF;
		text-shadow: #FDF 1px 1px 2px, #FDF -1px 1px 2px, #FDF 1px -1px 2px, #FDF -1px -1px 2px;
		transition: 0.7s;
	}
	
	.resbx {
		width: 33%;
		margin: 20px 0 0 0;
		float: left;
	}
	
	.rgtlk {
		text-align: right;
	}
	
	.rgtlk a{
		padding-left: 20px;
		background: url(img/lnk2.gif) no-repeat 0 0;
	}
	
	/* 大リスト用 */
	.lst1 {
		font-size: 140%;
		font-weight: bold;
		margin: 30px 0;
	}
	
	.lst1 li {
		margin: 15px 20px 0 40px;
		padding: 5px 25px;
		background: linear-gradient(#FFF0FD, #FFBFF8);
		border-radius: 5px;
	}
	
	.lst1 li a{
		color: #03BBE9;
		display: block;
		transition: 1s;
	}
	
	.lst1 li a:hover{
		color: #3AE26C;
		transition: 1s;
	}
	
	/* フッタメニュー用 */
	.lst2 {
		font-size: 90%;
		margin: 70px 0 0 0;
		height: 20px;
		list-style: none;
	}
	
	.lst2 li a{
		color:#FF3200;
		text-align: center;
		width: 14.28%;
		margin: 0;
		display: block;
		float: left;
		transition: 0.7s;
	}
	
	.lst2 li a:hover{
		background-color: #FEF4AD;
		border-radius: 3px;
		transition: 0.7s;
	}
	
	/* 汎用リスト */
	.lst3 {
		margin: 20px 20px 0 50px;
	}
	
	.lst3 li {
		margin: 5px 0 0 0;
	}
	
	.lst3 li ul{
		margin: 0 0 0 20px;
	}
	
	.lst3 a{
		color: #483E2D;
	}
	
	
	/* 参考にさせて頂いた、用 */
	.lst3b {
		margin: 20px 20px 0 50px;
	}
	
	.lst3b li {
		margin: 20px 0 0 0;
	}
	
	.lst3b li:last-child {
		margin: 20px 0 50px 0;
	}
	
	.lst3b a{
		color: #483E2D;
	}
	
	
	
	
	
	.lst3c {
		margin: -10px 20px 0 50px;
		padding-bottom: 30px;
	}
	
	.lst3c li {
		margin: 15px 0 0 0;
	}
	
	.lst3c li ul{
		margin: 0 0 0 20px;
	}
	
	.lst3c li ul li {
		margin: 10px 0 0 0;
	}
	
	
	
	
	.lstdse {
		width: 100%;
		margin: 0;
		padding-bottom: 20px;
		list-style: none;
	}
	
	.lstdse:after {
		content: "";
		clear: both;
		display: block;
	}
	
	.lstdse li a{
		color: #03CAFC;
		width: 250px;
		margin: 10px 0 0 0;
		display: block;
		float: left;
		transition: 0.7s
	}
	
	.lstdse li a:hover{
		text-shadow: #FDF 1px 1px 2px, #FDF -1px 1px 2px, #FDF 1px -1px 2px, #FDF -1px -1px 2px;
		transition: 0.7s
	}
	
	.lstqes {
		width: 100%;
		margin: 0;
		padding-bottom: 20px;
		list-style: none;
	}
	
	.lstqes:after {
		content: "";
		clear: both;
		display: block;
	}
	
	.lstqes li{
		color: #03CAFC;
		width: 480px;
		margin: 10px 0 0 20px;
		display: block;
		float: left;
		transition: 0.7s;
		text-decoration: underline;
	}
	
	.lstqes li a{
		color: #03CAFC;
		width: 480px;
		/*margin: 10px 0 0 20px;*/
		display: block;
		float: left;
		transition: 0.7s;
	}
	
	.lstqes li a:hover{
		text-shadow: #FDF 1px 1px 2px, #FDF -1px 1px 2px, #FDF 1px -1px 2px, #FDF -1px -1px 2px;
		transition: 0.7s;
	}
	
	.tblinq {
		margin: 30px auto;
		width: 800px;
		background-color: #F0DBD9;
	}
	
	.tblinq th{
		font-weight: normal;
		text-align: left;
		background-color: #FFF;
		width: 30%;
	}
	
	.tblinq td{
		background-color: #FFF;
	}
	
	.tblinq input[type="text"]{
		width: 90%;
	}
	
	.tblinq textarea{
		width: 90%;
		height: 200px;
	}
	
	.tblinq input[type="submit"]{
		width: 200px;
		height: 40px;
		display: block;
		margin: 10px auto;
	}
	
	.tblinq a{
		color: #6D493A;
		text-decoration: none;
	}
	
	#comptbl {
		margin: 30px auto 0 auto;
		width: 90%;
	}
	
	#comptbl th {
		color: #987D01;
		text-align: right;
		font-weight: normal;
		vertical-align: top;
		background-color: #FEEC96;
	}
	
	#comptbl td {
		background-color: #FEFDDE;
	}
	
	#comptbl a {
		color: #545470;
		text-decoration: none;
		transition: 1.5s;
	}
	
	#comptbl a:hover {
		color: #D88C01;
		transition: 1.5s;
	}
	
	/* ラジオボタン */
	
	.radio0{
	}
	
	.radio1{
		display: none;
	}
	
	.radio0 label{
		padding: 5px 5px 5px 30px;
		position:relative;
		margin: 2px 0 2px 10px;
		width: 200px;
		display: block;
		border-radius: 4px;
		transition: 0.7s;
	}
	
	.radio0 label:hover{
		background-color: #FCFEAB;
		transition: 0.7s;
	}
	
	.radio1 + label::before{
		content: "";
		display: block;
		position: absolute;
		top: 7px;
		left: 7px;
		width: 15px;
		height: 15px;
		border: 1px solid #999;
		background-color: #FFF;
		border-radius: 50%;
	}
	
	.radio1:checked + label{
		background-color: #FBC900;
		transition: 0.7s;
	}
	
	.radio1:checked + label::after{
		content: "";
		display: block;
		position: absolute;
		top: 10px;
		left: 10px;
		width: 11px;
		height: 11px;
		background: #FBC900;
		border-radius: 50%;
	}
	
	
	.tpimg1 {
		width: 100%;
		display: block;
	}
	
	.tpimg2 {
		display: none;
	}
	
	.img00 {
		margin: 0;
	}
	
	.img00b {
		display: none;
	}
	
	.img01 {
		margin: 0;
		float: left;
	}
	
	.img01lg {
		margin: 0;
		float: left;
	}
	
	.img02 {
		margin: 0;
		float: right;
	}
	
	.cntr1 {
		font-size: 150%;
		text-align: center;
	}
	
	footer ul {
		font-size: 90%;
		list-style: none;
		margin: 0;
	}
	
	footer ul li{
		margin: 0 20px 0 0;
		float: right;
	}
	
	footer ul li a{
		color: #A7A58B;
		text-decoration: none;
	}
		
	#cpy {
		color: #AEAC95;
		font-size: 87.5%;
	}
	
	#cpy a {
		color: #AEAC95;
	}

}

@media screen and (max-width:767px){
	.container {
		width: 99%;
		background-color: #FFF;
		margin: 0 auto;
	}
	
	header {
		margin: 0;
		background: url(img/headbk.jpg) 0 0, linear-gradient(#FB84C8, #FDC1E3);
		background-size: cover;
	}
	
	header h1{
		color: #FFF;
		font-size: 87.5%;
		font-weight: normal;
		margin: 0;
		padding: 5px 0 0 5px;
		line-height: 1.2;
		border-bottom: solid 1px #FFF;
	}
	
	header p{
		font-family: 'HuiFontP109', sans-serif;/* デザインによって */
		color: #FFF5B3;
		font-size: 118.8%;
		line-height: 1.2;
		/*text-shadow: 1px 1px 2px #FEEEA3;*/
		margin: 0;
		padding-bottom: 5px;
	}
	
	#mmnu0 {
		display: none;
	}
	
	#spmnu {
	}
	
	#tpmbx {
		color: #BF3EAB;
		font-size: 112.5%;
		/*font-family: 'HuiFontP109', sans-serif; デザインによって */
		margin: 0;
		padding: 0;
		width: 100%;
		/*background: url(img/mainb2.jpg) no-repeat 100% 0;*/
		background-size: cover;
	}
	
	#tpmbx p:first-child{
		margin: 0;
		padding: 20px 0 0 4%;
	}
	
	#tpmbx p:nth-child(2){
		margin: 0;
		padding: 10px 0 0 9%;
	}
	
	#tpmbx p:nth-child(3){
		margin: 0;
		padding: 10px 0 20px 14%;
	}
	
	#pkg {
		font-size: 87.5%;
		margin: 0;
		padding: 5px;
	}
	
	#pkg a{
		color: #FF3EF5;
	}
	
	h2 {
		/*font-family: 'HuiFontP109', sans-serif; デザインによって */
		color: #0517B6;
		font-size: 125%;
		/*text-shadow: 1px 1px 2px #FFF315;*/
		line-height: 1.2;
		padding: 20px 5px 5px 5px;
		border-bottom: solid 2px #071DDA;
	}
	
	h3 {
		color: #F83418;
		font-size: 118.8%;
		line-height: 1.2;
		padding: 15px 5px 0 5px;
	}
	
	
	.qesh3 {
		font-size: 100%;
		margin: 0 0 0 10px;
		padding: 10px 0 10px 0;
	}
	
	.cmt1 {
		/*font-family: 'HuiFontP109', sans-serif; デザインによって */
		color: #FF3200;
		font-size: 93.8%;
		line-height: 1.2;
		margin: 0;
		padding: 5px;
		/*background: linear-gradient(#FDC1E3, #FB84C8);*/
		border-top: solid 2px #FF3200;
		border-bottom: solid 2px #FF3200;
	}
	
	.larg1 {
		color: #FFD21E;
		text-shadow: #FF3200 2px 2px 3px;
		font-size: 300%;
		font-weight: bold;
		line-height: 1;
		font-family: 'Kanit', sans-serif;
	}
	
	.sampbx1 {
		margin: 0 auto;
		padding: 0;
		width: 70%;
	}
	
	.sampbx1 img{
		width: 100%;
		margin: 0 0 20px 0;
	}
	
	.atnbx1 {
		line-height: 1.3;
		margin: 50px 7% 20px 3%;
		padding: 15px 25px 15px 15px;
		border: solid 2px #FFA020;
		border-radius: 5px;
	}
	
	.atnbx1 a{
		color: #6D493A;
	}
	
	.lnk1 a{
		color: #FF3EF5;
	}
	
	.rgtlk {
	}
	
	.rgtlk a{
		padding-left: 20px;
		background: url(img/lnk2.gif) no-repeat 0 0;
	}
	
	.lst1 {
		font-size: 125%;
		font-weight: bold;
		margin: 20px 5% 0 7%;
	}
	
	.resbx {
		width: 97%;
		margin: 20px 0 0 0;
	}
	
	.lst1 li {
		line-height: 1.2;
		margin: 15px 0 0 0;
		padding: 5px 10px;
		background: linear-gradient(#FFF0FD, #FFBFF8);
		border-radius: 5px;
	}
	
	.lst1 li a{
		color: #03BBE9;
		display: block;
	}
	
	.lst2 {
		font-size: 90%;
		margin: 50px 0 0 0;
		list-style: none;
	}
	
	.lst2 li a{
		color:#FF3200;
		text-align: center;
		width: 60%;
		margin: 10px auto 0 auto;
		display: block;
	}
	
	.lst3 {
		margin: 20px 20px 0 50px;
	}
	
	.lst3 li {
		margin: 5px 0 0 0;
	}
	
	.lst3 li ul{
		margin: 0 0 0 20px;
	}
	
	.lst3 a{
		color: #483E2D;
	}
	
	/* 参考にさせて頂いた、用 */
	.lst3b {
		margin: 20px 20px 0 50px;
	}
	
	.lst3b li {
		margin: 20px 0 0 0;
	}
	
	.lst3b li:last-child {
		margin: 20px 0 0 0;
		padding-bottom: 50px;
	}
	
	.lst3b a{
		color: #483E2D;
	}
	
	
	.lst3c {
		line-height: 1.2;
		margin: 0 20px 0 calc(30px + 3%);
	}
	
	.lst3c li {
		margin: 10px 0 0 0;
	}
	
	.lst3c li ul{
		margin: 0 0 0 5%;
	}
	
	.lst3c li ul li {
		margin: 10px 0 0 0;
	}
	
	.lstdse {
		width: 100%;
		margin: 0 2% 0 5%;
		padding-bottom: 20px;
		list-style: none;
	}
	
	.lstdse li a{
		color: #03CAFC;
		width: 250px;
		margin: 10px 0 0 0;
		display: block;
	}
	
	.lstqes {
		width: 100%;
		margin: 0;
		padding-bottom: 20px;
		list-style: none;
	}
	
	.lstqes:after {
		content: "";
		clear: both;
		display: block;
	}
	
	.lstqes li {
		color: #03CAFC;
		margin: 10px 0 0 5%;
		display: block;
		text-decoration: underline;
	}
	
	.lstqes li a{
		color: #03CAFC;
		/*margin: 10px 0 0 5%;*/
		display: block;
	}
	
	.tblinq {
		margin: 30px auto;
		width: 95%;
		background-color: #F0DBD9;
	}
	
	.tblinq th{
		font-weight: normal;
		text-align: left;
		background-color: #FFF;
		width: 30%;
	}
	
	.tblinq td{
		background-color: #FFF;
	}
	
	.tblinq input[type="text"]{
		width: 90%
	}
	
	.tblinq textarea{
		width: 90%
	}
	
	.tblinq input[type="submit"]{
		width: 200px;
		height: 50px;
		display: block;
		margin: 10px auto;
	}
	
	.tblinq a{
		color: #6D493A;
		text-decoration: none;
	}
	
	#comptbl {
		font-size: 90%;
		margin: 30px auto 0 auto;
		width: 97%;
	}
	
	#comptbl th {
		color: #987D01;
		text-align: left;
		font-weight: normal;
		vertical-align: top;
		width: 30%;
		background-color: #FEEC96;
	}
	
	#comptbl td {
		background-color: #FEFDDE;
	}
	
	#comptbl a {
		color: #545470;
		text-decoration: none;
		transition: 1.5s;
	}
	
	#comptbl a:hover {
		color: #D88C01;
		transition: 1.5s;
	}
	
	/* ラジオボタン */
	
	.radio0{
	}
	
	.radio1{
		display: none;
	}
	
	.radio0 label{
		padding: 5px 5px 5px 30px;
		position:relative;
		margin: 2px 0 2px 2px;
		width: 150px;
		display: block;
		border-radius: 4px;
		transition: 0.7s;
	}
	
	.radio0 label:hover{
		background-color: #FCFEAB;
		transition: 0.7s;
	}
	
	.radio1 + label::before{
		content: "";
		display: block;
		position: absolute;
		top: 7px;
		left: 7px;
		width: 15px;
		height: 15px;
		border: 1px solid #999;
		background-color: #FFF;
		border-radius: 50%;
	}
	
	.radio1:checked + label{
		background-color: #FBC900;
		transition: 0.7s;
	}
	
	.radio1:checked + label::after{
		content: "";
		display: block;
		position: absolute;
		top: 10px;
		left: 10px;
		width: 11px;
		height: 11px;
		background: #FBC900;
		border-radius: 50%;
	}
	
	
	.tpimg1 {
		display: none;
	}
	
	.tpimg2 {
		width: 100%;
		display: block;
	}
	
	.img00 {
		display: none;
	}
	
	.img00b {
		margin: 0;
	}
	
	.img01 {
		margin: 0;
	}
	
	.img01lg {
		margin: 0;
		width: 250px;
	}
	
	.img02 {
		margin: 0;
		float: right;
	}
	
	.cntr1 {
	}
	
	footer ul {
		font-size: 90%;
		list-style: none;
		margin: 0;
	}
	
	footer ul li{
		text-align: right;
		margin: 0 20px 0 0;
	}
	
	footer ul li a{
		color: #A7A58B;
		text-decoration: none;
	}
	
	#cpy {
		color: #AEAC95;
		font-size: 81.3%;
		margin-top: 15px;
	}
	
	#cpy a {
		color: #AEAC95;
	}
	
}






.content {
	color: #6D493A;
	padding: 0;
}

.content p a{
	color: #483E2D;
	transition: 0.7s;
}

.content p a:hover{
	color: #6C5E44;
	text-shadow: #F3FD7B 1px 1px 1px, #F3FD7B -1px 1px 1px, #F3FD7B 1px -1px 1px, #F3FD7B -1px -1px 1px;
	transition: 0.7s;
}

footer {
	margin: 20px 0 0 0;
	padding: 10px 0 30px 0;
	background-color: #FFF;
	border-top: solid 1px #FF3200;
}







.cmt2 {
	color: #DB5217;
	text-align: right;
	line-height: 1.2;
	margin: 5px 20px 40px 0;
	padding: 0;
}

.cmt2b {
	text-align: right;
	margin: 5px 5% 40px 0;
	padding: 0;
}

.cmt3 {
	font-size: 160%;
	font-weight: bold;
	color: #DB5217;
	margin: 0 0 20px 0;
	padding: 0 0 0 10;
	border-left: solid 10px #DB5217;
}

.btnbx {
	width: 50%;
	text-align: center;
	margin: 40px 0 0 0;
	float: left;
}

.resbx0 {
	margin: 30px 0 30px 0;
	padding: 0;
	zoom: 1;
	border: solid 4px #FDEBB3;
	border-radius: 5px;
}

.resbx0:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden; 
}

.resbx h4 {
	font-size: 120%;
	color: #44550F;
	margin: 0;
	padding: 0 0 20px 10px;
}

.imgbx3 {
	margin: 20px 1% 30px 1%;
	zoom: 1;
}

.imgbx3:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden; 
}

.imgbx3 .toppic{
	width: 40%;
	float: left;
	margin: 0 2% 0 1%;
}

#cklst{
}

.bkline1 {
	background: linear-gradient(transparent 60%, #F9FD57 60%); /* 黄色 */
}

.bld {
	font-weight: bold;
}

.sml {
	font-size: 87.5%;
}

.flx {
	display: -webkit-flex; /* Safari */
	display: flex;
}

.err{
	color: #CE2006;
	font-size: 150%;
	font-weight: bold;
}

.clr {
	margin: 0;
	padding: 0;
	zoom: 1;
}

.clr:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden; 
}

.clrfx:after {
	content: "";
	clear: both;
	display: block;
}

.adv {
	font-size: 93.8%;
	border: solid 1px #AEADC0;
	border-radius: 3px;
	margin: 50px 1%;
	padding: 20px;
}

.adv h3{
	font-weight: normal;
	margin: 0;
	padding: 0;
}

#tpup {
}