@charset "utf-8";
@media screen and (min-width:240px) and ( max-width:480px) {
/* ---------------------------------head--------------------------------- */
#title{
	display:none;
	}
#title2{
	margin:0;
	padding:2em 0;
	width:100%;
	background:url(../images/bg-con-ti.jpg);
	background-size: cover;
	}
#title2 div{
	margin:0 auto;
	padding:10px 0;
	width:100%;
	background:#fff;
	opacity: 0.8;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
}
#title2 div h2{
	margin:0 auto;
	padding:0;
	width:100%;
	font-size:150%;
	line-height:1.5em;
	font-weight:normal;
	text-align:center;
	
	}
/* ---------------------------------top--------------------------------- */

.top01{
	display:none;
	
}
.top01b{
	width:100%;
	height: auto;
	margin:0;
	background:url(../images/bg-m01b.jpg) no-repeat;
	background-position:top;
	background-repeat:no-repeat;
}
.top01b h3{
	margin:0 auto;
	padding:15px;
	font-size:150%;
	line-height:1.5em;
	font-weight:normal;
	text-align:center;
}
h3 span{
	visibility:hidden;
}
.con-h3{
	display:none;
	
	}

.con-h3b{
	clear:both;
	width:100%;
	margin:0;
	padding:0;
	background:url(../images/bg-h3b.jpg) no-repeat;
	
	}
.con-h3b h3{
    margin:0 0 10px 0 !important;
	padding:40px 0 20px 20%;
	font-size:130% !important;
	font-weight:normal;
	line-height:1.5em !important;
	color:#004000;
	
}
.cts{
	margin:0 0 20px 0;
	padding:0;
	width:100%;
}

.cts p{
	margin:0 0 20px 0;
	padding:0 0 0;
	font-size:100%;
	line-height:1.8em;
}

.cts a{
	font-weight:bold;
}

.cts strong{
	font-size:16px;
	color:#339933;
}
	
.cts ul,ol{
	margin:10px 15px 0px !important;
	padding:0;
	font-size:14px;
	line-height:1.4em;
}

.img_r{
	float:right;
	width:50%;
	border:1px solid #BBBBBB;
	padding:5px;
	margin:0 0 10px 0;
	display:block;
}

.img_l{
	float:left;
	width:50%;
	border:1px solid #BBBBBB;
	padding:5px;
	margin:0 10px 5px 0;
	display:block;
}
.img_cn{
	border:1px solid #BBBBBB;
	width:60%;
	padding:5px;
	margin:0 auto 5px auto !important;
	text-align:center !important;
	display:block;
}
.cts2{
	margin:10px 0 20px;
	padding:8px;
	border:2px solid #CCFF99;
	background-color:#EEFFDD;
}

.cts2 p{
	margin:0;
	padding:0 5px;
	font-size:13px;
	line-height:1.5em;
}

.cts2 p strong{
	font-size:14px;
	margin:0 0 10px;
	color:#339999;
	border-bottom:1px dotted #339999;
	display:block;
	padding:4px 0;
}

.cstb{
	margin:10px 0 0 0;
}

.cstb td.nbd{
	font-size:14px;
	line-height:1.5em;
	border-right:1px solid #CCCCCC;
	border-top:2px solid #99CC99;
}

.cstb td.bd{
	font-size:14px;
	line-height:1.5em;
	border-right:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	padding-bottom:15px;
}

.cstb td strong{
	color:#339933;
}

.intb{
	margin:0;
	border-top:1px solid #DFDFDF;
	border-left:1px solid #DFDFDF;
}

.intb td{
	font-size:14px;
	line-height:1.5em;
	border-right:2px solid #DFDFDF;
	border-bottom:2px solid #DFDFDF;
}

.intb td strong{
	color:#339933;
}
.youtube{
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe{
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
}

@media screen and (min-width:481px) and ( max-width:800px) {
/* ---------------------------------head--------------------------------- */
#title{
	display:none;
	}
#title2{
	margin:0;
	padding:2em 0;
	width:100%;
	background:url(../images/bg-con-ti.jpg);
	background-size: cover;
	}
#title2 div{
	margin:0 auto;
	padding:10px 0;
	width:100%;
	background:#fff;
	opacity: 0.8;
 filter: alpha(opacity=80);
 -moz-opacity: 0.8;
}
#title2 div h2{
	margin:0 auto;
	padding:0;
	width:100%;
	font-size:150%;
	line-height:1.5em;
	font-weight:normal;
	text-align:center;
	
	}
/* ---------------------------------top--------------------------------- */
.top01{
	display:none;
	
}
.top01b{
	width:100%;
	height: auto;
	margin:0;
	background:url(../images/bg-m01b.jpg) no-repeat;
	background-position:top;
	background-repeat:no-repeat;
}
.top01b h3{
	margin: 0 auto;
	padding:20px;
	font-size:150%;
	line-height:1.5em;
	font-weight:normal;
	text-align:center;
}
h3 span{
	visibility:hidden;
}
.con-h3{
	display:none;
	
	}

.con-h3b{
	clear:both;
	width:100%;
	margin:0;
	padding:0;
	background:url(../images/bg-h3b.jpg) no-repeat;
	
	}
.con-h3b h3{
    margin:0 0 10px 0 !important;
	padding:40px 0 20px 15%;
	font-size:140% !important;
	font-weight:normal;
	line-height:1.5em !important;
	color:#004000;
	
}
.cts{
	margin:0 0 20px 0;
	padding:0;
	width:100%;
}

.cts p{
	margin:0 0 20px;
	padding:0;
	font-size:100%;
	line-height:1.8em;
}

.cts a{
	font-weight:bold;
}

.cts strong{
	font-size:16px;
	color:#339933;
}
	
.cts ul,ol{
	margin:10px 15px 0px;
	padding:0;
	font-size:14px;
	line-height:1.4em;
}

.img_r{
	float:right;
	width:50%;
	border:1px solid #BBBBBB;
	padding:5px;
	margin:0 0 5px 10px;
	display:block;
}

.img_l{
	float:left;
	width:50%;
	border:1px solid #BBBBBB;
	padding:5px;
	margin:0 10px 5px 0;
	display:block;
}
.img_cn{
	border:1px solid #BBBBBB;
	width:60%;
	padding:5px;
	margin:0 auto 5px auto !important;
	text-align:center !important;
	display:block;
}

.cts2{
	margin:10px 0 20px;
	padding:8px;
	border:2px solid #CCFF99;
	background-color:#EEFFDD;
}

.cts2 p{
	margin:0;
	padding:0 5px;
	font-size:13px;
	line-height:1.5em;
}

.cts2 p strong{
	font-size:14px;
	margin:0 0 10px;
	color:#339999;
	border-bottom:1px dotted #339999;
	display:block;
	padding:4px 0;
}

.cstb{
	margin:10px 0 0 0;
}

.cstb td.nbd{
	font-size:14px;
	line-height:1.5em;
	border-right:1px solid #CCCCCC;
	border-top:2px solid #99CC99;
}

.cstb td.bd{
	font-size:14px;
	line-height:1.5em;
	border-right:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	padding-bottom:15px;
}

.cstb td strong{
	color:#339933;
}

.intb{
	margin:0;
	border-top:1px solid #DFDFDF;
	border-left:1px solid #DFDFDF;
}

.intb td{
	font-size:14px;
	line-height:1.5em;
	border-right:2px solid #DFDFDF;
	border-bottom:2px solid #DFDFDF;
}

.intb td strong{
	color:#339933;
}
.youtube{
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe{
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
}

@media screen and (min-width:801px) and ( max-width:1023px) {
/* ---------------------------------head--------------------------------- */
#title{
	display:none;
	}
#title2{
	margin:0;
	padding:3em 0;
	width:100%;
	background:url(../images/bg-con-ti.jpg);
	background-size: cover;
	}
#title2 div{
	margin:0 auto;
	padding:10px 0;
	width:100%;
	background:#fff;
	opacity: 0.8;
 filter: alpha(opacity=80);
 -moz-opacity: 0.8;
}
#title2 div h2{
	margin:0 auto;
	padding:0;
	width:100%;
	font-size:200%;
	line-height:1.5em;
	font-weight:normal;
	text-align:center;
	
	}
/* ---------------------------------top--------------------------------- */

.top01{
	display:none;
	
}
.top01b{
	width:100%;
	height: auto;
	margin:0;
	background:url(../images/bg-m01b.jpg) no-repeat;
	background-position:top;
	background-repeat:no-repeat;
}
.top01b h3{
	margin:0 auto;
	padding:25px;
	font-size:150%;
	line-height:1.5em;
	font-weight:normal;
	text-align:center;
}
h3 span{
	visibility:hidden;
}
.con-h3{
	display:none;
	
	}

.con-h3b{
	clear:both;
	width:100%;
	margin:0;
	padding:0;
	background:url(../images/bg-h3b.jpg) no-repeat;
	
	}
.con-h3b h3{
    margin:0 0 10px 0 !important;
	padding:40px 0 20px 10%;
	font-size:150% !important;
	font-weight:normal;
	line-height:1.5em !important;
	color:#004000;
	
}

.cts{
	margin:0 0 20px;
	padding:0;
	width:100%;
}

.cts p{
	margin:10px 0 15px;
	padding:0 0 0 8px;
	font-size:100%;
	line-height:1.8em;
	border-left:2px dashed #DDDDDD;
}

.cts a{
	font-weight:bold;
}

.cts strong{
	font-size:16px;
	color:#339933;
}
	
.cts ul,ol{
	margin:10px 15px 15px;
	padding:0;
	font-size:14px;
	line-height:1.4em;
}

.img_r{
	float:right;
	width:35%;
	border:1px solid #BBBBBB;
	padding:5px;
	margin:0 0 5px 10px;
	display:block;
}

.img_l{
	float:left;
	width:35%;
	border:1px solid #BBBBBB;
	padding:5px;
	margin:0 10px 5px 0;
	display:block;
}
.img_cn{
	border:1px solid #BBBBBB;
	width:60%;
	padding:5px;
	margin:0 auto 5px auto !important;
	text-align:center !important;
	display:block;
}
.cts2{
	margin:10px 0 20px;
	padding:8px;
	border:2px solid #CCFF99;
	background-color:#EEFFDD;
}

.cts2 p{
	margin:0;
	padding:0 5px;
	font-size:13px;
	line-height:1.5em;
}

.cts2 p strong{
	font-size:14px;
	margin:0 0 10px;
	color:#339999;
	border-bottom:1px dotted #339999;
	display:block;
	padding:4px 0;
}

.cstb{
	margin:10px 0 0 0;
}

.cstb td.nbd{
	font-size:14px;
	line-height:1.5em;
	border-right:1px solid #CCCCCC;
	border-top:2px solid #99CC99;
}

.cstb td.bd{
	font-size:14px;
	line-height:1.5em;
	border-right:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	padding-bottom:15px;
}

.cstb td strong{
	color:#339933;
}

.intb{
	margin:0;
	border-top:1px solid #DFDFDF;
	border-left:1px solid #DFDFDF;
}

.intb td{
	font-size:14px;
	line-height:1.5em;
	border-right:2px solid #DFDFDF;
	border-bottom:2px solid #DFDFDF;
}

.intb td strong{
	color:#339933;
}
.youtube{
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe{
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
}

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

/* ---------------------------------head--------------------------------- */

#title{
	width:920px;
	height:117px !important;
	margin:0 auto;
	padding: 0;
	background-image:url(../images/head_bk_c.png);
	background-repeat:repeat-x;
	background-position:0 0;
	text-align:left;
}
#title h2 span{
	visibility:hidden;
}

#title h2{
	width:920px;
	height:97px;
	margin:0;
	padding:0;
	background-position:bottom;
	background-repeat:no-repeat;
}

h2.hd01{background-image:url(../images/hd01.png);}
h2.hd02{background-image:url(../images/hd02.png);}
h2.hd03{background-image:url(../images/hd03.png);}
h2.hd04{background-image:url(../images/hd04.png);}
h2.hd05{background-image:url(../images/hd05.png);}
h2.hd06{background-image:url(../images/hd06.png);}
h2.hd07{background-image:url(../images/hd07.png);}
h2.hd08{background-image:url(../images/hd08.png);}
h2.hd09{background-image:url(../images/hd09.png);}
h2.hd10{background-image:url(../images/hd10.png);}
h2.hd11{background-image:url(../images/hd11.png);}
h2.hd12{background-image:url(../images/hd12.png);}
h2.hd13{background-image:url(../images/hd13.png);}

#title2{
	display:none;
	}

/* ---------------------------------top--------------------------------- */

.top01{
	clear:both;
	width:720px;
	height:70px;
	margin:0;
	padding:0;
	
}
.top01b{
	display:none
}
.top01b h3{
	margin:10px auto 0 auto;
	padding:25px;
	font-size:150%;
	line-height:1.5em;
	font-weight:normal;
}
h3 span{
	visibility:hidden;
}
.con-h3{
	width:720px;
	height:70px;
	margin:0;
	padding:0;
	
	}
.con-h3 span{
	visibility:hidden;
}
h3{
	clear:both;
	width:720px;
	height:70px;
	margin:0;
	padding:0;
	background-position:bottom;
	background-repeat:no-repeat;
}

h3.h3_01{background-image:url(../images/h3_01.png);}
h3.h3_02{background-image:url(../images/h3_02.png);}
h3.h3_03{background-image:url(../images/h3_03.png);}
h3.h3_04{background-image:url(../images/h3_04.png);}
h3.h3_05{background-image:url(../images/h3_05.png);}
h3.h3_06{background-image:url(../images/h3_06.png);}
h3.h3_07{background-image:url(../images/h3_07.png);}
h3.h3_08{background-image:url(../images/h3_08.png);}
h3.h3_09{background-image:url(../images/h3_09.png);}
h3.h3_10{background-image:url(../images/h3_10.png);}
h3.h3_11{background-image:url(../images/h3_11.png);}
h3.h3_12{background-image:url(../images/h3_12.png);}
h3.h3_13{background-image:url(../images/h3_13.png);}
h3.h3_14{background-image:url(../images/h3_14.png);}
h3.h3_15{background-image:url(../images/h3_15.png);}
h3.h3_16{background-image:url(../images/h3_16.png);}
h3.h3_17{background-image:url(../images/h3_17.png);}
h3.h3_18{background-image:url(../images/h3_18.png);}
h3.h3_19{background-image:url(../images/h3_19.png);}
h3.h3_20{background-image:url(../images/h3_20.png);}
h3.h3_21{background-image:url(../images/h3_21.png);}
h3.h3_22{background-image:url(../images/h3_22.png);}
h3.h3_23{background-image:url(../images/h3_23.png);}
h3.h3_24{background-image:url(../images/h3_24.png);}
h3.h3_25{background-image:url(../images/h3_25.png);}
h3.h3_26{background-image:url(../images/h3_26.png);}
h3.h3_27{background-image:url(../images/h3_27.png);}
h3.h3_28{background-image:url(../images/h3_28.png);}
h3.h3_29{background-image:url(../images/h3_29.png);}
h3.h3_30{background-image:url(../images/h3_30.png);}
h3.h3_31{background-image:url(../images/h3_31.png);}
h3.h3_32{background-image:url(../images/h3_32.png);}
h3.h3_33{background-image:url(../images/h3_33.png);}
h3.h3_34{background-image:url(../images/h3_34.png);}
h3.h3_35{background-image:url(../images/h3_35.png);}
h3.h3_36{background-image:url(../images/h3_36.png);}
h3.h3_37{background-image:url(../images/h3_37.png);}
h3.h3_38{background-image:url(../images/h3_38.png);}
h3.h3_39{background-image:url(../images/h3_39.png);}
h3.h3_40{background-image:url(../images/h3_40.png);}
h3.h3_41{background-image:url(../images/h3_41.png);}
h3.h3_42{background-image:url(../images/h3_42.png);}
h3.h3_43{background-image:url(../images/h3_43.png);}
h3.h3_44{background-image:url(../images/h3_44.png);}
h3.h3_45{background-image:url(../images/h3_45.png);}
h3.h3_46{background-image:url(../images/h3_46.png);}
h3.h3_47{background-image:url(../images/h3_47.png);}
h3.h3_48{background-image:url(../images/h3_48.png);}
h3.h3_49{background-image:url(../images/h3_49.png);}
h3.h3_50{background-image:url(../images/h3_50.png);}
h3.h3_51{background-image:url(../images/h3_51.png);}
h3.h3_52{background-image:url(../images/h3_52.png);}
h3.h3_53{background-image:url(../images/h3_53.png);}
h3.h3_54{background-image:url(../images/h3_54.png);}
h3.h3_55{background-image:url(../images/h3_55.png);}
h3.h3_56{background-image:url(../images/h3_56.png);}
.con-h3b{
	display:none;
	
	}



.cts{
	margin:0 25px 20px 58px !important;
	padding:0 !important;
}

.cts p{
	margin:10px 0 15px;
	padding:0 0 0 8px;
	font-size:14px;
	line-height:1.8em;
	border-left:2px dashed #DDDDDD;
}

.cts a{
	font-weight:bold;
}

.cts strong{
	font-size:16px;
	color:#339933;
}
	
.cts ul,ol{
	margin:10px 15px 15px;
	padding:0;
	font-size:14px;
	line-height:1.4em;
}

.img_r{
	float:right;
	border:1px solid #BBBBBB;
	padding:5px;
	margin:0 0 5px 10px;
	display:block;
}

.img_l{
	float:left;
	border:1px solid #BBBBBB;
	padding:5px;
	margin:0 10px 5px 0;
	display:block;
}
.img_cn{
	border:1px solid #BBBBBB;
	padding:5px;
	margin:0 auto 5px auto !important;
	text-align:center !important;
	display:block;
}

.cts2{
	margin:10px 0 20px;
	padding:8px;
	border:2px solid #CCFF99;
	background-color:#EEFFDD;
}

.cts2 p{
	margin:0;
	padding:0 5px;
	font-size:100%;
	line-height:1.5em;
}

.cts2 p strong{
	font-size:110%;
	margin:0 0 10px;
	color:#339999;
	border-bottom:1px dotted #339999;
	display:block;
	padding:4px 0;
}


.intb{
	margin:0;
	border-top:1px solid #DFDFDF;
	border-left:1px solid #DFDFDF;
}

.intb td{
	font-size:14px;
	line-height:1.5em;
	border-right:2px solid #DFDFDF;
	border-bottom:2px solid #DFDFDF;
}

.intb td strong{
	color:#339933;
}
.youtube{
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe{
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

}