@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;
}

h1 {
	margin: 0;
	padding: 20px 0 0 0;
}

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

	.container {
		width: 1000px;
		background-color: #FFF;
		margin: 0 auto;
	}
	
	header {
		margin: 0;
		height: 85px;
		background: linear-gradient(#D9F5FF, #EAFAFF);
		/*background: url(img/headbk1.png) 0 0, linear-gradient(#FB84C8, #FDC1E3);*/
	}
	
	header h1{
		color: #8C008C;
		font-size: 100%;
		font-weight: normal;
		margin: 0;
		padding: 5px 0 0 5px;
		line-height: 1.2;
		border-bottom: solid 1px #FFCEFF;
	}
	
	header p{
		/*color: #F000F0;*/
		color: #FEF76B;
		font-size: 181.3%;
		font-family: 'HuiFontP109', sans-serif;
		text-align: right;
		text-shadow: 1px 1px 0px #D0001F;
		margin: 15px 10px 0 0;
		padding: 0;
	}
	
	#mmnu {
		font-family: 'HuiFontP109', sans-serif;
		font-size: 125%;
		list-style: none;
		height: 45px;
		line-height: 2;
		background: linear-gradient(#FFFEE6, #FFDDFC);
		/*background: linear-gradient( #FEFAAB, #FEFCD6);*/
		border-bottom: solid 1px #00A6FF;
	}
	
	#mmnu li {
		text-align: center;
		width: 249px;
		height: 45px;
		margin: 0;
		padding: 0;
		border-left: solid 1px #E1DBA6;
		float: left;
	}
	
	#mmnu li:last-child {
		width: 248px;
		border-right: solid 1px #E1DBA6;
	}
	
	#mmnu li a {
		/*color: #C4027B;*/
		color: #007CBF;
		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(253, 154, 210, 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: #004D75;
		transition: 0.7s;
	}
	
	#pkg 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;
	}
	
	h2 {
		font-family: 'HuiFontP109', sans-serif;
		color: #D200D2;
		/*text-shadow: 1px 1px 2px #FFF315;*/
		line-height: 1.3;
		padding: 30px 0px 10px 0px;
		border-bottom: solid 2px #02A7FF;
	}
	
	h3 {
		line-height: 1.2;
		/*color: #03CAFC;*/
		color: #0298CA;
		padding: 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: #60F3FF;*/
		color: #0C06DF;
		font-size: 131.3%;
		text-align: center;
		line-height: 1.2;
		margin: 0;
		padding: 10px;
		background: linear-gradient( #6ACBFF, #C1EAFF);
	}
	
	.cmt4 {
		margin: 20px;
		padding: 15px 5px 0 5px;
		border: solid 2px #FFBBC6;
		border-radius: 5px;
	}
	
	.atnbx1 {
		margin: 50px 20px 0 20px;
		padding: 15px;
		border: solid 2px #FFA020;
		border-radius: 5px;
	}
	
	.atnbx1 a{
		color: #6D493A;
	}
	
	.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;
	}
	
	.lnk2 a{
		text-align: center;
		color: #FF3EF5;
		transition: 0.7s;
		background-color: #FFF0B3;
		border: solid 1px #FEAF1D;
		border-radius: 5px;
		display: block;
		padding: 15px 25px;
		margin: 0 50px 50px 50px;
	}
	
	.lnk2 a:hover{
		color: #FF71FF;
		text-shadow: #FDF 1px 1px 2px, #FDF -1px 1px 2px, #FDF 1px -1px 2px, #FDF -1px -1px 2px;
		background-color: #FFF7D2;
		transition: 0.7s;
	}
	
	.lnk2b a{
		text-align: center;
		color: #9C0147;
		transition: 0.7s;
		background-color: #FFF0B3;
		border: solid 1px #FEAF1D;
		border-radius: 5px;
		display: block;
		padding: 15px 25px;
		margin: 80px 50px 50px 50px;
	}
	
	.lnk2b a:hover{
		color: #FF71FF;
		text-shadow: #FDF 1px 1px 2px, #FDF -1px 1px 2px, #FDF 1px -1px 2px, #FDF -1px -1px 2px;
		background-color: #FFF7D2;
		transition: 0.7s;
	}
	
	.affbx1 {
		text-align: center;
		margin: 30px 100px 0 100px;
		padding: 10px 0 10px 0;
		border: solid 2px #AC026C;
		border-radius: 5px;
		/*background: linear-gradient( #77E102, #68C402);*/
		background: linear-gradient(#E40391, #C00379);
	}
	
	.affbx1 a{
		color: #FFF;
		font-size: 150%;
		font-weight: bold;
		text-decoration: none;
	}
	
	.affbx1 a:hover{
		text-shadow: 1px 1px 2px #FAFD7B;
	}
	
	.affbx1 p{
		text-align: left;
		color: #FFF;
		margin: 0;
		padding: 0 0 0 20px;
	}
	
	.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( #C8E8FF, #DFF1FF);
		border-radius: 5px;
	}
	
	.lst1 li a{
		color: #0094E3;
		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: #353D71;
		text-align: center;
		width: 16.6%;
		margin: 0;
		display: block;
		float: left;
		transition: 0.7s;
	}
	
	.lst2 li a:hover{
		background-color: #FFD9FF;
		border-radius: 3px;
		transition: 0.7s;
	}
	
	/* 汎用リスト */
	.lst3 {
		margin: 50px 20px 0 30px;
	}
	
	.lst3 li {
		margin: 20px 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;
	}
	
	.lst4 {
		margin: 20px 0 0 30px;
		padding: 0 0 0 20px;
	}
	
	.lst4 li {
		margin: 20px 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: #0298CA;
		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: #0298CA;
		width: 480px;
		margin: 10px 0 0 20px;
		display: block;
		float: left;
		transition: 0.7s;
		text-decoration: underline;
	}
	
	.lstqes li a{
		color: #0298CA;
		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: 600px;
		background-color: #F0DBD9;
	}
	
	.tblinq td{
		background-color: #FFF;
	}
	
	.tblinq input[type="text"]{
		width: 90%
	}
	
	.tblinq textarea{
		width: 90%
	}
	
	.tblinq input[type="submit"]{
		width: 200px;
		display: block;
		margin: 10px auto;
	}
	
	.img00 {
		margin: 0;
	}
	
	.img00b {
		display: none;
	}
	
	.img01 {
		margin: 0;
		float: left;
	}
	
	.img01lg {
		margin: 0;
		float: left;
	}
	
	.img02 {
		margin: 0;
		float: right;
	}
	
	.imgbx3b {
		width: 40%;
		margin: 0 0 0 0;
		float: left;
	}
	
	.imgbx3b img{
		width: 100%;
	}
	
	.imgbx3b p{
		font-size: 93.8%;
		line-height: 1.2;
		margin: 5px 5px 20px 0;
	}
	
	.imgbx3c {
		width: 60%;
		margin: 0 0 0 0;
		float: left;
	}
	
	.imgbx3c p{
		margin-left: 20px;
	}
	
	.imgbx3 .toppic2{
		width: 300px;
		float: left;
		margin: 0 30px 100px 5px;
	}
	
	.imgbx3 .toppic2b{
		width: 1px;
		float: left;
		margin: 0;
	}
	
	.ytbbx {
		margin: 0 auto 30px auto;
		width: 800px;
		height: 450px;
	}
	
	footer ul {
		color: #A7A58B;
		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%;
	}
	
	.smlstm {
		color: #AFA49A;
		font-size: 81.3%;
		text-align: right;
		margin-top: -15px;
		padding-bottom: 40px;
	}
	
	.aff0 {
		font-size: 81.3%;
		color: #AFA49A;
		text-align: right;
		margin-right: 0;
		padding-right: 0;
	}

}

@media screen and (max-width:767px){
	.container {
		width: 99%;
		background-color: #FFF;
		margin: 0 auto;
	}
	
	header {
		margin: 0;
		/*background: url(img/headbk1.png) 0 0, linear-gradient(#FB84C8, #FDC1E3);
		background-size: cover;*/
		background: linear-gradient(#D9F5FF, #EAFAFF);
		border-bottom: solid 1px #FFCEFF;
	}
	
	header h1{
		color: #8C008C;
		font-size: 100%;
		font-weight: normal;
		margin: 0;
		padding: 5px 0 0 5px;
		line-height: 1.2;
		border-bottom: solid 1px #FFCEFF;
	}
	
	header p{
		font-family: 'HuiFontP109', sans-serif;
		/*color: #F000F0;*/
		color: #FEF76B;
		font-size: 118.8%;
		line-height: 1.2;
		text-shadow: 1px 1px 0px #D0001F;
		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-color: #FEF7FE;
	}
	
	#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: #004D75;
	}
	
	h2 {
		font-family: 'HuiFontP109', sans-serif;
		color: #D200D2;
		font-size: 125%;
		/*text-shadow: 1px 1px 2px #FFF315;*/
		line-height: 1.2;
		padding: 20px 5px 5px 5px;
		border-bottom: solid 2px #02A7FF;
	}
	
	h3 {
		/*color: #5BDDFD;*/
		color: #0298CA;
		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: #60F3FF;*/
		color: #0C06DF;
		font-size: 100%;
		line-height: 1.2;
		margin: 0;
		padding: 5px;
		background: linear-gradient( #6ACBFF, #C1EAFF);
	}
	
	
	.cmt4 {
		margin: 20px 2%;
		padding: 13px 2% 0 2%;
		border: solid 2px #FFBBC6;
		border-radius: 5px;
	}
	
	.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;
	}
	
	.lnk2 a{
		text-align: left;
		color: #FF3EF5;
		background-color: #FFF0B3;
		border: solid 1px #FEAF1D;
		border-radius: 5px;
		display: block;
		padding: 10px 25px;
		margin: 0 5% 30px 5%;
	}
	
	.lnk2b a{
		text-align: left;
		color: #9C0147;
		background-color: #FFF0B3;
		border: solid 1px #FEAF1D;
		border-radius: 5px;
		display: block;
		padding: 10px 25px;
		margin: 0 5% 30px 5%;
	}
	
	.affbx1 {
		text-align: center;
		line-height: 1.2;
		border: solid 2px #AC026C;
		background: linear-gradient(#E40391, #C00379);
		margin: 60px 1% 50px 1%;
		padding: 10px 3% 10px 3%;
		border-radius: 5px;
	}
	
	.affbx1 a{
		color: #FFF;
		font-size: 125%;
		font-weight: bold;
		text-decoration: none;
	}
	
	.affbx1 a:hover{
		text-shadow: 1px 1px 2px #FAFD7B;
	}
	
	.affbx1 p{
		text-align: left;
		color: #FFF;
		margin: 0;
		padding: 0 0 10px 0;
	}
	
	.rgtlk {
	}
	
	.rgtlk a{
		padding-left: 20px;
		background: url(img/lnk2.gif) no-repeat 0 0;
	}
	
	.lst1 {
		font-size: 112.5%;
		font-weight: bold;
		margin: 25px 5% 0 7%;
		padding-bottom: 20px;
	}
	
	.resbx {
		width: 97%;
		margin: 20px 0 0 0;
	}
	
	.lst1 li {
		line-height: 1.2;
		margin: 20px 0 0 0;
		padding: 5px 10px;
		background: linear-gradient( #C8E8FF, #DFF1FF);
		border-radius: 5px;
	}
	
	.lst1 li a{
		color: #0094E3;
		display: block;
	}
	
	.lst2 {
		font-size: 90%;
		margin: 50px 0 0 0;
		list-style: none;
	}
	
	.lst2 li a{
		color: #353D71;
		text-align: center;
		width: 60%;
		margin: 10px auto 0 auto;
		display: block;
	}
	
	.lst3 {
		margin: 50px 20px 0 30px;
	}
	
	.lst3 li {
		margin: 20px 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;
	}
	
	.lst4 {
		margin: 20px 0 0 4%;
		padding: 0 0 0 3%;
	}
	
	.lst4 li {
		margin: 20px 2% 0 0;
	}
	
	.lstdse {
		width: 100%;
		margin: 0 2% 0 5%;
		padding-bottom: 20px;
		list-style: none;
	}
	
	.lstdse li a{
		color: #0298CA;
		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: #0298CA;
		margin: 10px 0 0 5%;
		display: block;
		text-decoration: underline;
	}
	
	.lstqes li a{
		color: #0298CA;
		/*margin: 10px 0 0 5%;*/
		display: block;
	}
	
	.tblinq {
		margin: 30px auto;
		width: 95%;
		background-color: #F0DBD9;
	}
	
	.tblinq td{
		background-color: #FFF;
	}
	
	.tblinq input[type="text"]{
		width: 90%
	}
	
	.tblinq textarea{
		width: 90%
	}
	
	.tblinq input[type="submit"]{
		width: 200px;
		display: block;
		margin: 10px auto;
	}
	
	.img00 {
		display: none;
	}
	
	.img00b {
		margin: 0;
	}
	
	.img01 {
		margin: 0;
	}
	
	.img01lg {
		margin: 0;
		width: 150px;
	}
	
	.img02 {
		margin: 0;
		float: right;
	}
	
	.imgbx3b {
		width: 90%;
		margin: 20px auto 30px auto;
	}
	
	.imgbx3b img{
		width: 100%;
	}
	
	.imgbx3b p{
		font-size: 93.8%;
		line-height: 1.2;
		margin: 5px 5px 20px 0;
	}
	
	.imgbx3c {
		width: 100%;
		margin: 0 0 0 0;
	}
	
	.imgbx3 .toppic2{
		display: block;
		margin: 0 auto 30px auto;
	}
	
	.imgbx3 .toppic2b{
		margin: 0;
	}
	
	.ytbbx {
		margin: 10px auto 0px auto;
		position: relative;
		width: 90%;
		padding-top: 0;
	}
	
	.ytbbx iframe {
		aspect-ratio: 16 / 9
	}
	
	/*.ytbbx iframe {
		position: absolute;
		top: 0;
		right: 0;
		width: 100% !important;
		height: 100% !important;
	}*/
	
	footer ul {
		color: #A7A58B;
		font-size: 90%;
		list-style: none;
		margin: 0;
	}
	
	footer ul li{
		text-align: right;
		margin: 0 40px 0 0;
	}
	
	footer ul li a{
		color: #A7A58B;
		text-decoration: none;
	}
	
	#cpy {
		color: #AEAC95;
		font-size: 81.3%;
		text-align: center;
		margin-top: 15px;
	}

	.smlstm {
		color: #AFA49A;
		font-size: 81.3%;
		line-height: 1.1;
		margin-top: -10px;
		margin-left: -10px;
		padding-bottom: 30px;
	}
	
	.aff0 {
		font-size: 81.3%;
		color: #AFA49A;
		text-align: left;
		line-height: 1.1;
		margin: 0;
		padding: 2px 3px 30px 3px;
	}
	
}






.content {
	color: #563c31;
	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 #00BBF9;
}







.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;
}

.lstgme1 {
	margin: 10px 0 20px 20px;
}

.lstgme1 dt{
	font-weight: bold;
	margin: 15px 0 0 0;
}

.lstgme1 dd{
	margin: 5px 0 0 10px;
}

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

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

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

#cklst{
}

.tre {
	color: #A63302;
	font-weight: bold;
	display: inline-block;
	margin-left: 15px;
	padding: 4px 20px 2px 20px;
	background: #FFFD9D;
	border-radius: 4px;
}

.pnk {
	color: #DD0095;
	font-weight: bold;
}

.bld {
	font-weight: bold;
}

.sml {
	font-size: 87.5%;
}

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

.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;
}

#tpup {
}

#qa1 {
}

#qa2 {
}

#qa3 {
}

#qes1 {
}

#qes2 {
}

#qes3 {
}

#qes4 {
}

#qes5 {
}

#qes6 {
}

#qes7 {
}

#qes8 {
}

#qes9 {
}

#qes10 {
}

#qes11 {
}

#qes12 {
}

#qes13 {
}

#qes14 {
}

#qes15 {
}

#qes16 {
}

#qes17 {
}

#qes18 {
}

#qes19 {
}

#qes20 {
}

#qes21 {
}

#qes22 {
}

#qes23 {
}

#qes24 {
}

#qes25 {
}