@charset "utf-8";

/* TOPPAGE */
a:link {
	text-decoration: none;
}
a:hover,
a:active,
a:focus { 
	text-decoration: underline;
}


p.btn { text-align: center; margin: 2rem auto; }

#index .contents {
	/*border: 3px solid #0FF;*/
	margin: -20px 0;
}

#slide {
	width: 100%;
	background-size: cover;
	z-index: 0;
	/*max-height: 420px; min-height: 210px; height: 100%;*/
	/*border: 3px solid #F00;*/
}
 

#slide {
	/*margin: -20px 0;*/
	margin: 0;
}
#slide h1 { padding: 3rem 0 0;
text-align: center; color: #fff;
text-shadow: 0 0 10px #000; margin: 0 auto;  }
#slide h2 { font-family: "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝", serif;
font-size:0.75rem;
text-align: center; margin: 2rem 2.5% 1rem;
text-shadow: 0 0 10px #000; color: #fff;
}


#slide .btn { z-index: 1; margin: 0 auto;
text-align: right;
padding-bottom: 40px;
}
#slide .btn img { 
max-width: 262px;
}

#newsFeed { width: 100%; background: #fff; height: 1.5rem;
    position: relative;
    overflow: hidden; 
 }
#newsFeed h3 { color: #fff; background: #005AAB;
width: 80px; text-align: center;
text-align: center; vertical-align: middle; }
#newsFeed h3 a { color: #fff; }
#newsFeed ul { 
color: #999; 
border: 1px solid #000;
}
#newsFeed ul li {
    display: none; overflow: hidden;
    height: 1.5rem;
}
#newsFeed ul li span {
    display: none;
}





#topMenu h3 { color: #fff;
background: -moz-linear-gradient(top, #545454, #333);
background: -webkit-gradient(linear, left top, left bottom, #545454, #333);
background: linear-gradient(#545454, #333);
box-shadow: 0 2px 4px 2px rgba(0,0,0,0.2);
}
#topMenu table { width: 100%; margin-bottom: 2rem; }
#topMenu tr { 
background: -moz-linear-gradient(top, #FCFCFC, #F0F0F0); vertical-align: middle; padding: 10px 0px;
background: -webkit-gradient(linear, left top, left bottom, #FCFCFC, #F0F0F0); 
background: linear-gradient(#FCFCFC, #F0F0F0); line-height: 1.2;

 }
#topMenu td { width: 50%;
background: url(../../img/btn_arrow.png) 95% center no-repeat; line-height: 1.2; border: 1px solid #ccc;
background-size: auto 13px;
/*padding: 16px 30px 16px 4px;*/
padding: 0 30px 0 4px;
vertical-align:middle;
font-size:0.65rem;
font-weight:450;

 }
#topMenu a { color: #666; display: table-cell;
/*padding: 16px 0 16px 42px;*/
padding: 0 0 0 42px;
background-size:50% auto;
height: 70px!important;
vertical-align: middle;
}
/*
#topMenu a img  { vertical-align:middle; display:table-cell; max-width:38px; min-width:19px; padding-right:4px;
}
#topMenu a span  { vertical-align:middle; display:table-cell;
}

#topMenu a:before { 
-webkit-transform: scale(0.5); 
-moz-transform: scale(0.5);
max-width: 32px; padding-right: 4px;
vertical-align: middle;
}
*/

#topMenu a#icon01 { background: url(../../img/icon01.png) left 50% no-repeat; }

#topMenu a#icon02 { background: url(../../img/icon02.png) left 50% no-repeat;  }
#topMenu a#icon03 { background: url(../../img/icon03.png) left 50% no-repeat; }
#topMenu a#icon04 { background: url(../../img/icon04.png) left 50% no-repeat;  }
#topMenu a#icon05 { background: url(../../img/icon05.png) left 50% no-repeat;}
#topMenu a#icon06 { background: url(../../img/icon06.png) left 50% no-repeat; }

@media only screen 
and (min-width : 480px) {
#slideBg { min-height: 210px; }

}
@media only screen 
and (min-width : 768px) {
#slideBg { min-height: 420px; }
}