@charset "euc-jp";
/*=========================================================================================================

File Name:	r-common.css
Style Info:	デバイス別 共通スタイル

==========================================================================================================*/


/* -----Javascript Disabled-------------------- */
div.jvd div#navigation{ display:block; }
div.jvd p#mobile-navi{ display:none;}
div.jvd div#tools{ display:none;}
div.jvd ul.accordion ul{ display:block; }
div.jvd div#photogallery{ width:100%;}
div.jvd div.navigation{ width:100%;}



/*==================================================================================================================================================
@group body,共通パーツ,各レイアウトボックス
==================================================================================================================================================*/

body{ padding:0;}
div#wrapper{ padding:0;}
div#contentInner{
  background-image:url(../images/bg.gif);
  background-repeat:repeat;
}
div#header{ background:#FFF;}
.backBtn{ display:none;}

@media screen and (min-width: 768px){
  #breadcrumbBox .backBtn{ display:block; padding-top:10px;}
}
@media screen and (min-width: 960px){
  div#contentWrapper{ width:100%; float:right;}
  div#content{ margin-left: 137px;}
  div#contentInner{ border-left:3px solid #A9DACA; position:relative;}
  div#main{ min-height:970px;}
}

/*==================================================================================================================================================
@group ナビゲーション
==================================================================================================================================================*/

#navigation{ background:#FFF; position:relative; z-index:99999;}
#navigation img{ max-width:100%;}

/* -----サイトロゴ-------------------- */
h1#siteID{
  background-image:url(../images/bg_siteid.gif);
  background-repeat:no-repeat;
  background-position:left center;
  background-size:100px auto;
  width:80px;
  padding: 10px 0 10px 80px;
  float:left;
}
h1#siteID a{
  display:block;
  margin-right:10px;
}

/* -----スマートフォン用コンテンツナビ-------------------- */
p#mobile-navi{
  color:#000;
  height:35px;
  width:87px;
  float:right;
  padding-top:34px;
}
a#mobile-btn{ display:block;}



/* -----グローバルナビゲーション-------------------- */
div#globalnavi{ clear:both; display:none;}

ul#gmenulist{ border-top:2px solid #00664C; padding-bottom:5px;}
ul#gmenulist li{ text-align:center; padding:15px 0;}

ul#gmenulist li a{
  display:block;
  padding:40px 15px 0;
  background-repeat:no-repeat;
  background-position:top center;
}

#gnavi01 a{ background-image:url(../images/bg_gnavi01.gif);}
#gnavi02 a{ background-image:url(../images/bg_gnavi02.gif);}
#gnavi03 a{ background-image:url(../images/bg_gnavi03.gif);}
#gnavi04 a{ background-image:url(../images/bg_gnavi04.gif);}
#gnavi05 a{ background-image:url(../images/bg_gnavi05.gif);}

ul#gmenulist li span{ display:block; }
ul#gmenulist li img{ max-width: 100%;}

ul#smenulist{ clear:both; border-top:1px solid #00664C;}

ul#smenulist li a{ display:block;}

@media screen and (max-width: 959px){
  ul#gmenulist li{float:left; border-bottom:1px dotted #00664C;}
  #gnavi01,
  #gnavi02,
  #gnavi03,
  #gnavi04,
  #gnavi05{ width:50%;}
  #gnavi01 a{ border-right:1px dotted #00664C;}
  #gnavi03 a{ border-right:1px dotted #00664C;}
  #gnavi05 a{ border-right:1px dotted #00664C;}
  ul#gmenulist li#gnavi05{ border-bottom:none;}
  ul#smenulist li{
    text-align:center;
    border-bottom:1px dotted #00664C;
    float:left;
    width:50%;
  }
  #snavi01 a{ border-right:1px dotted #00664C;}
  #snavi03 a{ border-right:1px dotted #00664C;}
  #snavi05 a{ border-right:1px dotted #00664C;}
  ul#smenulist li#snavi05{ border-bottom:none;}
  

}
@media screen and (min-width: 360px) and (max-width: 959px){
  #gnavi01,
  #gnavi02,
  #gnavi03,
  #gnavi04,
  #gnavi05{ width:33%;}
  #gnavi01 a{ border-right:1px dotted #00664C;}
  #gnavi02 a{ border-right:1px dotted #00664C;}
  #gnavi03 a{ border-right:none;}
  ul#gmenulist li#gnavi04{ border-bottom:none;}
  #gnavi04 a{ border-right:1px dotted #00664C;}
  #gnavi05 a{ border-right:1px dotted #00664C;}
  
  ul#smenulist li{ width:33%;}
  #snavi02 a{ border-right:1px dotted #00664C;}
  #snavi03 a{ border-right:none;}
  #snavi04 a{ border-right:1px dotted #00664C;}
  ul#smenulist li#snavi04{ border-bottom:none;}
}



@media screen and (min-width: 960px){
  div#navigation{ width:137px; float:left; margin-right:-137px; padding-top:20px;}
  p#mobile-navi{ display:none;}
  div#globalnavi{ display:block;}
  /* -----サイトロゴ-------------------- */
  h1#siteID{
    background-position:top center;
    background-size:auto auto;
    width:110px;
    padding: 85px 0 0;
    float:none;
    margin:0 auto;
  }
  h1#siteID a{ display:block; margin-right:0; background:url(../images/bg_separate_navi.gif) no-repeat bottom center; padding-bottom:5px;}
  ul#gmenulist{ border:none;}
  ul#gmenulist li{ background:url(../images/bg_separate_navi.gif) no-repeat bottom center; padding-bottom:20px;}
  ul#gmenulist li a{ padding:40px 0 0;}
  
  ul#smenulist{ border:none; padding:20px 0;}
  ul#smenulist li{ text-align:center;}
  li#snavi03{ background:url(../images/bg_separate_navi.gif) no-repeat bottom center; padding-bottom:20px;}
  li#snavi04{ padding-top:20px;}
  li#snavi05{ background:url(../images/bg_separate_navi.gif) no-repeat bottom center; padding-bottom:20px;}
}

/*==================================================================================================================================================
@group キーワード検索ボックス・文字サイズ変更
==================================================================================================================================================*/

#header img{ max-width:100%;}

/* -----文字サイズ変更・翻訳ツール-------------------- */
div#tools{ display:none;}

/* -----検索ボックス-------------------- */
div#search-topWrap{ clear:both;}
div#search-top{ background: #B2E6DD; padding:3px 0;}
div#search-top h2{
  border-top:4px solid #1F8A46;
  border-right: 1px solid #79B990;
  border-bottom: 1px solid #79B990;
  border-left: 1px solid #79B990;
  padding:5px 0;
  background:#FFF;
}
div#search-top  p#search_example{ padding:0 5px; line-height:1.3em;}
div#search-formWrap{ width:100%; float:left;}
div#inputBox p#search-form{ padding:5px 0 5px 5px; margin-right:79px;}
div#inputBox p#search-form input{ width:100%; border:1px solid #004020; line-height:1.5em; height:23px;}
p#submit-btn{ padding:5px 5px 5px 0; text-align:right; float:right; margin-left:-79px;}

div#inputBox p#search-form input:focus{ background:#FF6; border:1px solid #8C6900;}


@media screen and (max-width: 959px){
  div#header{ position:relative;}
  p#members-login{
    width:120px;
    height:70px;
    position:absolute;
    z-index:999999;
    right:0;
    bottom:-70px;
    background-image:url(../images/bg_btn_header_login.png);
    background-repeat:no-repeat;
    background-size:contain;
  }
  p#members-login a{ display:block; width:90px; padding:10px 0 0 20px;}
}

@media screen and (min-width: 640px){
  p#members-login{ width:140px; height:80px; bottom:-80px;}
  p#members-login a{ width:120px; padding:10px 0 0 20px;}
  
}
@media screen and (min-width: 960px){
  div#header{
    position:absolute;
    top:0;
    right:0;
    padding:20px 20px 20px 0;
    z-index:999999;
    background:none;
    width:610px;
    background-image:url(../images/bg_btn_header_login.png);
    background-repeat:no-repeat;
    background-position:top right;
  }
  
  div#search-topWrap{ width:280px; float:left; clear:none;}
  div#search-top{ padding:3px 10px 0 0; background:none;}
  div#inputBox p#search-form{ padding:0; margin-right:69px;}
  p#submit-btn{ padding:0;}
  
  /* -----文字サイズ変更・翻訳ツール-------------------- */
  div#tools{ display:block; width:221px; float:left;}
  div#fontctl{ width:211px;}
  div#fontctl p{ float:left; width: 115px;}
  div#fontctl ul{ float:right; width:96px;}
  div#fontctl li{ width:32px; float:left;}
  div#fontctl li a{ display:block;}
  
  p#members-login{ position:static; width:109px; height:31px; bottom:0; float:left;}
  p#members-login a{ width:109px; padding:0; display:block;}
  
}


/*==================================================================================================================================================
@group フッター
==================================================================================================================================================*/

div#footer{ line-height:1.4em;}
div#content-footer{ padding:20px; background:url(../images/bg_footer.gif) repeat;}
address{
  background-image:url(../images/logo-kikuchicity.png);
  background-repeat:no-repeat;
  background-position:left top;
  background-size:50px auto;
  padding:0 0 0 60px;
}
address span{ display:block;}
p#copy{
  clear:both;
  font-size:78%;
  text-align:center;
  word-wrap:break-word;
  padding:5px 0;
  background:#94D1BD;
}

@media screen and (min-width: 600px){
  div#footer{ font-size:smaller;}
}

/*==================================================================================================================================================
@group 599以下
==================================================================================================================================================*/
.slide{position:relative;}

table.calTable td.pastday{ background:#EFEFEF; width:14%;}

.year span{ text-align:center; font-size:130%;}
.month{}
.month strong{ text-align:center; font-size:220%;}
.dateBox{
    margin:5px auto;
	width:80%;
	text-align:center;
}
.dateBox p.dateprev{
  float:left;
  margin-top:5px;
}
.dateBox p.datenext{
  float:right;
  margin-top:5px;
}
.dateBox a{
}
.dateBox p{
  font-size:120%;
}
.dateBox p.date{
  display:inline-block;
}
.dateBox p strong{
  font-size:140%;
}


.dateBox p.prevmonth,.dateBox p.nextmonth{
  margin-top:10px;
}
.dateBox p.prevmonth{padding-right:10px;}
.dateBox p.nextmonth{padding-left:10px;}

div.calTableWrapper{
  border:1px solid #DBDBDB;
  background:#DCEDF5;
  padding:7px;
  margin:10px auto 0 auto;
}
table.calTable{
  width:100%;
  font-size:120%;
}
table.calTable tr{
  height:70px;
}
table.calTable tr.youbi{
  height:40px;
}
table.calTable th{
  text-align:center;
  font-size:110%;
}
table.calTable th.sun{
  color:#B20000;
}
table.calTable th.sat{
  color:#00468C;
}
table.calTable td{
  border:1px solid #DBDBDB;
  background:#FFFFFF;
  vertical-align:middle;
  text-align:center;
  padding:10px 0;
}
table.calTable a{
  display:block;
  line-height:70px
}
.calcellwrapper{
  display:block;
  position:relative;
  height:70px
}
.calcelllabel{
  display:block;
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  vertical-align:middle;
  cursor:pointer;
}
.calcell-inner{
  display:block;
  padding-top:20px;
  text-align:center;
}
.chkflg{
  display:block;
  position:absolute;
  top:10px;
  right:10px;
}
table.calTable a:hover{
  background:#ECF5FA;
}
.submitbtn-yohaku{ padding:5px;}
p.btn-selecttime{ float:right; padding:20px;}



/*==================================================================================================================================================
@group 599以下
==================================================================================================================================================*/

@media screen and (max-width: 599px){
  div#wrapper{ font-size:100%; line-height:1.6em;}
  div#shinsei ul.news-list{ padding:10px 0 0;}
  div#shinsei ul.news-list a{ padding:0 0 10px;}
  div#footerNav{ padding:10px 0;}
  div#breadcrumbBox{ font-size:70%;}
}


/*==================================================================================================================================================
@group 施設管理
==================================================================================================================================================*/


h2.shisetsuName{
  padding:4px 0 0 0;
  text-align:left;
  font-size:120%;
}
h2.shisetsuName span{
  display:inline-block;
  background:url(../images/bg_shisetsu.gif) no-repeat bottom right #9fcde6;
  width:auto;
  padding:0.5em 170px 0.5em 1em;
}

h3#process{
  border:1px solid #DBDBDB;
  padding:15px 0 0 1em;
  background:#DCEDF5;
  text-align:left;	
  font-size:110%;
  height:40px;
}
p.processText{
  float:left;
  margin:20px 0 0 0;
  padding:0 15px;
  text-align:left; 
}