@charset "utf-8";

#header  {
  background:url(IMG/header/top_main.jpg) no-repeat;
  width: 1014px;
  height: 319px;
}

#header h1#flashplayer {
  background-color: #fef;
  position: relative;
  top: 0px;
  left: 0px;
  width: 1014px;
  height: 266px;
}

#top_logo {
  position: relative;
  left: 15px;
  top: 120px;
  width: 651px;
}


/*---------------
  navi
----------------*/
#navi {
  margin: 20px 0 0 25px;
  padding: 0;
  float: left;
}

#navi ul{
  width: 232px;
  margin: 0 0 20px 0;
  padding: 0;
  list-style: none;
  line-height:0;
}

#navi li.cat{
  margin-top:10px;
  height: 45px;
}


#navi li{
  margin: 0;
  padding: 0;
  width: 232px;
  line-height: 2em;
  /*font-weight:bold;*/
}


#navi li a {
  text-decoration: none;
  color: #009999;
  padding: 0.2em 0 0.2em 45px;
  display: block;
  background:url(IMG/arrow_g.jpg)  no-repeat 28px 12px;
}

#navi li a:hover{
  color: #fff;
  background: url(IMG/arrow_w.jpg) #a0e6e6 no-repeat 28px 11px;
}

.banner {
  width: 715px;
  text-align: center;
  margin-bottom: 20px;
}

/*---------------------------
  flash_news (通常は非公開)
----------------------------*/
.flash_news {
  /*background:url(IMG/top/topics_bottom.jpg) no-repeat bottom;*/
  width: 715px;
  margin-bottom: 20px;
  padding-bottom: 20px;
  /*background-position: left top;*/
}

.flash_news .inner { 
  background:url(IMG/top/flash_news_head.png) no-repeat;
  padding-top: 40px;
  /*padding-bottom: 0;*/
  padding-left: 30px;
  padding-right: 30px;
  margin: 0 0 15px 0;
  border: solid 1px #ccc;
  border-radius: 10px;
}
#wrap {
  text-align: left;
}
body {
  line-height: 1.5;
  color: #333;
  font-family: Arial, sans-serif;
  font-family: "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka", "メイリオ", "Meiryo", sans-serif;
  font-size: 0.9em;
  text-align: center;
}


.inner p {
  padding: 4px 8px !important;
  /*margin-bottom: 5px;*/
  color:#FF0000;
}
.inner p a:link { color: #ff0000;  text-decoration:underline;}
.inner p a:visited { color: #ff0000; text-dacoration: underline;}
.inner p a:hover { color: #0099cc;}


/*---------------
  topics
----------------*/
.topics {
  /*background:url(IMG/top/topics_bottom.jpg) no-repeat bottom;*/
  width: 715px;
  padding-bottom: 20px;
  /*background-position: left top;*/
}

.topics .inner { 
background:url(IMG/top/topics_head.png) no-repeat;
  padding-top: 40px;
  /*padding-bottom: 0;*/
  padding-left: 30px;
  padding-right: 30px;
  margin: 0 0 15px 0;
  border: solid 1px #ccc;
  border-radius: 10px;
}

.topics dl {
  padding: 0;
  margin-bottom: 5px;
  border-bottom: #ccc dotted 1px;
}

.topics dt {
  /*background: #fe6;*/
  float: left; 
  clear: left;
  margin: 0 0 10px;
  width: 7.5em;
  /* border-left: solid 8px #CCC;*/
  padding-left: 5px;
}

.topics dd {
  margin-bottom: 10px;
  margin-left: 7.5em;
}

/* 下部バナー */
ul#bn_bg {
  margin: 20px 0 10px 0;
  padding: 30px 70px 0 80px;
  background-color: #eee;
  height: 80px;
  list-style: none;
  border-top: solid #d3d3d3 1px;
  border-bottom: solid #d3d3d3 1px;
}

ul#bn_bg li { 
  margin: 0 7px;
  padding: 0;
  float:left;
}

ul#bn_bg a { text-indent: -9999px; display:block; height: 39px; border: 5px #fff solid;} 
ul#bn_bg  a:hover { border: #BDDBFF solid 5px; }

li.rec a {width: 160px; background:url(IMG/top/bn_recrute_s.jpg) no-repeat;}
li.pla a {width: 168px; background:url(IMG/top/bn_plan_s.png) no-repeat;}
li.per a {width: 160px; background:url(IMG/top/bn_personal_s.jpg) no-repeat;}

/* map */
dl#map_yama {
  /*margin: 15px 0 15px 175px;
	margin: 15px 0 30px 0;
  padding: 0;
  /*width: 367px;*/
}

dl#map_yama, dl#map_shou, dl#map_yone, dl#map_moga, dl#map_nan{
  /*margin: 0 35px 10px;
  _margin: 0 18px 10px;*/
	margin: 15px 0 30px 0;
  padding:0;
  /*float: left;
  width: 290px;*/
}

dl#map_yama dt,dl#map_shou dt,dl#map_yone dt,dl#map_moga dt,dl#map_nan dt {
  background:url(IMG/h3_bg.jpg) no-repeat 3px 3px;
  margin: 5px 0 0 0;
  padding: 3px 0 3px 20px;
  border-bottom: dotted 1px #333;
}

dl#map_yama dd,dl#map_shou dd,dl#map_yone dd,dl#map_moga dd,dl#map_nan dd {
  margin: 10px 0 0 0;
}
dl#map_yama dd p,dl#map_shou dd p,dl#map_yone dd p,dl#map_moga dd p,dl#map_nan dd p {
  margin: 0;
	padding: .5rem 1.0rem 0;
}
dl#map_yama dd img,dl#map_shou dd img,dl#map_yone dd img,dl#map_moga dd img,dl#map_nan dd img {
	width: 100%;
  max-width: 100%;
}