@charset "Shift_JIS";
body{
  -webkit-text-size-adjust:100%;
  font:100% "ＭＳ Ｐゴシック", "MS P Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
  background-image : url(back01.gif);
  background-repeat : repeat-y;
  background-position: center;
  margin: 10px 10px 0px 10px;
  }


#container{width:100%; min-width:480px; max-width:780px; margin:0 auto;background-color:#FFFFFF;}  /*最大幅780pxの中央寄せ*/

#sp_index {color:#FFFFFF; text-align:center;
           font-weight:bold;
           background-color:#2660a1; padding:2px 0px 1px 0px;
           display:none;} /*PC時は消しておく*/
a#sp_index_link        {text-decoration:none; font-size:180%; color:#FFFFFF;}
a:hover#sp_index_link  {color:#600;} /*マウスオン時のリンクの色*/
a:active#sp_index_link {color:#600;} /*クリックしている時のリンクの色*/


#header:after {display:block; clear:both; content:"";}


#top_logo {display:block;
           width:360px; height:70px;
           background-image:url(pageid2.jpg);
           background-color:#FFFFFF;
           background-repeat:no-repeat;
           float:left;
           }

#logo a:hover{background:url(pageidlinklogo.jpg) no-repeat;
              margin-left:22px;}

a#toppage {display:block;
           margin:0px;
           padding:0px;
           width:50%;
           height:70px;
           text-decoration:none;
           color:transparent;/*トップページへのリンク文字を透明に指定*/
           text-align:center; vertical-align:middle;
	       }

#top_link{background-color:#FFFFFF;
          float:left;
          text-align:left;
          font-size:90%;
          margin:0px 25px;}

#top_kensaku
          {padding-top:10px;
           background-color:#FFFFFF;
           float:left;
           margin:0px 25px;}


#form_area   {margin:3px 5px 5px 25px; width:180px; background-color:#FFFFFF; float:left;}


/*　■　グローバルメニュー　■　*/
#menubar  {height:auto; background-image:url(../img/bookshelfbar.jpg); background-repeat:repeat-y; }
#menubar ul  {margin:0px;padding:0px;}
#menubar li  {display:block; text-align:center; float:left; margin:10px 24px; width:auto; font-size:90%; font-weight:bold;}
#menubar li a{color:#4e2727;}
#menubar:after {display: block; clear: both; content: "";}

#pankuzu     {margin:5px 10px; font-size:80%;line-height:150%; text-align:left;}

#koushin li  {list-style:none; margin:5px;}


/*見出し*/
h1 {font-size:160%;
    color:#FFFFFF;
    border:1px solid #006799;
    background-color:#2660a1;
    padding:10px 10px 10px; padding-left:10px;
    margin-top:5px;
    margin-bottom:10px;
    text-align:left;}


h2 {font-size:150%;
	color:#553700;
	border-bottom:solid; border-bottom-width:1px;
	border-left:solid; border-left-color:#dda72f ;border-left-width:5px;
	padding:5px 10px 3px; padding-left:10px;
	margin:20px 0px 10px; margin-left:0px; margin-bottom:10px; margin-left:0px; margin-left:0px; margin-left:10px;
    background-color:#ffe4b3;
    text-align:left;}


h3 {font-size:120%;
    color:#006600;
    border-bottom:dashed; border-bottom-width:1px;
    margin:15px 10px 10px 25px;
    padding-left:5px;
    text-align:left;}


p  {margin:8px 30px 8px 40px;
    line-height:150%;
    text-align:left;}

li {margin:10px; line-height:120%;}


#toiawase {text-align:center;}

#footer  {text-align:center;
          font-weight:bold;
          background-image:url(bookshelfbar.jpg);
          font-size:80%;
          width:100%;
          padding:8px 0px;
          line-height:150%;}


blockquote {color:#5e005e;
            margin:12px;
            border:1px solid #000000; 
            line-height:150%;
            padding:5px 10px;}


/*リンクのあれこれ*/

a:link    {color:#00F;}
a:visited {color:#00C;}
a:hover   {color:#600; background-color:#FF9; border:0;}
a:active  {color:#F0F;}
a img     {border-style:none;}

#pageid   {background-image:url(pageid.jpg); padding-left:22px;}

#modori   {font-size:80%; text-align:center; margin-top:20px;}


/*tableのあれこれ*/

table.green {border-collapse:collapse; border:1px solid #006600;}
.green th   {border:1px solid #006600; padding:5px; background-color:#84ff84;}
.green td   {border:1px solid green; padding:5px; line-height:120%;}
.greenwide td {border: 1px solid #006600; padding:15px 15px 15px 20px;}

table.pink  {border-collapse:collapse; border:1px solid #e90756;}
.pink th    {border:1px solid #e90756; padding:5px; background-color:#fee0ec;}
.pink td    {border:1px solid #e90756; padding:5px;}

table.gray  {border-collapse:collapse; border:1px solid #cccccc;}
.gray th    {border:1px solid #cccccc; padding:5px;}
.gray td    {border:1px solid #cccccc; padding:5px;}

#nittei     {margin-left:100px; line-height:180%;}
#nittei th  {text-align:left; line-height:180%;}
#nittei td  {text-align:left; line-height:180%;}


/*　■　便利設定　■　*/

.bold {font-weight:bold; }

.br-pc   {display:block; } /*PC時のみ改行する*/
.br-sp   {display:none; } /*PC時は改行しない*/


/*　■　レスポンシブデザイン用　■　*/

@media screen and (max-width: 480px){  /*スマホ縦表示の時のみ使用する（つもり）*/

body     {margin:0;}

#top_link{font-size:100%; width:100%; text-align:center; margin:5px auto 10px auto;}

#menubar    {padding:2px 0px; background-image:none; background-color:#dfffdf;}/* 背景色変更 */
#menubar ul {font-size:120%;} 
#menubar li {margin:5px 0px; width:32%;}

#pankuzu     {font-size:110%;}

h3 {font-size:130%; margin-left:15px;}

p  {font-size:130%; margin:8px 20px;}

li {font-size:130%; line-height:150%;}

.br-pc   {display:none; } /*スマホ時は改行しない*/
.br-sp   {display:block; } /*スマホ時のみ改行する*/

#top_logo {display:none;} /*県立図書館ロゴを非表示にする*/
#top_kensaku {display:none;} /*簡易検索を非表示にする*/
#toiawase {text-align:left;}
#sp_index {display:block; }   /* 非表示にしていたスマホ用タイトルを再表示する */


h3 {font-size:130%;}

table {font-size:120%;}
blockquote {font-size:120%;}

}


/*　■　レスポンシブデザイン用ここまで　■　*/


@media print{

  body {width: 780px; background:none; transform-origin:0 0;}
}


