@charset "UTF-8";

#container {  position:relative; font-family:'NNS'; margin-top:20px;}
.container {background:none;}
.container:after { clear:both; float:none; content:""; display:block; height:0;}
#container .contents {  min-height:827px;}

.hrline {clear:both; content:""; display:block; float:none;}

.lineTypeA {    width: 34px;    height: 1px;    background: #ff7373;    margin: 0 54px 5px 0;    float:right; }
.lineTypeB {    width: 40px;    height: 2px;    background: #e16060;    margin: 5px auto; }
.lineTypeC {    width: 40px;    height: 2px;    background: #d34646;    margin: 10px 0 0px; }

.inner {position:relative;}

.contents01 { }
.contents02 { }
.contents03 { height:320px;background:#4c453f url(../../images/main/mainbg03_.jpg) no-repeat 100% 100%; }

.c1m1, .c1m2 {float:left;}

.contents01 #c1m1 #slider_visual li img {width:100%; height:628px;}

#c1m1 {position:relative}
.contents01 #c1m1 {width:640px;height:628px;}
#c1m1 .control {position:absolute;left:0;bottom:44px;width:100%;height:41px;padding-top:0px;text-align:center}
#c1m1 .control button {display:block;position:absolute;top:0px;float:none;width:41px;height:41px;background:url(../../images/main/img_main_tiny.png) no-repeat 0 -380px;font-size:0;vertical-align:top; }
#c1m1 .control .btn_prev {left:36px;background-position:0 -140px}
#c1m1 .control .btn_next {left:120px;background-position:0 -190px}
#c1m1 .control .btn_stop {left:78px;background-position:0 -420px}
#c1m1 .control .btn_play {display:none;left:78px;background-position:0 -470px}
#c1m1 .bx-controls {position:absolute;bottom:0px;left:35px;width:100px;height:40px;background:none;color:#fff;line-height:40px;text-align:left;}

/*
.control .btn_prev:focus, .control .btn_next:focus,.control .btn_stop:focus,
.control .btn_play:focus  {outline: 3px solid #f00;}
*/

.c1quick {position:absolute;  top:74px; left:585px; z-index:10;} 
.c1quick ul {}
.c1quick ul li a{ display: block; height:165px; position: relative; padding: 0 0; font-size: .92em; line-height: 16px; letter-spacing: -1px; text-align: center; cursor: pointer;}

.c1quick ul li:nth-child(1) span.bg1{  background:url(../../images/main/btn_m101.png) no-repeat; float:left; display: block;  width: 113px;    height: 113px;		}
.c1quick ul li:nth-child(1) span.bg2{  background:url(../../images/main/btn_m101_2022.png) no-repeat; float:left; display: block;  width: 113px;    height: 113px;		}
.c1quick ul li:nth-child(2) span.bg1{  background:url(../../images/main/btn_m102.png) no-repeat; float:left; display: block;  width: 113px;    height: 113px;		}
.c1quick ul li:nth-child(3) span.bg1{  background:url(../../images/main/btn_m103.png) no-repeat; float:left; display: block;  width: 113px;    height: 113px;		}
.c1quick ul li span.txttit {margin-top: 46px; color:#fff; height:20px; line-height:19px; padding:0 25px 0 10px; background:url(../../images/main/btn_mbul.png) no-repeat 100% 0; float:left; display: block; }

.c1m2 {position:relative; }
.contents01 .c1m2 {width:640px;height:628px; background:url(../../images/main/mc1_02bg.png) no-repeat; text-align:right;}
.contents01 .c1m2 .content0 .slog {padding: 80px 45px 10px; font-size: 20px; color: #fff; }
.contents01 .c1m2 .content0 .txtA { color:#f7d29e; font-size:1.615em; padding:0 45px;  }
.contents01 .c1m2 .content0 .txtB { margin-top: 5px; font-size: 15px; line-height: 22px; color:#fff; padding:0 30px; text-align:right;}


.contents01 .c1m2 .content0, .contents01 .c1m2 .content1, .contents01 .c1m2 .content2 {display:none;}
.contents01 .c1m2 .content0 {display:block;}

.contents01 .c1m2 .content0 ul {padding: 30px 57px 35px;}
.contents01 .c1m2 .content0 ul li { line-height:40px; height:40px;}
.contents01 .c1m2 .content0 ul li a { display:block; line-height:24px; height:24px; padding-right:33px; color:#fff; font-size:1.308em; background:url(../../images/main/bul_m101.png) no-repeat 100% 50%;}

.contents01 .c1m2 {width:640px;height:628px; background:url(../../images/main/mc1_02bg.png) no-repeat; text-align:right;}
.contents01 .c1m2 .content1 .slog {padding:98px 45px 5px;}
.contents01 .c1m2 .content1 .txtA { color:#f7d29e; font-size:1.615em; padding:0 45px;  }
.contents01 .c1m2 .content1 .txtDay { color:#fff; padding:0 45px;  }
.contents01 .c1m2 .content1 .txtDay .yyyy { font-size:1.385em; }
.contents01 .c1m2 .content1 .txtDay .mmdd { font-size:4.615em; letter-spacing:-5px; line-height:1.3; }
.contents01 .c1m2 .content1 .txtB { font-size:1.077em; color:#fff; padding:0 45px; text-align:right;}

.contents01 .c1m2 .content1 ul.c1m2timelist {padding:30px 45px 0px; color:#fff; width:280px; float:right;}
.contents01 .c1m2 .content1 ul.c1m2timelist li {position:relative; border-top:1px dashed #ccc; padding:5px }
.contents01 .c1m2 .content1 ul.c1m2timelist li:first-child {border:none; }
.contents01 .c1m2 .content1 ul.c1m2timelist .listtime { position:absolute; top:5px; left:0; font-size:1.231em;}
.contents01 .c1m2 .content1 ul.c1m2timelist .listtimeinfo { color:#fff; padding-left:60px; text-align:right;}
.contents01 .c1m2 .content1 ul.c1m2timelist .listtimeinfo .infoA{font-size:1.231em; color:#fff; overflow:hidden; text-overflow:ellipsis; word-wrap:normal; white-space:nowrap;}
.contents01 .c1m2 .content1 ul.c1m2timelist .listtimeinfo .infoB{ color:#89e1e6; font-size:1.077em;}

.contents01 .c1m2 .content1 ul.c1m2list {padding:30px 45px 0px;}
.contents01 .c1m2 .content1 ul.c1m2list li { line-height:44px; height:44px;}
.contents01 .c1m2 .content1 ul.c1m2list li a { display:block; line-height:26px; height:26px; padding-right:33px; color:#fff; font-size:1.308em; background:url(../../images/main/bul_m101.png) no-repeat 100% 50%;}


.contents01 .c1m2 {width:640px;height:628px; background:url(../../images/main/mc1_02bg.png) no-repeat; text-align:right;}
.contents01 .c1m2 .content2 .slog {padding:98px 45px 5px;}
.contents01 .c1m2 .content2 .txtA { padding:0 45px; color:#fff;  }
.contents01 .c1m2 .content2 .txtB { font-size:1.077em; color:#fff; padding:0 45px; text-align:right;}

.contents01 .c1m2 .content2 ul {padding:50px 57px 55px;}
.contents01 .c1m2 .content2 ul li { line-height:44px; height:44px;}
.contents01 .c1m2 .content2 ul li a { display:block; line-height:26px; height:26px; padding-right:33px; color:#fff; font-size:1.308em; background:url(../../images/main/bul_m101.png) no-repeat 100% 50%;}



.contents02 .c2title {padding:25px 0 15px}
.contents02 .c2title h3 { font-size:1.385em; color:#333;  text-align:center;}
.contents02 .c2title .engt { text-align:center; color:#797fda; font-size:0.846em; letter-spacing:10px; font-weight:bold; }

.contents02 .ptgallery {}
.contents02 .ptgallery li {width:300px; height:310px; margin:0 10px 40px; float:left; position:relative;}
.contents02 .ptgallery li .ptinfo { float:right; width:280px; height:227px; background:#efefef;}
.contents02 .ptgallery li .ptinfo .date { display:inline-block; padding:0 20px; line-height:30px; height:30px; background:#474747; color:#fff;}
.contents02 .ptgallery li .ptinfo .titles {text-align:right; padding:15px 20px 0; font-size:1.385em; color:#333;}
.contents02 .ptgallery li .ptinfo .place {text-align:right; padding:3px 20px; font-size:0.923em; color:#e7923f; }
.contents02 .ptgallery li .ptpic { position:absolute; bottom:0;}
.contents02 .ptgallery li .ptpic img { width:280px; height:185px; }



h3.c3title { text-align:center; color:#9c8365; font-size:0.846em; letter-spacing:10px; font-weight:bold; padding-bottom:20px;}
.contents03 .txtA { color:#fff; font-size:1.077em; padding-top: 55px; }
.contents03 .txtB { color:#fff; font-size:1.692em; }

.contents03 .txtC { color:#fff; font-size:1.077em; vertical-align:top; margin-top:13px; display: inline-block;}
.contents03 .txtD { color:#fff; font-size:5.538em; line-height:1.0; margin-left:10px; }
.contents03 .txtF { color:#fff; font-size:4.231em; }

.contents03 .c3menu {}
.contents03 .c3menu li{ float:left; }
.contents03 .c3menu li a{ color:#fff; line-height:40px; height:40px; text-align:center; width:150px; display:block; border:solid 1px #817c79; border-left:none; border-right:solid 1px #a7a4a1; background: #423D37; font-size: 15px;}
.contents03 .c3menu li:first-child a { border-left:solid 1px #a7a4a1;  }
.contents03 .c3menu li a:hover {background:#e55252; border-color:#e55252;}

@media (min-width:800px) and (max-width:1024px) {
	#container .inner { padding:0;    width:960px;}
	
	
	.c1quick {position:absolute; width:113px; top:74px; left:525px; z-index:10;} 
	.c1quick ul li span.txttit {margin-top: 5px;}
	
	.contents01 .c1m2 {width:320px;}
	.contents01 .c1m2 .slog img {width:230px;}
	.contents02 .ptgallery li:nth-child(7),
	.contents02 .ptgallery li:nth-child(8) {display:none;}
	
	.contents03 {background-position:350px 100%}
	
	.contents01 .c1m2 .content1 ul.c1m2timelist {width:260px; }
}



@media (min-width:600px) and (max-width:799px) {
	#container .inner { padding:0;    width:640px; position:relative;}
		
	.c1quick {position:absolute; width:113px; top:552px; left:0px; z-index:10;} 
	.c1quick ul { width:640px;}
	.c1quick ul li {width:33%; float:left;}
	.c1quick ul li a{ display: block;width:113px; height:165px; position: relative; padding:20px 0 0; font-size: .92em; line-height: 16px; letter-spacing: -1px; text-align: center; cursor: pointer; margin:auto;}
	.c1quick ul li span.txttit {margin-top: 10px;}
	
	.contents01 .c1m2 {height: 540px;}
	.contents01 .c1m2 .content0 ul {padding:30px 20px 0px;}
	.contents01 .c1m2 .content0 ul li { width:27%; float:left;}
	.contents01 .c1m2 .content0 ul li:nth-child(3) { width:40%; }
	.contents01 .c1m2 .content0 ul li a { display:block; line-height:26px; height:26px; padding-right:33px; color:#fff; font-size:1.308em; background:url(../../images/main/bul_m101.png) no-repeat 100% 50%;}
	
	.contents01 .c1m2 .content1 ul.c1m2timelist {    padding: 10px 45px 0px; }
	.contents01 .c1m2 .content2 ul li { width:50%; float:left;}
	
	.contents02 .ptgallery li:nth-child(5), .contents02 .ptgallery li:nth-child(6), .contents02 .ptgallery li:nth-child(7), 
	.contents02 .ptgallery li:nth-child(8) {display:none;}
	
	.contents03 {background-position:250px 100%}
	.contents03 .c3menu li{ float:left; width:30%;}
	.contents03 .c3menu li a{ color:#fff; line-height:40px; height:40px; text-align:center; width:auto; display:block; border:solid 1px #817c79; border-left:none; border-right:solid 1px #a7a4a1; }
	.contents03 .c3menu li:first-child a { border-left:solid 1px #a7a4a1;  }
	.contents03 .c3menu li a:hover {background:#e55252; border-color:#e55252;}
	
	
	.contents03 .c3menu li:nth-child(1) a, .contents03 .c3menu li:nth-child(2) a { border-bottom:none;  }
	.contents03 .c3menu li:nth-child(4) a {  border-left:solid 1px #a7a4a1; }
	

}


@media (max-width:599px) {
	#container .inner { padding:0; min-width: 320px;  width:320px; position:relative;}	
	
	#c1m1 {position:relative}
	.contents01 #c1m1 {width:320px;height:300px;}
	.contents01 #c1m1 #slider_visual li img{height:300px;}
	.c1quick { display:none; } 
	
	.c1m2 {position:relative; }
	.contents01 .c1m2 {width:320px;height:480px;}
	.contents01 .c1m2 .content0 .slog {padding: 38px 20px 10px;}
	.contents01 .c1m2 .content0 .slog img {width:230px;}
	.contents01 .c1m2 .content0 .txtA { color:#f7d29e; font-size: 16px; padding:0 20px;  }
	.contents01 .c1m2 .content0 .txtB { font-size: 13px; color:#fff; padding:0 20px; text-align:right;}
	.lineTypeA {  margin: 0 25px 5px 0; }
/* 	.contents01 .c1m2 .content0 ul, .contents01 .c1m2 .content1 ul.c1m2timelist { display:none;} */
	.contents01 .c1m2 .content0 ul { padding: 20px; }
	.contents01 .c1m2 .content0 ul li { height: 30px; line-height: 30px;}
	.contents01 .c1m2 .content1 ul.c1m2list { padding: 13px 45px 0px; }
	.contents01 .c1m2 .content2 .slog { padding: 58px 45px 5px;}
	
	.contents03 {background-position:400px 100%; height:360px}
	
	.contents03 .c3menu li:nth-child(1) a, .contents03 .c3menu li:nth-child(2) a,
	.contents03 .c3menu li:nth-child(3) a   { border-bottom:none;  }
	.contents03 .c3menu li:nth-child(3) a,.contents03 .c3menu li:nth-child(5) a {  border-left:solid 1px #a7a4a1; }
	
	.contents03 .c3menu:after {content:""; clear:both; height:0; display:block; float:none;}

}