@charset "utf-8";

/* スライドショー
------------------------------------------------------------*/
#slide{
  background-color : silver;
  margin-left : auto;
  margin-right : auto;
  width : 100%;
  height : auto;
}

/* NEWS
------------------------------------------------------------*/
#news{
  padding-top : 10px;
  padding-left : 10px;
  padding-right : 10px;
  padding-bottom : 10px;border-width : 1px;border-style : none;border-color : silver;
}

#news_box{
  background-image : url(../images/toumei_back/60.png);
  padding-top : 5px;
  padding-left : 10px;
  padding-right : 10px;
  padding-bottom : 5px;
  margin-top : 0px;
  margin-left : 1px;
  margin-right : 5px;
  margin-bottom : 5px;
}

#news h3{
  font-weight : bold;
  text-align : left;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
  font-size : 12pt;
  height : 30px;
  color : green;
  border-top-style : none;
  border-bottom-style : solid;
  padding-left : 25px;
  background-image : url(../images/common/midashi.png);
  background-repeat : no-repeat;
  background-position : 0px 0px;
  border-bottom-width : 2px;
  border-bottom-color : green;
  background-color : white;
}

#news h4{
  font-weight : normal;
  margin-top : 5px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 2px;
  color : #666666;
  
  border-bottom-style : none;
  text-align : left;
  padding-left : 10px;
}

#news h4 a{
  font-size : 10.5pt;
  font-weight : bold;
  padding-left : 0px;
  margin-left : 0px;
}

#news h4 a:hover{
  color : #cc0000;
}

.p_news_time{
  font-size : 9pt;
  font-weight : normal;
  color : gray;
  text-align : left;
  margin-top : 15px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
  padding-top : 5px;
  border-bottom-width : 1px;
  border-bottom-style : dotted;
  border-bottom-color : silver;
}


/* TOPメニュー
------------------------------------------------------------*/
#top_menu{
  background-repeat : no-repeat;
  background-position : 0px 0px;
  width : 100%;
  }#top_menu h3{
  font-size : 13pt;
  background-color : transparent;
  padding-left : 80px;
  margin-top : 0px;
}

#top_menu p{
  font-size : 10.5pt;
  padding-left : 80px;
  margin-top : 7px;
}

.top_menu1{
  background-image : url(../images/front_page/top_menu1.png);
  background-repeat : no-repeat;
  background-position : 0px 0px;
  width : 100%;
  height : 100px;
border-width : 1px;border-style : solid;border-color : silver;
-webkit-border-radius: 5px; 
-moz-border-radius: 5px; 
border-radius: 5px;

-webkit-box-shadow: 2px 2px 3px #CCC; 
-moz-box-shadow: 2px 2px 3px #CCC;
box-shadow: 2px 2px 3px #CCC;
  margin-bottom : 10px;
}

.top_menu2{
  background-image : url(../images/front_page/top_menu2.png);
  background-repeat : no-repeat;
  background-position : 0px 0px;
  width : 100%;
  height : 100px;
border-width : 1px;border-style : solid;border-color : silver;
-webkit-border-radius: 5px; 
-moz-border-radius: 5px; 
border-radius: 5px;

-webkit-box-shadow: 2px 2px 3px #CCC; 
-moz-box-shadow: 2px 2px 3px #CCC;
box-shadow: 2px 2px 3px #CCC;
  margin-bottom : 10px;
}

.top_menu3{
  background-image : url(../images/front_page/top_menu3.png);
  background-repeat : no-repeat;
  background-position : 0px 0px;
  width : 100%;
  height : 100px;
border-width : 1px;border-style : solid;border-color : silver;
-webkit-border-radius: 5px; 
-moz-border-radius: 5px; 
border-radius: 5px;

-webkit-box-shadow: 2px 2px 3px #CCC; 
-moz-box-shadow: 2px 2px 3px #CCC;
box-shadow: 2px 2px 3px #CCC;
  margin-bottom : 10px;
}

/* 他サイトリンク
------------------------------------------------------------*/
#top_link{
  margin-top : 20px;
  
    margin-left : 0px;
  }

.top_link1{
  margin-top : 0px;
  background-image : url(../images/front_page/top_link1.png);
  background-repeat : no-repeat;
  background-position : center 0px;
  margin-bottom : 5px;
  width : 100%;
  height : 125px;
  text-indent : -5000px;
  margin-left : 0px;
  margin-right : 0px;border-width : 1px;border-style : solid;border-color : green;
  
    background-color : #f9fffc;
  }

.top_link1:hover{
    background-color : #d5ffea;
  
    background-position : center 0px;
  }

.top_link2{
  margin-top : 0px;
  background-image : url(../images/front_page/top_link2.png);
  background-repeat : no-repeat;
  background-position : center 0px;
  margin-bottom : 5px;
  width : 100%;
  height : 125px;
  text-indent : -5000px;
  margin-left : 0px;border-width : 1px;border-style : solid;border-color : #ffacac;
  
    background-color : #fff0f0;
  }

.top_link2:hover{
    background-color : #ffd9d9;
  
    background-position : center 0px;
  }

.top_link3{
  margin-top : 0px;
  background-image : url(../images/front_page/top_link3.png);
  background-repeat : no-repeat;
  background-position : center 0px;
  margin-bottom : 0px;
  width : 100%;
  height : 125px;
  text-indent : -5000px;
  margin-left : 0px;
  margin-right : 0px;border-width : 1px;border-style : solid;border-color : #55c8ff;
  
    background-color : #f2faff;
  }

.top_link3:hover{
    background-color : #daeefe;
  
    background-position : center 0px;
  }


.side_banner_jka{
  width : 300px;
  height : 80px;
  margin-top : 10px;
  margin-left : 20px;
  background-image : url(../images/sub/side_banner_jka.png);
  background-repeat : no-repeat;
  background-position : 0px 0px;border-width : 1px;border-style : solid;border-color : silver;
  text-indent : -5000px;
}.side_banner_keirin{
  width : 300px;
  height : 80px;
  margin-top : 10px;
  margin-left : 20px;
  background-image : url(../images/sub/side_banner_keirin.png);
  background-repeat : no-repeat;
  background-position : 0px 0px;border-width : 1px;border-style : solid;border-color : silver;
  text-indent : -5000px;
}

.side_banner_jka:hover{
	border-width : 2px;border-style : solid;border-color : #0080c0;
}.side_banner_keirin:hover{
	border-width : 2px;border-style : solid;border-color : #0080c0;
}

/* アイキャッチナビ
------------------------------------------------------------*/
#ic_navi{
  width : 100%;
  font-size : 13pt;
  font-weight : bold;
}

#ic_navi table{
	border-width : 1px;border-style : solid;border-color : silver;
  margin-top : 5px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 5px;
  text-align : center;
  width : 100%;
-webkit-border-radius: 5px; 
-moz-border-radius: 5px; 
border-radius: 5px;

-webkit-box-shadow: 2px 2px 3px #CCC; 
-moz-box-shadow: 2px 2px 3px #CCC;
box-shadow: 2px 2px 3px #CCC;
}

#ic_navi img{
  text-align : center;
  width : auto;
  height : 120px;
  margin-top : 0px;
}

/* 外部サイトリンク
------------------------------------------------------------*/

.external_site{
  width : 98%;
border-width : 1px;border-style : double;border-color : silver;
  padding-top : 2px;
  padding-left : 1%;
  padding-right : 1%;
  padding-bottom : 2px;
  height : 80px;
  margin-bottom : 5px;
}

.external_site_h3{
  color : white;
  background-color : #666666;
  text-align : center;
  padding-top : 5px;
  padding-left : 5px;
  padding-right : 5px;
  padding-bottom : 3px;
  font-weight : normal;
  margin-bottom : 5px;
  border-top-width : 1px;
  border-top-style : solid;
  border-top-color : #666666;
}


/*緊急のお知らせ
------------------------------------------------------------*/
#kinkyu{
  padding-top : 10px;
  padding-left : 10px;
  padding-right : 10px;
  padding-bottom : 10px;
  margin-top : 20px;
  margin-left : auto;
  margin-right : auto;
  margin-bottom : 20px;border-width : 1px;border-style : dotted;border-color : silver;
  font-size : 12pt;
  font-weight : bold;
}

#kinkyu h2{
  color : white;
  background-color : #004080;
  text-align : center;
  font-size : 11pt;
  font-weight : bold;
  margin-bottom : 15px;
}

#kinkyu h3{
  font-size : 15pt;
  font-weight : bold;
  text-align : center;
  margin-bottom : 15px;
  margin-top : 10px;
}

#kinkyu h4{
  font-weight : bold;
  color : green;
  margin-top : 15px;
  font-size : 13pt;
}



/*ＰＣ用※※※※※※※※※※※※※※※※※※※※※※※※※※
------------------------------------------------------------*/
@media all and (min-width: 1020px) {



/* TOPメニュー
------------------------------------------------------------*/
#top_menu{
  background-repeat : no-repeat;
  background-position : 0px 0px;
  width : 100%;
}

#top_menu h3{
  font-size : 13pt;
  background-color : transparent;
  padding-left : 80px;
  margin-top : 0px;
}

#top_menu p{
  font-size : 10.5pt;
  padding-left : 80px;
  margin-top : 7px;
}

.top_menu1{
  background-image : url(../images/front_page/top_menu1.png);
  background-repeat : no-repeat;
  background-position : 0px 0px;
  width : 100%;
  height : 100px;
border-width : 1px;border-style : solid;border-color : silver;
-webkit-border-radius: 5px; 
-moz-border-radius: 5px; 
border-radius: 5px;

-webkit-box-shadow: 2px 2px 3px #CCC; 
-moz-box-shadow: 2px 2px 3px #CCC;
box-shadow: 2px 2px 3px #CCC;
  margin-bottom : 10px;
}

.top_menu2{
  background-image : url(../images/front_page/top_menu2.png);
  background-repeat : no-repeat;
  background-position : 0px 0px;
  width : 100%;
  height : 100px;
border-width : 1px;border-style : solid;border-color : silver;
-webkit-border-radius: 5px; 
-moz-border-radius: 5px; 
border-radius: 5px;

-webkit-box-shadow: 2px 2px 3px #CCC; 
-moz-box-shadow: 2px 2px 3px #CCC;
box-shadow: 2px 2px 3px #CCC;
  margin-bottom : 10px;
}

.top_menu3{
  background-image : url(../images/front_page/top_menu3.png);
  background-repeat : no-repeat;
  background-position : 0px 0px;
  width : 100%;
  height : 100px;
border-width : 1px;border-style : solid;border-color : silver;
-webkit-border-radius: 5px; 
-moz-border-radius: 5px; 
border-radius: 5px;

-webkit-box-shadow: 2px 2px 3px #CCC; 
-moz-box-shadow: 2px 2px 3px #CCC;
box-shadow: 2px 2px 3px #CCC;
  margin-bottom : 10px;
}

/* 他サイトリンク
------------------------------------------------------------*/
#top_link{
  margin-top : 20px;
  
    margin-left : 0px;
  }

.top_link1{
  margin-top : 0px;
  background-image : url(../images/front_page/top_link1.png);
  background-repeat : no-repeat;
  background-position : center 0px;
  margin-bottom : 5px;
  width : 208px;
  height : 125px;
  text-indent : -5000px;
  margin-left : 0px;
  margin-right : 0px;border-width : 1px;border-style : solid;border-color : green;
    float : left;
    position : relative;
  
    background-color : #f9fffc;
  }

.top_link1:hover{
    background-color : #d5ffea;
  
    background-position : center 0px;
  }

.top_link2{
  margin-top : 0px;
  background-image : url(../images/front_page/top_link2.png);
  background-repeat : no-repeat;
  background-position : center 0px;
  margin-bottom : 0px;
  width : 208px;
  height : 125px;
  text-indent : -5000px;
  margin-left : 5px;border-width : 1px;border-style : solid;border-color : #ffacac;
  
    background-color : #fff0f0;
  
  
    position : relative;
  
    float : left;
  }

.top_link2:hover{
    background-color : #ffd9d9;
  
    background-position : center 0px;
  }

.top_link3{
  margin-top : 0px;
  background-image : url(../images/front_page/top_link3.png);
  background-repeat : no-repeat;
  background-position : center 0px;
  margin-bottom : 0px;
  width : 208px;
  height : 125px;
  text-indent : -5000px;
  margin-left : 5px;
  margin-right : 0px;border-width : 1px;border-style : solid;border-color : #55c8ff;
    float : right;
    position : relative;
  
    background-color : #f2faff;
  }

.top_link3:hover{
    background-color : #daeefe;
  
    background-position : center 0px;
  }

/* アイキャッチナビ
------------------------------------------------------------*/

#ic_navi{
  width : 1020px;
  
    margin-left : auto;
    margin-right : auto;
  
    padding-left : 40px;
  }

#ic_navi table{
  width : 320px;


    margin-right : 5px;
    float : left;
    position : relative;
  
    height : 200px;
  
    margin-top : 5px;
    margin-left : 5px;
    margin-bottom : 5px;
  }

/* アイキャッチナビ余白
------------------------------------------------------------*/

#ic_navi_margin1{
  width : 320px;
  height : 200px;
    float : left;
    position : relative;
    margin-top : 5px;
    margin-left : 5px;
    margin-right : 5px;
    margin-bottom : 5px;
  
    background-image : url(../images/front_page/i-margin1.jpg);
    background-repeat : no-repeat;
    background-position : center center;
  }

#ic_navi_margin2{
  width : 640px;
  height : 200px;
    float : left;
    position : relative;
    margin-top : 5px;
    margin-left : 5px;
    margin-right : 5px;
    margin-bottom : 5px;
  
    background-image : url(../images/front_page/i-margin2.jpg);
    background-repeat : no-repeat;
  }

/* 緊急告知
------------------------------------------------------------*/
#kinkyu{
  padding-top : 10px;
  padding-left : 150px;
  padding-right : 150px;
  padding-bottom : 10px;
  margin-top : 20px;
  margin-left : auto;
  margin-right : auto;
  margin-bottom : 20px;border-width : 1px;border-style : dotted;border-color : silver;
  font-size : 12pt;
  font-weight : bold;
}

#kinkyu h2{
  color : white;
  background-color : #004080;
  text-align : center;
  font-size : 13pt;
  font-weight : bold;
  margin-bottom : 15px;
}


}


