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

File Name:	ie-common.css
Style Info:	IE向け共通スタイル

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



/* -----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; width:1120px; border-right:2px solid #A9DACA; border-left:2px solid #A9DACA; margin: 0 auto 0 0;}
div#contentInner{
  background-image:url(../images/bg.gif);
  background-repeat:repeat;
}
div#header{ background:#FFF;}
.backBtn{ display:none;}

  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;}
}



  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;}


/* note:デザイン確定後、次の一行は削除 */
p#members-login{ display:none;}


  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;}

  p#members-login{ width:130px; height:80px; bottom:-80px;}
  p#members-login a{ width:109px;}
  
  div#header{ position:absolute; top:20px; right:20px; z-index:999999; background:none; width:501px;}
  
  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;}
  


/*==================================================================================================================================================
@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;
}

  div#footer{ font-size:smaller;}


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

  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%;}