@charset "euc-jp";

@media print , screen and (min-width: 767px) {
}
@media only screen and (max-width: 767px) {
}
/*----------------------------------------------------
  header
----------------------------------------------------*/
@media print , screen and (min-width: 767px) {
#header {
  background:#999999;
}
#head_inr {
  width:900px;
  margin:0 auto;
  background:url(../images/header.gif) no-repeat;
  position:relative;
}
h1 {
  display:block;
  height:60px;
  font-size:0;
  text-indent:-9999px;
}
h1 a {
  display:block;
  height:60px;
  text-decoration:none;
}
}
@media only screen and (max-width: 767px) {
#header {
  background:#999999;
}
#head_inr {
  width:100%;
  height:6em;
  background:url(../images/header.gif) no-repeat center center;
  -webkit-background-size:100% auto;
  -moz-background-size:100% auto;
  -o-background-size:100% auto;
  position:relative;
}
h1 {
  display:block;
  font-size:0;
  text-indent:-9999px;
}
h1 a {
  display:block;
  text-decoration:none;
}
}


/*----------------------------------------------------
  menu
----------------------------------------------------*/
@media print , screen and (min-width: 767px) {
#gnavi {
  height:40px;
  background:url(../images/navi.gif) repeat-x;
}
#gnavi strong {
  display:none;
}
#gnavi ul {
  display:block;
  width:900px;
  height:40px;
  margin:0 auto;
  background:url(../images/pat.gif) no-repeat left center;
}
#gnavi li {
  display:block;
  float:left;
  line-height:40px;
  font-size:14px;
  background:url(../images/pat.gif) no-repeat right center;
}
#gnavi li a {
  display:block;
  padding:0 2em;
  margin:0 3px;
  line-height:40px;
  color:#ffffff;
}
#gnavi li a:hover {
  background-image:url(../images/gnavi_red.gif);
  background-repeat:no-repeat;
  background-position:center center;
}
}
@media only screen and (max-width: 767px) {
#gnavi {
/*
  height:40px;
*/
  background:url(../images/navi.gif) repeat-x;
  position:relative;
}
#gnavi strong {
  display:block;
  text-align:center;
  line-height:3em;
  color:#fff;
}
#gnavi ul {
  display:block;
  width:100%;
  background:#000;
}
#gnavi li {
  display:block;
  border-bottom:1px solid #ccc;
}
#gnavi li a {
  display:block;
  color:#fff;
  line-height:3em;
  padding:0 2em;
}
}


/*----------------------------------------------------
  管理画面切替
----------------------------------------------------*/
.cnavi {
  position:absolute;
  top:30px;
  right:0;
  z-index:90;
}
.menu_head, .menu_body {
  width:300px;
}
.menu_head {
  line-height:30px;
  background-color:#990000;
  background-image:url(../images/arw.png);
  background-repeat:no-repeat;
  background-position:5px center;
  cursor:pointer;
  border-right:1px solid #000000;
  border-top:1px solid #000000;
  border-left:1px solid #000000;
}
.menu_head strong {
  display:block;
  padding:0 10px 0 35px;
  color:#ffffff;
  font-size:16px;
  font-weight:normal;
}
.menu_body {
  display:none;
  border-right:1px solid #000000;
  border-bottom:1px solid #000000;
  border-left:1px solid #000000;
  list-style-type:none;
}
.menu_body li {
  display:block;
  background:#333333;
}
.menu_body li.alt {background:#666666;}
.menu_body li a {
  display:block;
  padding:10px;
  color:#ffffff;
  text-decoration:none;
}
.menu_body li a:hover {
  padding:15px 10px;
  font-weight:bold;
}


/*----------------------------------------------------
  footer
----------------------------------------------------*/
#foot {
  border-top:1px solid #666;
  padding:10px 0 30px;
  color:#666666;
  text-align:center;
  line-height:2em;
}
#foot p {
}
#foot small {
  font-size:0.8em;
}


/*----------------------------------------------------
  layout
----------------------------------------------------*/
@media print , screen and (min-width: 767px) {
#container {}
#body {
  width:904px;
  margin:0 auto;
  background:url(../images/body_pc.gif) no-repeat 0 10px;
}
#box {
  width:850px;
  margin:0 auto;
  padding:10px 0;
  min-height:500px;
}
h2 {
  display:block;
  padding:20px 0;
  color:#990000;
  font-size:20px;
  font-weight:normal;
}
}
@media only screen and (max-width: 767px) {
#container {
  background:url(../images/bg.gif) repeat-x;
}
#body {
  width:100%;
  margin:1em 0;
  background:#fff url(../images/body_sp.gif) repeat-x;
  -webkit-background-size:5px auto;
  -moz-background-size:5px auto;
  -o-background-size:5px auto;
}
#box {
  width:90%;
  margin:0 auto;
  padding:10px 0;
  min-height:500px;
}
h2 {
  display:block;
  padding:20px 0;
  color:#990000;
  font-size:20px;
  font-weight:normal;
}
}


/*----------------------------------------------------
  form
----------------------------------------------------*/
#tag {position:relative; text-align:left;}
#palette {position:relative; text-align:left;}
#palette1,#palette2 {
  display:none;
  width:150px;
  position:absolute;
  overflow:visible;
  top:0px;
  left:0px;
}
@media print , screen and (min-width: 767px) {
#idx_body {
  width:700px;
  margin:0 auto;
}
#form_body {
  width:800px;
  margin:0 auto;
}
.items {
  display:block;
  width:20%;
  float:left;
  padding:15px 0;
  vertical-align:top;
  text-align:left;
}
.items strong {
  display:block;
  background:url(../images/circle_red.gif) no-repeat 0 2px;
  padding-left:20px;
}
#idx_body .items strong {
  background:url(../images/circle_red.gif) no-repeat 0 5px;
  font-size:16px;
  font-weight:normal;
  margin-top:5px;
}
.field {
  margin-left:20%;
  padding:15px;
  vertical-align:top;
}
.field label {
  padding-left:0.5em;
}
.field img {
  margin:5px 0;
}
.line {
  overflow:hidden;
}
.bline {
  overflow:hidden;
  border-bottom:1px solid #ccc;
}
.index .items {
  width:45%;
}
.index .field {
  margin-left:45%;
}
}
@media only screen and (max-width: 767px) {
#idx_body, 
#form_body {
  width:100%;
  margin:0 auto;
}
.items {
  display:block;
  padding:15px 0 0;
  text-align:left;
}
.items strong {
  display:block;
  background:url(../images/circle_red.gif) no-repeat 0 2px;
  padding-left:20px;
}
#idx_body .items strong {
  background:url(../images/circle_red.gif) no-repeat 0 5px;
  font-size:16px;
  font-weight:normal;
  margin-top:5px;
}
.field {
  display:block;
  padding:5px 0 15px;
}
.field label {
  padding-left:0.5em;
}
.field img {
  margin:5px 0;
}
.line, 
.bline {
  overflow:hidden;
}
#MemberTitle {
  width:90% !important;
}
#content {
  width:100% !important;
}
#tag strong, 
#formbutton p {
  clear:both;
  line-height:1.3 !important
}
}
#form_title {
  font-size:20px;
  padding:5px 0;
  border-bottom:2px solid #990000;
}
.attent {
  color: #FF0000;
  padding-top: 3px;
  padding-left: 10px;
}
#tag {position:relative; text-align:left;}
.palette {position:relative; text-align:left; width:600px;}
.palette_box {
  display:none;
  width:150px;
  position:absolute;
  overflow:visible;
  top:0px;
  left:220px;
}
#tag ul {
  display:block;
  float:left;
  position:relative;
}
#tag li {
  display:block;
  width:31px;
  height:23px;
  float:left;
  font-size:0;
  text-indent:-9999px;
}
#tag li a, #tag li a:hover, #tag li a:visited {
  display:block;
  width:31px;
  height:23px;
}
#tag1, #tag2, #tag3, #tag4, #tag5, #tag6, #tag7, #tag8, #tag9, #tag10 {background:url(../images/tag.gif) no-repeat;}
#tag1 a:hover, #tag2 a:hover, #tag3 a:hover, #tag4 a:hover, #tag5 a:hover, 
#tag6 a:hover, #tag7 a:hover, #tag8 a:hover, #tag9 a:hover, #tag10 a:hover {
  background:url(../images/tag_o.gif) no-repeat;
}
#tag1, #tag1 a:hover {background-position:0 0;}
#tag2, #tag2 a:hover {background-position:-31px 0;}
#tag3, #tag3 a:hover {background-position:-62px 0;}
#tag4, #tag4 a:hover {background-position:-93px 0;}
#tag5, #tag5 a:hover {background-position:-124px 0;}
#tag6, #tag6 a:hover {background-position:-155px 0;}
#tag7, #tag7 a:hover {background-position:-186px 0;}
#tag8, #tag8 a:hover {background-position:-217px 0;}
#tag9, #tag9 a:hover {background-position:-248px 0;}
#tag10, #tag10 a:hover {background-position:-279px 0;}

#tag strong {
  display:block;
  line-height:23px;
  font-size:11px;
  font-weight:normal;
}

#formbutton {
  margin:20px 0;
  padding:20px 10px;
  background:#f1f1f1;
  border:1px solid #cccccc;
}
.return {
  display:block;
  width: 100%;
  float:left;
}
.return li {
  display:block;
  width:170px;
  height:39px;
  float:left;
  text-align:center;
}
.return li a, .delete a {
  display:block;
  width:162px;
  height:39px;
  font-size:14px;
  line-height:39px;
  font-weight:bold;
  color:#ffffff;
}
.submit {
  background:url(../images/submit_red.gif) no-repeat;
}
.reset, .delete {
  background:url(../images/reset.gif) no-repeat;
}
#formbutton p {
  line-height:39px;
}
.manu {
  padding-right:15px;
  position:relative;
}
.manu .helpbtn {
  width:20px;
  height:20px;
  background:url(../images/help.png) no-repeat center center;
  font-size:0;
  text-indent:-9999px;
  position:absolute;
  top:0;
  right:0;
  z-index:1;
}
.manu .helpbtn a {
  display:block;
  width:20px;
  height:20px;
  text-decoration:none;
}


/*----------------------------------------------------
  List
----------------------------------------------------*/
@media print , screen and (min-width: 767px) {
#list {
  height:500px;
  overflow:auto;
}
#list_body {
  width:780px;
  margin:20px auto;
}
#list_body dl {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  overflow:hidden;
  border-bottom:1px solid #ccc;
}
#list_body dt {
  display:block;
  text-align:center;
}
#list_body dd {
  display:block;
}
#list_body .enable {
  width:70px;
  padding: 5px 0;
}
#list_body .no {
  width:70px;
  line-height:30px;
}
#list_body .date {
  width:100px;
  line-height:30px;
}
#list_body .datetime {
  width:150px;
  line-height:30px;
  text-align:center;
}
#list_body .ttl {
  width:380px;
  text-align:left;
  line-height:30px;
  overflow:hidden;
}
#list_body .ttl2 {
  width:450px;
  text-align:left;
  line-height:30px;
  overflow:hidden;
}
#list_body .ttl a, .name a, .ttl2 a {
  /*display: block;*/
  line-height: 1.5;
  padding: 5px;
}
#list_body .name {
  width:260px;
  line-height:30px;
  text-align:left;
}
#list_body .sns {
  width:80px;
  line-height:30px;
  text-align:center;
}
#list_body .image {
  width:100px;
  text-align:center;
  line-height:30px;
  overflow:hidden;
}
#list_body .preview {
  width:45px;
  text-align:center;
}
#list_body .area {
  width:130px;
  text-align:center;
}
#list_body .ctrbtn {
  width:115px;
  text-align:center;
}
#list_body .del {
  width:40px;
  line-height:30px;
  text-align:center;
}
.visi, .unvisi {
  margin:2px auto 0;
}
.prev a {
  margin:2px auto 0;
}
.row {
  margin:2px auto 0;
}
.list1 {
  border-right:1px dotted #ccc;
  padding:3px auto;
  text-align:center;
}
.list2 {
  border-right:1px dotted #ccc;
  padding:3px auto 3px 5px;
  text-align:left;
}
.list3 {
  padding:3px auto;
  text-align:center;
}
.list2 a, .list2 a:visited {
  text-decoration:underline;
  font-weight:bold;
  color:#27739F;
}
.list2 a:hover {
  text-decoration:underline;
  font-weight:bold;
  color:#D22912;
}
.list_foot {padding-top:10px;}
.list_foot span {
  font-weight:bold;
  color:#27739F;
}
}
@media only screen and (max-width: 767px) {
#list {}
#list_body {
  width:100%;
  margin:1em auto;
}
#list_body dl {
  display:block;
  overflow:hidden;
  border-bottom:1px solid #ccc;
  padding:0.5em;
}
#list_body .head {
  display:none;
}
#list_body dd.enable {
  padding-bottom:0.5em;
}
#list_body dd.no {
  float:left;
  padding-right:1em;
}
#list_body dd.date {
}
#list_body dd.ttl {
  clear:both;
  font-size:1.2em;
  padding:0.5em 0;
}
#list_body dd.preview {
  float:left;
}
#list_body dd.ctrbtn {
}
}

dl#rec_1{
	background-color:#ffffe0;
}

dl#rec_0{
	background-color:#ffe0dd;
}

.visi, .unvisi {
  width:63px;
}
.visi a, .unvisi a {
  display:block;
  text-align:center;
  line-height:25px;
  color:#ffffff;
  text-decoration:none;
}
.visi {background:url(../images/visi.png) no-repeat;}
.unvisi {background:url(../images/unvisi.png) no-repeat;}
.unvisible {background-color:#ccc;}
.prev {
  display:block;
  margin:2px;
  font-size:0;
  text-indent:-9999px;
}
.prev a {
  display:block;
  width:22px;
  height:22px;
  text-decoration:none;
  background:url(../images/prev.gif) no-repeat;
}
.prev a:hover {background-position:0 -22px;}
.prev a:active {background-position:0 -44px;}
.ctr {
  padding:5px 0;
}
.ctr ul {
  display:block;
  list-style-type:none;
}
.ctr ul li {
  display:inline;
}
ul.ctrlis {
  display:block;
  width:105px;
  margin:0 auto;
  list-style-type:none;
}
ul.ctrlis li {
  display:block;
  margin:2px;
  float:left;
  font-size:0;
  text-indent:-9999px;
}
ul.ctrlis li a, ul.ctrlis li.non {
  display:block;
  width:22px;
  height:22px;
  text-decoration:none;
}
.cttop a, .ctup a, .ctdown a, .ctend a {
  background:url(../images/ctr.gif) no-repeat;
}
.ctup a {background-position:-22px 0;}
.ctdown a {background-position:-44px 0;}
.ctend a {background-position:-66px 0;}

.cttop a:hover {background-position:0 -22px;}
.ctup a:hover {background-position:-22px -22px;}
.ctdown a:hover {background-position:-44px -22px;}
.ctend a:hover {background-position:-66px -22px;}

.cttop a:active {background-position:0 -44px;}
.ctup a:active {background-position:-22px -44px;}
.ctdown a:active {background-position:-44px -44px;}
.ctend a:active {background-position:-66px -44px;}



/*----------------------------------------------------
  ckeditor
----------------------------------------------------*/
#twoclm {
  width:900px;
  margin:0 auto;
}

#alpha {
  width:650px;
  float:left;
}

#beta {
  width:250px;
  float:right;
}


/*----------------------------------------------------
  manual
----------------------------------------------------*/
dl.wysiwig {
  display:block;
  padding:10px 0;
  border-bottom:1px dotted #cccccc;
}
dl.wysiwig dt img {
  margin:0;
  vertical-align:middle;
  border:1px solid #cccccc;
}
dl.wysiwig dt, dl.wysiwig dd {
  display:block;
  float:left;
  margin-right:10px;
  line-height:25px;
}

dl.wysiwig dd ol, dl.wysiwig dd ul {
  margin:0;
  padding-left:40px;
}
dl.wysiwig dd ol li, dl.wysiwig dd ul li {
  margin:0;
}

dl.ctrlis, dl.visit {
  display:block;
}
dl.ctrlis dt, dl.visit dt {
  display:block;
  margin:2px 5px 2px 2px;
  float:left;
}
dl.ctrlis dt a {
  display:block;
  width:22px;
  height:22px;
  font-size:0;
  text-indent:-9999px;
  text-decoration:none;
}
dl.ctrlis dd {
  display:block;
  margin:2px;
  line-height:25px;
}
dl.visit dd {
  display:block;
  margin:2px;
  line-height:28px;
}
dl.ctrlis dt .prev {
  margin:0;
}
#close #formbutton {
  width:170px;
  margin:0 auto;
}
dl.htmltag {
  display:block;
  padding:10px 0;
  border-bottom:1px dotted #cccccc;
}
dl.htmltag dt {
  display:block;
  width:40px;
  float:left;
}
dl.htmltag dd {
  display:block;
  margin-left:40px;
  padding-top:5px;
}


/*----------------------------------------------------
  ポップアップ
----------------------------------------------------*/
.ipop {
  width:500px;
  position:absolute;
  display:none;
  z-index:9999;
  background:#ffffff;
  border:3px solid #cccccc;
}
.ipop_title {
  background:#990000 url(../images/help.png) no-repeat 5px 50%;
  color:#ffffff;
  padding:5px 10px 5px 30px;
  cursor:pointer;
}
.ipop_title #ttl {
  float:left;
}
.ipop_title #att {
  float:right;
  text-align:right;
  font-size:11px;
  color:#999999;
}
.ipop_close {
  text-align:right;
  cursor:pointer;
  padding:2px 10px;
  background:#333333;
  color:#ffffff;
}
.ipop_body {
  padding:20px 20px 40px;
  overflow:scroll;
  overflow-x:hidden;
}
/*
#pop_id .ipop_body {height:100px;}
#pop_date .ipop_body {height:100px;}
#pop_title .ipop_body {height:60px;}
#pop_top .ipop_body {height:100px;}
#pop_thumb .ipop_body {height:100px;}
#pop_url .ipop_body {height:100px;}
#pop_file .ipop_body {height:100px;}
#pop_view .ipop_body {height:100px;}
#pop_list_type .ipop_body {height:300px;}
*/
#pop_body_text .ipop_body {height:500px;}


/* form */
.error-message {
  color:#e00;
}
#flashMessage.message {
  font-weight:bold;
  font-size:120%;
  background-color: #aafaaa;
  border:1px solid aaf0aa;
  border-radius: 5px;
  padding:10px;
}

.ui-datepicker { z-index: 1000 !important; }

#map{
	position: relative;
	padding: 0 0 80%;
	height: 0;
	overflow: hidden;
}
#map iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}