/* CSS3 UTF-8*/
/*
Fx用のフォント指定などは、ページ最下部
*/

@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);

html {
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
/*  font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
}
.fa.pull-left {
  margin-right:2px;
}

nav.admin_menu {
  width: 100%;
  margin-bottom: 10px;
  margin-top: 4px;
  line-height: 16px;
  border-bottom: #FF9999 1px solid;
  font-size: 0;
}
.admin_menu li {
  display: inline-block;
  position: relative;
  font-size: 12px;
  margin-left: 5px;
  padding: 8px;
  background-color: #FFDDDD;
  color: #FF3D3D;
  border: #FF9999 1px solid;
  border-bottom: none;
  cursor: pointer;
}
.admin_menu li:hover {
  background-color: #FFBDBD;
}
.admin_menu li ul {
  display: none;
}
.admin_menu li:hover ul {
  display: block;
  position: absolute;
  left: 0;
  margin-left: -1px;
  margin-top: 8px;
  width: 120px;
}
.admin_menu li li {
  display: block;
  padding: 0;
  margin: 0;
}
.admin_menu li li:last-child {
  border-bottom: #FF9999 1px solid;
}
.admin_menu li li a {
  color: #FF3D3D;
  display: block;
  background-color: #FFDDDD;
  padding: 8px 4px;
  text-decoration: none;
}
.admin_menu li li a:hover {
  text-decoration: underline;
  background-color: #FFBDBD;
}

.login_form {
  width: 370px;
  margin: auto;
  font-size: 1.6em;
  line-height: 1.8em;
}
.login_form table {
  width: 100%;
}
.login_form th {
  width: 100px;
  padding: 5px;
  vertical-align: middle;
}
.login_form td {
  padding: 5px;
  width: 250px;
  vertical-align: middle;
}
.login_form input[type="text"],
.login_form input[type="password"] {
  padding: 5px;
  font-size: 100%;
  width: 240px;
}

/* list系 */
.admin_list_news,
.admin_list_spot,
.admin_list_link,
.admin_list_slide,
.admin_list_flower,
.admin_list_contact,
.admin_list_photo {
  width:700px;
  border: 1px solid #f99;
  border-collapse: collapse;
  font-size: 1.4em;
  line-height: 1.6em;
  margin-top: 30px;
}
.admin_list_news tr,
.admin_list_spot tr,
.admin_list_link tr,
.admin_list_slide tr,
.admin_list_flower tr,
.admin_list_contact tr,
.admin_list_photo tr {
  background-color: #fff;
}
.admin_list_news tr.del, 
.admin_list_spot tr.del, 
.admin_list_link tr.del, 
.admin_list_slide tr.del, 
.admin_list_flower tr.del {
  background-color: #ccc;
}
.admin_list_news th, .admin_list_news td, 
.admin_list_spot th, .admin_list_spot td, 
.admin_list_link th, .admin_list_link td, 
.admin_list_slide th, .admin_list_slide td, 
.admin_list_flower th, .admin_list_flower td,
.admin_list_contact th, .admin_list_contact td,
.admin_list_photo th, .admin_list_photo td {
  border-collapse: collapse;
  border: 1px solid #f99;
  padding: 4px;
}
.admin_list_news th, 
.admin_list_spot th, 
.admin_list_link th, 
.admin_list_slide th, 
.admin_list_flower th,
.admin_list_contact th,
.admin_list_photo th {
  background-color: #fee;
}
.admin_list_news a:link, .admin_list_news a:visited, 
.admin_list_spot a:link, .admin_list_spot a:visited, 
.admin_list_link a:link, .admin_list_link a:visited, 
.admin_list_slide a:link, .admin_list_slide a:visited, 
.admin_list_flower a:link, .admin_list_flower a:visited,
.admin_list_contact a:link , .admin_list_contact a:visited,
.admin_list_photo a:link , .admin_list_photo a:visited {
  display: block;
  padding: 4px;
  height: auto;
  color: #f00;
  text-decoration: none;
  margin: 0;
}
.admin_list_news a:hover, .admin_list_news a:active, 
.admin_list_spot a:hover, .admin_list_spot a:active, 
.admin_list_link a:hover, .admin_list_link a:active, 
.admin_list_slide a:hover,.admin_list_slide a:active, 
.admin_list_flower a:hover,.admin_list_flower a:active,
.admin_list_contact a:hover , .admin_list_contact a:active,
.admin_list_photo a:hover , .admin_list_photo a:active {
  color: #f00;
  text-decoration: underline;
  background-color: #fee;
}

/* news */
.admin_list_news td:nth-child(1) {
  text-align: center;
  width: 100px;
  padding: 0;
}
.admin_list_news td:nth-child(2) {
  width: 200px;
}
/* spot */
.admin_list_spot td:nth-child(1) {
  width: 250px;
  text-align: left;
}
.admin_list_spot td:nth-child(2) {
  width: auto;
  text-align: left;
  padding: 0;
}
.admin_list_spot td:nth-child(3) {
  width: 50px;
  text-align: center;
}
/* link */
.admin_list_link td:nth-child(1) {
  width: 200px;
  text-align: left;
}
.admin_list_link td:nth-child(2) {
  width: auto;
  text-align: left;
  padding: 0;
}
.admin_list_link td:nth-child(3) {
  width: 100px;
  padding: 0;
  text-align: center;
}
/* slide */
.admin_list_slide td:nth-child(1) {
  width:50px;
  text-align: center;
}
.admin_list_slide td:nth-child(2) {
  padding: 0;
}
.admin_list_slide td:nth-child(3) {
  width:60px;
  padding: 0;
  text-align: center;
}
/* flower */
.admin_list_flower td:nth-child(1) {
  width: auto;
  text-align: left;
  padding: 0;
}
.admin_list_flower td:nth-child(2) {
  width: 50px;
  text-align: center;
}
.admin_list_flower td:nth-child(3) {
  width: 260px;
  text-align: left;
}
.admin_list_flower td:nth-child(4) {
  width: 50px;
  text-align: center;
}

/* contact */
.admin_list_contact td:nth-child(1) {
  width: 30px;
  text-align: center;
}
.admin_list_contact td:nth-child(2) {
  width: 50px;
  padding: 0;
  text-align: center;
}
.admin_list_contact td:nth-child(3) {
  width: 80px;
  text-align: center;
}
.admin_list_contact td:nth-child(4) {
  width: auto;
  text-align: left;
}
/* photo */
.admin_list_photo td {
  line-height: 0;
  vertical-align: middle;
}
.admin_list_photo td:nth-child(1) {
  width: 100px;
  text-align: center;
}
.admin_list_photo td:nth-child(1) img {
  display: inline-block;
}
.admin_list_photo td:nth-child(2) {
  width: auto;
  text-align: left;
  padding: 0;
  position: relative;
}
.admin_list_photo td:nth-child(3),
.admin_list_photo td:nth-child(4) {
  width: 120px;
  padding: 0;
  text-align: center;
}
.admin_list_photo a:link , .admin_list_photo a:visited {
  display: block;

  position: absolute;
  top:0;
  left:0;
  width:calc(100% - 10px);
  height:calc(100% - 10px);
}
.admin_list_photo a:link span, .admin_list_photo a:visited span {
  top: 50%;
  position: absolute;
}

/* insert */
.admin_insert_news {
  width:700px;
}
.admin_insert_news table,
.admin_insert_contact table {
  width:700px;
  border: 1px solid #f99;
  border-collapse: collapse;
  font-size: 1.4em;
  line-height: 1.6em;
  margin-top: 30px;
}
.admin_insert_news th, .admin_insert_news td,
.admin_insert_contact th, .admin_insert_contact td {
  border-collapse: collapse;
  border: 1px solid #f99;
  background-color: #FFF;
  padding: 4px;
  width: auto;
  vertical-align: middle;
}
.admin_insert_news th {
  background-color: #fee;
  width: 120px;
  text-align: left;
}
.admin_insert_news th span, 
.admin_insert_contact th span {
  color: #f00;
  font-weight: 700;
  font-size: 0.8em;
  line-height: 100%;
  display: block;
}
/*
.admin_insert_news td input[type="text"],
.admin_insert_news td input[type="url"],
.admin_insert_news td input[type="file"],
.admin_insert_news td textarea {
  width: 551px;
  padding: 4px;
  font-size: 100%;
}
*/
.admin_insert_contact th {
  background-color: #fee;
  width: 150px;
  text-align: left;
}
.admin_insert_contact th.midashi {
  width: auto;
  text-align: center;
}

/* GEOマップ用 */
#geo {
/*  width: 559px;*/
  height: 300px;
  margin: 0;
  margin-top: 5px;
}

/* エラー表示 */
.caution {
  color: :#f00;
  font-weight: 700;
}
.comp {
  font-weight: 700;
}

/* ------------------------FORM周り------------------------ */
/* 管理者ページ内 100%表示 */
.admin_input100p {
  height: auto;
  width: 551px;/* max 582px */
  padding: 4px;
  font-size: 100%;
}
select.admin_input100p {
  width: 563px;
}
input[type="file"].admin_input100p {
  width: 555px;
}

.admin_form200 {
  padding: 5px;
  width: 190px;
  font-size:100%;
}

.btm200, .btm300 {
  display: block;
  padding: 5px;
  margin: 20px auto;
  text-align: center;
}
.btm300 {
  width: 300px;
}
.btm200 {
  width: 200px;
}