/*********basic setting*********/

*{
margin:0;
padding:0;
}

  @font-face {
            font-family: 'MyCustomFont';
            src: url('../HGRGY.TTC') format('truetype'),
                 url('../HGRGY.TTC') format('woff');
            font-weight: bold;
            font-style: normal;
            font-display: swap;
        }







body {
	margin: 0px;
	background:url(../images/bg.jpg);
	background-repeat:repeat-x;
	background-color:#bab4a8;
	border:none;
	line-height:1.5;
	font-family:"メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;"MyCustomFont";
	font-size:100%;
}







.hide{
text-indent:-9999px;
display:block;
}

a{
display:inline;
}

.clear{
clear:both;
}

/**********************************************div setting********************************************************/

.company-jieshao{
	font-size:14px;
	margin-top:10px;
}

.company-jieshao ul{	
width:80px;
float: left;
		display: block;
		line-height:28px;
	
}

.company-jieshao-left{
	font-weight:bold;
}

.company-jieshao li{
		width:550px;   
		
		display: block;
	}







div#area{
width:100%;
}

div#header{
padding:0;
margin:0 auto;
width:1000px;
background-color:#fff;
}

div#header_main{
margin-left:0px;
background-color:#fff;
}

nav {
	float: left;
	clear:left;
	margin: 0px;
	padding: 0px;
	height: 60px;
	width: 900px;
}

div#wrapper{
margin:0 auto;
width:1100px;
margin-top:10px;
background-color:#fff;
}

div#contents{
float:left;
margin-top:20px;
width:1100px;
background-color:#fff;
}

div#top_menu{
	float:left;
	margin:20px 0px;
	width:1050px;
}

div#main_contents{
padding:20px;
float:right;
width:100%;
background-color:#fff;
}

div#main_contents_column{
padding:20px;
margin-bottom:20px;
float:left;
width:100%px;
background:url(../images/main_contents_bk_line.jpg) repeat-x;
}

div#logo{
	float:left;
	width:500px;
}

div#footer{
	clear:both;
	margin:0 auto;
	padding-bottom:60px;
	width:1000px;
}

div#footer_contents{
	margin-bottom:100px;
}

div#footer address{
	float:right;
	font-size:10pt;
}




/*********************************************文字 setting****************************************************/
h1{
font-size:16pt;
}

h2{
	margin:20px 0px 20px 0px;
	font-size:12pt;
	color:#ac0900;
	text-shadow:2px 2px 3px #CCC;
	
	border-left:5px solid;	
	border-bottom:1px solid;
	border-color:#ac0900;
}

h3{
	font-size:11pt;
	color:#ac0900;
}

p{
	font-size:10pt;
	color:#000;
}

.poster_title {
	font-size: 7pt;
}

.style_white {
color: #fff;
font-size:11pt;
}

.number{
color: #fff;
font-size:11pt;
background-color:#e5d94d;
font-weight:bold;
padding:2px;
}

.btn {
	text-align:left;

	background: #EEE;
	font-size:12px;

    border: 1px solid #999;

    width: 360px;
	margin-top:10px;
	margin-bottom:10px;
    padding: 4px 10px 4px 10px;
}

div#main_contents a{
display:inline;
color:#ac0900;
font-size:9pt;
text-decoration: underline;
}

div#main_contents a:hover{
color:#000;
}

div#main_contents p{
font-size:10pt;
color:#4a3f21;
}

div#top_menu {	
	color:#ffffff;	
}

div#top_menu a{
	display:inline;
	color:#ffffff;
	font-size:11pt;
	text-decoration:none;
	margin:10px;
}

div#top_menu a:hover{
text-decoration: underline;
color:#999;
}

div#links a{
display:inline;
color:#000;
font-size:9pt;
text-decoration:none;
}

div#links a:hover{
text-decoration: underline;
color:##b9b4a6;
}

div#footer_contents address{
margin-top:20px;
font-size:10pt;
font-style:normal;
color:#fff;
text-align:center;
background:url(../img/footer_bg.gif) top left repeat-x transparent;
margin-bottom:10px;
}





div#memberguide a{
	display:inline;
	color:#000000;
	font-size:14pt;
	text-decoration:none;
	margin:10px;
	font-weight:bold;
}

div#memberguide a:hover{
text-decoration: underline;
color:#A01F24;
}


div#ruhuiliucheng ul{
	text-align:center;
	display:inline;
}

div#ruhuiliucheng li{
	float:left;
	list-style:none;  	 
    padding: 0px;            
	display:inline;
	
}

div#ruhuiliucheng li a:hover img{filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.6;} 

div#jiru a:hover img{filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.6;} 




/* div#memberguide a:link    {color:black;font-size: 18px;} */
/* div#memberguide a:visited {color:black;} */
/* div#memberguide a:hover   {color:red;} */
/* div#memberguide a:active  {color:black;} */






.since2006 {
    margin-top: 20px;
	width:815px;
	height:125px;
	margin:0 auto;

}

.since2006 a:hover img{filter:alpha(Opacity=70);-moz-opacity:0.7;opacity: 0.7;} 


.since2006:hover {
    
    box-shadow: 3px 3px 3px 3px rgba(51, 51, 51, 0.5);
    transition: all .4s ease-in-out;

	
}




  .slide{
            margin: 0 auto;
            padding: 0;
            width: 800px;
            height: 200px;
            margin-top: 10px;
            margin-bottom: 10px;
/*        border-top: 4px solid gray;*/
           font-size: 18px;


        }

.slide a{
  color: white;
  font-size: 50px;
  
}

.slide a:hover{
  filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;
  
}

        .btn-slide{
/*            background: #1cbfff;*/
            width:800px;
            height: 100px;
            text-align: center;
            margin: 0 auto;
            display: ;
            
            font-size: 20px;
            text-decoration: none;
            padding-top: 10px;
        }


  

#pn{
    margin:0 auto;
    width: 800px;
/*    border: red 1px solid;*/
	
}



 .subtitle-newyear {
            font-size: 1.2rem;
            color: #bdc3c7;
            line-height: 1.5;
        }
        
        .container-newyear {
            width: 1050px;
            height: 450px;
            position: relative;
            overflow: hidden;
            border-radius: 5px;
            /* box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5); */
            margin-bottom: 30px;
            transition: transform 0.3s ease;
        }
		
		
	

     .background-image {
            position: absolute;
            width: 100%;
            height: 100%;
            background-image: url('../images/2026npo2.jpg');
            background-size: ;
            background-position: center;
            filter: brightness(1.0);
        }
		
		
	.shufa
	{font-family: MyCustomFont;
            max-width: ;
            z-index: 2;
			font-size:32px;
        }


 .content {
            max-width: 700px;
            z-index: 2;
			color:white;
        }
		
   .overlay {
            position: absolute;
            width: 100%;
            height: 100%;
            /* background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.2) 100%);  */
            display: flex;
            align-items: center;
            padding: 0px 0px 0px 300px;
        }
		
		 .right-text {
            text-align: right;
            background: ;
            padding: 15px;
            border-radius: ;
        }
		
		
		
		   @media (max-width: 1100px) {
            .container {
                width: 95vw;
                height: calc(95vw * 0.4286); /* 保持450/1050的比例 */
            }
            
            h1 {
                font-size: 2rem;
            }
            
            .title {
                font-size: 2.2rem;
            }
        }
        
        @media (max-width: 768px) {
            .overlay {
                padding: 25px;
            }
            
            .title {
                font-size: 1.8rem;
            }
            
            .description {
                font-size: 1rem;
            }
            
            .buttons {
                flex-direction: column;
            }
        }