/*背景色の指定*/
body { background-color: #ffffff;}	/*全体*/
header { background-color: #2C883F ;}	/*ヘッダー*/
#main { background-color: #ffffff;}	/*メイン*/

#menu { background-color: #9BC4A2;}		/*左メニュー 全体*/
ul.web-menu { background-color:#f9f1bc;}	/*左メニュー OPAC・電子図書館*/
ul.service,ul.jouhou{background-color: #f5faff;}/*左メニュー サービス案内・図書館の情報*/
ul.toppage { background-color: #fff5f1;}	/*左メニュー トップページ*/

a.index-btn {background-color:#49a9d4;				/*OPAC入口*/
	     box-shadow:2px 2px #1a6ea0;			/*OPAC入口 周辺の影*/
text-shadow:#1a6ea0 1px 1px 1px, #1a6ea0 -1px 1px 1px,		
	    #1a6ea0 1px -1px 1px, #1a6ea0 -1px -1px 1px;}	/*OPAC入口 文字の影*/

#topics { background-color: #ffffff;}	/*トピックス*/



/*文字色の指定*/
#menu { color: #000033;}		/*左メニュー*/
ul.web-menu a { color: #752100;}	/*左メニュー OPAC・電子図書館*/
ul.service a,ul.jouhou a {color: #000033;}/*左メニュー サービス案内・図書館の情報*/
ul.toppage a{ color: #640125;}		/*左メニュー トップページ*/

a.index-btn { color: #ffffff;}	/*トップ OPAC入口*/
span.date { color:#4682b4; }	/*トピックス 日付*/


/*全般*/
body {
  font-family:'Avenir Next',  'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', '游ゴシック', 'Yu Gothic','メイリオ', Meiryo, sans-serif,;
  font-size: 16px;
  color: #000044;
  padding: 0;
  margin: 0;
  overflow-y:scroll;
}


/*OPAC入口*/
div.index-btn {
 margin-top : 20px;
 margin-bottom: 20px;
 margin-right: 12px;
 text-align: center;
 font-weight: bold;
 float: left;
}

a.index-btn{
 display: block;
 width: 200px;
 border-radius: 10px;
 text-decoration: none;
}

a.kensaku {
 padding:15px 0;
 font-size: 18pt;
}

a.riyou {
 padding:8px 0 6px;
 font-size: 16pt;
 line-height: 1.2em;
}


/*電子図書館*/
 div.densi {
 width:430px;
}

img.densi {
 width: 100%;
 height: 100%;
}


/*ヘッダー*/

#text-logo {
  font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
  font-size: 33px;
  letter-spacing: 2px;
  text-shadow: 1px 1px 0px #999,
  2px 2px 0px #999,
  3px 3px 0px #555;
  float: left;
}

header {
  padding: 15px 20px;
  margin: 0;
  position: fixed;
  height: 35px;
  width: 100%;
  min-width: 1070px;
  z-index: 30;
}

header div {
  color: #ffffff;
  margin-top: 12px;
}

header div.logo {
  margin: 0;
  padding: 0;
}

header div.tel {
  font-size:18px;
  margin-left: 30px;
  float: left;
  text-shadow: 1px 1px 0px #999,
  1px 1px 0px #999,
  2px 2px 0px #555;}

header div.sp-tel {
  display: none;
}

header div.time {
  font-size:16px;
  float: left;
  margin-left: 35px;
  margin-top: 0;
  line-height: 1.2;
  text-shadow: 1px 1px 0px #999,
  1px 1px 0px #999,
  2px 2px 0px #555;}


header div.closed {
  font-size:16px;
  float: left;
  margin-left: 20px;
  margin-top: 0;
  line-height: 1.2;
  text-shadow: 1px 1px 0px #999,
  1px 1px 0px #999,
  2px 2px 0px #555;}


header a {
  color: #ffffff;
  text-decoration: none;
}


/*左メニュー*/
#menu {
  float: left;
  width: 210px;
  min-width: 200px;
  padding: 20px 18px;
  height: 100%;
  overflow: hidden;
  position: fixed;
  top:20px;
  bottom: 0px;
  overflow-y: auto;
  z-index: 20;
 letter-spacing: 0.1em;
 }

#menu ul {
  padding: 3px 5px;
  position: relative;
  min-width: 185px;
  max-width: 185px;
}

nav ul li {
  line-height: 1.5;
  border-bottom: dashed 1px silver;
  list-style-type: none!important;
}

nav ul li:last-of-type {
  border-bottom: none;
}

nav li a {
  display: block;
  text-decoration: none;
  width: 100%;
  padding: 3px 5px 2px;
}

nav ul.web-menu {
  margin: 3em auto 0;
  border-radius: 5px;
}

ul.service {
  margin: 70px auto 0;
  border-radius: 5px 5px 5px; 5px
}

ul.jouhou {
  margin: 2em auto 0;
  border-radius: 5px 5px 5px; 5px
}

ul.toppage {
  margin: 1.5em auto 0;
  border-radius: 5px;
}




/*左メニュー下 外部リンク*/
div.pc-link {
  width: 250px;
  margin: 20px auto;
  padding-bottom:60px;
  line-height: 1.6;
  text-align: left;
  font-size: 15px;
}

div.pc-link  a {
  text-decoration: none;
  color: #fff ;
  text-shadow: 1px 1px 1px #333,
    -2px 2px 1px #526615,
    2px -2px 1px #526615,
    -2px -2px 1px #526615;
}


/*メイン*/
#main {
  flloat: right;
  height: 100%;
  margin-left:200px;
  padding-left: 5%;
  padding-top: 10px; 
  position: relative;
  z-index: 10;
  min-width: 800px;
  max-width: 2000px
  background-color: #ffffff;
}

 #main-top {
 padding-top: 20px;
 margin-left: 50px;

}


#main-contents {
 line-height: 1.8;
 margin: 50px 0;
 padding: 0px 20px;
 min-width: 700px;
background-color: #ffffff;
}


.news_text a {
display: block;
margin-top: 10px;
text-overflow: ellipsis;
overflow: hidden;
}



/*トピックス 全体*/
#topics {
  color: #000044;
  margin-top: 10px;
  line-height: 1.8;
  width: 700px;
  min-height: 280px;
  border: 1px solid #9F99A3;
  border-radius: 5px;        /* CSS3草案 */  
  -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
  -moz-border-radius: 5px;   /* Firefox用 */  
  z-index: 3;
}


/*トピックス カテゴリー*/

.category {
display: inline-block;
color: #fff;
width: 60px;
font-size: 13px;
text-align: center;
margin-right: 10px;
padding: 2px 2px 0px;
background-color: #75b46e;
border-radius: 5px;
}

/*トピックス 見出し*/

ul.topics {
  margin:0;
  padding: 10px;
  list-style-type: none;
}

ul.topics a {
  color: #000044;
  text-decoration: none;
}

ul.topics li {
  padding: 2px 5px 1px;
  border-bottom: dashed 1px gray;
}




/*トピックス 内容*/
div.tree {
  background-color: #effcff;
  border: dashed 1px gray;
  padding: 15px;
  margin: -1px 0 5px;
  font-size: 15px;
  line-height: 1.6;
}

div.tree a {
 color: #191970;
 font-size: 16px;
 text-decoration: underline;
}

div.tree ul li{
  border:0;
  list-style-type:square ;
}




/*トピックス 続きを見る*/
a.log-button {

 text-decoration: none;
 background-color: #d1e5e8;
 border: solid 1px #89c3eb;
 padding:0 12px;
 width: 220px;
 display: block;
 text-align: center;
 margin: 0 auto 10px;
 border-radius: 30px;
}


/*トピックス下 ★の注意事項*/
div.topic-bottom li {
  list-style:none;
  width: 720px;
}


/*フッター*/

small {
  font-size: 14px;
}

div.access {
  font-size:15px;
  line-height:1.4 ;
  text-align: left;
  padding-left: 30px;
  padding-top: 20px;
  width: 800px;
}

div.access a{
  text-decoration: none;
}

div.copyright {
 margin: 50px auto 50px ;
 width: 800px;
 text-align: center;
}

#counter {
  float: right;
  width: 60px;
  margin-right: 50px;
  margin-bottom: 10px;
}


#toplink {
  position: fixed;
  bottom:15px;
  right: 25px;
}



/* ページのトップに戻るボタン */  
#toplink a {
  color: #ffffff;
  font-size: 20px;
  background-color: #ffa507;
  text-decoration: none;
  line-height: 1;
  display: block;
  width: 22px;
  height: 22px;
  padding: 8px;
  opacity: 0.8;
  border: solid 1px #ffffff;
  border-radius: 25px;        /* CSS3草案 */  
  -webkit-border-radius: 15px;    /* Safari,Google Chrome用 */  
  -moz-border-radius: 15px;   /* Firefox用 */  
}



/*他 装飾*/
figcaption {
text-align: center;
}

.red {
  color: #e60033;
}

.navy {
 color: #191970;
}

.green {
 color: #07af71;

}

.black {
 color: #000000;
}

.bold {
 font-weight: bold;
}



/*文字に影をつける　黒ver*/
.fuchi-black {
 text-shadow: 1px 1px 1px #000,
    -1px 1px 1px #000,
    1px -1px 1px #000,
    -1px -1px 1px #000;
}

/*文字に影をつける　白ver*/
.fuchi-white {
 text-shadow: 1px 1px 1px #ffffff,
    -1px 1px 1px #ffffff,
    1px -1px 1px #ffffff,
    -1px -1px 1px #ffffff;
}

/*文字に影をつける　グレーver*/
.fuchi-gray {
 text-shadow: 1px 1px 0 #fff, 
3px 3px 0 #dfe8f1;}



/*スマホ版 非表示*/
.sp-only {
  display: none;
}

#sp-parking {
  display: none;
}

#sp-library {
  display: none;
}

#spopac {
  display:none;
}

.sp-menu{
  display: none;
}

.sp-link {
  display: none;
}

div.sp-back {
  display: none;
}

span.sp-toplink {
  display: none;
}

div.sp-access {
  display: none;
}

#sp-theme {
  display:none;
}


}