charset"UTF-8";"


/*CSSリセット*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,
pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,
strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,
caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,
figure,footer,header,hgroup,menu,nav,section,summary,time,mark,
audio,video{margin:0;padding:0;border:0;outline:0;font-size:130%;
vertical-align:baseline;background:transparent;font-weight:normal;}
body{line-height:1}article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{display:block}
ul{list-style:none}blockquote,q{quotes:none}blockquote:before,
blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;
font-size:110%;vertical-align:baseline;background:transparent}
del{text-decoration:line-through}abbr[title],dfn[title]
{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;
margin:1em 0;padding:0}input,select{vertical-align:middle}

@media print, screen and (min-width: 750px) {

/* 一般・共通設定 */
  body{
/* 画像ファイルの指定 */
  background: white url(kimg/back.jpg);
/* 画像を常に天地左右の中央に配置 */
  background-position: center center;
/* 画像をタイル状に繰り返し表示しない */
  background-repeat: no-repeat;
/* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
background-attachment: fixed;
/* 表示するコンテナの大きさに基づいて、背景画像を調整 */
  background-size: cover;
/* 背景画像が読み込まれる前に表示される背景のカラー */
  background-color: #ffffff;}		
  background-position: left;	
  color:#ffffff;font: 50px/50px "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",'メイリオ',Meiryo,Helvetica,Arial,Sans-Serif;}

a{ color:#ff0099;}
a:hover{ color:#ff0099;}
a:visited{ color:#ffffff;}
#warpper{ background-color: #00;
 	  margin: 0 auto;
	  width:1200px;	}
#warpper h1{ font-size: 160%; margin-top: 5%;}
#warpper h2{ font-size: 140%;  margin-top: 5%;  margin-left: 15%; color: #ff0000;}
#warpper h3{ font-size: 160%;  margin-top: 5%;  margin-left: 15%; color: #0000ff;}

/* ヘッダー */

header{ width:100%;
        overflow: hidden;
        background:#000033;
	height: 55px;}
.kinojirogo{ margin-top: 0%;
 	     margin-left: 0px;
             width: 100%;
             float: left;}
.slider img{ width:100%;
	     height:450px;}
#sen2{ height: 10px ;
       background-color: #000099;
       width: 100%;
       margin-top: 3.5%; 
       border: none;
       clear:both;}
#header_list li img {vertical-align:bottom;}
#slider{ max-width: 100%;
         height: auto;}
#stage{ width:100%;	
        background:#000033;}
#stage2 { width:100%;
	  background:#000033;}
.stage3{ width:80%;	
         margin-left: 10%;
	 height: 130px;}
.stage3 p{ font-size: 120%;
           color: #fff;
           line-height: 200%;}

/* --- 新着情報エリア --- */

ul.newsList { display: flex;flex-flow: row wrap;border-bottom: 1px dotted #999;padding: 3px 0;  width:90%;  margin-left: 5%;}
ul.newsList li{ display: block;margin: 15px 15px;}
ul.newsList li:nth-child(-n + 3) { 
padding: 10px 10px;flex-basis: 130px; font-size: 110%;}
ul.newsList li:nth-child(2) { color: #fff;font-size: 15px;padding: 10px 10px;  text-align: center; 
                              background-color:  #3c2fb7; }
ul.newsList li:nth-child(3) { flex-basis: auto;font-size: 120%; }

/* --- clearfix --- */

.clearFix:after { content: ".";
                  display: block;
                  height: 0;
                  clear: both;
                  visibility: hidden;}
.clearFix { min-height: 1px;}

/*トップページ*/

#snow_box{ width: 100%;
           margin-top:0%;  }
.snow_block{ width: 100%;
             margin-top:0%;  }
#sarch_block{ width: 100%;
              margin-top:1%; }
.gate1{ width: 20%;  margin-left:5%;   margin-top:-2%;  float: left;  } 
.gate2{ width: 20%;  margin-left:12%;  margin-top:-2%;  float: left;  }
.gate3{ width: 20%;  margin-left:12%;  margin-top:-2%;  float: left;  }

.gate1{ transition:transform 0.3s;} 
.gate1:hover {transform:scale(1.1);}
.gate2{ transition:transform 0.3s;} 
.gate2:hover {transform:scale(1.1);}
.gate3{ transition:transform 0.3s;} 
.gate3:hover {transform:scale(1.1);}

#zaiko_block{ width: 100%;
              margin-top:0%; }
.chuko{ width: 80%;
        margin-top:1%;  
        margin-left:10%; }
.chuko1{ width: 50%;
        margin-top:1%;  
        margin-left:5%; 
        float: left;  }
.chuko2{ width: 50%;
        margin-top:1%;  
        margin-left:5%; 
        float: left;  }

#mente_block{ width: 100%;
              margin-top:0%; 
               clear: both; }
.mente_kom 1{ width:100%;
	      margin-top: 0%;
	      margin-left:0%; }
.mente_kom 2{ width:65%;
	      margin-top: 0%;
	      margin-left: 0%;
              float: left;   }
.mente_kom p{ font-size:130%;
              font-color:#ff6699; 
              margin-top: 0%;
	      margin-left:4%;
              line-height: 180%;    }
.mente_block{ width: 100%;
              margin-top:0%;  }
.t_menu{ width: 90%;
	 margin-top: 0%;
	 margin-left: 5%; }
.t_money{ width:30%;
	  margin-top: 0%;
	  margin-feft: 1%;
          float: left; }
#recomm_block{ width: 100%;
               margin-top:0%;  }
#ring_block{ width: 100%;
             margin-top:0%;  }
#ring_block2{ width: 50%  ;margin-left:0%;
             margin-top:0%;  float: left; }
.ring_kom{ width:100%;
	    margin-top: 12%;
	    margin-left:5%; }
.ring_kom p{ font-size:130%;
              font-color:#ff6699; 
              margin-top: 0%;
	      margin-left:20%;
              line-height: 180%;    }

#gaiyo_block{ width: 100%;
              margin-left:0%;   
              margin-top:5%;
              float: left;  } 
.box_left{ width: 20%;
           margin-left:8%;  
           text-align: center; 
           float: left;      
           background: -moz-linear-gradient(#1d558d, ##c9c9c9);
           background: -webkit-linear-gradient(#1d558d, #c9c9c9);
           background: linear-gradient(to right, #1d558d, #c9c9c9);  color: #FFF; }
.box_left p{ font-size: 120%;  
             text-align: center; }
.box_center{ width: 40%;
            margin-left:5%; 
            float: left; } 
.box_right p{ font-size: 120%; }
.box_map{ width: 20%;
            margin-top:2%;
            float: left; }
.map{ width:100%;
      margin-top:20%;
      margin-left:0%; } 

/* フッター */

footer{ width:100%;
        margin-top: 0%; } 
footer:before{ content: "";
               display: table;
               clear: both;}
footer p{ background: #000033;
          text-align: center;
          font-size: 100%;}
footer p small{ color: #ffffff;
                padding: 3%;
                display: block;}
footer a{ color: #ffffff;
	  margin-left: 3%;
	  text-decoration: none;}
footer a:hover{ color: #ffffff;}